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

 a{font-family:arial,helvetica; color:midnightblue; text-decoration:none}
a:hover {color:crimson; text-decoration:underline}

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

div#links a 
{color: MidnightBlue;
  background: silver;
  border-right: 3px solid gray; 
  border-left:3px solid white; 
  border-top: 3px solid white; 
  border-bottom: 3px solid gray; 
    display: block; text-align: center; 
    font: 1em sans-serif; 
    font-weight: 600;
    padding: 5px 10px; 
    margin: 0 0 1px; 
    text-decoration: none;
}
div#links a:hover {color: white; background: RosyBrown;
   border-right: 3px solid gray; border-left:3px solid white; border-top: 3px solid white; border-bottom: 3px solid gray}
div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 150px; left: -3; width: 115px;
   padding: 5px; margin: 3px; z-index: 100;
   color: black; background: RosyBrown; 
   font: 10px Verdana, sans-serif; text-align: center; height: 37; border: 3px solid black; }

div#content {position: absolute; top: 26px; left: 115px; right: 25px;
   color: midnightblue; background: lightgrey; 
   font: 13px Verdana, sans-serif; padding: 10px; 
   border: solid 5px Moccasin;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}

h1 {margin: -9px -9px 0.5em;
   padding: 15px 0 5px; 
   text-align: right;
   background: RosyBrown;
   color: white;
   letter-spacing: 0.5em;
   text-transform: lowercase;
   font: bold 25px sans-serif;
   height: 28px;
   vertical-align: middle;
   white-space: nowrap;}
h2 {color:steelblue; font-style:italic}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {color: blue;}
div#content a:visited {color: blue;}
div#content a:link:hover {color: crimson;}
code, pre {color: tan; font: 110% monospace;}