.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #msa-nav div.AspNet-Menu-Horizontal * { margin:0; padding:0; /* removes margin and padding off all list elements */ font-family: Arial, Helvetica, Sans-Serif; color: #FFFFFF; } #msa-nav {width:100%; height:42px; border-bottom:2px solid #FFF; position:relative; z-index:100; font-family:arial, sans-serif; } /* remove all the bullets, borders and padding from the default list styling */ #msa-nav ul {padding:0;margin:0;list-style-type:none;} #msa-nav ul li { background-color:#00539f; /* background color of the level 1 menu items */ line-height:42px; margin-right:0px; float:left; } #msa-nav div.AspNet-Menu-Horizontal ul ul li, #msa-nav div.AspNet-Menu-Horizontal ul ul ul li { background-color:#00539f; /* background color of subsequent menu items */ line-height:25px !important; margin-right:0px; background-image:none; } #msa-nav ul ul {width:235px; } /* make last drop down smaller */ #msa-nav ul ul.last {width:136px; } /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ /* #msa-nav ul li {float:left;position:relative; } */ #msa-nav div.AspNet-Menu-Horizontal ul li.first { width:55px; background-image:url('/res/images/nav-bg.gif'); background-position:left; background-color:#FFF; } #msa-nav div.AspNet-Menu-Horizontal ul li.second { width:80px; } #msa-nav div.AspNet-Menu-Horizontal ul li.third { width:143px; } #msa-nav div.AspNet-Menu-Horizontal ul li.fourth { width:201px; } #msa-nav div.AspNet-Menu-Horizontal ul li.fifth { width:109px; } #msa-nav div.AspNet-Menu-Horizontal ul li.sixth { width:175px; } #msa-nav div.AspNet-Menu-Horizontal ul li.seventh { width:106px;} #msa-nav div.AspNet-Menu-Horizontal ul li.last { width:111px; background-image:url('/res/images/nav-bg.gif'); background-position:right; background-color:#FFF; } #msa-nav div.AspNet-Menu-Horizontal ul li.first ul li.first, #msa-nav div.AspNet-Menu-Horizontal ul li.second ul li.second, #msa-nav div.AspNet-Menu-Horizontal ul li.third ul li.third, #msa-nav div.AspNet-Menu-Horizontal ul li.fourth ul li.fourth, #msa-nav div.AspNet-Menu-Horizontal ul li.fifth ul li.fifth, #msa-nav div.AspNet-Menu-Horizontal ul li.sixth ul li.sixth {float:left;width:235px;position:relative; } /* modify width of seventh drop down */ #msa-nav div.AspNet-Menu-Horizontal ul li.seventh ul li.seventh { width:196px; } /* fix up sub sub menus for seventh menu item */ #msa-nav div.AspNet-Menu-Horizontal ul li.seventh ul li.seventh ul.left li { width:235px; } /* fix up drop down menus of last item */ #msa-nav div.AspNet-Menu-Horizontal ul li.last ul li { width:117px !important; background-image:none; background-color:#00539f; } #msa-nav div.AspNet-Menu-Horizontal ul li.last ul li a {width:117px;} /* make last drop down smaller */ /* #msa-nav div.AspNet-Menu-Horizontal ul ul.last li {width:136px; } */ #msa-nav div.AspNet-Menu-Horizontal ul ul.last li ul.left li {width:235px; } /* style the links for the top level */ #msa-nav a, #msa-nav a:visited {background-color:#00539f; text-align:center; display:block; font-size:12px; font-weight:normal; color:#FFF; text-transform:uppercase; border-right:1px solid #FFF; height:42px; position:relative; text-decoration:none;} #msa-nav li.first a, #msa-nav li.first a:visited {width:54px; border-right:1px solid #FFF;} #msa-nav li.second a, #msa-nav li.second a:visited {width:79px; border-right:1px solid #FFF;} #msa-nav li.third a, #msa-nav li.third a:visited {width:142px; border-right:1px solid #FFF;} #msa-nav li.fourth a, #msa-nav li.fourth a:visited {width:200px; border-right:1px solid #FFF;} #msa-nav li.fifth a, #msa-nav li.fifth a:visited {width:108px; border-right:1px solid #FFF;} #msa-nav li.sixth a, #msa-nav li.sixth a:visited {width:174px; border-right:1px solid #FFF;} #msa-nav li.seventh a, #msa-nav li.seventh a:visited {width:105px; border-right:1px solid #FFF;} #msa-nav li.last a, #msa-nav li.last a:visited {width:111px;} /* style links for subsequent menus */ #msa-nav div.AspNet-Menu-Horizontal ul li ul a { text-align:left; text-transform:none; } /* style the second level background */ #msa-nav ul ul li.AspNet-Menu-WithChildren a, #msa-nav ul ul li.AspNet-Menu-WithChildren a:visited {background:#00539f url('/res/images/nav-wsmall.gif') no-repeat 215px center;} #msa-nav ul ul li.AspNet-Menu-WithChildren ul li.AspNet-Menu-WithChildren a, #msa-nav ul ul li.AspNet-Menu-WithChildren ul li.AspNet-Menu-WithChildren a:visited {background:#00539f url('/res/images/nav-wsmall.gif') no-repeat 215px center;} #msa-nav ul ul li.AspNet-Menu-WithChildren ul li.AspNet-Menu-WithChildren ul li a , #msa-nav ul ul li.AspNet-Menu-WithChildren ul li.AspNet-Menu-WithChildren ul li a:hover, #msa-nav ul li.seventh ul li.AspNet-Menu-WithChildren ul li.AspNet-Menu-WithChildren ul li a:hover, #msa-nav ul li.last ul li.AspNet-Menu-WithChildren ul li.AspNet-Menu-WithChildren ul li a:hover { background-image:none; } /* fix up positioning for seventh menu */ #msa-nav ul li.seventh ul li.AspNet-Menu-WithChildren a, #msa-nav ul li.seventh ul li.AspNet-Menu-WithChildren a:visited {background:#00539f url('/res/images/nav-wsmall.gif') no-repeat 200px center; } /* fix up positioning for last menu */ #msa-nav ul li.last ul.last li.AspNet-Menu-WithChildren a, #msa-nav ul li.last ul.last li.AspNet-Menu-WithChildren a:visited {background:#00539f url('/res/images/nav-wsmall.gif') no-repeat 101px center; } /* style the second level hover */ #msa-nav ul ul li a.AspNet-Menu-Link:hover{background-color:#009470; background-image:none;} #msa-nav ul ul li.AspNet-Menu-WithChildren a.AspNet-Menu-Link:hover{background:#009470 url('/res/images/nav-wsmall.gif') no-repeat 215px center;} #msa-nav ul li.seventh ul li.AspNet-Menu-WithChildren a.AspNet-Menu-Link:hover{background:#009470 url('/res/images/nav-wsmall.gif') no-repeat 200px center;} /* fix up positioning for last menu */ #msa-nav ul li.last ul.last li.AspNet-Menu-WithChildren a.AspNet-Menu-Link:hover{background:#009470 url('/res/images/nav-wsmall.gif') no-repeat 101px center;} /* style selected or selected child element */ #msa-nav ul li.AspNet-Menu-Selected, #msa-nav ul li.AspNet-Menu-Selected a.AspNet-Menu-Selected, #msa-nav ul li.AspNet-Menu-ChildSelected, #msa-nav ul li.AspNet-Menu-ChildSelected a.AspNet-Menu-ChildSelected, #msa-nav ul li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-ChildSelected, #msa-nav ul li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-ChildSelected a.AspNet-Menu-Selected, #msa-nav ul li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-ChildSelected a.AspNet-Menu-ChildSelected { background-color:#009470; } #msa-nav div.AspNet-Menu-Horizontal ul li.last a { background-color:transparent; } #msa-nav div.AspNet-Menu-Horizontal ul li.first a { background-color:transparent; } #msa-nav div.AspNet-Menu-Horizontal ul li.last ul.last li.last, #msa-nav div.AspNet-Menu-Horizontal ul li.last ul li a { background-image:none; background-color:#00539f; } #msa-nav div.AspNet-Menu-Horizontal ul li.first a:hover, #msa-nav div.AspNet-Menu-Horizontal ul li.first a.AspNet-Menu-Selected { background-image:url('/res/images/nav-bg-over.gif'); background-position:-1px; background-color:#FFF; } /* just uncommented the line below */ #msa-nav div.AspNet-Menu-Horizontal ul li.last a:hover, #msa-nav div.AspNet-Menu-Horizontal ul li.last a.AspNet-Menu-Selected, #msa-nav div.AspNet-Menu-Horizontal ul li.last a.AspNet-Menu-ChildSelected { background-image:url('/res/images/nav-bg-over.gif'); background-position:right; background-repeat:no-repeat; background-color:#FFF; } #msa-nav div.AspNet-Menu-Horizontal ul li.last ul li a:hover, #msa-nav div.AspNet-Menu-Horizontal ul li.last ul li a.AspNet-Menu-Selected { background-image:none; background-color:#009470; } #msa-nav div.AspNet-Menu-Horizontal ul li.last a:hover ul.last li.last, #msa-nav div.AspNet-Menu-Horizontal ul li.last a.AspNet-Menu-Selected ul.last li.last { background-image:none; } #msa-nav ul ul li.AspNet-Menu-WithChildren a.AspNet-Menu-Link:hover > a.AspNet-Menu-Link {background-color:#009470; background-image:none;} /* style the third level background */ #msa-nav ul ul li.AspNet-Menu-WithChildren ul li a, #msa-nav ul ul li.AspNet-Menu-WithChildren ul li a.AspNet-Menu-Leaf, #msa-nav ul ul li.AspNet-Menu-WithChildren ul li a.AspNet-Menu-Leaf:visited {background-color:#00539f; /* background-image:none !important;*/} #msa-nav ul li ul li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf a, #msa-nav ul li ul li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf a:visited , #msa-nav ul li ul li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf a:hover, #msa-nav ul li.seventh ul li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf a:hover, #msa-nav ul li.last ul li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf a:hover { background-image:none;} /* style the third level hover */ #msa-nav ul ul li.AspNet-Menu-WithChildren ul li a.AspNet-Menu-Leaf:hover {background-color:#009470; background-image:none;} /* style third level selected */ #msa-nav ul ul li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-Selected a.AspNet-Menu-Selected { background-color:#009470; background-image:none;} /* hide the sub levels and give them a positon absolute so that they take up no room */ #msa-nav ul ul {visibility:hidden;position:absolute;height:0;top:42px; border-top:1px solid #FFF;} /* position the third level flyout menu */ #msa-nav ul ul ul{left:235px; top:-1px; width:235px;} /* position the third level flyout menu for a left flyout */ #msa-nav ul ul ul.left {left:-235px;} /* style the table so that it takes no part in the layout - required for IE to work */ #msa-nav table {position:absolute; top:0; left:0; border-collapse:collapse; } #msa-nav table a, #msa-nav table a:visited { text-align:left; } /* style the second level links */ #msa-nav ul ul a.AspNet-Menu-Link, #msa-nav ul ul a.AspNet-Menu-Link:visited {background:#00539f; color:#FFF; line-height:24px; height:auto; padding:3px 13px 3px 10px; display:block; width:211px !important; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom:0px;} #msa-nav ul ul li:last-child a.AspNet-Menu-Link, #msa-nav ul ul li:last-child a.AspNet-Menu-Link:visited { border-bottom: 1px solid #FFFFFF; } #msa-nav ul ul li:last-child ul li a.AspNet-Menu-Link, #msa-nav ul ul li:last-child ul li a.AspNet-Menu-Link:visited { border-bottom:0px; } #msa-nav ul ul li:last-child ul li:last-child a.AspNet-Menu-Link, #msa-nav ul ul li:last-child ul li:last-child a.AspNet-Menu-Link:visited { border-bottom: 1px solid #FFFFFF; } #msa-nav ul ul.last li { overflow:hidden;} /* make the seventh drop down smaller */ #msa-nav ul li.seventh ul li.seventh a.AspNet-Menu-Link, #msa-nav ul li.seventh ul li.seventh a.AspNet-Menu-Link:visited {width:196px !important;} /* fix up sub sub menus under seventh item */ #msa-nav ul li.seventh ul li.seventh ul.left a.AspNet-Menu-Link, #msa-nav ul li.seventh ul li.seventh ul.left a.AspNet-Menu-Link:visited {width:211px !important;} /* make the last drop down smaller */ #msa-nav ul ul.last a.AspNet-Menu-Link, #msa-nav ul ul.last a.AspNet-Menu-Link:visited {width:97px !important; background-color:#00539f;} /* fix up sub sub menus under last item */ #msa-nav ul li.last ul.last li.last ul.left li {width:235px !important; background-image:none;} #msa-nav ul li.last ul.last li.last ul.left li a.AspNet-Menu-Link, #msa-nav ul li.last ul.last li.last ul.left li a.AspNet-Menu-Link:visited {width:211px !important; background-image:none;} /* style the top level hover */ #msa-nav a:hover, #msa-nav ul ul a:hover{color:#FFF; background:#009470; } #msa-nav :hover > a, #msa-nav ul ul :hover > a {color:#FFF; background:#009470;} /* make the second level visible when hover on first level list OR link */ #msa-nav ul li:hover ul, #msa-nav ul li:hover ul, #msa-nav ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ #msa-nav ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ #msa-nav ul :hover ul :hover ul{ visibility:visible;} /* hide the fourth level when you hover over second level list OR link */ #msa-nav ul :hover ul :hover ul ul { visibility:hidden;} /* make the fourth level visible when you hover over third level list OR link */ #msa-nav ul :hover ul :hover ul :hover ul{ visibility:visible;} /* Vertical Menu preferences */ #msa-sidenav { width:255px; margin:0px; padding:0px; list-style-type:none; font-size:13px; font-family:Arial, Helvetica, sans-serif; list-style-image:none; } #msa-sidenav div.AspNet-Menu-Vertical a { text-decoration:none; width:255px; height:25px; display:block; line-height:25px; color:#FFF; font-size:13px; background-color:#009470; border-bottom:1px solid #FFF; text-indent:15px;} #msa-sidenav div.AspNet-Menu-Vertical .sub a { text-decoration:none; width:255px; height:25px; display:block; line-height:25px; color:#FFF; font-size:12px; background-color:#009470; border-bottom:1px solid #FFF; text-indent:30px; } #msa-sidenav div.AspNet-Menu-Vertical a:hover, #msa-sidenav div.AspNet-Menu-Vertical a.selected { background-color:#36ba98; color:#FFF !important; } #msa-sidenav div.AspNet-Menu-Vertical a.selected { cursor:default; } #msa-sidenav div.AspNet-Menu-Vertical .sub a:hover, #msa-sidenav div.AspNet-Menu-Vertical .sub a.selected { background-color:#36ba98; color:#FFF !important; } /* END MENU PREFERENCES */