/*
Pure CSS horizontal menu from http://www.sperling.com/examples/menuh.
Must use HTML 4.0/Strict or XHTML doctype to work in IE7.
For IE6 & below, use csshover.htc behavior to emulate :hover functionality on non-links.
Load the .htc file from a relative path or else access will be blocked by IE.
*/
#menuh {
  width: 100%; /* IE */
  border-top: 1px solid #F0F0F0;
  border-bottom: 1px solid #F0F0F0;
  background: #000 url(images/menu-bg.gif);
  color: #000;
  text-align: left;
  }
#menuh ul {
	list-style: none;
  margin: 0 20px;
  padding: 0;
  float: left;
  background: #E1E1E1 url(images/menu-li-bg.gif);
  border-right: 1px solid #000;
  }
#menuh ul ul {
	list-style: none;
  margin: 0;
  position: absolute;
  left: -1px;
  z-index: 500;
  top: auto;
  display: none;
  border-bottom: 1px solid #000;
  background: #FC3;
  min-width: 100%; /* don't make narrower than top parent */
  width: 13em; /* IE7 & FF need a width, or else LIs & As won't stretch to full width */
  opacity: .96;
  }
#menuh ul ul ul {
  top: 0;
  left: 100%;
  }
#menuh li {
  position: relative;
  min-height: 1px; /* for IE7 */
  vertical-align: bottom; /* for IE7 */
  float: left;
  font: bold 125% 'Arial Black', tahoma, verdana, arial, helvetica, sans-serif;
  letter-spacing: -1px;
  border-left: 1px solid #000;
  }
#menuh ul ul li {
  height: auto;
  float: none;
  font: bold 78% tahoma, verdana, arial, helvetica, sans-serif;
  letter-spacing: 0;
	text-transform: none;
  }
#menuh li a,
#menuh li a:visited {
  display: block;
  min-height: 20px;
  margin: 0;
  padding: 0 .6em;
  text-decoration: none;
  color: #000;
  }
div#menuh li:hover {
  /* cursor: pointer; */
  background: #F93;
	z-index: 100;
  }
#menuh ul ul li a,
#menuh ul ul li a:visited {
  min-height: 0;
  line-height: 1.2; /* IE */
  padding: .35em .5em;
  border-top: 1px solid #555;
  }
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;
  }