body {
	background-color: #3333FF;
}

body, td, th {
	color: #330033;
}

h1 {
	color: #333333;
}

h2 {
	color: #666699;
}

h3 {
	color: #993399;
}

h6 {
	color: #333366;
}

a {
	color: #CC3333;
}

#navlist
{
color: white;
background: #17a;
border-bottom: 0.2em solid #17a;
border-right: 0.2em solid #17a;
padding: 0 1px;
margin-left: 0;
width: 14em;
font: normal 0.8em Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
font-size: 1em;
}

#navlist a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #39c;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #fc0;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#navlist a#current { border-color: #5bd #035 #068 #f30; }

#navlist a
{
width: 99%;
/* only necessary for Internet Explorer */
}

#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a
{
width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist a:hover, #footlist a#current:hover
{
background: #28b;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist a:active, #navlist a#current:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}



#footlist
{
border-bottom: 1px solid #ccc;
margin: 0;
padding-bottom: 19px;
padding-left: 160px;


}

#footlist ul, #footlist li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;

}

#footlist a:link, #footlist a:visited
{
background: #E8EBF0;
border: 1px solid #ccc;
color: #666;
float: left;
font-size: small;
font-weight: normal;
line-height: 14px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#footlist a:link#current, #footlist a:visited#current
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#footlist a:hover { color: #f00; }

body.section-1 #footlist li#nav-1 a,
body.section-2 #footlist li#nav-2 a,
body.section-3 #footlist li#nav-3 a,
body.section-4 #footlist li#nav-4 a
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#footlist #subnav-1,
#footlist #subnav-2,
#footlist #subnav-3,
#footlist #subnav-4
{
display: none;
width: 90%;
}

body.section-1 #footlist ul#subnav-1,
body.section-2 #footlist ul#subnav-2,
body.section-3 #footlist ul#subnav-3,
body.section-4 #footlist ul#subnav-4
{
display: inline;
left: 10px;
position: absolute;
top: 95px;
}

body.section-1 #footlist ul#subnav-1 a,
body.section-2 #footlist ul#subnav-2 a,
body.section-3 #footlist ul#subnav-3 a,
body.section-4 #footlist ul#subnav-4 a
{
background: #fff;
border: none;
border-left: 1px solid #ccc;
color: #999;
font-size: smaller;
font-weight: bold;
line-height: 10px;
margin-right: 4px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#footlist ul a:hover { color: #f00 !important; }

#contents
{
background: #fff;
border: 1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
}