/* Begin CSS Drop Down Menu */

#menuh-container		/* this is the main container position as you want*/
	{
	position:  relative;	/* menu position */	
	top: 18px;			/* top of left upper corner */
	left: 244px;		/* left of left upper corner */
	font-size: 1em;		/* do not remove or alter */
	z-index: 1;			/* do not remove or alter */
	}

#menuh							/* this is where you may change font and font size */
	{
	font-size: 14px;		/* default font size in menu boxes, can be overwritten for each level*/
	font-family: tahoma;	/* default font in menu boxes, can be overwritten for each level*/
	font-weight: bold;	/* default font weight, can be overwritten for each level */
	width: 100%;		/* *** PLEASE *** note the comment below */
	margin: 0px;
	margin-top: -26px;		/* top of menu boxes relative to top of container */
	float: none;		/* do not remove or alter; previously: left */
	}

/* === comment ===
The width value above can be critical to your design. If you leave the value at 100%, then 
the menu will wrap if the browser window is reduced to a size where the menu can't fit. 
If you want your menu to not wrap, then you must set it to a specific size.

To determine what specific size you need, simply count the number of grandparents and 
multiply that number by the width given in the menuh ul and menuh lu rules. 
*/

#menuh a, #menuh a:visited				/* menu at rest */
	{
	height:1%;						/* do not remove or alter */
	display: block;					/* do not remove or alter */
	white-space: nowrap;				/* do not remove or alter */
	padding: 0.3em;					/* inner distance text to border */
	text-decoration: none;				/* this stops the default underline of links */
	color: #273d77;					/* font color in menu boxes */
	background-color: #86C8FA;			/* background color of menu boxes */
	border: 1px solid #ffffff;			/* border color of each menu box */
	}	
			
#menuh a.grandparent, #menuh a.grandparent:hover  	/* grandparents (=1st level) */
	{
	background-image: url(navdown_white.gif);		/* do not remove or alter */
	background-position: right center;			/* do not remove or alter */
	background-repeat: no-repeat				/* do not remove or alter */
	}
	
#menuh a.parent, #menuh a.parent:hover 			/* parents (=2nd level) */
	{
	font-size: 12px;				/* font size */
	background-image: url(nav_white.gif);		/* do not remove or alter */
	background-position: right center;			/* do not remove or alter */
	background-repeat: no-repeat				/* do not remove or alter */
	}

#menuh a.woc, #menuh a.woc:hover 			/* without children (= 2nd or 3rd level) */
	{
	font-size: 12px;				/* font size */
	background-repeat: no-repeat			/* do not remove or alter */
	}

#menuh a:hover							/* menu at mouse-over  */
	{
	color: #273d77;						/* font color in menu boxes when hovering */
	background-color: #c0c0c0;				/* background color in menu boxes when hovering */
	}	

/* NOTE the width attribute below is REQUIRED IN (BOTH #menuh ul and?) #menuh li rules below. */
/* If you remove these, the menu will automatically adjust to the length of the menu text. */
/* In other words, the menu becomes a variable width menu (some menus require that) */
/* HOWEVER, you mist add padding to left and right make the menu text readable */

#menuh ul						/* properties of menu boxes in 1st level */
	{
	text-align: center; 			/* text alignment */
	list-style: none;				/* do not remove or alter */
	margin: 0;					/* do not remove or alter */
	padding: 0;					/* do not remove or alter */
	float: left;				/* do not remove or alter */
	}

#menuh li						/* properties of menu boxes in 1st level */
	{
	position: relative;			/* do not remove or alter */
    	min-height: 1px;				/* do not remove or alter */ 
   	vertical-align: bottom;			/* do not remove or alter */
    	width: 10.5em;					/* width of menu boxes */
	}
	
#menuh ul ul					/* properties of menu boxes in 2nd level */
	{
	text-align: left;				/* text alignment */
	position:absolute;
	top: auto;
	left: auto;
	display:none;
	padding: 0;
	margin: 0;
	z-index: 0;	
	}

#menuh li li					/* properties of menu boxes in 2nd level */
	{
	position: relative;			/* do not remove or alter */
    	min-height: 1px;				/* do not remove or alter */ 
   	vertical-align: bottom;			/* do not remove or alter */
    	width: 14em;				/* width of menu boxes */
	}

#menuh ul ul ul					/* properties of menu boxes in 3rd level */
	{
	text-align: left;				/* text alignment */	
	position:absolute;
	top: 0;
	left: 100%;
	}

#menuh li li li					/* properties of menu boxes in 3rd level */
	{
	position: relative;			/* do not remove or alter */
    	min-height: 1px;				/* do not remove or alter */ 
   	vertical-align: bottom;			/* do not remove or alter */
    	width: 14em;				/* width of menu boxes */
	}

div#menuh li:hover
	{
	cursor:pointer;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

#menuh						/* IE stuff */
	{
	float:none;
	}
	
body						/* IE stuff */
	{
	behavior:url(../common/csshover.htc);
	}
	
#menuh ul li				/* IE stuff */
	{
	float:left;
	}
	
#menuh a					/* IE stuff */
	{
	height:1%;
	}

/* End CSS Drop Down Menu */