/* === Begin CSS Drop Down Menu === */
#menuh-container											/* This is the main container position as you want*/
{
	font-size:				1.0em;							/* 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: 				0.75em;							/* Size of the text in the menu. 16 x 0,75 = 12px */	
	font-family: 			verdana, geneva, arial, helvetica, sans-serif;	/* Font */	
	font-weight: 			normal;							/* Weight (i.e., bold, italic, ect.)  */	
	float: 					none;							/* Do not remove or alter */	
	width: 					100%;							/* Note the comment below */   /* CHANGE TO ABSOLUTE VALUE! */
}

/* === 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 menh ul and menuh lu rules. For example, 
 * this menu has five grandparents and the width for the menuh ul and li is 9em. Therefore,
 * a width of 400 em would stop this menu from wrapping.
 */

#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-top: 			0.2em;						/* Height of the menu box above text */
	padding-bottom: 		0.2em;						/* Height of the menu box below text */
	padding-left:			0.4em;						/* Length of the menu box left of text */
	text-align: 			left;	 					/* Positions the text for all menu items */
	text-decoration:		none;						/* This stops the default underline of links */
	color: 					#FFF;						/* Color of the text */
	background-color: 		#302226;					/* Color of the background */
}

#menuh a.topmenu, #menuh a.topmenu:hover			  		/* Top menu items (that are not classified as grandparents */
{
	font-weight:			bold;						/* Make all items on top level bold */
	text-align: 			center;
	padding-right:			7em;
}

#menuh a.grandparent, #menuh a.grandparent:hover  		/* Attaches down-arrow to all top-parents */

{
	font-weight:			bold;
	text-align: 			center;
	padding-right:			7em;
/*	background-image: 		url(menu-arrow.gif);		/* Do not remove or alter */
/*	background-position: 	left center;				/* Do not remove or alter */
/*	background-repeat: 		no-repeat					/* Do not remove or alter */
}

#menuh a.parent, #menuh a.parent:hover 					/* Attaches side-arrow to all parents */
{
/*	background-image: 		url(menu-arrow-down.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:hover											/* Menu at mouse-over  */
{
	color: 					#FFF;						/* Color of text */	
	background-color: 		#616D7E;					/* Color of background */
}

/* === NOTE ===
 * The width attriute 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 must add padding to left and right make the menu text readable.
 */
 
#menuh ul
{
	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 */
	width:					10%;						/* Width of all menu boxes - read note above */
}

#menuh li
{
	position: 				relative;					/* Do not remove or alter */
    min-height: 			1px;						/* Do not remove or alter */
	vertical-align: 		bottom;						/* Do not remove or alter */
	width: 					14.0em;						/* Width of all menu boxes - read note above*/
}

/* === DO NOT REMOVE OR ALTER ANYTHING BELOW === */
#menuh ul ul												/* Parent menu */
{
	position:				absolute;
	top: 					auto;
	left: 					auto;
	display:				none;
	padding: 				0;
	margin: 				0;
	z-index: 				0;
}

#menuh ul ul ul												/* Child menu */
{
	position:				absolute;
	top: 					0;
	left: 					100%;
}

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;
}

/* === IE stuff below === */
#menuh														/* IE stuff */
{
	float:					none;
}

body														/* IE stuff */
{
	behavior:				url (csshover.htc);
}

#menuh ul li													/* IE stuff */
{
	float:					left;
}

#menuh a														/* IE stuff */
{
	height:					1%;
}

/* === End CSS Drop Down Menu === */