body 
{
background-color: #d8d08f; 
margin: 0; 
padding: 0;
}
div#w3c {position: absolute; top: 400px; left: 0; width: 166px; height: 700px; z-index: 150;}
div#links {position: absolute; top: 140px; 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: #FFC; background: #c19e51;
border-right: 5px solid #134d43;
}
div#links a:hover {color: #330033; background: #d9d4c0;
border-right: 5px double white;
}
div#links a span {display: none;
}
div#links a:hover span {display: block;
position: absolute; top: 200px; left: 0; width: 125px;
padding: 5px; margin: 10px; z-index: 100;
color: #FFC; background: #428f7d;
font: 10px Verdana, sans-serif; text-align: center;
}

div#content {position: absolute; top: 6px; left: 161px; right: 25px;
color: #FFC; background: #428f7d; 
font: 13px Verdana, sans-serif; padding: 10px; 
border: solid 5px #134d43; 
}

div#content p {margin: 0 1em 1em;
}
div#content h3 {margin-bottom: 0.25em;
}
div#content h4 {margin-left: 1em; font-style: italic;
}
h1 {margin: -9px -9px 0.5em; padding: 15px 0 5px; text-align: center; background: #c19e51; color: #330033; letter-spacing: 0.5em; font: bold 25px serif; height: 28px; vertical-align: middle; white-space: nowrap;
}
dt {font-weight: bold;
}
dd {margin-bottom: 0.66em;
}
div#content a:link {color: white;
}
div#content a:visited {color: #BBC;
}
div#content a:link:hover {color: #FF0;
}
div#content a:visited:hover {color: #CC0;
}
div#content img
{
border: double #134d43 10px; margin: 10px;
}
div#copyright
{
text-align: center; margin: 4em auto 0 auto; clear: both;
}
code, pre {
color: #EDC; font: 110% monospace;
}

img
{
	border: 0;
	display: block;
}

div#content img
{
	float: left;
	margin-right: 12px;
	margin-bottom: 2px;
}