/* SET MENU PREFERENCES!!! */
/* set your menu's font and colors here - the MENU MECHANICS are in menumechanics.css */
div.multi_drop_menus {
 font-family: arial, sans-serif;   /* font family for menu */
 font-size:.8em; /* size of menu's type relative to parent element */
 margin:0px 0 10px 0px;
 background-color:transparent;    /* colors the div - div fills the parent element for a horizontal menu - set to background-color:transparent; if not needed */
 }
div.multi_drop_menus ul {
 	border-left:1px solid #CCB;   /* creates dividing line to left of level 1's first menu item, revealing div color to left of menu */
	display:inline;						/* fixes margin-doubling bug in IE6 */
 	}
div.multi_drop_menus li {
 background-color:#E0E7C9;         /* background color of the level 1 menu items */
 border-right:1px solid #CCB;   /* creates dividing lines to right of each horiz level 1 menu item *//* set to 0px to remove */
 }                						    /* border-right is automatically removed from vert menu below  */

div.multi_drop_menus li:hover {
 background-color:#F0F7D9;      /* background color of hovered menu items */
 }
 div.multi_drop_menus a
{
    color: #000000; /* sets the color of all menu type */
    padding: .2em 5px; /*creates space top/bottom and left/right respectively around each menu item's text - set vert height in ems   */
}
 div.multi_drop_menus a:hover
{
    color: Blue; /* type color of a hovered menu choice */
}
div.multi_drop_menus ul li ul {
 width: 11em;   						/* sets the width of menu level 2*/
 }
div.multi_drop_menus ul li ul li ul {
 width: 16em;   						/* sets the width of menu level 3 */
 }
div.multi_drop_menus ul li ul li ul li ul{
 width: 12em;   						/* sets the width of menu level 4 and beyond */
 }
div.multi_drop_menus li li { 
 background-color:#DDA;        /* background color of the level 2 menu */
 border-bottom:1px solid #CCB; /* lines between menu choices - set to 0px if not wanted */
 }
div.multi_drop_menus ul li ul li ul  {
 border-top:1px solid #CCB;     /* set the border-top of levels 3 and 4 of a 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;          /* background color of the level 3 menu */
 }
div.multi_drop_menus li li li li { 
 background-color:#DDA;         /* background color of the level 4 menu */
 }
  /* Want transparency on your menus? add the class 'transparent' to the multi_drop_menus div */
div.multi_drop_menus.transparent ul ul li {
 /* note: the lower the value, the greater the transparency */
  opacity:0.9; /* CSS3 - range 0 to 1 */     
  -moz-opacity:0.9; /* Firefox- range 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 #CCB;     /* 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 #CCB;  /* adds horizontal lines between menu choices - overrides main setting above for this feature */
 }
div.multi_drop_menus.vertical ul ul  {
 border-top:1px solid #CCB;       /* 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!*/
 }
 
/* end vertical menu preferences */
/* END MENU PREFERENCES */