body {
  background: url('../../images/BRANCH9bw.jpg');
  margin: 2px 4em 0 2px;
  margin: 0 auto;
  font-family: 'Lucida Sans', 'Lucida Grande', Arial;
}

#rapper {
  border: 1px solid black;
  width: 800px;
  margin: 1em 3em;
}

#heading {
  background: rgb(0,0,0);
  color: white;
  padding: .5em .5em 1em 1em;
}

#content {
  border-bottom: solid 1px black;
  background: rgb(155,140,140);
  padding: 1em 0 1em 2em;
}

/* p */
p.bestofel {
  font-size: 90%;
  margin: 0 10em 1em 0;
}
p.bestofel:first-line {
  font-size: 110%;
}

/* h's */

h1#title {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

#title a { background: forestgreen; color: black; padding: 0 .3em; }

#heading a { font-weight: bold; }

ul { padding: 0; }

h4 { margin: .5em 0; }


/* lists */
ul.inline li {
  padding: 0 0 0 0;
  margin: 0;
}

ul.displayinline, ul.displayinline li {
  display: inline;
}

ul.displayinline li, .displayinline ul li {
  margin-right: 2em;
}


/* coloring */
.colorgreen {
  color: rgb(90,200,110);
  color: green;
}


/* text-transform */
.textupper { text-transform: uppercase; }
.textlower { text-transform: lowercase; }
.bold { font-weight: bold; }

/* width */
.col { padding-right: 2em; }

/* background */


/* float */
.floatleft { float: left; }
.floatright{ float: right; }
.clearall { clear: both; }

/* display */
.displayinline li, .displayinline { display: inline; }
.displayinline li {
  padding: 0 0 0 0em;
}

.smallblock {
}

/* A's */
a, a:active {
  text-decoration: none;
}

a, a:visited { color: purple; }

a:hover {
  color: darkorchid;
  text-decoration: underline;
}

/* decoration */
.plain { font-weight: normal; text-decoration: none; }


/* margin control */
.lowermargin { margin-bottom: 2em; }
.nomargins { margin: 0; }
.slightverticalmargins {  margin-top: 1em; margin-bottom: 1em; }