div.multi_drop_menus * {
 margin:0; padding:0; 
 }

div.multi_drop_menus {
  behavior:url(csshover.htc);
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 22px; 
 font-weight: bold;
 background-color: transparent; 
 }
div.multi_drop_menus ul {
   
 margin-left:20px;   			
 }               
div.multi_drop_menus li {
 background-color: transparent;         
 }                						   

div.multi_drop_menus li:hover {
 background-color: transparent;    
 }
 div.multi_drop_menus a {
 color: #ccc;                     		
 padding: 0px 12px 0px 12px;           	
 }
 div.multi_drop_menus a:hover {
 color: #000;        				 
 }
div.multi_drop_menus ul li ul {
 width:12em;   						
 }
div.multi_drop_menus li li { 
 background-color:#DDA;       
 border-bottom:1px solid #CCB; 
 }
div.multi_drop_menus ul li ul li ul  {
 border-top:1px solid #CCB;    
 top:-1px;
 } 
div.multi_drop_menus li li li { 
 background-color:#EEB;    
 }
div.multi_drop_menus li li li li { 
 background-color:#DDA;    
 }
 

div.transparent ul ul li {

  opacity:0.9;   
  -moz-opacity:0.9; 
  filter:alpha(opacity=90); 
  }
  

div.multi_drop_menus.vertical ul {
 border-top:1px solid #CCB;  
 }
div.multi_drop_menus.vertical li {
 border-bottom:1px solid #CCB; 
 }
div.multi_drop_menus.vertical ul ul  {
 border-top:1px solid #CCB;    
 top:-1px;         
 }


div.multi_drop_menus {
 float:left;
 width:100%;
}
div.multi_drop_menus ul {
 float:left;
font-size:1em;
}
div.multi_drop_menus li {
 float:left; 
 list-style-type:none; 
 position:relative; 
 }
div.multi_drop_menus a {
 display:block; 
 text-decoration:none;  
 }

div.multi_drop_menus ul li ul { 
 position:absolute;     
 border:0;       
 margin-left:0px;     
}
div.multi_drop_menus ul li ul li {
 width:100%;
 padding:0;
 border-left:0; 
 border-right:0; 
 }
div.multi_drop_menus ul li ul {display:none;} 
div.multi_drop_menus ul li:hover ul {display:block; } 

body div.multi_drop_menus ul li ul li ul  {
 position:absolute; 
 visibility:hidden; 
 left:100%;
 top:-1px; 
 }
div.multi_drop_menus ul li ul li:hover ul {visibility:visible;} 
div.multi_drop_menus ul li ul li:hover ul li ul {visibility:hidden;} 
div.multi_drop_menus ul li ul li ul li:hover ul {visibility:visible;} 

 

div.multi_drop_menus.vertical ul {
 border-left:0px; 
 margin-left:0;        
 }
.vertical ul { 
 width:100%; 
}
div.multi_drop_menus.vertical li {
 position:relative; 
 width:100%;         
 clear:left; 
 border-right:0; 
}
div.multi_drop_menus.vertical ul ul  {
 position:absolute; 
 left:100%;        
 top:-1px;
 }

div.multi_drop_menus.vertical li li {
}
div.multi_drop_menus.vertical ul ul ul {
 left:100%;        
 }
 /* END MENU MECHANICS */
 
/* inevitable hacks for IE6  and < */
* html div.multi_drop_menus {
 z-index:1; /* IE6 won't respect high z-index on abs-pos'd child (ul li ul) without this on its parent rel-pos'd element */
 }				/* see http://www.last-child.com/conflicting-z-index-in-ie6/ */
* html div.multi_drop_menus ul li ul {
  z-index:400; /*ensures menu is on top of other page elements */
 }
* html div.multi_drop_menus a {
/* cannot find a way to get the top level 'a' to fill the unwidthed menu choices without drop-down in IE : ( */
} 
* html div.multi_drop_menus.vertical a {
/* now hasLayout in IE - works on the vert menu as container has width */
 zoom:100%;
 } 
 * html div.multi_drop_menus ul ul a { /* second level of horiz menu */
 zoom:100%;  /* now IE 'haslayout" - IE now makes background hot in horizontal menus */
 } 
  /* info on haslayout: 
  http://www.sitepoint.com/forums/showpost.php?p=2041209&postcount=24
  http://onhavinglayout.fwpf-webdesign.de/hack_management/
   */