body {background-color:  #99ccff;}

#container
{
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
margin-left: 10%;
margin-right: 10%;
background-color: #99ccff;
background-image: url(images/background_man_field.jpg);
color: #333;
border-style: solid;
border-Width: thin;
border-color: #0099ff;
line-height: 130%;
}

#top
{
padding: .5em;
border-bottom-style: solid;
border-bottom-Width: thin;
border-bottom-color: #0099ff;

}

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

#leftnav
{
float: left;
width: 180px;
margin: 0;
padding: 1em;
}

#content
{
margin-left: 280px;
border-left-style: solid;
border-left-width: thin;
border-left-color: #0099ff;
padding: 1em;
max-width: 36em;
font-size: 80%;

}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #99ccff;
border-top-style: solid;
border-top-width: thin;
border-top-color: #0099ff;
font-size: 70%;
}

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


#navcontainer
{
font-size: 80%;
width: 18em;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #90bade;
color: #333;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}