/* Root = Horizontal, Secondary = Vertical */
ul#navmenu   { color: aqua; background-color: purple; list-style: none; margin: 0; padding: 0; width: 601px; height: 27px; border: 0 blue; outline-color: fuchsia }

ul#navmenu li   { list-style: none; display: inline; margin: 0; padding: 0; position: relative; height: 27px; float: left; border-style: none; border-color:  }

ul#navmenu ul    { list-style: none; display: none; margin: 0; padding: 0; position: absolute; top: 24px; left: 0; width: 32px; border-style: none; outline-width: 2px; outline-color: blue }

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

ul#navmenu ul li   { display: block !important; width: 200px; float: left }

/* Root Menu */
ul#navmenu a    { color: white; font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background: #77181c; display: block; padding: 0; width: auto; height: auto !important; float: none !important; border: solid 0 transparent }

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a  { color: yellow; background: maroon }

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a  { color: #77181c; background: #efae96; padding: 4px; float: none; border-width: 1px 2px 2px 1px; border-color: #bf4429 }

/* 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: white }

/* 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  { color: red; background: orange }

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

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