body {background: black url(hopf-black.jpg) 0 0 no-repeat fixed;}
div#content {background: #FFFC77 url(hopf-yel.jpg) 0 0 no-repeat fixed;}
div#links a {background: transparent url(hopf-fade.jpg) 0 0 no-repeat fixed;}
div#links a:hover {background: transparent url(hopf-wash.jpg) 0 0 no-repeat fixed;}

<style type="text/css">
body {position: relative; margin: 0; padding: 0;}
div#content {position: absolute; top: 50px; left: 161px; right: 25px;
   color: #000; font: 13px Verdana, sans-serif; padding: 10px;
   border: solid #CC8000;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;  background: white; padding: 2px 10px;}
div#content h4 {margin-bottom: 0.25em;  background: white;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif;
   padding: 5px 10px; margin: 0 0 2px; border-width: 0;
   text-decoration: none; color: #FFF;}
div#links a:hover {color: #FFF;}
h1 {margin: -9px -9px 0.5em; text-align: center; background: white; color: #024; font:
 bold 25px sans-serif; height: 28px; vertical-align: middle; white-space: nowrap; padding: 3px 10px;}
h2 {margin: 0px -4px 0.5em; background: white; color: #024; font:
 bold 20px sans-serif; height: 28px; vertical-align: middle; white-space: nowrap; padding: 3px 10px;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {color: black;}
div#content a:visited {color: #000;}
div#content a:link:hover {color: #888;}
div#content a:visited:hover {color: #888;}
div#links {position: absolute; top: 52px; left: 0; width: 160px; height: 700px; font:
16px Verdana, sans-serif;}
code, pre {color: #EDC font: 110% monospace;}

a.external {
    background: url(external.ico) center left no-repeat;
    padding-left: 16px;
}


a.download {
    background: url(download.ico) center left no-repeat;
    padding-left: 16px;
}

</style>