/* 
	Vision New America
	
	Filename:	menu.css
	Content:	The styles used for the CSS-based drop-down menu
	Reference: http://sperling.com/examples/menuh/
 */

#menuh-container{
	position:  relative;
}

#menuh{
	font-size: 12px;
	font-weight:bold;
	width:100%;
	float:left;
}
		
#menuh a{
	text-align: center;
	display:block;
	border: 1px solid #882222;
	margin:0;
	padding: 0.2em;
}
	
#menuh a, #menuh a:visited{	/* menu at rest */
	color: black;
	background-color: white;
	text-decoration:none;
}
	
#menuh a:hover{	/* menu at mouse-over  */
	color: white;
	background-color: #882222;
}	
	
#menuh a.top{
	background-image: url(../images/arrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

#menuh a.top:hover{
	background-image: url(../images/arrow2.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

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

#menuh li
	{
	position:relative;
	}

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