#menuh {
	padding: 0 46px 21px 0;
	vertical-align: bottom;
	text-align: left;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
  }
#menuh ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
  }
#menuh ul ul {
  position: absolute;
  z-index: 500;
  top: auto;
  display: none;
  border-bottom: 1px solid #000;
  }
#menuh ul ul ul {
  top: 0;
  left: 100%;
  }
#menuh li {
  position: relative;
  min-height: 1px; /* for IE7 */
  vertical-align: bottom; /* for IE7 */
  width: 8.25em;
  float: left;
  }
#menuh ul ul li {
  width: 13em;
  float: none;
  background-color: #4E4440;
  }
#menuh li a,
#menuh li a:visited {
  display: block;
  margin: 0;
  padding: 0.4em 1em .4em;
  text-decoration: none;
  color: #999;
  }
#menuh ul ul li a,
#menuh ul ul li a:visited {
  color: #999;
  }
td#menuh li:hover {
  cursor: pointer;
  z-index: 100;
  background: #3D3532;
  }
td#menuh li:hover a,
td#menuh li:hover a:visited {
  color: #CCC; /* this will affect both the link you're currently over and all child items */
  }
td#menuh li:hover ul ul,
td#menuh li li:hover ul ul,
td#menuh li li li:hover ul ul,
td#menuh li li li li:hover ul ul {
  display: none;
  }
td#menuh li:hover ul,
td#menuh li li:hover ul,
td#menuh li li li:hover ul,
td#menuh li li li li:hover ul {
  display: block;
  }
td#menuh li:hover ul li a,
td#menuh li:hover ul li a:visited,
td#menuh li li:hover ul li a,
td#menuh li li:hover ul li a:visited,
td#menuh li li li:hover ul li a,
td#menuh li li li:hover ul li a:visited,
td#menuh li li li li:hover ul li a,
td#menuh li li li li:hover ul li a:visited {
  color: #999; /* override color specification above for child elements with more specific styles */
  }
td#menuh a:hover {
  color: #CCC !important; /* now override the override by changing color of current element no matter what */ 
  }