body {
background-color: #336699;
margin: 20px;
padding: 0;
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 15px 0;
padding: 0;
color: #888;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 5px 0;
padding: 0;
font-size: 1.1em;
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.1em;
margin: 0 0 16px 0;
padding: 0;
}
.content>p {
margin: 0;
}
.content>p+p {
text-indent: 30px;
}
.important {
font-weight: bold;
background-color: yellow;
color: red;
}

a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-variant: small-caps;
font-weight: 600;
}
a:link {background:transparent;color:#003366;text-decoration:none}
a:visited {color:#999999;text-decoration:none}
a:active {background:#3399CC;color:#FFFF00;text-decoration:none}
a:hover {background:#CCFFFF;color:#003366;text-decoration:none}

/* All the content boxes belong to the content class. */
.content {
position: absolute;
width: 505px;
top: 10px;
left: 245px;
background-color: white;
padding: 10px;
z-index: 3;
}
#navleft {
position: absolute;
width: 190px;
top: 20px;
left: 15px;
font-size: 0.9em;
border: 3px dashed #3399CC;
background-color: white;
padding: 8px;
z-index: 2;
}
#navleft ul {
list-style: none;
margin: 0;
padding: 0;
}