/* 
html>body prefix is hidden from IE.
This lets me pass different commands to FireFox and other browsers.
*/

ul.menu {
list-style-type:none;
width:891px;
position:relative;
display:block;
height:35px;
font-size:11px;
background:url(images/bg.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #000;
margin:0px;
margin-bottom:5px;
padding:0;
}

html>body ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:31px;
font-size:11px;
background:url(images/bg.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #000;
margin:0;
padding:0;
} 

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color:#f2f2f2;
text-decoration:none;
height:30px;
padding:9px 15px 0;
font-weight:bold;
}

html>body ul.menu li a {
float:left;
color:#f2f2f2;
text-decoration:none;
height:28px;
padding:9px 15px 0;
font-weight:bold;
}

ul.menu li a:hover,.current {
color:#fff;
background:url(images/bg.png) repeat-x top left;
text-decoration:none;
}

html>body ul.menu li a:hover,.current {
color:#fff;
background:url(images/bg.png) repeat-x top left;
text-decoration:none;
height: 22px;
}

ul.menu .current a {
color:#fff;
font-weight:700;
}

html>body ul.menu .current a {
color:#fff;
font-weight:700;
height:22px;
}

/*RED*/
ul.menu.red{
background-color:#385677;
}
ul.menu.red li a:hover, .menu.red li.current {
background-color:#fff;
}