/**************************/
/**************************/
 #globalnavWrap div.multi_drop_menus * {
 margin:0; padding:0;     /* removes margin and padding off all list elements */
 }

/**************************/
/**************************/
/* SET YOUR PREFERENCES!!! */
/* set your menu's font and colors here - the MENU MECHANICS  follow below */
#globalnavWrap div.multi_drop_menus {
	behavior:url(scripts/csshover.htc);/* you must link to the hover.htc file for this menu to work in IE6 and earlier */
	/* need a copy? go to http://www.xs4all.nl/~peterned/htc/csshover.htc - copy the code into a text file and save it as csshover.htc */
 font-family: Arial, Helvetica, sans-serif; /* size of menu's type relative to parent element */
	margin:0px 0 0px 0px;
	background-color:transparent;    /* colors the div - div fills the parent element for a horizontal menu - set to background-color:transparent; if not needed */
	color: #FFFFFF;
 }

/**************************/
/**************************/
/* FIRST NAV - MENUS */
#globalnavWrap div.multi_drop_menus ul {
 	border-left:0px solid #FFFFFF;   /* creates dividing line to left of level 1's first menu item, revealing div color to left of menu. SET TO ZERO IF NOT NEEDED THIS WILL CASCADE DOWN TO ALL ULs */
	display:inline;						/* fixes margin-doubling bug in IE6 */
 	}
#globalnavWrap div.multi_drop_menus li {
	background-color:#000000;   /* creates dividing lines to right of each horiz level 1 menu item *//* set to 0px to remove */
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #434343;
 }                						    /* border-right is automatically removed from vert menu below  */
 
/**************************/
/**************************/
/* FIRST NAV - MENUS IN LINK STATES */
#globalnavWrap div.multi_drop_menus li a {
	color:#FFFFFF;           		/*creates space top/bottom and left/right respectively around each menu item's text - set vert height in ems   */
	background-image: url(../images/_images/bg_globanav_off.jpg);
	width: 146px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	background-repeat: repeat-x;
	background-position: left top;
 }
#globalnavWrap div.multi_drop_menus li a:hover {
	color:#9B9B9B;      /* text color of hovered menu items */
	background-image: url(../images/_images/bg_globanav_over.jpg);
 }

/**************************/
/**************************/
/* SECOND NAV - DROPDOWN ONE */
#globalnavWrap div.multi_drop_menus ul li ul {
	width:146px;   						/* sets the width of menu levels 2 - 4 */
 }
#globalnavWrap div.multi_drop_menus li li {
	background-color:#333333;        /* background color of the level 2 menu */
	border-bottom:1px solid #CCCCCC; /* lines between menu choices - set to 0px if not wanted */
}

/**************************/
/**************************/
/* SECOND NAV - DROPDOWN ONE - MENUS IN LINK STATES*/
#globalnavWrap div.multi_drop_menus li li a {
	color:#FFFFFF;
	width: 134px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 11px;
	font-weight: normal;
	background-color: #333333;
	padding-left: 12px;
	text-align: left;
	background-image: url(../images/arrow_cyan.gif);
	background-repeat: no-repeat;
	background-position: 5px 11px;
 }
#globalnavWrap div.multi_drop_menus li li a:hover {
	color:#FFFFFF;      /* text color of hovered menu items */
	background-color: #999999;
	background-image: url(../images/arrow_white.gif);
	background-repeat: no-repeat;
 }

/**************************/
/**************************/
/* THIRD NAV - POPOUT ONE - MENUS IN LINK STATES*/
#globalnavWrap div.multi_drop_menus li li li a {
} /* SET BY EPHRAIM TO INHERIT THE STYLES FROM DROPDOWN ONE */
#globalnavWrap div.multi_drop_menus li li li a:hover {
}
 
/**************************/
/**************************/ 
#globalnavWrap 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! */
 } 
#globalnavWrap div.multi_drop_menus li li li { 
 background-color:#EEB;          /* background color of the level 3 menu */
 }
#globalnavWrap 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 */
#globalnavWrap 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 */
#globalnavWrap 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 */
 }
#globalnavWrap div.multi_drop_menus.vertical li {
 border-bottom:1px solid #CCB;  /* adds horizontal lines between menu choices - overrides main setting above for this feature */
 }
#globalnavWrap 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 */
 
/**************************/
/**************************/
/* YOU ARE STRONGLY ADVISED NOT TO MODIFY THE CODE THAT FOLLOWS : ) */
/* the menu mechanics start here */
#globalnavWrap div.multi_drop_menus {
	float:left;
 	width:100%;
	}
#globalnavWrap div.multi_drop_menus ul {
 float:left; /* makes ul wrap li */
font-size:1em; /* prevents inheritence from maiin text style sheet */
}
#globalnavWrap 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 */
 }
#globalnavWrap 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 start here */
#globalnavWrap div.multi_drop_menus ul li ul {
	position:absolute;     /* positions the drop-down ul in relation to its relatively positioned li parent */
	border:0;         			/* stops inheritance from level 1 ul */
	margin-left:0px;        /* stops inheritance from level 1 ul */
	top: 100%; /* ADDED BY EPHRAIM to position the SECOND NAV in relation to the parent LIs height in the FIRST NAV */
	left: 0px; /* ADDED BY EPHRAIM to position the SECOND NAV - DROPDOWN in relation to the parent LI in the FIRST NAV */
 }
#globalnavWrap div.multi_drop_menus ul li ul li {
	width:100%;
	padding:0 0 0 0px; /* stops inheritance */
	border-left:0; /* stops inheritance */
	border-right:0; /* stops inheritance */
 }
#globalnavWrap div.multi_drop_menus ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
#globalnavWrap 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 */
	} 

/**************************/
/**************************/
/* POP-OUTS start here */
body #globalnavWrap 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 */
	left:100%;
	top:4px; /* aligns level 3 and 4 pop-out with previous level */
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: transparent;
 }
#globalnavWrap 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*/
#globalnavWrap 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 */
#globalnavWrap 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 menus */
#globalnavWrap 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-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%; 
}
#globalnavWrap 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 */
}
#globalnavWrap 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 */
 }
/* levels 2 -4 width */
#globalnavWrap div.multi_drop_menus.vertical li li {
}
#globalnavWrap div.multi_drop_menus.vertical ul ul ul {
 left: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 #globalnavWrap 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 #globalnavWrap div.multi_drop_menus ul li ul {
  z-index:400; /*ensures menu is on top of other page elements */
 }
* html #globalnavWrap 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 #globalnavWrap div.multi_drop_menus.vertical a {
/* now hasLayout in IE - works on the vert menu as container has width */
 zoom:100%;
 } 
 * html #globalnavWrap 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/
   */
 /* END OF LIST-BASED MENU */