body
{
margin: 0;
padding: 0;
font: 85% verdana, helvetica, sans-serif;
text-align: center;
color: #006;
background-color: #6666FF;
background-image: url(../img/clouds.jpg);
}

a:link {
color: #006;
text-decoration: none;
font-weight: bold;
}
a:visited { color: #006; }

a:hover, a:active
{
color: #fff;
background-color: #ccc;
}


h2
{
color: #006;
font: 120% verdana, helvetica, sans-serif;
font-weight: bold;
margin: 0 0 2px 0;
}

h2 a { text-decoration: none; }

h3
{
color: #006;
font: 106% verdana, helvetica, sans-serif;
font-weight: bold;
margin-top: 0;
}

#container
{
margin: 1em auto;
width: 1024px;
text-align: left;
background-color: #ccc;
border: 1px none #006;
}

#header
{
height: 60px;
width: 100%;
color: #006;
position: relative;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 10px;
}

#header h1
{
font-size: 250%;
font-weight: bold;
font-style: italic;
text-align: center;
color: #006;
}

#contents {
margin: 0 10px 10px 150px;
padding: 10pt;
border: 1px solid #006;
min-width:834px;
max-width:834px;
max-height:650px;
overflow:auto;
} 
#contents ul {
list-style-position:inside;
margin: 0px;
padding-left: 10px;
}
#contents h2 {
margin-top: 10px;
margin-bottom: 5px;
}
#contents h3 {
margin-top: 10px;
margin-bottom: 5px;
}

#menu
{
float: left;
width: 130px;
color: #ccc;
background-color: #006;
padding-left: 15px; 
}
#menu ol {
font-size: 100%;
list-style-type: none;
list-style-position:inside;
padding-left: 0px;
padding-top: 0px;
}
#menu ul {
font-size: 85%;
font-style: italic;
list-style-type: none;
list-style-position:inside;
padding-left: 10px;
}
#menu li {
margin-top: 10px;
}
#menu h3
{
color: #ccc;
font: 120% verdana, helvetica, sans-serif;
font-weight: bold;
margin-top: 5px;
}
#menu a:link {
color: #CCC;
text-decoration: none;
font-weight: bold;
}
#menu a:visited { 
color: #ccc; 
}

#menu a:hover
{
color: #fff;
background-color: #006;
}
#menu a:active
{
color: #fff;
background-color: #006;
}
#footer
{
clear: both;
color: #006;
text-align: right;
font-size: 70%;
padding: 0pt 10pt 2pt 0pt;
}