/* CSS Document */ /* ================================================================ 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/image_dropdown.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 {padding:0; margin:0; list-style:none; height:26px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:768px;} #nav li.top {display:block; float:left;} #nav li a {display:block; float:left; height:22px; border:0px solid #888; text-decoration:none; padding:0; cursor:pointer;} #nav li a b {margin-left:-999px;} #nav li a.home {background:url(/Header_Images/Main/Blue/images/Header-Mens_12.gif); width:63px;} /*#nav li a:hover.home {background:url(images/green/Header-Mens_12.gif); width:63px;} */ #nav li a.join {background:url(/Header_Images/Main/Blue/images/Header-Mens_15.gif); width:60px;} /*#nav li a:hover.join {background:url(images/green/Header-Mens_15.gif); width:60px;} */ #nav li a.teebooking {background:url(/Header_Images/Main/Blue/images/Header-Mens_16.gif); width:97px;} /*#nav li a:hover.teebooking {background:url(images/green/Header-Mens_16.gif); width:97px;} */ #nav li a.news {background:url(/Header_Images/Main/Blue/images/Header-Mens_17.gif); width:52px;} /*#nav li a:hover.news {background:url(images/green/Header-Mens_17.gif); width:52px;} */ #nav li a.mensclub {background:url(/Header_Images/Main/Blue/images/Header-Mens_18.gif); width:84px;} /*#nav li a:hover.mensclub {background:url(images/green/Header-Mens_18.gif); width:84px;} */ #nav li a.ladiesclub {background:url(/Header_Images/Main/Blue/images/Header-Mens_19.gif); width:89px;} /*#nav li a:hover.ladiesclub {background:url(images/green/Header-Mens_19.gif); width:89px;} */ #nav li a.juveniles {background:url(/Header_Images/Main/Blue/images/Header-Mens_20.gif); width:75px;} /*#nav li a:hover.juveniles {background:url(images/green/Header-Mens_20.gif); width:75px;} */ #nav li a.restaurant {background:url(/Header_Images/Main/Blue/images/Header-Mens_21.gif); width:86px;} /*#nav li a:hover.restaurant {background:url(images/green/Header-Mens_21.gif); width:86px;} */ #nav li a.contact {background:url(/Header_Images/Main/Blue/images/Header-Mens_22.gif) no-repeat; width:90px; } /*#nav li a:hover.contact {background:url(images/green/Header-Mens_22.gif) no-repeat; width:90px;} */ /* #nav li a.home {background:url(images/blue/Header-Mens_12.gif); width:58px;} #nav li a:hover.home {background:url(images/green/Header-Mens_12.gif); width:58px;} #nav li a.join {background:url(images/blue/Header-Mens_15.gif); width:55px;} #nav li a:hover.join {background:url(images/green/Header-Mens_15.gif); width:55px;} #nav li a.teebooking {background:url(images/blue/Header-Mens_16.gif); width:92x;} #nav li a:hover.teebooking {background:url(images/green/Header-Mens_16.gif); width:92px;} #nav li a.news {background:url(images/blue/Header-Mens_17.gif); width:47px;} #nav li a:hover.news {background:url(images/green/Header-Mens_17.gif); width:47px;} #nav li a.mensclub {background:url(images/blue/Header-Mens_18.gif); width:79px;} #nav li a:hover.mensclub {background:url(images/green/Header-Mens_18.gif); width:79px;} #nav li a.ladiesclub {background:url(images/blue/Header-Mens_19.gif); width:84px;} #nav li a:hover.ladiesclub {background:url(images/green/Header-Mens_19.gif); width:84px;} #nav li a.juveniles {background:url(images/blue/Header-Mens_20.gif); width:70px;} #nav li a:hover.juveniles {background:url(images/green/Header-Mens_20.gif); width:70px;} #nav li a.restaurant {background:url(images/blue/Header-Mens_21.gif); width:81px;} #nav li a:hover.restaurant {background:url(images/green/Header-Mens_21.gif); width:81px;} #nav li a.contact {background:url(images/blue/Header-Mens_22.gif); width:85px;} #nav li a:hover.contact {background:url(images/green/Header-Mens_22.gif); width:85px;} */ #nav li:hover a, #nav a:hover {background-position: 0px 0px;} #nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;} #nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #nav li:hover {position:relative; z-index:200;} #nav a:hover {position:relative; white-space:normal; z-index:200;} #nav :hover ul.sub {left:0; top:22px; width:60px; height:auto; z-index:300;} /*#nav :hover ul.sub li {display:block; height:52px; position:relative; float:left; width:152px; font-weight:normal;} #nav :hover ul.sub li a {display:block; height:50px; width:150px; border:1px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}*/ #nav :hover ul.sub li {display:block; height:30px; position:relative; float:left; width:70px; font-weight:normal; background-color:#006699;} /*#nav :hover ul.sub li a {display:block; height:30px; width:100px; border:1px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}*/ #nav :hover ul.sub li a {display:block; height:30px; width:70px; border:0px solid #888; text-decoration:none; padding:0; cursor:pointer;} #nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;} /*#nav :hover ul li a.course {background:url(Header-Mens_13b.gif);} #nav :hover ul li a.visitors {background:url(Header-Mens_13b.gif);} #nav :hover ul li a.join {background:url(Header-Mens_13b.gif);}*/ #nav :hover ul.sub li a:hover {background-position: 0px 0px; position:relative;} /*#nav :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}*/ /*#nav :hover ul.sub li a:hover b {left:0px; top:0px; background:#006699; color:#000; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}*/ #nav :hover ul li a.home-course {background:url(/Header_Images/Main/Blue/images/Header-Mens_13.gif) no-repeat;} /*#nav :hover ul li a:hover.home-course {background:url(images/green/Header-Mens_13.gif) no-repeat;} */ #nav :hover ul li a.home-visitors {background:url(/Header_Images/Main/Blue/images/Header-Mens_14.gif) no-repeat;} /*#nav :hover ul li a:hover.home-visitors {background:url(images/green/Header-Mens_14.gif) no-repeat;} */ #nav :hover ul li a.home-join {background:url(/Header_Images/Main/Blue/images/Header-Mens_15.gif) no-repeat;} /*#nav :hover ul li a:hover.home-join {background:url(images/green/Header-Mens_15.gif) no-repeat;} */ #nav2 {padding:0; margin:0; list-style:none; height:22px; position:relative; font-family:arial, verdana, sans-serif; width:608px;} #nav2 li {display:block; float:left;} #nav2 li a {display:block; float:left; height:22px; width:57px; border:1px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}