/* Root = Horizontal, Secondary = Vertical */ ul#main-navigation { margin: 0; border: 0 none; padding: 0; width: 100%; /*For KHTML*/ list-style: none; height: 32px; } /* CCBot/1.0 (+http://www.commoncrawl.org/bot.html) | */ ul#main-navigation li { margin: 0; border: 0 none; padding: 0; display: inline; list-style: none; position: relative; height: 32px; background:url(/images/btn-bg.gif); background-position:right; background-repeat:no-repeat; width:19%; text-align:right; border:1px none red; } ul#main-navigation li.blue { background:url(/images/btn-bg-blue.gif); background-position:right; background-repeat:no-repeat; } ul#main-navigation ul { margin: 0; border: 0 none; padding: 0; width: 160px; list-style: none; display: none; position: absolute; top: 32px; right: 0; z-index:99; border:1px none red; background-color:white; } ul#main-navigation ul li { float: none; /*For Gecko*/ display: block !important; width: 160px; margin: 0; padding: 0; background:none; background-color:#EAF0FF; height:21px; border-top:1px solid white; } /**/ ul#main-navigation ul li a{ /*background:none; background-color:#EAF0FF;*/ margin:0; padding:0; height:21px; font: bold 12px/21px Arial, Helvetica, sans-serif; } /* Root Menu */ ul#main-navigation a { float: none !important; /*For Opera*/ float: right; /*For IE*/ display: block; color: white; font: bold 14px/31px Arial, Helvetica, sans-serif; text-decoration: none; height:31px; border:1px none green; margin-right:30px; background-color:#FFBB2A; position: relative; margin-left:0; } *html ul#main-navigation a { padding:0;margin:0;position:absolute;right:30px;left:0px;width:85%; } ul#main-navigation li.blue a { background-color:#5F7FBA; } /* Root Menu Hover Persistence */ ul#main-navigation a:hover, ul#main-navigation li:hover a, ul#main-navigation li.iehover a { background: #80ACFF; color: #FFF; } ul#main-navigation li.iehover, ul#main-navigation li:hover{ background:url(/images/btn-bg-hover.gif); background-position:right; background-repeat:no-repeat; } /* 2nd Menu */ ul#main-navigation li:hover li a, ul#main-navigation li.iehover li a { float: none; background:none; background-color:#EAF0FF; color: #5F80B6; text-align:center; } *html ul#main-navigation ul a { padding:0;margin:0;position:absolute;right:0px;left:0px;width:100%;height:24px; } /* 2nd Menu Hover Persistence */ ul#main-navigation li:hover li a:hover, ul#main-navigation li:hover li:hover a, ul#main-navigation li.iehover li a:hover, ul#main-navigation li.iehover li.iehover a { background:none; background-color: #BDD1EA; width:160px; } /* 3rd Menu */ ul#main-navigation li:hover li:hover li a, ul#main-navigation li.iehover li.iehover li a { background: #EEE; color: #666; } /* 3rd Menu Hover Persistence */ ul#main-navigation li:hover li:hover li a:hover, ul#main-navigation li:hover li:hover li:hover a, ul#main-navigation li.iehover li.iehover li a:hover, ul#main-navigation li.iehover li.iehover li.iehover a { background: #CCC; color: #FFF; } /* 4th Menu */ ul#main-navigation li:hover li:hover li:hover li a, ul#main-navigation li.iehover li.iehover li.iehover li a { background: #EEE; color: #666; } /* 4th Menu Hover */ ul#main-navigation li:hover li:hover li:hover li a:hover, ul#main-navigation li.iehover li.iehover li.iehover li a:hover { background: #CCC; color: #FFF; } ul#main-navigation ul ul, ul#main-navigation ul ul ul { display: none; position: absolute; top: 0; right: 160px; } /* Do Not Move - Must Come Before display:block for Gecko */ ul#main-navigation li:hover ul ul, ul#main-navigation li:hover ul ul ul, ul#main-navigation li.iehover ul ul, ul#main-navigation li.iehover ul ul ul { display: none; } ul#main-navigation li:hover ul, ul#main-navigation ul li:hover ul, ul#main-navigation ul ul li:hover ul, ul#main-navigation li.iehover ul, ul#main-navigation ul li.iehover ul, ul#main-navigation ul ul li.iehover ul { display: block; }