/*(A)-----------width*/ /*(B)-----------height*/ /*(C)-----------colours*/ /*BOF DIMENSIONS*/ /*-------------------------------------------------------------------------------------------------------------------------*/ .menu {width:960px;} /*(A)-----------overall width*/ * html .menu {width:960px;} /*(A)+1---------overall width IE5.5*/ * html .menu {w\idth:959px;} /*(A)-----------overall width IE5.5*/ .menu ul ul, .menu li, .menu ul ul ul {width:153px;} /*(Aa)----------width drop down*/ .menu ul ul ul{left:153px;} /*(Aa)----------FLYOUT MENU DISTANCE*/ .menu a, .menu a:visited {width:152px;} /*(Aa)-11-------top bar itm width 11px less*/ * html .menu a, * html .menu a:visited {width:163px;} /*(Aa)----------width */ * html .menu a, * html .menu a:visited {w\idth:152px;} /*(Aa)-11-------w\idth 11px less */ .menu ul ul ul.left {left:-153px;} /*(Aa)----------flyout menu horizontal pos*/ .menu ul ul a, .menu ul ul a:visited {width:132px;} /*(Aa)-21-------item width 21 less than*/ * html .menu ul ul a, * html .menu ul ul a:visited {width:154px;} /*(Aa)+1--------1px more than IE5.5 */ * html .menu ul ul a, * html .menu ul ul a:visited {w\idth:132px;} /*(Aa)-21-------21px less than IE5.5 */ .menu a, .menu a:visited {padding-left:0px;} /*(Ab)----------top bar left indent*/ .menu a, .menu a:visited {text-align:center} /*--------------top level left text indent*/ .menu ul ul a, .menu ul ul a:visited {text-align:left; text-indent:10px} /*--------------top level left text indent*/ /*-------------------------------------------------------------------------------------------------------------------------*/ .menu {height:41px;} /*(B)-----------overall height*/ .menu ul ul {height:0;top:40px;} /*(B)-2---------drop distance*/ .menu a, .menu a:visited {height:40px;} /*(B)-2---------top bar buttons height*/ * html .menu ul ul {top:40px;} /*(B)-2---------top bar button height IE*/ * html .menu ul ul {t\op:40px;} /*(B)-2---------top bar button height IE border +1*/ .menu a, .menu a:visited {line-height:39px;} /*(B)-3---------top bar font position*/ .menu ul ul ul{top:0px;} /*(B)-----------flyout distance vertical*/ /*-------------------------------------------------------------------------------------------------------------------------*/ /*BACKGROUNDS + FONTS*/ .menu {font-size:11px; background:url(nav-bg.gif) top right no-repeat #000;} /*(C)-----------overall font size*/ .menu a, .menu a:visited {font-weight:bold;} .menu ul ul a, .menu ul ul a:visited {font-weight:normal;} .menu a, .menu a:visited {background:url(nav-top.gif);} /*(C)-----------top bar background colour*/ .menu a, .menu a:visited {color:#FFF;} /*(C)-----------top bar text colour*/ .menu ul ul a, .menu ul ul a:visited {color:#FFF;} /*(C)-----------Drop down text link colour*/ .menu ul ul a, .menu ul ul a:visited {background:url(navarrow.gif)} /*(C)-----------Level 1 dropdown Background*/ .menu ul ul a.drop, .menu ul ul a.drop:visited {background:url(navarrow-flyout-parent.gif) left no-repeat;} /*(C)-----------FLYOUT PARENT BACKGROUND*/ .menu ul ul a.drop:hover {background:url(navarrow-flyout-parent-hover.gif) left no-repeat;} /*(C)-----------FLYOUT PARENT HOVER */ .menu ul ul :hover > a.drop {background:url(navarrow-flyout-parent-hover.gif) left no-repeat;} .menu ul ul ul a, .menu ul ul ul a:visited {background:url(navarrow-flyout-child.gif) left no-repeat;} /*(C)-----------FLYOUT CHILD BACKGROUND*/ .menu ul ul ul a:hover {background:url(navarrow-flyout-child-hover.gif) left no-repeat;} /*(C)-----------FLYOUT CHILD HOVER */ .menu a:hover {color:#FFF; background:#660475;} /*(C)-----------TOP LEVEL HOVER */ .menu ul ul a:hover {color:#FFF;} /*(C)-----------DROP MENU HOVER */ .menu :hover > a {color:#FFF;} /*(C)-----------TOP LEVEL HOVER */ .menu ul ul :hover > a {color:#FFF; background:url(navarrow-hover.gif) left no-repeat;} /*(C)-----------DROP MENU HOVER */ /*-------------------------------------------------------------------------------------------------------------------------*/ /*BORDERS*/ .menu {border-top:1px solid #000;} /*[]border top*/ /*.menu ul ul {border-top:1px solid #000;} *//*[] border between top bar and drop menu*/ /*.menu ul ul a, .menu ul ul a:visited {border-width:0 1px 1px 1px;} *//*[] all dropdown borders except top*/ /*.menu a, .menu a:visited {border:1px solid #000;border-width:1px 0 1px 1px;}*//*[]top bar borders not right*/ /*-------------------------------------------------------------------------------------------------------------------------*/ /*MISC*/ .menu {margin-top:0px; padding-top:0px;} .menu ul ul a, .menu ul ul a:visited {height:auto; line-height:1em;} /*Drop down line height*/ /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;} /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .menu ul :hover ul :hover ul{ visibility:visible;} /* style the table so that it takes no part in the layout - required for IE to work */ .menu table {position:absolute; top:0; left:0; border-collapse:collapse;;} .menu ul {padding:0;margin:0;list-style-type:none;} .menu {position:relative; z-index:100;} .menu li {float:left; position:relative;} .menu a, .menu a:visited {display:block; text-decoration:none;} .menu ul ul {visibility:hidden;position:absolute;} .menu ul ul {left:0;} .menu ul ul a, .menu ul ul a:visited {padding-right:10px;} /*(A)-----------padding right*/ .menu ul ul a, .menu ul ul a:visited {padding-left:10px;} /*(A)-----------padding left*/ .menu ul ul a, .menu ul ul a:visited {padding-top:9px;} /*(B)-----------padding top + FONTSIZE = height*/ .menu ul ul a, .menu ul ul a:visited {padding-bottom:9px;} /*(B)-----------padding bottom + FONTSIZE = height*/