/* Begin CSS Drop Down Menu */

body {
	background-color:#000000;
}
#menuh-container {
	background-image:url(../images/nav.png);
	background-repeat:no-repeat;
	font-family: arial, helvetica, sans-serif;
	width:768px;			/* width of entire nav bar */
	height:53px;
	margin:auto;
	padding:0px 0px 0px 0px;
}

#menuh {
	width:400px;			/* width of entire nav bar */
	height:30px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 355px;
	font-size:20px;
	font-weight:800;
	text-align: center;
}
		
#menuh a {
	width:100px;
	height:30px;
	color:#FFFFFF;
	display:block;
	border:none;		/* border */
	white-space:nowrap;
	margin:0;
	padding:0.3em;		/* Adjust this if using variable width boxes */
	outline:none;
}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color:#fff;							/* text colour */
	text-decoration:none;				/* no underline */
	}
	
#menuh a:hover {					/* menu on mouse-over  */
	width:100px;
	height:30px;
	background-image:url(../images/navhoverlong.png); /*background*/
	background-repeat:no-repeat;
	background-position:center;
	color:#FFFFFF;
}	
	
	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents  */
	{

	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{

	}
	

	
#menuh ul {
	width:100px;
	height:30px;
	list-style:none;
	margin:0px 0px 0px 0px;		/* gap between parent boxes */
	padding:0px 0px 0px 0px;	/* padding around parent boxes */
	float:left;
	width:100px;	/* width of each menu box */
	height:30px;
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menuh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
}

#menuh li {
	position:relative;
	min-height: 1px;
	vertical-align: bottom;
}

#menuh ul ul {
	font-size:15px;
	font-weight:800;
	text-align: center;
	background-image:url(../images/dropdown_navBG.png);
	background-repeat:no-repeat;
	z-index:500;
	display:none;
	height:200px;
	padding:0px 0px 0px 0px;	/* padding around list */
	margin:1px 0px 0px 5px;	/* sets location of lists */

}

#menuh ul ul a:hover {
	background:none;
	text-decoration:underline;
}

#menuh ul ul a {
	padding:10px 10px 0px 0px;
}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}
	
#menuh li li {
	width:100px;
	height:30px;
	padding:0px 0px 0px 0px;
}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

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

/* End CSS Drop Down Menu */