.floatL{float:left !important} #MenuHolder {height:35px;width:1024px;margin:0px auto 0 auto;} #subMenusContainer a img{ border:none} /* Parent Main Menu Links on normal state */ #home, #park, #attrac, #aboutus, #photo, #dining, #special, #contact, #last, .mainMenuParentBtnFocused { background:url(../../images/Navigation/menulinks.gif) no-repeat; height:35px;display:block;} #home{ background-position:0px 0px; width:86px;} #park{ background-position:-86px 0px; width:186px} #attrac{ background-position:-272px 0px; width:138px} #aboutus{ background-position:-410px 0px; width:116px;} #photo{ background-position:-525px 0px; width:160px;} #dining{ background-position:-685px 0px; width:93px;} #special{ background-position:-778px 0px; width:101px;} #contact{ background-position:-879px 0px; width:131px;} #last{ background-position:-1074px 0px; width:131px; width:10px;} /* Parent Main Menu Links on hover or focus */ #park.mainMenuParentBtnFocused{ background-position:-86px -45px;} #attrac.mainMenuParentBtnFocused{ background-position:-272px -45px;} #aboutus.mainMenuParentBtnFocused{ background-position:-410px -45px;} #photo.mainMenuParentBtnFocused{ background-position:-525px -45px;} #dining.mainMenuParentBtnFocused{ background-position:-685px -45px;} #special.mainMenuParentBtnFocused{ background-position:-778px -45px;} #contact.mainMenuParentBtnFocused{ background-position:-879px -45px;} /* Sub menu links for Park Information */ #parkSub a span.sub1, #parkSub a:hover span.sub1, #parkSub a span.sub2, #parkSub a:hover span.sub2, #parkSub a span.sub3, #parkSub a:hover span.sub3, #parkSub a span.sub4, #parkSub a:hover span.sub4, #parkSub a span.sub5, #parkSub a:hover span.sub5 { background:url(../../images/Navigation/ParkInformation.gif) no-repeat; display:block; cursor:pointer; height:44px} #parkSub a span.sub1{ background-position:0px 0px;}/*Normal state*/ #parkSub a:hover span.sub1{ background-position:0px -45px;}/*Mouseover state*/ #parkSub a span.sub2{ background-position:0px -90px;} #parkSub a:hover span.sub2{ background-position:0px -135px;} #parkSub a span.sub3{ background-position:0px -180px;} #parkSub a:hover span.sub3{ background-position:0px -225px;} #parkSub a span.sub4{ background-position:0px -270px;} #parkSub a:hover span.sub4{ background-position:0px -315px;} #parkSub a span.sub5{ background-position:0px -360px;} #parkSub a:hover span.sub5{ background-position:0px -405px;} /* End */ /* Sub menu links for Attractions */ #attracSub a span.sub1, #attracSub a:hover span.sub1, #attracSub a span.sub2, #attracSub a:hover span.sub2, #attracSub a span.sub3, #attracSub a:hover span.sub3, #attracSub a span.sub4, #attracSub a:hover span.sub4, #attracSub a span.sub5, #attracSub a:hover span.sub5, #attracSub a span.sub6, #attracSub a:hover span.sub6, #attracSub a span.sub7, #attracSub a:hover span.sub7, #attracSub a span.sub8, #attracSub a:hover span.sub8, #attracSub a span.sub9, #attracSub a:hover span.sub9, #attracSub a span.sub10, #attracSub a:hover span.sub10, #attracSub a span.sub11, #attracSub a:hover span.sub11, #attracSub a span.sub12, #attracSub a:hover span.sub12 { background:url(../../images/Navigation/Attractions.gif) no-repeat; display:block; cursor:pointer; height:39px} #attracSub a span.sub1{ background-position:0px 0px;}/*Normal state*/ #attracSub a:hover span.sub1{ background-position:0px -40px;}/*Mouseover state*/ #attracSub a span.sub2{ background-position:0px -80px;} #attracSub a:hover span.sub2{ background-position:0px -120px;} #attracSub a span.sub3{ background-position:0px -160px;} #attracSub a:hover span.sub3{ background-position:0px -200px;} #attracSub a span.sub4{ background-position:0px -240px;} #attracSub a:hover span.sub4{ background-position:0px -280px;} #attracSub a span.sub5{ background-position:0px -320px;} #attracSub a:hover span.sub5{ background-position:0px -360px;} #attracSub a span.sub6{ background-position:0px -400px;} #attracSub a:hover span.sub6{ background-position:0px -440px;} #attracSub a span.sub7{ background-position:0px -480px;} #attracSub a:hover span.sub7{ background-position:0px -520px;} #attracSub a span.sub8{ background-position:0px -560px;} #attracSub a:hover span.sub8{ background-position:0px -600px;} #attracSub a span.sub9{ background-position:0px -640px;} #attracSub a:hover span.sub9{ background-position:0px -680px;} #attracSub a span.sub10{ background-position:0px -720px;} #attracSub a:hover span.sub10{ background-position:0px -760px;} #attracSub a span.sub11{ background-position:0px -800px;} #attracSub a:hover span.sub11{ background-position:0px -840px;} #attracSub a span.sub12{ background-position:0px -880px;} #attracSub a:hover span.sub12{ background-position:0px -920px;} /* End */ /* Sub menu links for About Us */ #aboutusSub a span.sub1, #aboutusSub a:hover span.sub1, #aboutusSub a span.sub2, #aboutusSub a:hover span.sub2, #aboutusSub a span.sub3, #aboutusSub a:hover span.sub3, #aboutusSub a span.sub4, #aboutusSub a:hover span.sub4, #aboutusSub a span.sub5, #aboutusSub a:hover span.sub5, #aboutusSub a span.sub6, #aboutusSub a:hover span.sub6, #aboutusSub a span.sub7, #aboutusSub a:hover span.sub7 { background:url(../../images/Navigation/AboutUs.gif) no-repeat; display:block; cursor:pointer; height:44px;} #aboutusSub a span.sub1{ background-position:0px 0px;}/*Normal state*/ #aboutusSub a:hover span.sub1{ background-position:0px -45px;}/*Mouseover state*/ #aboutusSub a span.sub2{ background-position:0px -90px;} #aboutusSub a:hover span.sub2{ background-position:0px -135px;} #aboutusSub a span.sub3{ background-position:0px -180px;} #aboutusSub a:hover span.sub3{ background-position:0px -225px;} #aboutusSub a span.sub4{ background-position:0px -270px;} #aboutusSub a:hover span.sub4{ background-position:0px -315px;} #aboutusSub a span.sub5{ background-position:0px -360px;} #aboutusSub a:hover span.sub5{ background-position:0px -405px;} #aboutusSub a span.sub6{ background-position:0px -450px;} #aboutusSub a:hover span.sub6{ background-position:0px -495px;} #aboutusSub a span.sub7{ background-position:0px -540px;} #aboutusSub a:hover span.sub7{ background-position:0px -585px;}/* End */ /* Sub menu links for GALLERY */ #photoSub a span.sub1, #photoSub a:hover span.sub1, #photoSub a span.sub2, #photoSub a:hover span.sub2, #photoSub a span.sub3, #photoSub a:hover span.sub3 { background:url(../../images/Navigation/PhotoGallery.gif) no-repeat; display:block; cursor:pointer; height:44px;} #photoSub a span.sub1{ background-position:0px 0px;}/*Normal state*/ #photoSub a:hover span.sub1{ background-position:0px -45px;}/*Mouseover state*/ #photoSub a span.sub2{ background-position:0px -90px;} #photoSub a:hover span.sub2{ background-position:0px -135px;} #photoSub a span.sub3{ background-position:0px -180px;} #photoSub a:hover span.sub3{ background-position:0px -225px;} /* End */ /* Sub menu links for Dinining */ #diningSub a span.sub1, #diningSub a:hover span.sub1, #diningSub a span.sub2, #diningSub a:hover span.sub2 { background:url(../../images/Navigation/Dining.gif) no-repeat; display:block; cursor:pointer; height:44px;} #diningSub a span.sub1{ background-position:0px 0px;}/*Normal state*/ #diningSub a:hover span.sub1{ background-position:0px -45px;}/*Mouseover state*/ #diningSub a span.sub2{ background-position:0px -90px;} #diningSub a:hover span.sub2{ background-position:0px -135px;} /* End */ /* Sub menu links for Specials */ #specialSub a span.sub1, #specialSub a:hover span.sub1, #specialSub a span.sub2, #specialSub a:hover span.sub2 { background:url(../../images/Navigation/Specials.gif) no-repeat; display:block; cursor:pointer; height:44px;} #specialSub a span.sub1{ background-position:0px 0px;}/*Normal state*/ #specialSub a:hover span.sub1{ background-position:0px -45px;}/*Mouseover state*/ #specialSub a span.sub2{ background-position:0px -90px;} #specialSub a:hover span.sub2{ background-position:0px -135px;} /* End */ /* Sub menu links for Contant */ #contSub a span.sub1, #contSub a:hover span.sub1, #contSub a span.sub2, #contSub a:hover span.sub2, #contSub a span.sub3, #contSub a:hover span.sub3, #contSub a span.sub4, #contSub a:hover span.sub4 { background:url(../../images/Navigation/Contact.gif) no-repeat; display:block; cursor:pointer; height:44px;} #contSub a span.sub1{ background-position:0px 0px;}/*Normal state*/ #contSub a:hover span.sub1{ background-position:0px -45px;}/*Mouseover state*/ #contSub a span.sub2{ background-position:0px -90px;} #contSub a:hover span.sub2{ background-position:0px -135px;} #contSub a span.sub3{ background-position:0px -180px;} #contSub a:hover span.sub3{ background-position:0px -225px;} #contSub a span.sub4{ background-position:0px -270px;} #contSub a:hover span.sub4{ background-position:0px -315px;}/* End */ /* End */ /* Sub menu top curve settings */ #parkSub a.subTop, #attracSub a.subTop, #aboutusSub a.subTop, #photoSub a.subTop, #diningSub a.subTop, #specialSub a.subTop, #contSub a.subTop, #subMenusContainer a.subBot{height:10px; width:224px; overflow:hidden;} #parkSub a.subTop, #attracSub a.subTop, #aboutusSub a.subTop, #photoSub a.subTop, #diningSub a.subTop, #specialSub a.subTop, #contSub a.subTop{ background:url(../../images/Navigation/TopCurve.gif) no-repeat; } #parkSub a.subTop{ background-position:0px 0px;} #attracSub a.subTop{ background-position:0px -11px;} #aboutusSub a.subTop{ background-position:0px -22px;} #photoSub a.subTop{ background-position:0px -33px;} #diningSub a.subTop{ background-position:0px -44px;} #specialSub a.subTop{ background-position:0px -55px;} #contSub a.subTop{ background-position:0px -66px;} #subMenusContainer a.subBot{ background:url(../../images/Navigation/BotCurve.gif) top left no-repeat;} #parkSub, #attracSub, #aboutusSub, #photoSub, #diningSub, #specialSub, #contSub{ overflow:hidden} /* Menu container link */ #subMenusContainer a{text-decoration:none;display:block;padding:0px 13px;margin:0px;} /* Just main menu links */ #nav a{ margin:0;float:left; color: #00386d; font:14px Arial, Helvetica, sans-serif; text-decoration:none;} #nav a span{ visibility:hidden; text-decoration:none} /* Just sub menu links */ #subMenusContainer a, #nav li li a{text-align:left;color:#00386d; font:14px Arial, Helvetica, sans-serif;} /* ----[ OLs ULs, LIs, and DIVs ]----*/ /* Submenu Outer Wrapper - each submenu is inside a div with this class */ .smOW{ display:none; position:absolute; overflow:hidden; padding:0 2px;margin-left:-2px;} /* All ULs and OLs */ #nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { padding: 0;margin: 0;list-style: none;} /* All submenu OLs and ULs */ #subMenusContainer a {background:url(../../images/Navigation/subMid.gif) top left repeat-y;} #subMenusContainer a b { visibility:hidden} /* List items in main menu */ #nav li { display:block;list-style:none;position:relative;float:left;} #subMenusContainer li{list-style: none ; clear:both} /* main menu ul or ol elment */ #nav{display:block;list-style:none; margin:0 ;} #subMenusContainer{ display:block;position:absolute;top:-5px;right:0;width:100%; height:0; overflow:visible;z-index:100; } /* ---------[ The below is just for non-javscript users ]-----------*/ #nav li li{ float:none; } #nav li li a{ /* Just submenu links*/ position:relative;float:none; } #nav li ul { /* second-level lists */ position: absolute; width: 10em; margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ margin-top:2.2em; }