BODY{color: #FFFFFF; background-color: #505050;}
P{color:rgb(255, 255, 255)}
H2{color:rgb(255, 255, 255)}
A:link{color:yellow}
A:visited{color:#F0F0C0}
HR{color:white}
span.code{font-style: italic; color: rgb(255, 153, 0);}

#container
{
width: 90%;
margin: 10px auto;
color: #333;
border: 1px solid black;
}

#top
{
padding: .5em;
background-color: #001030;
border-bottom: 1px solid black;
}

#top h1
{
padding: 0;
margin: 0;
color: white;
}

#navcontainer ul
{
float : left;
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
{
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid #333;
width: 160px;
background-color: #D0D0D0;
}

#navcontainer a:link, #navlist a:visited
{
color: #001030;
text-decoration: none;
}

#navcontainer a:hover
{
border: 1px solid #333;
background-color: #FFFF20;
color: #000000;
}

#content
{
margin-left: 200px;
border-left: 1px solid black;
padding: 1em;
max-width: 700px;
color: white;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: white;
background-color: #001030;
border-top: 1px solid black;
}

#navlist p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; color: yellow }

#hlistcontainer
{
margin-left: auto;
width: 500px;
margin-right: auto;
margin-bottom: 20px;
border-top: 1px solid yellow;
z-index: 1;
}

#hlistcontainer ul
{
list-style-type: none;
text-align: center;
margin-top: -8px;
padding: 0;
position: relative;
z-index: 2;
}

#hlistcontainer li
{
display: inline;
text-align: center;
margin: 0 5px;
}

#hlistcontainer li a
{
padding: 1px 7px;
color: #666;
background-color: #fff;
border: 1px solid yellow;
text-decoration: none;
}

#hlistcontainer li a:hover
{
color: #000;
background-color: #FFFFFF;
border: 1px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
}


#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #000000;
color: white;
}