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

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

div#links a {display: block; text-align:left; font: bold 1em myriad pro, sans-serif, helvetica; padding: 5px 10px; margin: 0 0 1px; border-width: 0; text-decoration: none; color: #ffffcc; background: #999966;  border: 2px solid #333300}

div#links a:hover {color: #333300; background: #ffffcc; border-left: 2px solid #333300;
   border-right: 2px solid #333300;}
   
div#links a.current {color: #333300; background:#ffffcc;border-left:2px solid #333300; border-right:2px solid #333300;}

a img {height: 0; width: 0; border-width: 0;}
a:hover img {position: absolute; top:40px; left: 210px; width:auto; height:auto}

div#content {position: absolute; top: 26px; left: 161px; right: 30px;
   color:#0A1600; background: #ffffcc; background-position:bottom right; background-repeat:no-repeat; 
   font: 13px Verdana, sans-serif; padding: 10px; 
   border: solid 2px #333300;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}

h1 {margin: -9px -9px 0.5em; padding: 20px 0 8px; background: #999966; background-image:url('backgroundink.gif'); color: #ffffcc; letter-spacing: 0.2em; text-transform: lowercase; font: bold 25px sans-serif; height: 100px; vertical-align: middle; white-space: nowrap; border: 2px solid #333300}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {color:#999966;}
div#content a:visited {color:#333300;}
div#content a:link:hover {color:#333300;}
div#content a:visited:hover {color:#333300;}
code, pre {color: #EDC; font: 110% monospace;}

h3 {font-size:2em; color:#333300}

div#content p.gallery {text-align:center}
div#content img {background:#ffffcc; width:auto; border:1px solid #333300; text-align:center}