body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, sans-serif;
font-size: small;
background: #408080;
}

#header {
padding: 20px;
background: #333;
border-bottom: 1px solid #fff;
}

#header h1 {
padding: 0;
margin: 0;
color: #ccc;
font-family: Georgia, serif;
font-weight: normal;
font-size: 180%;
}

/* navigation */

#nav {
float: left;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
background: #ccc;
border-bottom: 1px solid #999;
}

#nav li { 
float: left;
margin: 0;
padding: 0;
}

#nav a {
float: left;
display: block;
padding: 6px 30px 6px 5px;
text-decoration: none;
font-weight: bold;
font-size: 90%;
color: #666;
background: #ccc url(../images/slant.gif) no-repeat top right;
}

#nav #nav-1 a {
padding-left: 20px;
}

#nav a:hover { font-weight:bold; color:black; text-decoration:none; }


/* more */

ul#more {
clear: left;
margin-top: 60px;
}


/* text */

#topic {
padding-left: 20px;
padding-top: 40px;
padding-right: 40px;
background: #408080;
}

#topic p {margin-left: 50px;}
#topic a {color: #000;}

#topic ul{padding-left: 65px;}


p.topmargin {margin-top: 30px;}

#topic h2 {
padding: 0;
margin: 0;
color: #ccc;
font-family: Georgia, serif;
font-weight: normal;
font-size: 180%;
border-bottom: 1px solid #fff;

}

#topic h3 {
padding: 0;
margin: 0;
color: #ccc;
font-family: Georgia, serif;
font-weight: normal;
font-size: 110%;
}

#topic h5 {
padding-top: 3px;
border-top: 1px solid #fff;
}