/* Begin drop-down or fly out Menu */


#menuh-container
	{
	position:  relative;
	margin: 0;
	padding: 0;
	
    top: 0px;
    left: 0px;
}

#menuh
	{
	font-size: 90%;
	font-family: helvetica, "Trebuchet MS",arial, sans-serif;
	width:100%;
	float:left; 
	margin-bottom:0px;
	color: #333;
	background:  #0000b5;
	border-bottom : 2px solid #CCCCCC;
	}
				
#menuh a
	{
	text-align: center;
	display:block;
	height:16px;
	border-right:1px solid #CCCCCC;
	white-space:nowrap;
	margin:0;
	padding: 0.6em 0.2em 0.6em 0.4em;
	}
	
#menuh a, #menuh a:visited	/* menu at rest */
	{
	color: #FFFFFF;
	background: #0000b5;
	text-decoration:none; 
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
	color: #000;
	background: #0ee080; 
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents.  insert after background image.... url(images/navdown_white.gif)*/
	{
	background-image: ;
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents. insert after background image....
url(images/nav_white.gif); */
	{
	background-image: ;
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{ 
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width: 140px; 	/* width of all menu boxes */
	}

#menuh li
	{ 
	position:relative;	
	}
	
/* I dont think this bit works - but it might? */
li li { text-align: left; }
/* end */



#menuh ul ul
	{ 
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{ 
	top:0;
	left:100%;
	}

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 of drop-down Menu */