#navcontainer
{
background: #006f9c;
border-top: 1px solid #000;
font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
 
#nav
{
list-style: none outside none;
margin: 0;
padding: 0;
}
 
@media all {
#nav {
text-align: center
}
}
 
#nav li
{

display: inline;
line-height: 1.2em;
margin: 0;
padding: 0;
position: relative;
bottom: 0px;
}

html>body #nav li
{

margin: 0 3px 0 0;
padding: 4px 0px 4px 0;
} 
 
#nav a, #nav a:link, #nav a:visited
{
background: #006f9c;

border-bottom: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
border-top: 1px solid #5b5957;

color: #FFF;
cursor: pointer;
display: inline;
height: 1em;
margin: 0;
padding: 3px 5px 3px 5px;
position: relative;
right: 0px;
bottom: 0px;
text-decoration: none;
}
 
#nav a:hover
{
background: #D60808;
color: #FFF;
position: relative;
right: 0px;
bottom: 0px;
}
 
#nav a:active
{
background: #E2DBAD;
color: #FFF;
position: relative;
right: 0px;
bottom: 0px;
}
 
#nav li#active
{
background: #006f9c;

display: inline;
padding: 0;
position: relative;
bottom: 0px;
}
 
#nav #active a, #nav #active a:link, #nav #active a:visited, #nav #active a:hover
{
background: #5b5957;
border-bottom: 3px solid #5b5957;none;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #5b5957;
color: #FFF;
cursor: text;
margin: 0;
padding: 2px 5px 0 5px;
position: relative;
right: 0;
bottom: 0;
}