/* ================================================================ This copyright notice must be kept untouched in the stylesheet at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/pro_variable4.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ /* nav */ #nav { padding:0 0 0 0; /* !! affects top level nav*/ margin:0; list-style: none; font: 1em verdana, sans-serif; /* !! */ position: absolute; top: 65px; left: 253px; background: none; height:36px; /* !! */ } #nav ul {padding:0; margin:0; list-style:none; float:left; background:#98d4fe; /* !! affects bg color first sub level - !! */ border-top:1px solid #fff;} #nav li {float:left; padding: 0 5px 0 0; } #nav li li {float:none; border-left:1px solid #fff; border-right:1px solid #666; padding: 5px} #nav li.last {border-bottom:1px solid #666;} /* a hack for IE6 */ * html #nav li li {float:left;} #nav li a {display:block; float:left; color:#fff; height:36px; padding:0 19px 0 4px; /* !! affects downArrow spacing */ line-height:36px; text-decoration:none; white-space:nowrap; XXfont-weight:bold; /* !! */ } #nav li a.down {background:url(../../imgs/Templates/down.gif) no-repeat right center;} #nav li li a {display:block; height:20px; line-height:20px; float:none; padding:0 25px 0 5px; /* !! affects inner subs */ font-weight:normal; XXletter-spacing:1px; /* !! */ } #nav li li a.fly {background:url(../../imgs/Templates/fly.gif) no-repeat right center;} #nav li:hover {position:relative; z-index:300;} #nav li.cssplay_hover {position:relative; z-index:300;} #nav li.cssplay_hover a { color:#000; /* !! affects sub menu text colr */ } #nav li li a { color:#633; color:#000; /* !! affects sub menu text colr */ } #nav li li.cssplay_hover a { color:#fff; background-color:#543e32; /* !! no effect? */ } #nav li:hover ul {left:0; top:33px; z-index:500;} #nav li.cssplay_hover ul {left:0; top:33px; z-index:500;} #nav ul {position:absolute; left:-9999px; top:-9999px;} * html #nav ul {width:2px;} /* it could have been this simple if all browsers understood */ /* show next level */ #nav li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;} /* keep further levels hidden */ #nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; } /* show path followed */ #nav li:hover > a { color:#633; color:#000; /* affects top level rollover */ } #nav li li:hover > a { color:#fff; background-color:#4b74c6; /* !! no effect? */ } /* but IE5.x and IE6 need this lot to style the flyouts*/ #nav li.cssplay_hover li.cssplay_hover a, #nav li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a { color:#fff; background-color:#000; /* !! affects sub + SubSub on Rollover - (this is nice colr - #786565) */ } #nav li.cssplay_hover li.cssplay_hover li a, #nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, { color:#000; /* !! affects sub sub txtColor normal*/ background-color:#98d4fe; /* !! affects sub sub bgColr normal*/ background-color:#987987; } /* show next level */ #nav li.cssplay_hover li.cssplay_hover ul, #nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul { left:100%; margin-left:-1px; /* !! affects sub sub bgColr posning*/ top:-1px;} /* keep further levels hidden */ #nav li.cssplay_hover ul ul, #nav li.cssplay_hover li.cssplay_hover ul ul, #nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul, #nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul {position:absolute; left:-9999px; top:-9999px;} #nav li li a {behavior: expression(this.style.width=this.parentNode.parentNode.offsetWidth -32 + 'px', this.style.behavior=null);} /* minus link padding 30px + 2px for ul border width */ * html #nav li {behavior: expression(this.onmouseover=new Function("this.className+=' cssplay_hover'"),this.onmouseout=new Function("this.className = this.className.replace('cssplay_hover','')"),this.style.behavior=null);} /* navabout */ #navabout { padding:0 0 0 0; /* !! affects top level nav*/ margin:0; list-style: none; font: 1em verdana, sans-serif; /* !! */ position: absolute; top: 77px; left: 308px; background: none; height:36px; /* !! */ } #navabout ul {padding:0; margin:10px 0 0 -86px; list-style:none; float:left; background:#FDBE57; /* !! affects bg color first sub level - !! */ border-top:1px solid #fff;} #navabout li {float:left; padding: 0 5px 0 0; } #navabout li li {float:none; border-left:1px solid #fff; border-right:1px solid #666; padding: 5px} #navabout li.last {border-bottom:1px solid #666;} /* a hack for IE6 */ * html #navabout li li {float:left;} #navabout li a {display:block; float:left; color:#fff; height:36px; padding:0 19px 0 4px; /* !! affects downArrow spacing */ line-height:36px; text-decoration:none; white-space:nowrap; XXfont-weight:bold; /* !! */ } #navabout li a.down {background:url(../../imgs/Templates/down.gif) no-repeat right center;} #navabout li li a {display:block; height:20px; line-height:20px; float:none; padding:0 25px 0 5px; /* !! affects inner subs */ font-weight:normal; XXletter-spacing:1px; /* !! */ } #navabout li li a.fly {background:url(../../imgs/Templates/fly.gif) no-repeat right center;} #navabout li:hover {position:relative; z-index:300;} #navabout li.cssplay_hover {position:relative; z-index:300;} #navabout li.cssplay_hover a { color:#000; /* !! affects sub menu text colr */ } #navabout li li a { color:#633; color:#013A46; /* !! affects sub menu text colr */ } #navabout li li.cssplay_hover a { color:#fff; background-color:#543e32; /* !! no effect? */ } #navabout li:hover ul {left:0; top:33px; z-index:500;} #navabout li.cssplay_hover ul {left:0; top:33px; z-index:500;} #navabout ul {position:absolute; left:-9999px; top:-9999px;} * html #navabout ul {width:2px;} /* it could have been this simple if all browsers understood */ /* show next level */ #navabout li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;} /* keep further levels hidden */ #navabout li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; } /* show path followed */ #navabout li:hover > a { color:#633; color:#000; /* affects top level rollover */ } #navabout li li:hover > a { color:#fff; background-color:#4b74c6; /* !! no effect? */ } /* but IE5.x and IE6 need this lot to style the flyouts*/ #navabout li.cssplay_hover li.cssplay_hover a, #navabout li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navabout li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navabout li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navabout li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a { color:#fff; background-color:#000; /* !! affects sub + SubSub on Rollover - (this is nice colr - #786565) */ } #navabout li.cssplay_hover li.cssplay_hover li a, #navabout li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #navabout li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #navabout li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, { color:#000; /* !! affects sub sub txtColor normal*/ background-color:#98d4fe; /* !! affects sub sub bgColr normal*/ background-color:#987987; } /* show next level */ #navabout li.cssplay_hover li.cssplay_hover ul, #navabout li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #navabout li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #navabout li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul { left:100%; margin-left:-1px; /* !! affects sub sub bgColr posning*/ top:-1px;} /* keep further levels hidden */ #navabout li.cssplay_hover ul ul, #navabout li.cssplay_hover li.cssplay_hover ul ul, #navabout li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul, #navabout li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul {position:absolute; left:-9999px; top:-9999px;} #navabout li li a {behavior: expression(this.style.width=this.parentNode.parentNode.offsetWidth -32 + 'px', this.style.behavior=null);} /* minus link padding 30px + 2px for ul border width */ * html #navabout li {behavior: expression(this.onmouseover=new Function("this.className+=' cssplay_hover'"),this.onmouseout=new Function("this.className = this.className.replace('cssplay_hover','')"),this.style.behavior=null);} /* navwhere */ #navwhere { padding:0 0 0 0; /* !! affects top level nav*/ margin:0; list-style: none; font: 1em verdana, sans-serif; /* !! */ position: absolute; top: 96px; left: 358px; background: none; height:36px; /* !! */ } #navwhere ul {padding:0; margin:15px 0 0 -120px; list-style:none; float:left; background:#FDBE57; /* !! affects bg color first sub level - !! */ border-top:1px solid #fff;} #navwhere li {float:left; padding: 0 5px 0 0; } #navwhere li li {float:none; border-left:1px solid #fff; border-right:1px solid #666; padding: 5px} #navwhere li.last {border-bottom:1px solid #666;} /* a hack for IE6 */ * html #navwhere li li {float:left;} #navwhere li a {display:block; float:left; color:#fff; height:36px; padding:0 19px 0 4px; /* !! affects downArrow spacing */ line-height:36px; text-decoration:none; white-space:nowrap; XXfont-weight:bold; /* !! */ } #navwhere li a.down {background:url(../../imgs/Templates/down.gif) no-repeat right center;} #navwhere li li a {display:block; height:20px; line-height:20px; float:none; padding:0 25px 0 5px; /* !! affects inner subs */ font-weight:normal; XXletter-spacing:1px; /* !! */ } #navwhere li li a.fly {background:url(../../imgs/Templates/fly.gif) no-repeat right center;} #navwhere li:hover {position:relative; z-index:300;} #navwhere li.cssplay_hover {position:relative; z-index:300;} #navwhere li.cssplay_hover a { color:#000; /* !! affects sub menu text colr */ } #navwhere li li a { color:#633; color:#013A46; /* !! affects sub menu text colr */ } #navwhere li li.cssplay_hover a { color:#fff; background-color:#543e32; /* !! no effect? */ } #navwhere li:hover ul {left:0; top:33px; z-index:500;} #navwhere li.cssplay_hover ul {left:0; top:33px; z-index:500;} #navwhere ul {position:absolute; left:-9999px; top:-9999px;} * html #navwhere ul {width:2px;} /* it could have been this simple if all browsers understood */ /* show next level */ #navwhere li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;} /* keep further levels hidden */ #navwhere li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; } /* show path followed */ #navwhere li:hover > a { color:#633; color:#000; /* affects top level rollover */ } #navwhere li li:hover > a { color:#fff; background-color:#4b74c6; /* !! no effect? */ } /* but IE5.x and IE6 need this lot to style the flyouts*/ #navwhere li.cssplay_hover li.cssplay_hover a, #navwhere li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navwhere li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navwhere li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navwhere li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a { color:#fff; background-color:#000; /* !! affects sub + SubSub on Rollover - (this is nice colr - #786565) */ } #navwhere li.cssplay_hover li.cssplay_hover li a, #navwhere li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #navwhere li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #navwhere li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, { color:#000; /* !! affects sub sub txtColor normal*/ background-color:#98d4fe; /* !! affects sub sub bgColr normal*/ background-color:#987987; } /* show next level */ #navwhere li.cssplay_hover li.cssplay_hover ul, #navwhere li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #navwhere li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #navwhere li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul { left:100%; margin-left:-1px; /* !! affects sub sub bgColr posning*/ top:-1px;} /* keep further levels hidden */ #navwhere li.cssplay_hover ul ul, #navwhere li.cssplay_hover li.cssplay_hover ul ul, #navwhere li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul, #navwhere li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul {position:absolute; left:-9999px; top:-9999px;} #navwhere li li a {behavior: expression(this.style.width=this.parentNode.parentNode.offsetWidth -32 + 'px', this.style.behavior=null);} /* minus link padding 30px + 2px for ul border width */ * html #navwhere li {behavior: expression(this.onmouseover=new Function("this.className+=' cssplay_hover'"),this.onmouseout=new Function("this.className = this.className.replace('cssplay_hover','')"),this.style.behavior=null);} /* navlife */ #navlife { padding:0 0 0 0; /* !! affects top level nav*/ margin:0; list-style: none; font: 1em verdana, sans-serif; /* !! */ position: absolute; top: 117px; left: 413px; background: none; height:36px; /* !! */ } #navlife ul {padding:0; margin:15px 0 0 -95px; list-style:none; float:left; background:#FDBE57; /* !! affects bg color first sub level - !! */ border-top:1px solid #fff;} #navlife li {float:left; padding: 0 5px 0 0; } #navlife li li {float:none; border-left:1px solid #fff; border-right:1px solid #666; padding: 5px} #navlife li.last {border-bottom:1px solid #666;} /* a hack for IE6 */ * html #navlife li li {float:left;} #navlife li a {display:block; float:left; color:#fff; height:36px; padding:0 19px 0 4px; /* !! affects downArrow spacing */ line-height:36px; text-decoration:none; white-space:nowrap; XXfont-weight:bold; /* !! */ } #navlife li a.down {background:url(../../imgs/Templates/down.gif) no-repeat right center;} #navlife li li a {display:block; height:20px; line-height:20px; float:none; padding:0 25px 0 5px; /* !! affects inner subs */ font-weight:normal; XXletter-spacing:1px; /* !! */ } #navlife li li a.fly {background:url(../../imgs/Templates/fly.gif) no-repeat right center;} #navlife li:hover {position:relative; z-index:300;} #navlife li.cssplay_hover {position:relative; z-index:300;} #navlife li.cssplay_hover a { color:#000; /* !! affects sub menu text colr */ } #navlife li li a { color:#633; color:#013A46; /* !! affects sub menu text colr */ } #navlife li li.cssplay_hover a { color:#fff; background-color:#543e32; /* !! no effect? */ } #navlife li:hover ul {left:0; top:33px; z-index:500;} #navlife li.cssplay_hover ul {left:0; top:33px; z-index:500;} #navlife ul {position:absolute; left:-9999px; top:-9999px;} * html #navlife ul {width:2px;} /* it could have been this simple if all browsers understood */ /* show next level */ #navlife li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;} /* keep further levels hidden */ #navlife li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; } /* show path followed */ #navlife li:hover > a { color:#633; color:#000; /* affects top level rollover */ } #navlife li li:hover > a { color:#fff; background-color:#4b74c6; /* !! no effect? */ } /* but IE5.x and IE6 need this lot to style the flyouts*/ #navlife li.cssplay_hover li.cssplay_hover a, #navlife li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navlife li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navlife li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navlife li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a { color:#fff; background-color:#000; /* !! affects sub + SubSub on Rollover - (this is nice colr - #786565) */ } #navlife li.cssplay_hover li.cssplay_hover li a, #navlife li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #navlife li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #navlife li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, { color:#000; /* !! affects sub sub txtColor normal*/ background-color:#98d4fe; /* !! affects sub sub bgColr normal*/ background-color:#987987; } /* show next level */ #navlife li.cssplay_hover li.cssplay_hover ul, #navlife li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #navlife li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #navlife li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul { left:100%; margin-left:-1px; /* !! affects sub sub bgColr posning*/ top:-1px;} /* keep further levels hidden */ #navlife li.cssplay_hover ul ul, #navlife li.cssplay_hover li.cssplay_hover ul ul, #navlife li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul, #navlife li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul {position:absolute; left:-9999px; top:-9999px;} #navlife li li a {behavior: expression(this.style.width=this.parentNode.parentNode.offsetWidth -32 + 'px', this.style.behavior=null);} /* minus link padding 30px + 2px for ul border width */ * html #navlife li {behavior: expression(this.onmouseover=new Function("this.className+=' cssplay_hover'"),this.onmouseout=new Function("this.className = this.className.replace('cssplay_hover','')"),this.style.behavior=null);} /* navbecoming */ #navbecoming { padding:0 0 0 0; /* !! affects top level nav*/ margin:0; list-style: none; font: 1em verdana, sans-serif; /* !! */ position: absolute; top: 132px; left: 455px; background: none; height:36px; /* !! */ } #navbecoming ul {padding:0; margin:0; list-style:none; float:left; background:#98d4fe; /* !! affects bg color first sub level - !! */ border-top:1px solid #fff;} #navbecoming li {float:left; padding: 0 5px 0 0; } #navbecoming li li {float:none; border-left:1px solid #fff; border-right:1px solid #666; padding: 5px} #navbecoming li.last {border-bottom:1px solid #666;} /* a hack for IE6 */ * html #navbecoming li li {float:left;} #navbecoming li a {display:block; float:left; color:#fff; height:36px; padding:0 19px 0 4px; /* !! affects downArrow spacing */ line-height:36px; text-decoration:none; white-space:nowrap; XXfont-weight:bold; /* !! */ } #navbecoming li a.down {background:url(../../imgs/Templates/down.gif) no-repeat right center;} #navbecoming li li a {display:block; height:20px; line-height:20px; float:none; padding:0 25px 0 5px; /* !! affects inner subs */ font-weight:normal; XXletter-spacing:1px; /* !! */ } #navbecoming li li a.fly {background:url(../../imgs/Templates/fly.gif) no-repeat right center;} #navbecoming li:hover {position:relative; z-index:300;} #navbecoming li.cssplay_hover {position:relative; z-index:300;} #navbecoming li.cssplay_hover a { color:#000; /* !! affects sub menu text colr */ } #navbecoming li li a { color:#633; color:#000; /* !! affects sub menu text colr */ } #navbecoming li li.cssplay_hover a { color:#fff; background-color:#543e32; /* !! no effect? */ } #navbecoming li:hover ul {left:0; top:33px; z-index:500;} #navbecoming li.cssplay_hover ul {left:0; top:33px; z-index:500;} #navbecoming ul {position:absolute; left:-9999px; top:-9999px;} * html #navbecoming ul {width:2px;} /* it could have been this simple if all browsers understood */ /* show next level */ #navbecoming li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;} /* keep further levels hidden */ #navbecoming li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; } /* show path followed */ #navbecoming li:hover > a { color:#633; color:#000; /* affects top level rollover */ } #navbecoming li li:hover > a { color:#fff; background-color:#4b74c6; /* !! no effect? */ } /* but IE5.x and IE6 need this lot to style the flyouts*/ #navbecoming li.cssplay_hover li.cssplay_hover a, #navbecoming li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navbecoming li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navbecoming li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navbecoming li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a { color:#fff; background-color:#000; /* !! affects sub + SubSub on Rollover - (this is nice colr - #786565) */ } #navbecoming li.cssplay_hover li.cssplay_hover li a, #navbecoming li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #navbecoming li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #navbecoming li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, { color:#000; /* !! affects sub sub txtColor normal*/ background-color:#98d4fe; /* !! affects sub sub bgColr normal*/ background-color:#987987; } /* show next level */ #navbecoming li.cssplay_hover li.cssplay_hover ul, #navbecoming li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #navbecoming li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #navbecoming li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul { left:100%; margin-left:-1px; /* !! affects sub sub bgColr posning*/ top:-1px;} /* keep further levels hidden */ #navbecoming li.cssplay_hover ul ul, #navbecoming li.cssplay_hover li.cssplay_hover ul ul, #navbecoming li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul, #navbecoming li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul {position:absolute; left:-9999px; top:-9999px;} #navbecoming li li a {behavior: expression(this.style.width=this.parentNode.parentNode.offsetWidth -32 + 'px', this.style.behavior=null);} /* minus link padding 30px + 2px for ul border width */ * html #navbecoming li {behavior: expression(this.onmouseover=new Function("this.className+=' cssplay_hover'"),this.onmouseout=new Function("this.className = this.className.replace('cssplay_hover','')"),this.style.behavior=null);} /* navstory */ #navstory { padding:0 0 0 0; /* !! affects top level nav*/ margin:0; list-style: none; font: 1em verdana, sans-serif; /* !! */ position: absolute; top: 156px; left: 535px; background: none; height:36px; /* !! */ } #navstory ul {padding:0; margin:25px 0 0 -110px; list-style:none; float:left; background:#FDBE57; /* !! affects bg color first sub level - !! */ border-top:1px solid #fff;} #navstory ul ul {margin-top: 0px} /* additional line for navstory id only */ #navstory li {float:left; padding: 0 5px 0 0; } #navstory li li {float:none; border-left:1px solid #fff; border-right:1px solid #666; padding: 5px; } #navstory li.last {border-bottom:1px solid #666;} /* a hack for IE6 */ * html #navstory li li {float:left;} #navstory li a {display:block; float:left; color:#fff; height:36px; padding:0 19px 0 4px; /* !! affects downArrow spacing */ line-height:36px; text-decoration:none; white-space:nowrap; XXfont-weight:bold; /* !! */ } #navstory li a.down {background:url(../../imgs/Templates/down.gif) no-repeat right center;} #navstory li li a {display:block; height:20px; line-height:20px; float:none; padding:0 25px 0 5px; /* !! affects inner subs */ font-weight:normal; XXletter-spacing:1px; /* !! */ } #navstory li li a.fly {background:url(../../imgs/Templates/fly.gif) no-repeat right center;} #navstory li:hover {position:relative; z-index:300;} #navstory li.cssplay_hover {position:relative; z-index:300;} #navstory li.cssplay_hover a { color:#000; /* !! affects sub menu text colr */ } #navstory li li a { color:#633; color:#013A46; /* !! affects sub menu text colr */ } #navstory li li.cssplay_hover a { color:#fff; background-color:#543e32; /* !! no effect? */ } #navstory li:hover ul {left:0; top:33px; z-index:500;} #navstory li.cssplay_hover ul {left:0; top:33px; z-index:500;} #navstory ul {position:absolute; left:-9999px; top:-9999px;} * html #navstory ul {width:2px;} /* it could have been this simple if all browsers understood */ /* show next level */ #navstory li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;} /* keep further levels hidden */ #navstory li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; } /* show path followed */ #navstory li:hover > a { color:#633; color:#000; /* affects top level rollover */ } #navstory li li:hover > a { color:#fff; background-color:#4b74c6; /* !! no effect? */ } /* but IE5.x and IE6 need this lot to style the flyouts*/ #navstory li.cssplay_hover li.cssplay_hover a, #navstory li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navstory li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navstory li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navstory li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a { color:#fff; background-color:#000; /* !! affects sub + SubSub on Rollover - (this is nice colr - #786565) */ } #navstory li.cssplay_hover li.cssplay_hover li a, #navstory li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #navstory li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #navstory li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, { color:#000; /* !! affects sub sub txtColor normal*/ background-color:#98d4fe; /* !! affects sub sub bgColr normal*/ background-color:#987987; } /* show next level */ #navstory li.cssplay_hover li.cssplay_hover ul, #navstory li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #navstory li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #navstory li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul { left:100%; margin-left:-1px; /* !! affects sub sub bgColr posning*/ top:-1px;} /* keep further levels hidden */ #navstory li.cssplay_hover ul ul, #navstory li.cssplay_hover li.cssplay_hover ul ul, #navstory li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul, #navstory li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul {position:absolute; left:-9999px; top:-9999px;} #navstory li li a {behavior: expression(this.style.width=this.parentNode.parentNode.offsetWidth -32 + 'px', this.style.behavior=null);} /* minus link padding 30px + 2px for ul border width */ * html #navstory li {behavior: expression(this.onmouseover=new Function("this.className+=' cssplay_hover'"),this.onmouseout=new Function("this.className = this.className.replace('cssplay_hover','')"),this.style.behavior=null);} /* navworldwide */ #navworldwide { padding:0 0 0 0; /* !! affects top level nav*/ margin:0; list-style: none; font: 1em verdana, sans-serif; /* !! */ position: absolute; top: 165px; left: 583px; background: none; height:36px; /* !! */ } #navworldwide ul {padding:0; margin:0; list-style:none; float:left; background:#98d4fe; /* !! affects bg color first sub level - !! */ border-top:1px solid #fff;} #navworldwide li {float:left; padding: 0 5px 0 0; } #navworldwide li li {float:none; border-left:1px solid #fff; border-right:1px solid #666; padding: 5px} #navworldwide li.last {border-bottom:1px solid #666;} /* a hack for IE6 */ * html #navworldwide li li {float:left;} #navworldwide li a {display:block; float:left; color:#fff; height:36px; padding:0 19px 0 4px; /* !! affects downArrow spacing */ line-height:36px; text-decoration:none; white-space:nowrap; XXfont-weight:bold; /* !! */ } #navworldwide li a.down {background:url(../../imgs/Templates/down.gif) no-repeat right center;} #navworldwide li li a {display:block; height:20px; line-height:20px; float:none; padding:0 25px 0 5px; /* !! affects inner subs */ font-weight:normal; XXletter-spacing:1px; /* !! */ } #navworldwide li li a.fly {background:url(../../imgs/Templates/fly.gif) no-repeat right center;} #navworldwide li:hover {position:relative; z-index:300;} #navworldwide li.cssplay_hover {position:relative; z-index:300;} #navworldwide li.cssplay_hover a { color:#000; /* !! affects sub menu text colr */ } #navworldwide li li a { color:#633; color:#000; /* !! affects sub menu text colr */ } #navworldwide li li.cssplay_hover a { color:#fff; background-color:#543e32; /* !! no effect? */ } #navworldwide li:hover ul {left:0; top:33px; z-index:500;} #navworldwide li.cssplay_hover ul {left:0; top:33px; z-index:500;} #navworldwide ul {position:absolute; left:-9999px; top:-9999px;} * html #navworldwide ul {width:2px;} /* it could have been this simple if all browsers understood */ /* show next level */ #navworldwide li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;} /* keep further levels hidden */ #navworldwide li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; } /* show path followed */ #navworldwide li:hover > a { color:#633; color:#000; /* affects top level rollover */ } #navworldwide li li:hover > a { color:#fff; background-color:#4b74c6; /* !! no effect? */ } /* but IE5.x and IE6 need this lot to style the flyouts*/ #navworldwide li.cssplay_hover li.cssplay_hover a, #navworldwide li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navworldwide li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navworldwide li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navworldwide li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a { color:#fff; background-color:#000; /* !! affects sub + SubSub on Rollover - (this is nice colr - #786565) */ } #navworldwide li.cssplay_hover li.cssplay_hover li a, #navworldwide li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #navworldwide li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #navworldwide li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, { color:#000; /* !! affects sub sub txtColor normal*/ background-color:#98d4fe; /* !! affects sub sub bgColr normal*/ background-color:#987987; } /* show next level */ #navworldwide li.cssplay_hover li.cssplay_hover ul, #navworldwide li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #navworldwide li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #navworldwide li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul { left:100%; margin-left:-1px; /* !! affects sub sub bgColr posning*/ top:-1px;} /* keep further levels hidden */ #navworldwide li.cssplay_hover ul ul, #navworldwide li.cssplay_hover li.cssplay_hover ul ul, #navworldwide li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul, #navworldwide li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul {position:absolute; left:-9999px; top:-9999px;} #navworldwide li li a {behavior: expression(this.style.width=this.parentNode.parentNode.offsetWidth -32 + 'px', this.style.behavior=null);} /* minus link padding 30px + 2px for ul border width */ * html #navworldwide li {behavior: expression(this.onmouseover=new Function("this.className+=' cssplay_hover'"),this.onmouseout=new Function("this.className = this.className.replace('cssplay_hover','')"),this.style.behavior=null);} /* navlinks */ #navlinks { padding:0 0 0 0; /* !! affects top level nav*/ margin:0; list-style: none; font: 1em verdana, sans-serif; /* !! */ position: absolute; top: 178px; left: 665px; background: none; height:36px; /* !! */ } #navlinks ul {padding:0; margin:0; list-style:none; float:left; background:#98d4fe; /* !! affects bg color first sub level - !! */ border-top:1px solid #fff;} #navlinks li {float:left; padding: 0 5px 0 0; } #navlinks li li {float:none; border-left:1px solid #fff; border-right:1px solid #666; padding: 5px} #navlinks li.last {border-bottom:1px solid #666;} /* a hack for IE6 */ * html #navlinks li li {float:left;} #navlinks li a {display:block; float:left; color:#fff; height:36px; padding:0 19px 0 4px; /* !! affects downArrow spacing */ line-height:36px; text-decoration:none; white-space:nowrap; XXfont-weight:bold; /* !! */ } #navlinks li a.down {background:url(../../imgs/Templates/down.gif) no-repeat right center;} #navlinks li li a {display:block; height:20px; line-height:20px; float:none; padding:0 25px 0 5px; /* !! affects inner subs */ font-weight:normal; XXletter-spacing:1px; /* !! */ } #navlinks li li a.fly {background:url(../../imgs/Templates/fly.gif) no-repeat right center;} #navlinks li:hover {position:relative; z-index:300;} #navlinks li.cssplay_hover {position:relative; z-index:300;} #navlinks li.cssplay_hover a { color:#000; /* !! affects sub menu text colr */ } #navlinks li li a { color:#633; color:#000; /* !! affects sub menu text colr */ } #navlinks li li.cssplay_hover a { color:#fff; background-color:#543e32; /* !! no effect? */ } #navlinks li:hover ul {left:0; top:33px; z-index:500;} #navlinks li.cssplay_hover ul {left:0; top:33px; z-index:500;} #navlinks ul {position:absolute; left:-9999px; top:-9999px;} * html #navlinks ul {width:2px;} /* it could have been this simple if all browsers understood */ /* show next level */ #navlinks li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;} /* keep further levels hidden */ #navlinks li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; } /* show path followed */ #navlinks li:hover > a { color:#633; color:#000; /* affects top level rollover */ } #navlinks li li:hover > a { color:#fff; background-color:#4b74c6; /* !! no effect? */ } /* but IE5.x and IE6 need this lot to style the flyouts*/ #navlinks li.cssplay_hover li.cssplay_hover a, #navlinks li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navlinks li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navlinks li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navlinks li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a { color:#fff; background-color:#000; /* !! affects sub + SubSub on Rollover - (this is nice colr - #786565) */ } #navlinks li.cssplay_hover li.cssplay_hover li a, #navlinks li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #navlinks li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #navlinks li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, { color:#000; /* !! affects sub sub txtColor normal*/ background-color:#98d4fe; /* !! affects sub sub bgColr normal*/ background-color:#987987; } /* show next level */ #navlinks li.cssplay_hover li.cssplay_hover ul, #navlinks li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #navlinks li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #navlinks li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul { left:100%; margin-left:-1px; /* !! affects sub sub bgColr posning*/ top:-1px;} /* keep further levels hidden */ #navlinks li.cssplay_hover ul ul, #navlinks li.cssplay_hover li.cssplay_hover ul ul, #navlinks li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul, #navlinks li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul {position:absolute; left:-9999px; top:-9999px;} #navlinks li li a {behavior: expression(this.style.width=this.parentNode.parentNode.offsetWidth -32 + 'px', this.style.behavior=null);} /* minus link padding 30px + 2px for ul border width */ * html #navlinks li {behavior: expression(this.onmouseover=new Function("this.className+=' cssplay_hover'"),this.onmouseout=new Function("this.className = this.className.replace('cssplay_hover','')"),this.style.behavior=null);} /* navschools */ #navschools { padding:0 0 0 0; /* !! affects top level nav*/ margin:0; list-style: none; font: 1em verdana, sans-serif; /* !! */ position: absolute; top: 178px; left: 735px; background: none; height:36px; /* !! */ } #navschools ul {padding:0; margin:20px 0 0 -20px; list-style:none; float:left; background:#FDBE57; /* !! affects bg color first sub level - !! */ border-top:1px solid #fff;} #navschools li {float:left; padding: 0 5px 0 0; } #navschools li li {float:none; border-left:1px solid #fff; border-right:1px solid #666; padding: 5px} #navschools li.last {border-bottom:1px solid #666;} /* a hack for IE6 */ * html #navschools li li {float:left;} #navschools li a {display:block; float:left; color:#fff; height:36px; padding:0 19px 0 4px; /* !! affects downArrow spacing */ line-height:36px; text-decoration:none; white-space:nowrap; XXfont-weight:bold; /* !! */ } #navschools li a.down {background:url(../../imgs/Templates/down.gif) no-repeat right center;} #navschools li li a {display:block; height:20px; line-height:20px; float:none; padding:0 25px 0 5px; /* !! affects inner subs */ font-weight:normal; XXletter-spacing:1px; /* !! */ } #navschools li li a.fly {background:url(../../imgs/Templates/fly.gif) no-repeat right center;} #navschools li:hover {position:relative; z-index:300;} #navschools li.cssplay_hover {position:relative; z-index:300;} #navschools li.cssplay_hover a { color:#000; /* !! affects sub menu text colr */ } #navschools li li a { color:#633; color:#013A46; /* !! affects sub menu text colr */ } #navschools li li.cssplay_hover a { color:#fff; background-color:#543e32; /* !! no effect? */ } #navschools li:hover ul {left:0; top:33px; z-index:500;} #navschools li.cssplay_hover ul {left:0; top:33px; z-index:500;} #navschools ul {position:absolute; left:-9999px; top:-9999px;} * html #navschools ul {width:2px;} /* it could have been this simple if all browsers understood */ /* show next level */ #navschools li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;} /* keep further levels hidden */ #navschools li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; } /* show path followed */ #navschools li:hover > a { color:#633; color:#000; /* affects top level rollover */ } #navschools li li:hover > a { color:#fff; background-color:#4b74c6; /* !! no effect? */ } /* but IE5.x and IE6 need this lot to style the flyouts*/ #navschools li.cssplay_hover li.cssplay_hover a, #navschools li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navschools li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navschools li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navschools li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a { color:#fff; background-color:#000; /* !! affects sub + SubSub on Rollover - (this is nice colr - #786565) */ } #navschools li.cssplay_hover li.cssplay_hover li a, #navschools li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #navschools li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #navschools li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, { color:#000; /* !! affects sub sub txtColor normal*/ background-color:#98d4fe; /* !! affects sub sub bgColr normal*/ background-color:#987987; } /* show next level */ #navschools li.cssplay_hover li.cssplay_hover ul, #navschools li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #navschools li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #navschools li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul { left:100%; margin-left:-1px; /* !! affects sub sub bgColr posning*/ top:-1px;} /* keep further levels hidden */ #navschools li.cssplay_hover ul ul, #navschools li.cssplay_hover li.cssplay_hover ul ul, #navschools li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul, #navschools li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul {position:absolute; left:-9999px; top:-9999px;} #navschools li li a {behavior: expression(this.style.width=this.parentNode.parentNode.offsetWidth -32 + 'px', this.style.behavior=null);} /* minus link padding 30px + 2px for ul border width */ * html #navschools li {behavior: expression(this.onmouseover=new Function("this.className+=' cssplay_hover'"),this.onmouseout=new Function("this.className = this.className.replace('cssplay_hover','')"),this.style.behavior=null);} /* navassociates */ #navassociates { padding:0 0 0 0; /* !! affects top level nav*/ margin:0; list-style: none; font: 1em verdana, sans-serif; /* !! */ position: absolute; top: 168px; left: 803px; background: none; height:36px; /* !! */ } #navassociates ul {padding:0; margin:22px 0 0 5px; list-style:none; float:left; background:#FDBE57; /* !! affects bg color first sub level - !! */ border-top:1px solid #fff;} #navassociates li {float:left; padding: 0 5px 0 0; } #navassociates li li {float:none; border-left:1px solid #fff; border-right:1px solid #666; padding: 5px} #navassociates li.last {border-bottom:1px solid #666;} /* a hack for IE6 */ * html #navassociates li li {float:left;} #navassociates li a {display:block; float:left; color:#fff; height:36px; padding:0 19px 0 4px; /* !! affects downArrow spacing */ line-height:36px; text-decoration:none; white-space:nowrap; XXfont-weight:bold; /* !! */ } #navassociates li a.down {background:url(../../imgs/Templates/down.gif) no-repeat right center;} #navassociates li li a {display:block; height:20px; line-height:20px; float:none; padding:0 25px 0 5px; /* !! affects inner subs */ font-weight:normal; XXletter-spacing:1px; /* !! */ } #navassociates li li a.fly {background:url(../../imgs/Templates/fly.gif) no-repeat right center;} #navassociates li:hover {position:relative; z-index:300;} #navassociates li.cssplay_hover {position:relative; z-index:300;} #navassociates li.cssplay_hover a { color:#000; /* !! affects sub menu text colr */ } #navassociates li li a { color:#633; color:#013A46; /* !! affects sub menu text colr */ } #navassociates li li.cssplay_hover a { color:#fff; background-color:#543e32; /* !! no effect? */ } #navassociates li:hover ul {left:0; top:33px; z-index:500;} #navassociates li.cssplay_hover ul {left:0; top:33px; z-index:500;} #navassociates ul {position:absolute; left:-9999px; top:-9999px;} * html #navassociates ul {width:2px;} /* it could have been this simple if all browsers understood */ /* show next level */ #navassociates li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;} /* keep further levels hidden */ #navassociates li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; } /* show path followed */ #navassociates li:hover > a { color:#633; color:#000; /* affects top level rollover */ } #navassociates li li:hover > a { color:#fff; background-color:#4b74c6; /* !! no effect? */ } /* but IE5.x and IE6 need this lot to style the flyouts*/ #navassociates li.cssplay_hover li.cssplay_hover a, #navassociates li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navassociates li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navassociates li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navassociates li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a { color:#fff; background-color:#000; /* !! affects sub + SubSub on Rollover - (this is nice colr - #786565) */ } #navassociates li.cssplay_hover li.cssplay_hover li a, #navassociates li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #navassociates li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #navassociates li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, { color:#000; /* !! affects sub sub txtColor normal*/ background-color:#98d4fe; /* !! affects sub sub bgColr normal*/ background-color:#987987; } /* show next level */ #navassociates li.cssplay_hover li.cssplay_hover ul, #navassociates li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #navassociates li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #navassociates li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul { left:100%; margin-left:-1px; /* !! affects sub sub bgColr posning*/ top:-1px;} /* keep further levels hidden */ #navassociates li.cssplay_hover ul ul, #navassociates li.cssplay_hover li.cssplay_hover ul ul, #navassociates li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul, #navassociates li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul {position:absolute; left:-9999px; top:-9999px;} #navassociates li li a {behavior: expression(this.style.width=this.parentNode.parentNode.offsetWidth -32 + 'px', this.style.behavior=null);} /* minus link padding 30px + 2px for ul border width */ * html #navassociates li {behavior: expression(this.onmouseover=new Function("this.className+=' cssplay_hover'"),this.onmouseout=new Function("this.className = this.className.replace('cssplay_hover','')"),this.style.behavior=null);} /* navcontact */ #navcontact { padding:0 0 0 0; /* !! affects top level nav*/ margin:0; list-style: none; font: 1em verdana, sans-serif; /* !! */ position: absolute; top: 151px; left: 883px; background: none; height:36px; /* !! */ } #navcontact ul {padding:0; margin:0; list-style:none; float:left; background:#98d4fe; /* !! affects bg color first sub level - !! */ border-top:1px solid #fff;} #navcontact li {float:left; padding: 0 5px 0 0; } #navcontact li li {float:none; border-left:1px solid #fff; border-right:1px solid #666; padding: 5px} #navcontact li.last {border-bottom:1px solid #666;} /* a hack for IE6 */ * html #navcontact li li {float:left;} #navcontact li a {display:block; float:left; color:#fff; height:36px; padding:0 19px 0 4px; /* !! affects downArrow spacing */ line-height:36px; text-decoration:none; white-space:nowrap; XXfont-weight:bold; /* !! */ } #navcontact li a.down {background:url(../../imgs/Templates/down.gif) no-repeat right center;} #navcontact li li a {display:block; height:20px; line-height:20px; float:none; padding:0 25px 0 5px; /* !! affects inner subs */ font-weight:normal; XXletter-spacing:1px; /* !! */ } #navcontact li li a.fly {background:url(../../imgs/Templates/fly.gif) no-repeat right center;} #navcontact li:hover {position:relative; z-index:300;} #navcontact li.cssplay_hover {position:relative; z-index:300;} #navcontact li.cssplay_hover a { color:#000; /* !! affects sub menu text colr */ } #navcontact li li a { color:#633; color:#000; /* !! affects sub menu text colr */ } #navcontact li li.cssplay_hover a { color:#fff; background-color:#543e32; /* !! no effect? */ } #navcontact li:hover ul {left:0; top:33px; z-index:500;} #navcontact li.cssplay_hover ul {left:0; top:33px; z-index:500;} #navcontact ul {position:absolute; left:-9999px; top:-9999px;} * html #navcontact ul {width:2px;} /* it could have been this simple if all browsers understood */ /* show next level */ #navcontact li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;} /* keep further levels hidden */ #navcontact li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; } /* show path followed */ #navcontact li:hover > a { color:#633; color:#000; /* affects top level rollover */ } #navcontact li li:hover > a { color:#fff; background-color:#4b74c6; /* !! no effect? */ } /* but IE5.x and IE6 need this lot to style the flyouts*/ #navcontact li.cssplay_hover li.cssplay_hover a, #navcontact li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navcontact li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navcontact li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a, #navcontact li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a { color:#fff; background-color:#000; /* !! affects sub + SubSub on Rollover - (this is nice colr - #786565) */ } #navcontact li.cssplay_hover li.cssplay_hover li a, #navcontact li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #navcontact li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, #navcontact li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a, { color:#000; /* !! affects sub sub txtColor normal*/ background-color:#98d4fe; /* !! affects sub sub bgColr normal*/ background-color:#987987; } /* show next level */ #navcontact li.cssplay_hover li.cssplay_hover ul, #navcontact li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #navcontact li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul, #navcontact li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul { left:100%; margin-left:-1px; /* !! affects sub sub bgColr posning*/ top:-1px;} /* keep further levels hidden */ #navcontact li.cssplay_hover ul ul, #navcontact li.cssplay_hover li.cssplay_hover ul ul, #navcontact li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul, #navcontact li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul {position:absolute; left:-9999px; top:-9999px;} #navcontact li li a {behavior: expression(this.style.width=this.parentNode.parentNode.offsetWidth -32 + 'px', this.style.behavior=null);} /* minus link padding 30px + 2px for ul border width */ * html #navcontact li {behavior: expression(this.onmouseover=new Function("this.className+=' cssplay_hover'"),this.onmouseout=new Function("this.className = this.className.replace('cssplay_hover','')"),this.style.behavior=null);}