/* Set width for navigation */
#menuWrapper{
width: 803px;
background-color: #638aa3;
font-size: 13px;
}

.clearIt{
clear: both;
height: 0;
line-height: 0.0;
font-size: 0;
}

#menuBar{
margin: 0;
padding: 0;
}

#menuBar, #menuBar ul{
padding: 0;
margin: 0;
list-style: none;
font-family: Arial, Helvetica, sans-serif;
}

#menuBar a{
display: block;
text-decoration: none;
font-size: .85em;
color: #ccc;
}

#menuBar a.trigger{
background-repeat: no-repeat;
background-position: right center;
}

#menuBar li{
float: left;
width: 9em;
}

#menuBar li{
position: relative;
}

/* Hide from IE Mac */
#menuBar li{
position: static; 
width: auto;
}

/* End hiding from IE5 Mac */
#menuBar li ul, #menuBar ul li  {
width: 12em;
}

#menuBar ul li a{
color: #565656;
border-right: 0;
padding: 3px 6px 3px 10px;
}

/* Sub navigation style */
#menuBar li ul{
position: absolute;
margin-left: -1px;
display: none;
background-color: #e3e3e3;
border-right: 1px solid #333;
border-left: 1px solid #333;
border-bottom: 1px solid #333;
background-repeat: repeat-x;
z-index: 9999;
}

/* Top navigation hover style */
#menuBar li:hover a, #menuBar a:focus,
#menuBar a:active, #menuBar li.menuHvr a{
color: #fff;
background-color: #0866a2;
}

#menuBar li:hover ul, #menuBar li.menuHvr ul{
display: block;
}

#menuBar li:hover ul a, #menuBar li.menuHvr ul a{
color: #000;
background-color: transparent;
}

/* Sub navigation hover style */
#menuBar ul a:hover{
background-color: #ce881b!important;
color: #fff !important;
}