div#links {
	position: absolute;
	top: 200px;
	left: 7px;
	width: 144px;
	height: 205px;
	font: normal 12px Verdana, sans-serif;
	z-index: 100;



}
div#links a {
	display: block;
	text-align: center;
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	margin: 0 0 1px;
	text-decoration: none;
	color: #666666;
	background: #36b0b9;
	border-right: 1px dotted #505050;
	border-top-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
}
div#links a:hover {color: #411; background: #CCCCCC;
   border-right: 1px dotted 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: #333333;
	background: #CCCCCC;
	font: 10px Verdana, sans-serif;
	text-align: center;
	border: 1px dotted;
}

h1 {
	margin: -9px -9px 0.5em;
	padding: 15px 5px 5px 0;
	text-align: right;
	background: #333;
	color: #667;
	letter-spacing: 0.5em;
	text-transform: lowercase;
	font: bold 25px sans-serif;
	height: 28px;
	vertical-align: middle;
	white-space: nowrap;
	text-indent: 10px;
}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link:hover {color: #FF0;}
div#content a:visited:hover {color: #CC0;}
code, pre {color: #EDC; font: 110% monospace;}