/* Root = Horizontal, Secondary = Vertical */
#menucontainer{
background: #fff url(images/bg_menu.jpg) top left repeat-x;
}
ul#navmenu {
margin: 0;
border: 0 none;
padding: 0;
width:720px; /*For KHTML*/
list-style: none;
height:30px;
}
ul#navmenu li {
border: 0 none;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
}
ul#navmenu ul {
background:#f0f0f0;
border:none;
width:120px;
list-style: none;
display: none;
position: absolute;
top:29px;
left: 0;
}
ul#navmenu ul li {
float: none; /*For Gecko*/
display: block !important;
display: inline; /*For IE*/
}
/* Root Menu */
ul#navmenu a {
padding:6px 16px 4px 14px;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
background:url(images/dot_menu.gif) no-repeat right;
color: #fff;
font-weight:bold;
text-decoration: none;
height: auto !important;
height: 1%; /*For IE*/
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
background:url(images/bg_menu_on.jpg) repeat-x top left;
color: #fff;
}
/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
float: none;
background:#f0f0f0;
color:#4a4d42;
line-height:1.5em;
padding:3px 10px 3px 10px;
margin:0;
border-bottom:1px solid #fff;
font-weight:normal;
}
/* 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:#ebf5e7;
color:#090;
}
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;
}