
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 1000px; /*For KHTML*/
  list-style: none;
  height: 76px;
  background: url(img/menu-off.jpg) top left repeat-x;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 76px;
  z-index: 100;
  font-size: 12px;
}
ul#navmenu li.last { background: none; }
ul#navmenu ul {
  border: 0 none;
  padding: 0;
  display: none;
  position: absolute;
  top: 76px;
  left: 0;
  border: 0px solid #ccc;
  border-top: none;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  height: 32px;
  border-top: 0px solid #ddd;
  padding: 0;
}




/*************** Root Menu *******************/
ul#navmenu a {
	padding: 0px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #fff;
	font: bold 12px/76px Arial, Helvetica, sans-serif;
	text-decoration: none;
        text-align: center;
	/*height: auto !important;
	height: 1%;*/ /*For IE*/
        height: 76px;
        vertical-align: middle;
	}

ul#navmenu .last a { width: 70px; _width: 70px; padding: 0;}
ul#navmenu a img { vertical-align: 1px; }





/******** Root Menu Hover Persistence ********/
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a { background: url(img/topmenu-over.png) center repeat-x; margin-right:0; }


ul#navmenu ul { border-top: 4px solid #d22; }


/**************** 2nd Menu *********************/
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  height: 32px;
  text-transform: none;
  color: #000;
  font: normal 12px/32px Arial, Helvetica, sans-serif;
  text-align: left;
  background: #ccc;
  width: 125px;
  height: 32px;
  border-bottom: 0px solid #666;
}


ul#navmenu li:hover li a span,
ul#navmenu li.iehover li a span { background: url(img/li.gif) 0 center no-repeat; padding-left: 10px; }


/*********** 2nd Menu Hover Persistence ************/
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #999;
color: #000;
	}



/******************* 3rd Menu *********************/
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
	background: #EEE;
	color: #666;
	}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
	background: #CCC;
	color: #FFF;
	}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
	background: #EEE;
	color: #666;
	}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
	background: #CCC;
	color: #FFF;
	}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 160px;
	}




/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display: none;
	}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display: block;
	}


