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

div#content {position: absolute; top: 26px; left: 170px; width: 460px;
   color: #333333; font: 0.9em Osaka, sans-serif; padding: 10px;  border: solid #ffcc99;}

div#content p {margin: 0 1em 1em;}
div#content li {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em; background:#ff9900; color:white; padding-left:20px;}
div#content a:link {color: #006666;}
div#content a:visited {color: #660066;}
div#content a:link:hover {color: #FF3333;}
div#content a:visited:hover {color: #ff3333;}

div#links a {display: block; text-align: center; font: bold 0.92em serif; 
   padding: 5px 10px; margin: 0 0 2px; border-width: 0; 
   text-decoration: none; color: #106323;}
div#links a:hover {color: #cc0000;}

h1 {margin: -9px -9px 0.5em; padding: 15px 0 5px; text-align: right; background: orange; color: #024; letter-spacing: 0.5em; text-transform: lowercase; font: bold 25px sans-serif; height: 28px; vertical-align: middle; white-space: nowrap;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}

div#credit {position: relative; top:16px; left:50px; width:400px; margin-bottom: 20px; background:cornflower; color:#333333; font:9px sans-serif; text-align:justify;}
div#credit a:link {color:#333333;}
div#credit a:visited {color:#333333;text-decoration:none;}

div#flashwork {position: absolute; top:26px; left: 680px; background:cornflower;}

div#links {position: absolute; top: 52px; left: 0; width: 160px; height: 700px; font: 16px Verdana, sans-serif;}
code, pre {color: #EDC; font: 110% monospace;}

div#logo {position:absolute; top:29px; left:173px; z-index:100;width:480px; height:50px;}