body {position: relative; background: #660000; margin: 0; padding: 0;}

div#links {position: absolute; top: 81px; left: 0; width: 166px; 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: #cc6600; background: #ffffcc; border-right: 5px
solid #505050;}

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

div#links a span {display: none;}

div#links a:hover span {display: block; position: absolute; top: 180px; left:
0; width: 125px;  padding: 5px; margin: 10px; z-index: 100;
color: #AAA; background: black; font: 10px Verdana, sans-serif; text-align:
center;}

div#content {position: absolute; top: 26px; left: 161px; right: 5px;  color:
black; background: white;  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;}

h1 {margin: -9px -9px 0.5em; padding: 15px 5px 15px 20px; text-align: left;
background: #cccccc; color: #667; letter-spacing: 0.4em; text-transform:
lowercase; font: bold 25px sans-serif; height: 100px; vertical-align: middle;
}

h2 {color: black;  font: bold 10px sans-serif; }

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: red;}

div#content a:visited:hover {color: red;}

code, pre {color: #EDC; font: 110% monospace;}

h2.copyright {text-align: center; color: black;  font: bold 10px sans-serif; }
h2.copyright:after {content: " 2003 Oberlin Scientific Corporation. All rights reserved. "}