/* Root = Vertical, Secondary = Vertical */ ul#navmenu-v, ul#navmenu-v li, ul#navmenu-v ul { margin: 0; border: 0 none; padding: 0; width: 150px; /*For KHTML*/ list-style: none; } ul#navmenu-v:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul#navmenu-v li { float: left; /*For IE 7 lack of compliance*/ display: block !important; /*For GOOD browsers*/ display: inline; /*For IE*/ position: relative; } /* Root Menu */ ul#navmenu-v a { height: 10px; overflow: hidden; border-bottom: 0px solid #FFF; border-right: 0px solid #FFF; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 8px; display: block; background-image: url('/templates/1/nav_graphics/menuitem_bg.jpg'); background-repeat: repeat-x; background-color: #a0b5da; color: #F3F3F3; font: bold 10px/16px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ } /* Root Menu Hover Persistence */ ul#navmenu-v a:hover, ul#navmenu-v li:hover a, ul#navmenu-v li.iehover a { background-image: url('/templates/1/nav_graphics/menuitem_bg_over.jpg'); background-repeat: repeat-x; background-color: #819dcd; color: #FFF; } /* 2nd Menu */ ul#navmenu-v li:hover li a, ul#navmenu-v li.iehover li a { background-image: url('/templates/1/nav_graphics/menuitem_bg.jpg'); background-repeat: repeat-x; background-color: #a0b5da; color: #F3F3F3; } /* 2nd Menu Hover Persistence */ ul#navmenu-v li:hover li a:hover, ul#navmenu-v li:hover li:hover a, ul#navmenu-v li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover a { background-image: url('/templates/1/nav_graphics/menuitem_bg_over.jpg'); background-repeat: repeat-x; background-color: #819dcd; color: #FFF; } /* 3rd Menu */ ul#navmenu-v li:hover li:hover li a, ul#navmenu-v li.iehover li.iehover li a { background-image: url('/templates/1/nav_graphics/menuitem_bg.jpg'); background-repeat: repeat-x; background-color: #a0b5da; color: #F3F3F3; } /* 3rd Menu Hover Persistence */ ul#navmenu-v li:hover li:hover li a:hover, ul#navmenu-v li:hover li:hover li:hover a, ul#navmenu-v li.iehover li.iehover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover a { background-image: url('/templates/1/nav_graphics/menuitem_bg_over.jpg'); background-repeat: repeat-x; background-color: #819dcd; color: #FFF; } /* 4th Menu */ ul#navmenu-v li:hover li:hover li:hover li a, ul#navmenu-v li.iehover li.iehover li.iehover li a { background-image: url('/templates/1/nav_graphics/menuitem_bg.jpg'); background-repeat: repeat-x; background-color: #a0b5da; color: #F3F3F3; } /* 4th Menu Hover */ ul#navmenu-v li:hover li:hover li:hover li a:hover, ul#navmenu-v li.iehover li.iehover li.iehover li a:hover { background-image: url('/templates/1/nav_graphics/menuitem_bg_over.jpg'); background-repeat: repeat-x; background-color: #819dcd; color: #FFF; } ul#navmenu-v ul, ul#navmenu-v ul ul, ul#navmenu-v ul ul ul { display: none; position: absolute; top: 0; left: 150px; } /* Do Not Move - Must Come Before display:block for Gecko */ ul#navmenu-v li:hover ul ul, ul#navmenu-v li:hover ul ul ul, ul#navmenu-v li.iehover ul ul, ul#navmenu-v li.iehover ul ul ul { display: none; } ul#navmenu-v li:hover ul, ul#navmenu-v ul li:hover ul, ul#navmenu-v ul ul li:hover ul, ul#navmenu-v li.iehover ul, ul#navmenu-v ul li.iehover ul, ul#navmenu-v ul ul li.iehover ul { display: block; }