body {position: relative; background: #404040; margin: 5; padding: 5;}

div#links {position: absolute; top: 90px; left: 0; width: 200px; height: 670px; 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 5px; border-width: 0; 
   border-width:8px; border-color:#79CDCD; border-style:outset; padding:3px;
   text-decoration: none; color: #ffc; background: #444;
   border: 8px solid #505050;
   border-style: outset;}
div#links a:hover {color: #411; background: #AAA;
   border-right: 10px double gold;}

div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 260px; left: 0; width: 140px;
   padding: 5px; margin: 5px; z-index: 150;
   color: #ffffff; background: #202020;
   font: 16px Verdana, sans-serif; text-align: center;}

div#content {position: absolute; top: 90px; left: 205px; right: 8px;
   color: black; background: #c0bbbb; 
   font: 18px Verdana, sans-serif; padding: 5px;
   font-weiht: bold; 
   border: solid 10px #79cdcd;
   border-style: inset;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}

h1 {margin: -2.0px -2.0px 0.1em; padding: 1px 1px 1px; text-align: center; background: #e3e3e3; color: #000000; letter-spacing: 0.1em; font: verdana; text-transform: uppercase; font-weight: bold 18px sans-serif; height: 50px; vertical-align: middle; white-space: nowrap;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {color: #ffffff;}
div#content a:visited {color: #000000;}
div#content a:link:hover {color: #FFffff;}
div#content a:visited:hover {color: gold;}
code, pre {color: #EDC; font: 110% monospace;}