/* Many thanks to css/edge for the ideas used here.  See
 * http://www.meyerweb.com/eric/css/edge/
 */

body {position: relative; background: black; margin: 0; padding: 0;}

/* Links on the left */
div#links {position: absolute; top: 81px; left: 0; width: 166px; height: 
800px; font: 12px 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: #CCC; background: navy;
   border-right: 5px solid #505050;}
div#links a:hover {color: navy; background: #CCC; 
	border-right: 5px outset black;}

div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 27em; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;}

/* The main pane of the page */

div#content {position: absolute; top: 26px; left: 161px; right: 25px;
   color: #111; background: white;
   font: 12px 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: navy;}
div#content a:visited {color: navy;}
div#content a:link:hover {color: #777;}
div#content a:visited:hover {color: #777;}
div#content em {font-family: serif; white-space: nowrap;}

/* h1 gets used as the title, and that's it */
h1 {margin: -9px -9px 0.5em; padding: 15px 5px 15px; text-align: center; 
background: navy; color: #EEE; letter-spacing: 0em; text-transform: 
capitalize; font: bold 25px sans-serif; height: 28px; vertical-align: 
middle; white-space: nowrap;}

/* h3 gets used as section headers */
h3 {margin: 0px -9px 1em -9px; padding: 2px 15px 2px 20px; text-align: 
center; 
background: navy; color: #EEE; letter-spacing: 0em; text-transform: 
capitalize; font-weight: bold;  font-family: sans-serif; vertical-align: 
middle; white-space: nowrap;}


/* Here's our little "nice list" */
div.nicelist { margin: 1em; }
div.nicelist h4 { border-bottom: 1px solid #000; text-align:left }

/* Gray Box comments */
div.graybox { background: #eee; border: solid black 1px; 
	      padding: 5px; margin: 0 1em 1em;}
p.graybox   { background: #eee; border: solid black 1px; 
	      padding: 5px; }

/* Used in the disclaimer */
div.disclaimer { font-size: xx-small; color: black; }

/* A nice thin horizontal rule */
hr.thin { margin-left: 0%; height: 1px; 
	width: 100%; color: black; border: thin;
	background-color: black; }