/* Begin CSS Drop Down Menu */
#menuh-container
{
position: absolute;
top: 0em;
left: 0em;
width:100%;
text-align:center;
}

#menuh	{
font-size: 11px;
font-family: arial, helvetica, sans-serif;
font-weight:bold;
float:left;
margin:0em;
margin-top: 0em;
margin-left:30px;
}

#menuh a{
display:block;
border: 1px solid black;
white-space:nowrap;
margin:0;
padding: 0.2em;
background:#850D0E; /*#6c1514 ; was #9D0301 */
width:90px;
text-align:center;
}

#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */ {
color: white;
background:#850D0E; /*#6c1514 ; was #9D0301 */
text-decoration:none;
}

#menuh a:hover/* menu on mouse-over  */	{
color: white;
/*background-color: cornflowerblue;*/
text-decoration:none;
}

#menuh a.top_parent /* #menuh a.top_parent:hover   attaches down-arrow to all top-parents */	{
text-align: center;
background:#850D0E; url(images/downarrow.jpg) right no-repeat;
width: 100px;
padding-left:4px;
padding-right:4px;
}

#menuh a.parent 	/*#menuh a.parent:hover  attaches side-arrow to all parents*/	{
background:#850D0E; url(images/rightarrow.jpg) right no-repeat;
padding:4px;
border-top:none;
width:175px;
text-align:left;
}

#menuh a.stepparent 	{
background:#850D0E;
padding:4px;
border-top:none;
width:175px;
text-align:left;
}

#menuh a.child {
background:#850D0E;
padding:4px;
margin-left:10px;
border-top:none;
width:175px;
text-align:left;
}

#menuh a.top_parent:hover {
background:white  url(images/downarrow2.jpg) right no-repeat;
color:#9D0301;
}


#menuh a.parent:hover{
background:white  url(images/rightarrow2.jpg) right no-repeat;
color:#9D0301;
}

#menuh a.child:hover,#menuh a:hover,  #menuh a.stepparent:hover{
background:white;
color:#9D0301;
}


#menuh ul {
list-style:none;
margin:0;
padding:0px;	
float:left;
/*width:85px;	width of all menu boxes */	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh 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; /* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	
}

#menuh ul ul {	position:absolute;
z-index:500;
top:auto;
display:none;
padding: 0px;
width: 175px;
margin:0px;
}

#menuh ul ul ul	{
top:0;
left:100%;
}

#menuh a.parent li:hover ul {
background:white;
color:#9D0301;
}

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;
text-align:left;
}

/* End CSS Drop Down Menu */






