body {
background-color:#66D9F2;
font:0.8em Verdana, sans-serif;
margin:0;
padding:0;
color:#000066;
}



div.content {
background-color:#FFFFEE;
border:groove 3px #33D9DF;
margin:0 20px 30px 14em;
padding:0px 20px 10px;
color:#000066;
}


hr {border: none 0;
border-top: 1px dashed #000;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

div.menu {
padding-top:3px;
float:left;
color:#FCF2E6;
width:12em;
}


div.menu div {
margin:10px 5px 0 5px;
padding:4px;
background-color:#B3F9EC;
border:groove 3px #33D9DF;
color:#000066;
}

div.menu ul {
margin:0;
padding:0;
list-style:none;
}



div.menu ul li.mh {
border-bottom:solid 1px #FCF2E6;
}

div.menu ul.sub {
border-bottom:solid 7px #003366;}

div.menu ul.sub li.mh{
text-indent:10px;
border:0;
width:100%;
}

div.menu ul li a {
display:block;
background-color:#003366;
padding:2px 2px;
font-weight:bold;
border-left:solid 7px #003366;
text-decoration:none;
color:#FFFFEE;
}

div.menu ul li.mh {
display:block;
background-color:#003366;
padding:2px 6px;
font-weight:bold;
border-left:solid 7px #003366;
text-decoration:none;
color:#FFFFEE;
}

div.menu ul.sub {
border-bottom:solid 7px #003366;}

div.menu ul.sub a{
border-left:solid 7px #003366;
background-color:#3399FF;
padding-left:10px;
}
div.menu ul a:hover,div.menu ul a:active {
background-color:#000000;
border-left-color:#000000;
}
div.menu ul.sub a:hover,ul.sub a:active {
background-color:#000000;
border-left-color:#003366;
}

div.menu span.youarehere {
position:absolute;
left:3px;
}

div.menu h2 {
border:groove 0.09em #33D9DF;
border-left:0;
margin:0 30px 20px 0;
padding:3px;
font-size:110%;
background-color:#003366;
}

div.menu h2 a {
display:block;
background-color:#003366;
padding:5px 12px;
font-weight:bold;
border-left:solid 7px #003366;
text-decoration:none;
color:#FFFFEE;
}

div.menu h2 a:hover,h2 a:active {
background-color:#000000;
border-left-color:#000000;
}

div.header {
padding:5px 0 20px 200px;
background:url(logo.gif) no-repeat #FFFFEE;
margin-bottom:15px;
border-bottom:solid 2px #505D00;
}

div.header h1 {
color:#000066;
font-size:230%;
margin:0 0 5px;
padding-top:25px;
}

div.header small {
padding-left:5px;
color:#333366;
font-size:110%;
font-weight:bold;
}



div.footer {
font:sans-serif,Verdana;
clear:both;
text-align:center;
padding:3px 0;
background-color:#B3F9EC;
}

div.varlinks {
position:absolute;
top:2px;right:5px;
}

address {
font-style:normal;
}

dt {font-weight:bold;}

hr {
display:none;
}

div.content hr {
display:block;
}

div.content h2 {
color:#000066;
}

code {
font-size:1.2em;
padding:2px 10px;
display:block;
border: dotted 1px #1B0C0D;
}