#menuh-container
{
position: absolute;
top: 0;
left: 0;
}

#menuh
{
font-size: small;
font-family: arial, helvetica, sans-serif;
width:100%;
float:left;
margin:0;
margin-top: 0;
margin-left: 6px;
}

#menuh a
{
text-align: center;
display:block;
/*border: 1px solid #555;*/
border-top:     1px solid #666666;
border-bottom:  1px solid #666666;
border-right:   1px solid #666666;
white-space:nowrap;
margin:0;
padding-top: 2px;
padding-left: 20px;
padding-right: 20px;
}

#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
{
color: black;
height: 20px;
background-color: #c4c1a8;
/*
background-image: url(../images/new/menu_bg.png);
background-repeat: repeat-x;
*/
text-decoration:none;
}

#menuh a:hover						/* menu on mouse-over  */
{
color: white;
background-color: #9f9d8b;
/*background-color: cornflowerblue;*/
text-decoration:none;
}	


#menuh ul
{
list-style:none;
margin:0;
padding:0;
float:left;
/*width:9em;*/	/* 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: 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 CSS Drop Down Menu */