/* White background, with a bit of a margin to keep it off of the edges. */
body {
  background-color: #000000;
  margin: 3%;
}

/* leave space between paragraphs. */
p {
  border-bottom: 0.5em;
}

/* Font sizing characteristics for the items in the header table */
span.h1 {
  font-size: 170%;
  font-weight: bold;
}
span.h2 {
  font-size: 130%;
}

h1 {
  text-decoration: underline;
}

h2.center {
  text-align: center
}

h3.center {
  text-align: center
}

/* Leave a little blank space after UL's, too. */
ul {
  margin-bottom: 1em;
}

/* And, put a space between the text on the page, and the address, */
/* which is expected to be on the bottom somewhere... */
address {
  margin-top: 1em;
}

div#content {position: absolute; top: 26px; left: 133px; right: 25px;
  color: #BAA; background: #22232F;
  font: 13px Verdana, sans-serif; padding: 10px;
  border: solid 5px #444;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}
div#content a:link {color: white;}
div#content a:visited {color: #BBC;}
div#content a:link:hover {color: #FF0;}
div#content a:visited:hover {color: #CC0;}

div#links {position: absolute; top: 129px; left: 0; width: 138px;
height: 700px; font: 16px Verdana, sans-serif; z-index: 100;}

div#links a {display: block; text-align: center; font: bold 1em sans-serif;
   padding: 5px 10px; margin: 0 0 1px; border-width: 0;
   text-decoration: none; color: #FFC; background: #444;
   border-right: 5px solid #505050;}

div#links a:hover {color: #411; background: #AAA;
   border-right: 5px double white;}

div#links a img {height: 0; width: 0; border-width: 0;}

div#links a:hover img {position: absolute; top: 200px; left: 41px;
height: 50px; width: 50px;}