body {
	font-family: arial, helvetica, serif;
}

#menuh, #menuh ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#menuh a {
	display: block;
    padding: 0 10px 0 10px;
       font-size:11px;
       height:29px;
       line-height:29px;
       text-align:center;
       border-right:1px dotted #000;
}

#menuh li { /* all list items */
	float: left;
	//width: 109px; /* width needed or else Opera goes nuts */
       height:29px;
}

#menuh li ul { /* second-level lists */
	position: absolute;
	background: #332A1F;
	width: 15em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#menuh ul li ul li
{
      width:146px;
}
#menuh li ul a {
     text-align:left;
     display:block;
     padding:0px 0px 0px 10px;
     border-bottom:1px solid #000;
     border-right:transparent;
     width:165px;
     font-size:11px;
}

#menuh li:hover ul, #menuh li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}

#menuh2, #menuh2 ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#menuh2 a {
	display: block;
	width:160px;
       font-size:12px;
       height:29px;
       line-height:29px;
       text-align:center;
       border-right:1px dotted #000;
       padding:0 10px 0 10px;
}

#menuh2 li { /* all list items */
	float: left;
       height:29px;
}

#menuh2 li ul { /* second-level lists */
	position: absolute;
	background: #332A1F;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#menuh2 ul li ul li
{
      width:146px;
}
#menuh2 li ul a {
     text-align:left;
     display:block;
     padding:0px 0px 0px 15px;
     border-bottom:1px solid #000;
     border-right:transparent;
     width:146px;
     font-size:11px;
}

#menuh2 li:hover ul, #menuh2 li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}