body{
background-color:black;
font-family:Arial, Helvetica, sans-serif;
}

body a{
color:#000066;
text-decoration:underline;
}

body a:hover {
color:#99cccc;
text-decoration:none;
}

 #container
{
bottom:0;
left:0;
background-image: url(images/containerbg.gif);
background-repeat:no-repeat;
width: 800px;
margin: 10px auto; 
background-color: #000066;
font-size: 100%;
color: black;
line-height: 130%;
}

#top
{
height: 145px; width: 800px;
color:white;
padding: .5em;
background-image: url(images/ponyentbanner.gif);
background-repeat: no-repeat;
}

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

#leftnav
{
float: left;
background-repeat:no-repeat;
margin: 0;
}

#content
{
color:black;
margin-left: 200px;
border-left: 1px solid gray;
background-color:#ffffff;
padding: 1em;
max-width: 36em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
font-size: 90%;
background-color: #99cccc;
border-top: 1px solid gray;
}

#leftnav p 
{
color:#99cccc;
font-size: 75%;
}


#content h2 { margin: 0 0 .5em 0; }




 #navlist
{
padding: 3px;
width: 12em;
background-color: #000066;
font: 12px Helvetica,sans-serif;
}

#navlist li
{
list-style: none;
padding: .2em;
border: 1px solid #26a;
}

#navlist a
{
color: #eee;
text-decoration: none;
display: block;
border-left: 1em solid #159;
border-bottom: 1px solid #159;
padding: 4px 8px;
}

#navlist a:hover { border-color: #99cccc; }

#subnavlist li a
{
border: 0;
border-left: 0.8em solid #26a;
padding: 3px 4px;
margin-left: -20px;
}