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


div.multi_drop_menus {
  behavior:url(csshover.htc);/* you must link to the hover.htc file for this menu to work in IE6 and earlier */

 font-family: arial, sans-serif;   
 font-size:1em; 
 margin:0px 0 10px 0px;
 background-color:transparent;    
 }
 
div.multi_drop_menus ul {
 	border-left:0px solid #000;  
	display:inline;						/* fixes margin-doubling bug in IE6 */
 	}
div.multi_drop_menus li {
        
 border-right:0px solid #CCB;   
  padding:.2em 5px;
 }                						    
 

div.multi_drop_menus li:hover {
 background: url(../images/menu_3.gif) repeat;     
 }
 div.multi_drop_menus a {
 color:#996633;                     		
 padding:.2em 5px;           		
 font-size:0.9em;
 font-weight:normal;
 }
 div.multi_drop_menus a:hover {
 color:#443;        				 
 }
div.multi_drop_menus ul li ul {
 width:170px;   						
 }
div.multi_drop_menus li li { 
  background: url(../images/menu_3.gif) repeat;       
  
 }
div.multi_drop_menus ul li ul li ul  {
 border-top:0px solid #CCB;     
 top:0px;
 } 

  /* Want transparency on your menus? add the class 'transparent' to the multi_drop_menus div */
div.multi_drop_menus.transparent ul ul li {
 
  opacity:0.9; 
  -moz-opacity:0.9; 
  filter:alpha(opacity=90);  
  }
/* ADDITIONAL PREFS FOR VERTICAL MENU - NO NEED TO TOUCH THESE IF LEVEL 1 IS HORIZONTAL */
div.multi_drop_menus.vertical ul {
 border-top:0px solid #CCB;     
 }
div.multi_drop_menus.vertical li {
 border-bottom:px solid #CCB;  
 
 }
div.multi_drop_menus.vertical ul ul  {
 border-top:0px solid #CCB;       
 top:-1px;            
 }
 
/* end vertical menu preferences */
/* END MENU PREFERENCES */
 
/* YOU ARE STONGLY ADVISED NOT TO MODIFY THE CODE THAT FOLLOWS : ) */
/* the menu mechanics start here */
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;  
 }
/* the horizontal menu ends here */
/* the drop-downs starts here */
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; 
	z-index:1000; 
	} 
/* pop-outs starts here */
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;} 
/* second and third level popouts here*/
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;}  
/* the drop-downs end here */
 
/* extra styles for the vertical menu */
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:170px;         
 clear:left; 
 border-right:0; 
 text-align:center;
 padding-top:10px;
 padding-bottom:10px;
 font-weight:bold;
}
div.multi_drop_menus.vertical ul ul  {
 position:absolute; 
 left:100%;        
 top:-1px; 
 }
/* levels 2 -4 width */
div.multi_drop_menus.vertical li li {
	padding-top:5px;
    padding-bottom:5px;
}
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; 
 }				
* html div.multi_drop_menus ul li ul {
  
 }
* html div.multi_drop_menus a {

} 
* html div.multi_drop_menus.vertical a {

 zoom:100%;
 } 
 * html div.multi_drop_menus ul ul a { 
 zoom:100%; 
 } 
 