div.multi_drop_menus * { margin:0; padding:0; }
 
 div.multi_drop_menus {  behavior:url(csshover.htc);   /* lt IE6 */
 font-family: verdana, sans-serif;  
 font-size: 1.2em;                   
 background-color: transparent; 
 }
 
 div.multi_drop_menus ul { 
 margin-right:20px;  
 }
 
 div.multi_drop_menus li { background-color:#afaf6f;         /* level 1 menu items */ 
 
 }
 /* border-right is automatically removed from vert menu below  */
 
 div.multi_drop_menus li:hover { background-color:#bfbf60;
 }
 
 div.multi_drop_menus li li:hover { background-color:#afaf6f;
 }
 
 div.multi_drop_menus a { color:#451;  /* sets the color of all menu type */ 
 padding:.2em 5px;          
 }
 
 div.multi_drop_menus a:hover { color:#451;        				
 }
 
 div.multi_drop_menus ul li ul { width:12em;  /* lvls 2 to 4 */ 
 }
 
 div.multi_drop_menus li li {  background-color:#bfbf60;   /* lvl 2 menu */ 
 border-bottom:1px solid #afaf6f; /* lines between menu choices */ 
 }
 
 div.multi_drop_menus ul li ul li ul  { border-top:1px solid #bfbf60;     /*  border-top levels 3 and 4 of horizontal menu - set to 0px to remove - for a vertical menu, you will set this for levels 1 - 4 below */ 
 top:-1px; /* set to negative value of border-top for perfect pop-out alignment -set to 0 if border is 0 - don't remove! */ 
 }
 
 div.multi_drop_menus li li li {  background-color:#EEB;          /* lvl 3 menu */ 
 }
 
 div.multi_drop_menus li li li li {  background-color:#DDA;         /* lvl 4 menu */ 
 }
 
 /* Want transparency on your menus? Just dd the class 'transparent' to the multi_drop_menus div */
 
 div.transparent ul ul li { opacity:0.9; /* CSS3 - 0 to 1 */    -moz-opacity:0.9; /* Firefox -  0 to 1  */  filter:alpha(opacity=90);  /* IE- range 0 to 100  */
 }
 
 /* ADDITIONAL PREFS FOR VERTICAL MENU - NO NEED TO TOUCH THESE IF LEVEL 1 IS HORIZONTAL */
 div.multi_drop_menus.vertical ul { border-top:1px solid #bfbf60;     /* set the border-top of level 1 of the vertical menu - broken out separately so it can be different from top border of other levels */
 }
 
 div.multi_drop_menus.vertical li { border-bottom:1px solid #bfbf6f;  /* adds horizontal lines between menu choices - overrides main setting above for this feature */ 
 }
 
 div.multi_drop_menus.vertical li li{ border-bottom:1px solid #afaf6f;
 }
 
 div.multi_drop_menus.vertical ul ul  { border-top:1px solid #afaf6f;       /* set the border-top of levels 2 - 4 of a vertical menu - set to 0 to remove */ 
 top:-1px;            /* set to negative value of border-top for perfect pop-out alignment - set to 0 if border is 0 - don't remove!*/
 }
 div.multi_drop_menus.vertical li li a.email {
		color: #45b;
		}
 /* end vertical menu preferences */
 /* END MENU PREFERENCES */
 
 /* the menu mechanics start here */
 div.multi_drop_menus { float:right; width:100%;
 }
 
 div.multi_drop_menus ul { float:right; /* makes ul wrap li */
 font-size:1em; /* prevents inheritence from main text style sheet */
 }
 
 div.multi_drop_menus li { float:right;  /*causes the list to align horizontally instead of stack */ 
 list-style-type:none; 
 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 */ 
 border:0;         
 margin-right:0px;   /* stops inheritance from level 1 ul */
 }
 
 div.multi_drop_menus ul li ul li { width:100%; padding:0; /* stops inheritance */ 
 border-left:0; 
 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 */
 
 /* pop-outs starts here */
 body div.multi_drop_menus ul li ul li ul  { position:absolute; /* associated menu with parent li positioning context */ 
 visibility:hidden; /* ensures that level 3 menu is not reveal when level 2 is reveled */ 
 right:100%; top:-1px; /* aligns level 3 and 4 pop-out with previous level */ 
 }
 
 div.multi_drop_menus ul li ul li:hover ul {visibility:visible;
 } /* shows level 3 menu when associated level 2 li is hovered */
 
 /* second and third level popouts here*/
 div.multi_drop_menus ul li ul li:hover ul li ul {visibility:hidden;
 } /* ensures that level 4 is not reveal when level 3 is reveled */
 
 div.multi_drop_menus ul li ul li ul li:hover ul {visibility:visible;
 }  /* shows level 4 menu when associated level 3 li is hovered */
 
 /* the drop-downs end here */ 
 /* extra styles for the vertical menu */
 div.multi_drop_menus.vertical ul { border-left:0px; /* removes the border of the level 1 ul that can be used in the horizontal menu */ 
 margin-right:0;         /* removes left margin that is available on horizontal menu */ 
 }
 
 .vertical ul {  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:right; /* makes the main menu stack - note: turning off floating (alternative way to create stacking) causes spacing problems in IE */ 
 border-left: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 */ 
 right:100%;         /* align level 2 with level 1 - MUST match li width in selector above */ 
 top:-1px; /* aligns the level 2 pop-out */ 
 }
 
 /* levels 2 -4 width */
 div.multi_drop_menus.vertical li li {
	 
	 }
	 
 div.multi_drop_menus.vertical ul ul ul { right:100%;          /* align level 2 with level 3 and 3 with 4 - MUST match li width in selector above */ 
 } 
 /* 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 */ 
 }