/* LEVEL 1*/
#topmenu{
margin-left: 18px;
} 


#topmenu ul {
z-index:100;    
padding: 0;    
margin: 0;    
list-style: none;    
line-height: 1; 
display: block;
} 

#topmenu li:hover ul {  
display: block;
}

#topmenu a {     
display: block;     
font: 0.9em/1.8  Verdana, Arial, Helvetica, sans-serif;
text-align:left;
text-decoration:none;
color:#000000;
} 

#topmenu li {     
float: left;
display: block;
position: relative;

}

#topmenu ul li a{
  padding: 0 10px 0 0;
  border-left: 1px;
  border-bottom-color:#CCCCCC;
}

#topmenu ul li a:hover{
text-decoration:none; 
color: #006699; 
display: block;
}

/* LEVEL 2*/

#topmenu li.sfhover ul {
left: auto; 
display: block;
}

#topmenu li ul {     
position: absolute;     
width: 180px;      /* FIX */
left: -999em; 
background: #FFFFFF;
border:#CCCCCC 1px solid; 
display: block;
} 

*:first-child+html #topmenu li ul{width: 150px; }

*+html #topmenu li ul{width: 150px; }

#topmenu ul li:hover ul, 
#topmenu ul li.over ul {
display: block; 
position: absolute; 
left: 0; 
width: 180px;
}

#topmenu ul li ul li {
float:none; 
width: 180px;
}

#topmenu ul li ul li a {
float:none; 
color: #000000;
display:block;
width: 180px;
padding-left: 10px; }
}

#topmenu ul li ul li a:hover { 
background-color:#f2f2f2;

}


/* LEVEL 3*/

#topmenu li ul ul { 
top: -1px;      
right: -182px;
width: 180px;
display: block;
}

#topmenu li:hover ul ul ul, 
#topmenu li.sfhover ul ul, 
#topmenu li.sfhover ul ul ul {    
left: -999em; 
position: absolute; 
display:block;
} 

*html #topmenu li ul ul {     
right: -202px;  /* FIX */
display: block;

}


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

#topmenu li li:hover ul,
#topmenu li li li:hover ul, 
#topmenu li li.sfhover ul, 
#topmenu li li li.sfhover ul {     
left: auto; 
display:block;
 }