/* ================================================================ 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.stunicholls.com/menu/pro_drop_2.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. =================================================================== */ /*.preload1 {background: url(three_1.gif);} .preload2 {background: url(three_1a.gif);} */ #nav {padding:0; margin:0; list-style:none; height:38px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;} #nav li.top {display:block; float:left; height:38px;width:auto;} /* --- link 1----*/ #nav li a.top_link1 {display:block; float:left; height:35px; line-height:33px; color:#FFFFFF; text-decoration:none; font-size:16px; font-weight:bold; cursor:pointer; background-color:#ff0000; width:192px; text-align:center;} #nav li:hover a.top_link1 {color:#fff; background-color:#CCCCCC;} #nav li:hover a.top_link1 span {background-color:#CCCCCC;} #nav li:hover a.top_link1 span.down {background-color:#CCCCCC;} /* --- link 2----*/ #nav li a.top_link2 {display:block; float:left; height:35px; line-height:33px; color:#FFFFFF;text-decoration:none; font-size:16px; font-weight:bold; cursor:pointer; background-color:#6dad01; width:192px;text-align:center; } #nav li:hover a.top_link2 {color:#fff; background-color:#CCCCCC;} #nav li:hover a.top_link2 span {background-color:#CCCCCC;} #nav li:hover a.top_link2 span.down {background-color:#CCCCCC;} /* --- link 3----*/ #nav li a.top_link3 {display:block; float:left; height:35px; line-height:33px; color:#FFFFFF;text-decoration:none; font-size:16px; font-weight:bold; cursor:pointer; background-color:#9f30af; width:195px;text-align:center; } #nav li:hover a.top_link3 {color:#fff; background-color:#CCCCCC;} #nav li:hover a.top_link3 span {background-color:#CCCCCC;} #nav li:hover a.top_link3 span.down {background-color:#CCCCCC;} /* --- link 4----*/ #nav li a.top_link4 {display:block; float:left; height:35px; line-height:33px; color:#FFFFFF;text-decoration:none; font-size:16px; font-weight:bold; cursor:pointer; background-color:#006900; width:192px;text-align:center;} #nav li:hover a.top_link4 {color:#fff; background-color:#CCCCCC;} #nav li:hover a.top_link4 span {background-color:#CCCCCC;} #nav li:hover a.top_link4 span.down {background-color:#CCCCCC;} /* --- link5----*/ #nav li a.top_link5 {display:block; float:left; height:35px; line-height:33px; color:#FFFFFF;text-decoration:none; font-size:16px; font-weight:bold; cursor:pointer; background-color:#00cae2; width:202px; text-align:center; } #nav li:hover a.top_link5 {color:#fff; background-color:#CCCCCC;} #nav li:hover a.top_link5 span {background-color:#CCCCCC;} #nav li:hover a.top_link5 span.down {background-color:#CCCCCC ;} /* --- link 6----*/ #nav li a.top_link6 {display:block; float:left; height:35px; line-height:33px; color:#FFFFFF;text-decoration:none; font-size:16px; font-weight:bold; cursor:pointer; background-color:#ff6b04; width:192px;text-align:center;} #nav li:hover a.top_link6 {color:#fff; background-color:#CCCCCC;} #nav li:hover a.top_link6 span {background-color:#CCCCCC;} #nav li:hover a.top_link6 span.down {background-color:#CCCCCC;} /* --- link 7----*/ #nav li a.top_link7 {display:block; float:left; height:35px; line-height:33px; color:#FFFFFF;text-decoration:none; font-size:16px; font-weight:bold; cursor:pointer; background-color:#0055fe; width:192px; text-align:center;} #nav li:hover a.top_link7 {color:#fff; background-color:#CCCCCC;} #nav li:hover a.top_link7 span {background-color:#CCCCCC;} #nav li:hover a.top_link7 span.down {background-color:#CCCCCC ;} /* --- link 8----*/ #nav li a.top_link8 {display:block; float:left; height:35px; line-height:33px; color:#FFFFFF;text-decoration:none; font-size:16px; font-weight:bold; cursor:pointer; background-color:#ff017b; width:182px;text-align:center; } #nav li:hover a.top_link8 {color:#fff; background-color:#CCCCCC;} #nav li:hover a.top_link8 span {background-color:#CCCCCC ;} #nav li:hover a.top_link8 span.down {background-color:#CCCCCC ;} /* Default list styling */ #nav li:hover {position:relative; z-index:200;} #nav li:hover ul.sub {left:1px; top:38px; background-color:#CCCCCC; padding:3px; border:1px solid #400000; white-space:wrap; height:auto; z-index:300;width:200px;} #nav li:hover ul.sub li {display:block; height:auto; position:relative; float:left; width:200px; font-weight:normal;padding:2px; } #nav li:hover ul.sub li a {display:block; font-size:13px; line-height:25px; color:#000; text-decoration:none; background-color:#e5e5e5; text-align:justify;padding-left:4px; } #nav li ul.sub li a.fly {background:#e2e2e2 url(arrow.gif) 80px 6px no-repeat;} #nav li:hover ul.sub li a:hover { background-color:#e2e2e2; color:#0063bf; border-color:#FFFFFF;} #nav li:hover ul.sub li a.fly:hover {background:#e2e2e2 url(arrow_over.gif) 80px 6px no-repeat; color:#fff;} /* Home drop down*/ #nav li:hover ul.homesub {left:1px; top:38px; background-color:#CCCCCC; padding:1px; border:1px solid #400000; white-space:wrap; height:auto; z-index:300;width:200px;} #nav li:hover ul.homesub li {display:block; height:auto; position:relative; float:left; width:200px; font-weight:normal;padding:2px; } #nav li:hover ul.homesub li a {display:block; font-size:13px; line-height:25px; color:#FFFFFF; text-decoration:none; background-color:#ff0000; text-align:justify;padding-left:4px; margin-right:5px; } #nav li:hover ul.homesub li a:hover { text-decoration:underline;} /* Your pages drop down*/ #nav li:hover ul.Yourpages {left:1px; top:38px; background-color:#CCCCCC; padding:1px; border:1px solid #400000; white-space:wrap; height:auto; z-index:300;width:200px;} #nav li:hover ul.Yourpages li {display:block; height:auto; position:relative; float:left; width:200px; font-weight:normal;padding:2px; } #nav li:hover ul.Yourpages li a {display:block; font-size:13px; line-height:25px; color:#FFFFFF; text-decoration:none; background-color:#6dad01; text-align:justify;padding-left:4px; margin-right:5px; } #nav li:hover ul.Yourpages li a:hover {text-decoration:underline; } /* eliteservices drop down*/ #nav li:hover ul.eliteservices {left:1px; top:38px; background-color:#CCCCCC; padding:1px; border:1px solid #400000; white-space:wrap; height:auto; z-index:300;width:200px;} #nav li:hover ul.eliteservices li {display:block; height:auto; position:relative; float:left; width:200px; font-weight:normal;padding:2px; } #nav li:hover ul.eliteservices li a {display:block; font-size:13px; color:#FFFFFF; text-decoration:none; background-color:#9f30af; text-align:justify;padding-left:4px; padding-top:4px;padding-bottom:4px;margin-right:5px; } #nav li:hover ul.eliteservices li a:hover { text-decoration:underline; } /* socialgroups drop down*/ #nav li:hover ul.socialgroups {left:1px; top:38px; background-color:#CCCCCC; padding:1px; border:1px solid #400000; white-space:wrap; height:auto; z-index:300;width:200px;} #nav li:hover ul.socialgroups li {display:block; height:auto; position:relative; float:left; width:200px; font-weight:normal;padding:2px; } #nav li:hover ul.socialgroups li a {display:block; font-size:13px; line-height:25px; color:#FFFFFF; text-decoration:none; background-color:#006900; text-align:justify;padding-left:4px; margin-right:5px; } #nav li:hover ul.socialgroups li a:hover { text-decoration:underline;} /* elitecalaender drop down*/ #nav li:hover ul.elitecalaender {left:1px; top:38px; background-color:#CCCCCC; padding:1px; border:1px solid #400000; white-space:wrap; height:auto; z-index:300;width:200px;} #nav li:hover ul.elitecalaender li {display:block; height:auto; position:relative; float:left; width:200px; font-weight:normal;padding:2px; } #nav li:hover ul.elitecalaender li a {display:block; font-size:13px; line-height:25px; color:#FFFFFF; text-decoration:none; background-color:#00cae2; text-align:justify;padding-left:4px; margin-right:5px; } #nav li:hover ul.elitecalaender li a:hover { text-decoration:underline;} /* ativitiesFroAll drop down*/ #nav li:hover ul.ativitiesFroAll {left:1px; top:38px; background-color:#CCCCCC; padding:1px; border:1px solid #400000; white-space:wrap; height:auto; z-index:300;width:200px;} #nav li:hover ul.ativitiesFroAll li {display:block; height:auto; position:relative; float:left; width:200px; font-weight:normal;padding:2px; } #nav li:hover ul.ativitiesFroAll li a {display:block; font-size:13px; line-height:25px; color:#FFFFFF; text-decoration:none; background-color:#ff6b04; text-align:justify;padding-left:4px; margin-right:5px; } #nav li:hover ul.ativitiesFroAll li a:hover { text-decoration:underline;} /* sponsorship drop down*/ #nav li:hover ul.sponsorship {left:1px; top:38px; background-color:#CCCCCC; padding:1px; border:1px solid #400000; white-space:wrap; height:auto; z-index:300;width:200px;} #nav li:hover ul.sponsorship li {display:block; height:auto; position:relative; float:left; width:200px; font-weight:normal;padding:2px; } #nav li:hover ul.sponsorship li a {display:block; font-size:13px; line-height:25px; color:#FFFFFF; text-decoration:none; background-color:#0055fe; text-align:justify;padding-left:4px; margin-right:5px; } #nav li:hover ul.sponsorship li a:hover {text-decoration:underline;} /* elitecontacts drop down*/ #nav li:hover ul.elitecontacts {left:-10px; top:38px; background-color:#CCCCCC; padding:1px; border:1px solid #400000; white-space:wrap; height:auto; z-index:300;width:200px;} #nav li:hover ul.elitecontacts li {display:block; height:auto; position:relative; float:left; width:200px; font-weight:normal;padding:2px; } #nav li:hover ul.elitecontacts li a {display:block; font-size:13px; line-height:25px; color:#FFFFFF; text-decoration:none; background-color:#ff017b; text-align:justify;padding-left:4px; margin-right:5px; } #nav li:hover ul.elitecontacts li a:hover { text-decoration:underline;} /* --3rd level sub dd--*/ #nav li:hover ul li:hover ul.sub2 {left:100px; top:auto; background-color:#CCCCCC; padding:3px; border:1px solid #400000; white-space:nowrap; width:auto; height:auto; z-index:300;} #nav li:hover ul li:hover ul.sub2 li {display:block; height:auto; position:relative; float:left; width:200px; font-weight:normal;padding:2px;} #nav li:hover ul li:hover ul.sub2 li a {display:block; font-size:13px; width:auto; line-height:25px;color:#000; text-decoration:none; background-color:#e5e5e5;text-align:justify;padding-left:4px;} #nav li ul li:hover ul.sub2 li a.fly {background:#e2e2e2 url(arrow.gif) 80px 6px no-repeat;} #nav li:hover ul li:hover ul.sub2 li a:hover { background-color:#e2e2e2; color:#0063bf; border-color:#FFFFFF;} #nav li:hover ul li:hover ul.sub2 li a.fly:hover {background:#e2e2e2 url(arrow_over.gif) 80px 6px no-repeat; color:#fff;} /* -- sub dd*/ #nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #000000; white-space:nowrap; width:90px; z-index:400; height:auto;} #nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #nav li:hover li:hover a.fly, #nav li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover li:hover a.fly {background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} #nav li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li:hover li a.fly {background:#bbd37e url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;}