#menu {
position:relative;
left:190px;
height:32px;
width:550px;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
background:#fff url(/images/pro_bg.gif) repeat-x bottom left;
padding:0 0 0 10px;
border-bottom: 4px solid #35559F;
}

#menu ul {
  margin:0;
padding:0;
list-style-type:none;
width:auto;
float:left;
}

#menu li {
 float: left;     /* left for horizonal menu, otherwise its vertical. */
 display:block;
margin:0 1px;

}

#menu a, #menu a:visited {
 display:block;
float:left;
color:#EAF3F8;
text-decoration:none;
padding:0 0 0 10px;
height:32px;

}

#menu a:hover, #menu a:visited:hover {  /* override as neccesary for mouse over effects */

 color:#fff;
background:transparent url(/images/pro_bg-OVER.gif) repeat-x bottom left;
}

#menu a.menulink, #menu a.menulink:hover {
padding:12px 11px 0 11px;
height:21px;
float:left;
font-weight: normal;
font-family: Arial, "Myriad Pro", Helvetica, Verdana, sans-serif;
}

	
#menu a.menuactive,#menu a.menuactive:hover {
color:#fff;
background:#35559F url(/images/pro_left-ON2.gif) no-repeat top left;

padding:12px 15px 0 20px;
height:21px;
float:left;
font-weight: normal;
font-family: Arial, "Myriad Pro", Helvetica, Verdana, sans-serif;
}	


#menu ul ul {  /* this one is the dropdown */
 position: absolute; /* so we can hide it */
 left: -999em;  /* by default it is hidden */
 width: 150px;  /* width of the entire dropdown */
 margin: 0px;  /* relative position of the menu to the button... 0=tight on bottom.. */
 padding: 0px;
}

#menu ul ul ul {
 position: absolute;
 top: auto;  /* auto means that it will be in the typicall indented list position below the first menu */
 left: 0px;   /* 0 */
 margin: -20px 150px;       /* adjust the margins to position the 2nd level popout menu to the right*/
 width: 150px;   /* width is based on the containing block */
}

#menu ul ul a, #menu ul ul a:visited  {  /* override colours for drop down buttons */
 background-color:#666;
 color:white;
 width: 150px;
 text-align:left;
 font-size: 10pt;
 border-top: 1px  solid white;
 border-left: 1px  solid white;
 border-right: 0px ;
 border-bottom: 1px  solid #000000;
 padding:2px;
 margin: 0px; 
}

#menu li ul a:hover {  /* override colours for drop down buttons */
 color: #ffffff;
 background-color: #000000;
}


#menu li:hover ul ul, 
#menu li:hover ul ul ul, 
#menu li.sfhover ul ul, 
#menu li.sfhover ul ul ul 
{
 left: -999em;
}

#menu li:hover ul, 
#menu li li:hover ul, 
#menu li li li:hover ul, 
#menu li.sfhover ul, 
#menu li li.sfhover ul, 
#menu li li li.sfhover ul {
 left: auto;
}