/* Root = Horizontal, Secondary = Vertical */
ul#navmenu { line-height: 30px; margin: 0; border: 0; padding: 0; width: 800px; /*For KHTML*/
  list-style: none; height: 30px; z-index:10; margin-left:20px;}

ul#navmenu li { font-weight: normal; font-style: normal; font-variant: normal; line-height: 24px; margin: 0; border: 0; padding: 0; float: left; /*For Gecko*/
  display: inline; list-style: none; position: relative; height: 24px; z-index:10;}

ul#navmenu ul { margin: 0; border: 0; padding: 0; width: 200px; list-style: none; display: none; position: absolute; top: 30px; left: 0; z-index:10;}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{ font-weight: normal; font-style: normal; font-variant: normal; line-height: 0; clear: both; display: block; content: "."; height: 0; visibility: hidden; z-index:10;}

ul#navmenu ul li { width: 200px; float: left; /*For IE 7 lack of compliance*/
  display: block !important; display: inline; /*For IE*/ z-index:10;
}

/* Root Menu */
ul#navmenu a { padding: 0 8px; float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block; height:30px; color: #fff; font: 600 0.7em/30px arial, helvetica, sans-serif; background-image: url(img/menu_normal.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; text-decoration: none; height: auto !important; height: 1%; z-index:10;/*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a { color: #fff; height:24px; background-image: url(img/menu_over.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; z-index:10;}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a { float: none; height:24px; color: #fff; font: 600 0.7em/24px arial, helvetica, sans-serif;  background-image: url(img/menu_normal_2nd.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; z-index:10;}

/* 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 { color: #fff; background-image: url(img/menu_over_2nd.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0;z-index:10; }

/* 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;
}

