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

div.multi_drop_menus {font-size:14px !important; margin:0px 0 0px 0px;}

div.multi_drop_menus ul {text-align:left; border-bottom:1px solid #fc0; display:inline; padding:0;}

div.multi_drop_menus ul li ul {width:275px; border-left:1px solid #fc0; border-bottom:1px solid #000; border-top:1px solid #000; border-right:1px solid #000; padding:0px;}

div.multi_drop_menus li {background-color:#6b8e23; line-height:1.15; padding:0; margin:0; border-top:1px solid #fc0;}

div.multi_drop_menus li li {background-color:#6b8e23; line-height:1.15; padding:0; margin:0; border-top:1px solid #fc0;}

div.multi_drop_menus li a {color:#fff; padding:0 0 0 2px; font-size:14px !important;}

div.multi_drop_menus li:hover {background-color:#D9D9C3;}

div.multi_drop_menus li:hover a {color:#000;}

div.multi_drop_menus li:hover li a {color:#fff;}

div.multi_drop_menus li li a:hover {color:#000;}
 
/* 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; /* makes ul wrap li */
 font-size:1em; /* prevents inheritence from maiin text style sheet */
}
div.multi_drop_menus li {
 float:left;  /*causes the list to align horizontally instead of stack */
 list-style-type:none; /* removes the bullet off each list item */
 position:relative; /* positioning context for the absolutely positioned drop-down */
 }
div.multi_drop_menus a {
 display:block; /* makes link fill li so entire area is "hot" */
 text-decoration:none;  /* removes the underlining from the links */
 }
/* the horizontal menu ends here */
/* the drop-downs starts here */
div.multi_drop_menus ul li ul { 
 position:absolute;     /* positions the drop-down ul in relation to its relatively positioned li parent */
 margin-left:0px;        /* stops inheritance from level 1 ul */
 }
div.multi_drop_menus ul li ul li {
 width:100%;
 padding:0; /* stops inheritance */
 border-left:0; /* stops inheritance */
 border-right:0; /* stops inheritance */
 }
div.multi_drop_menus ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div.multi_drop_menus ul li:hover ul {
	display:block; /* shows the drop-down when the menu is hovered */
	z-index:1000; /* Safari needs this to display menu on top of other page elements */
	} 
 
/* extra styles for the vertical menu */
div.multi_drop_menus.vertical ul {
 margin-left:0;         /* removes left margin that is available on horizontal menu */
 }
.vertical ul { /* took off the id so the ul ul width setting in prefs was more specific */
 width:100%; 
}
div.multi_drop_menus.vertical li {
 position:relative; /* positioning context for the level 2 menu */
 width:100%;         /* set width of level 1 menu - MUST match left value in ul ul selector below */
 clear:left; /* makes the main menu stack - note: turning off floating (alternative way to create stacking) causes spacing problems in IE */
 border-right:0; /* removes right borders used by horiz level 1 */
}
div.multi_drop_menus.vertical ul ul  {
 position:absolute; /* make ul position relative to parent li for all menu levels */
 left:100%;         /* align level 2 with level 1 - MUST match li width in selector above */
 top:-1px; /* aligns the level 2 pop-out */
 }

 /* END MENU MECHANICS */