#navlist
{
position: absolute;
top: 40px;
left: 263px;
width: 470px;
height: 30px;
margin: 0;
padding: 1px 0px 0px 27px;
background: transparent url(Media/navbar.jpg) no-repeat center top;
list-style-type: none;
white-space: nowrap;
z-index: 20;
border: none;
}

html>body #navlist
{left: 253px;}

#navlist li
{
display: inline;
width: auto;
float: left;
margin: 0;
}

#navlist a
{
display: inline;
float: left;
background-color: transparent;
color: #CCFFFF;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 13px;
line-height: 16px;
height: auto;
width: auto;
font-weight: bold;
letter-spacing: 0;
margin: 0px;
text-align: center;
padding: 5px 12px;
border: none;
text-decoration: none;
border-width: 1px;
border-style: solid;
border-color: #003399 #004080 #3366FF #0080FF;
}

#navlist a:hover
{
color: #000080;
background: transparent url(Media/menu_hover.jpg) repeat-x left top;
text-decoration: none;
border: 1px solid #004080;
font-weight: bold;
}

#navlist a:active
{
background: transparent url(Media/active.jpg) repeat-x left top;
color: #CCFFFF;
}

#navlist .active a, #navlist .active a:hover
{
font-weight: bold;
background: transparent url(Media/menu_active.jpg) repeat-x left top;
color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #000099 #004080 #000099 #0080FF;
text-decoration: none;
}