body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; background-color: #9bcb3b; background-image: url(images/home_bg.jpg); background-repeat: no-repeat; background-position: center top; margin: 0; } #container { width: 1006px; margin-right: auto; margin-left: auto; } #header { width: 1006px; height: 116px; } #nav { background-image: url(images/nav.jpg); width: 1006px; height: 38px; } #sub_container { background-image: url(images/final-home-slices_05.jpg); background-repeat: no-repeat; background-position: 0 0; width: 1006px; } #home_content1 { width: 1006px; height: 282px; } .home_main { background-image: url(images/home_main.jpg); width: 695px; height: 284px; float: left; margin-left: 3px; } .home_sub { background-image: url(images/adventure.jpg); background-repeat: no-repeat; width: 304px; height: 284px; float: left; } #home_content2 { width: 1006px; height: 257px; } .home_jump_menu { width: 204px; height: 252px; float: left; margin-top: 5px; margin-left: 14px; } .home_news { background-image: url(images/newsbg.gif); background-repeat: repeat-x; width: 247px; height: 252px; float: left; margin-top: 5px; margin-right: 7px; padding: 0 19px 0 11px; } h1.newstitle { color: #25764f; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; margin: 0; padding: 12px 0 0; } p.news { color: #25764f; font-size: 11px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 15px; margin: 0; padding: 7px 0 0; } p { margin: 0; padding: 0; } .home_ads_main { width: 275px; height: 257px; float: left; margin: 0; padding: 0; } .home_ads { width: 213px; height: 257px; float: left; margin: 0; padding: 0; } #footer { background-image: url(images/footer.jpg); background-repeat: no-repeat; width: 1006px; height: 11px; clear: both; } #footer2 { width: 1006px; height: 48px; clear: both; } .head_left { width: 781px; height: 116px; float: left; } .head_right { width: 220px; height: 116px; float: left; } .pad { width: 28px; height: 38px; float: left; } /************************** MENU **************************/ div.nav1 { background-image: url(images/home_up.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 114px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding: 0; } div.nav1 a { display: block; padding:0; width:114px; height:38px; overflow:hidden; font: bold 13px/1 georgia, serif; color:#039; background-image: url(images/home_up.jpg); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; text-indent: -2500px; float: left; margin-right: 0; margin-left: 0; } div.nav1 a:hover { background-image: url(images/home_over.jpg); color: yellow; background-repeat: no-repeat; text-indent: -2500px; width: 114px; height: 38px; float: left; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav1_on { background-image: url(images/home_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 114px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav2 { background-image: url(images/park_up.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 136px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding: 0; } div.nav2 a { display: block; margin: 0; padding:0; width:136px; height:38px; overflow:hidden; font: bold 13px/1 georgia, serif; color:#039; background-image: url(images/park_up.jpg); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; text-indent: -2500px; float: left; } div.nav2 a:hover { background-image: url(images/park_over.jpg); color: yellow; background-repeat: no-repeat; text-indent: -2500px; width: 136px; height: 38px; float: left; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav2_on { background-image: url(images/park_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 136px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav3 { background-image: url(images/animals_up.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 125px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding: 0; } div.nav3 a { display: block; margin: 0; padding:0; width:125px; height:38px; overflow:hidden; font: bold 13px/1 georgia, serif; color:#039; background-image: url(images/animals_up.jpg); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; text-indent: -2500px; float: left; } div.nav3 a:hover { background-image: url(images/animals_over.jpg); color: yellow; background-repeat: no-repeat; text-indent: -2500px; width: 125px; height: 38px; float: left; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav3_on { background-image: url(images/animals_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 125px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav4 { background-image: url(images/adventure_up.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 150px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding: 0; } div.nav4 a { display: block; margin: 0; padding:0; width:150px; height:38px; overflow:hidden; font: bold 13px/1 georgia, serif; color:#039; background-image: url(images/adventure_up.jpg); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; text-indent: -2500px; float: left; } div.nav4 a:hover { background-image: url(images/adventure_over.jpg); color: yellow; background-repeat: no-repeat; text-indent: -2500px; width: 150px; height: 38px; float: left; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav4_on { background-image: url(images/adventure_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 150px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav5 { background-image: url(images/education_up.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 139px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding: 0; } div.nav5 a { display: block; margin: 0; padding:0; width:139px; height:38px; overflow:hidden; font: bold 13px/1 georgia, serif; color:#039; background-image: url(images/education_up.jpg); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; text-indent: -2500px; float: left; } div.nav5 a:hover { background-image: url(images/education_over.jpg); color: yellow; background-repeat: no-repeat; text-indent: -2500px; width: 139px; height: 38px; float: left; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav5_on { background-image: url(images/education_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 139px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav6 { background-image: url(images/kids_up.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 91px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding: 0; } div.nav6 a { display: block; margin: 0 0 0 0; padding:0; width:91px; height:38px; overflow:hidden; font: bold 13px/1 georgia, serif; color:#039; background-image: url(images/kids_up.jpg); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; text-indent: -2500px; float: left; } div.nav6 a:hover { background-image: url(images/kids_over.jpg); color: yellow; background-repeat: no-repeat; text-indent: -2500px; width: 91px; height: 38px; float: left; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav6_on { background-image: url(images/kids_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 91px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav7 { background-image: url(images/news_up.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 170px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding: 0; } div.nav7 a { display: block; margin: 0; padding:0; width:170px; height:38px; overflow:hidden; font: bold 13px/1 georgia, serif; color:#039; background-image: url(images/news_up.jpg); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; text-indent: -2500px; float: left; } div.nav7 a:hover { background-image: url(images/news_over.jpg); color: yellow; background-repeat: no-repeat; text-indent: -2500px; width: 170px; height: 38px; float: left; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav7_on { background-image: url(images/news_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 170px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav8 { background-image: url(images/shop_up.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 105px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding: 0; } div.nav8 a { display: block; margin: 0; padding:0; width:105px; height:38px; overflow:hidden; font: bold 13px/1 georgia, serif; color:#039; background-image: url(images/shop_up.jpg); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; text-indent: -2500px; float: left; } div.nav8 a:hover { background-image: url(images/shop_over.jpg); color: yellow; background-repeat: no-repeat; text-indent: -2500px; width: 105px; height: 38px; float: left; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav8_on { background-image: url(images/shop_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 105px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } /************************** MENU TOOL TIPS **************************/ ul.sidenav { float: left; padding: 0; width: 197px; list-style: none; font-size: 1.2em; margin: 0 0 0; } ul.sidenav li { position: relative; float: left; margin: 0; padding: 0; } ul.sidenav li a{ color: #7ebe37; display: block; background-image: url(images/menu1.png); background-repeat: no-repeat; background-attachment: scroll; text-decoration: none; text-indent: -3500px; width: 197px; position: relative; height: 40px; z-index: 2; } ul.sidenav li a:hover { } ul.sidenav li div { display: none; position: absolute; top: 2px; left: 0; width: 225px; font-size: 0.9em; background-image: url(images/bubble_top.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; } ul.sidenav li div p { margin: 7px 0; line-height: 1.6em; background-image: url(images/bubble_btm.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; padding: 0 5px 10px 30px; } ul.sidenav .opening { float: left; padding: 0; width: 197px; list-style: none; font-size: 1.2em; } ul.sidenav li.opening { position: relative; float: left; margin: 0; padding: 0; } ul.sidenav li.opening a{ color: #7ebe37; display: block; background-image: url(images/menu2.png); background-repeat: no-repeat; background-attachment: scroll; text-decoration: none; text-indent: -3500px; width: 197px; position: relative; height: 40px; z-index: 2; } ul.sidenav .find { float: left; padding: 0; width: 197px; list-style: none; font-size: 1.2em; margin-right: 0; margin-bottom: 0; margin-left: 0; } ul.sidenav li.find { position: relative; float: left; margin: 0; padding: 0; } ul.sidenav li.find a{ color: #7ebe37; display: block; background-image: url(images/menu13.png); background-repeat: no-repeat; background-attachment: scroll; text-decoration: none; text-indent: -3500px; width: 197px; position: relative; height: 40px; z-index: 2; } ul.sidenav .group { float: left; padding: 0; width: 197px; list-style: none; font-size: 1.2em; margin-right: 0; margin-bottom: 0; margin-left: 0; } ul.sidenav li.group { position: relative; float: left; margin: 0; padding: 0; } ul.sidenav li.group a{ color: #7ebe37; display: block; background-image: url(images/menu4.png); background-repeat: no-repeat; background-attachment: scroll; text-decoration: none; text-indent: -3500px; width: 197px; position: relative; height: 40px; z-index: 2; } ul.sidenav .webcam { float: left; padding: 0; width: 197px; list-style: none; font-size: 1.2em; margin-right: 0; margin-bottom: 0; margin-left: 0; } ul.sidenav li.webcam { position: relative; float: left; margin: 0; padding: 0; } ul.sidenav li.webcam a{ color: #7ebe37; display: block; background-image: url(images/menu5.png); background-repeat: no-repeat; background-attachment: scroll; text-decoration: none; text-indent: -3500px; width: 197px; position: relative; height: 40px; z-index: 2; } ul.sidenav .voucher { float: left; padding: 0; width: 197px; list-style: none; font-size: 1.2em; margin-right: 0; margin-bottom: 0; margin-left: 0; } ul.sidenav li.voucher { position: relative; float: left; margin: 0; padding: 0; } ul.sidenav li.voucher a{ color: #7ebe37; display: block; background-image: url(images/menu6.png); background-repeat: no-repeat; background-attachment: scroll; text-decoration: none; text-indent: -3500px; width: 197px; position: relative; height: 40px; z-index: 2; } p.bubble { font: 10px Verdana, Arial, Helvetica, sans-serif; } .home_animals1 { color: #fff; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 16px; margin-top: 95px; margin-right: 275px; margin-left: 37px; } .home_animals2 { color: #fff; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 16px; margin-top: 47px; margin-right: 270px; margin-left: 37px; } #carousel { width:301px; height:282px; z-index: 0; margin:0 auto; overflow:hidden; } #slides { overflow:hidden; /* fix ie overflow issue */ position:relative; width:301px; height:282px; z-index: 0; border-color: #ccc; } /* remove the list styles, width : item width * total items */ #slides ul { position:relative; left:0; top:0; list-style:none; margin:0; padding:0; width:1505px; } /* width of the item, in this case I put 250x250x gif */ #slides li { width:301px; height:282px; float:left; margin: 0; padding: 0; } #slides li img { padding:0; } /* Styling for prev and next buttons */ #buttons { visibility: hidden; padding:0 0 5px; float:right; } #buttons a { display:block; width:31px; height:32px; text-indent:-999em; visibility: hidden; float:left; outline:none 0; } a#prev { background:url(arrow.gif)url(arrow.gif) no-repeat 0 -31px; visibility: hidden; } a#prev:hover { background:url(arrow.gif)url(arrow.gif) no-repeat; } a#next { background:url(arrow.gif)url(arrow.gif) no-repeat -32px -31px; visibility: hidden; } a#next:hover { background:url(arrow.gif)url(arrow.gif) no-repeat -32px 0; visibility: hidden; } .clear {clear:both} .overlay { border:solid 0 silver; width:301px; height:120px; overflow:auto; position:absolute; z-index:2; left:0; top:0; margin-left:0; margin-top:0; } .main_leaves_bg { background-image: url(images/leavesbg.gif); background-repeat: no-repeat; width: 997px; min-height: 680px; max-height: 5000px; margin-left: 3px; } .left_column { width: 243px; float: left; margin: 0; padding: 0; } .menu_container { margin-right: 15px; margin-bottom: 50px; margin-left: 35px; } .right_column { width: 746px; float: left; margin: 0; padding: 0; } .mainlevel { color: #01b8ff; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 19px; text-decoration: none; margin-left: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; list-style-type: none; list-style-image: none; } .sublevel { color: #01b8ff; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 19px; text-decoration: none; padding-top: 5px; padding-bottom: 5px; padding-left: 35px; list-style-type: none; list-style-image: none; } .mainlevel#active_menu { color: #474d7a; font-weight: bold; line-height: 19px; background-image: url(images/bullet.png); background-repeat: no-repeat; background-position: 0 -5px; text-decoration: none; padding: 0 0 0 20px; } .sublevel#active_menu { color: #474d7a; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 19px; background-image: url(images/bullet.png); background-repeat: no-repeat; background-position: 15px -5px; text-decoration: none; padding: 0 0 0 35px; list-style-type: none; list-style-image: none; } .mainlevel#active_menu2 { color: #474d7a; font-weight: bold; line-height: 19px; background-image: url(images/bullet.png); background-repeat: no-repeat; background-position: 0 -5px; text-decoration: none; padding: 0 0 0 20px; } .sublevel#active_menu2 { color: #474d7a; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 19px; background-image: url(images/bullet.png); background-position: 13px -5px; text-decoration: none; padding: 0 0 0 35px; list-style-type: none; list-style-image: none; } .ad_container { text-align: left; width: 1px; margin: 15px 0 0; padding: 0; } /************************** SMALL MENU TOOL TIPS **************************/ /************************** 2 column boxes **************************/ .jump_container { background-image: url(images/2_column_bg.png); background-repeat: repeat; width: 642px; float: left; } .jump_inner { background-repeat: repeat; width: 320px; float: left; } .jump_inner_right { background-repeat: repeat; width: 320px; float: left; margin-left: 2px; } .left_header { width: 320px; height: 45px; float: left; margin-bottom: 15px; } .right_header { width: 320px; height: 45px; float: left; margin-bottom: 15px; } .jump_footer { background-repeat: repeat; width: 640px; height: 12px; float: left; } .title_div { width: 754px; height: 194px; } .jump_container_single { background-image: url(images/2_column_bg.png); background-repeat: repeat; width: 320px; float: left; } .jump_footer_left { background-image: url(images/footer_left.png); background-repeat: repeat; background-position: 0 -10px; width: 320px; height: 12px; float: left; } .jump_footer_right { background-image: url(images/footer_right.png); background-repeat: repeat; background-position: 0 -10px; width: 320px; height: 12px; float: left; } p.jump_bold { color: #576e3c; font-size: 13px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 18px; margin-right: 30px; margin-left: 30px; } p.jump { color: #576e3c; font-size: 11px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 14px; margin-top: 0; margin-right: 30px; margin-left: 30px; } p.jump_prices { color: #576e3c; font-size: 13px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 24px; margin-right: 30px; margin-left: 30px; } ul.sidenav2 { float: left; padding: 0; width: 197px; list-style: none; font-size: 1.2em; margin: 0 0 0; } ul.sidenav2 li { position: relative; float: left; margin: 0; padding: 0; } ul.sidenav2 li a{ color: #7ebe37; display: block; background-image: url(images/sub1.gif); background-repeat: no-repeat; background-attachment: scroll; text-decoration: none; text-indent: -3500px; width: 221px; position: relative; height: 30px; z-index: 2; } ul.sidenav2 li a:hover { } ul.sidenav2 li div { display: none; position: absolute; top: 2px; left: 0; width: 225px; font-size: 0.9em; background-image: url(images/bubble_top2.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; } ul.sidenav2 li div p { margin: 7px 0; line-height: 1.6em; background-image: url(images/bubble_btm2.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; padding: 0 5px 10px 30px; } ul.sidenav2 .opening { float: left; padding: 0; width: 197px; list-style: none; font-size: 1.2em; } ul.sidenav2 li.opening { position: relative; float: left; margin: 0; padding: 0; } ul.sidenav2 li.opening a{ color: #7ebe37; display: block; background-image: url(images/sub2.gif); background-repeat: no-repeat; background-attachment: scroll; text-decoration: none; text-indent: -3500px; width: 221px; position: relative; height: 30px; z-index: 2; } ul.sidenav2 .find { float: left; padding: 0; width: 197px; list-style: none; font-size: 1.2em; margin-right: 0; margin-bottom: 0; margin-left: 0; } ul.sidenav2 li.find { position: relative; float: left; margin: 0; padding: 0; } ul.sidenav2 li.find a{ color: #7ebe37; display: block; background-image: url(images/sub3.gif); background-repeat: no-repeat; background-attachment: scroll; text-decoration: none; text-indent: -3500px; width: 221px; position: relative; height: 30px; z-index: 2; } ul.sidenav2 .group { float: left; padding: 0; width: 197px; list-style: none; font-size: 1.2em; margin-right: 0; margin-bottom: 0; margin-left: 0; } ul.sidenav2 li.group { position: relative; float: left; margin: 0; padding: 0; } ul.sidenav2 li.group a{ color: #7ebe37; display: block; background-image: url(images/sub4.gif); background-repeat: no-repeat; background-attachment: scroll; text-decoration: none; text-indent: -3500px; width: 221px; position: relative; height: 30px; z-index: 2; } ul.sidenav2 .webcam { float: left; padding: 0; width: 197px; list-style: none; font-size: 1.2em; margin-right: 0; margin-bottom: 0; margin-left: 0; } ul.sidenav2 li.webcam { position: relative; float: left; margin: 0; padding: 0; } ul.sidenav2 li.webcam a{ color: #7ebe37; display: block; background-image: url(images/menu5.png); background-repeat: no-repeat; background-attachment: scroll; text-decoration: none; text-indent: -3500px; width: 221px; position: relative; height: 30px; z-index: 2; } ul.sidenav2 .voucher { float: left; padding: 0; width: 197px; list-style: none; font-size: 1.2em; margin-right: 0; margin-bottom: 0; margin-left: 0; } ul.sidenav2 li.voucher { position: relative; float: left; margin: 0; padding: 0; } ul.sidenav2 li.voucher a{ color: #7ebe37; display: block; background-image: url(images/menu6.png); background-repeat: no-repeat; background-attachment: scroll; text-decoration: none; text-indent: -3500px; width: 221px; position: relative; height: 30px; z-index: 2; } .right_column_park_info { background-image: url(images/1.park_info.jpg); background-repeat: no-repeat; background-position: 1px 0; width: 600px; float: left; margin: 0; padding: 10px 124px 0 30px; } .right_column_animals { background-image: url(images/2.animals.jpg); background-repeat: no-repeat; background-position: 1px 0; width: 600px; float: left; margin: 0; padding: 10px 124px 0 30px; } .right_column_adventure { background-image: url(images/4.adventure.jpg); background-repeat: no-repeat; background-position: 1px 0; width: 600px; float: left; margin: 0; padding: 10px 124px 0 30px; } .right_column_education { background-image: url(images/4.adventure.jpg); background-repeat: no-repeat; background-position: 1px 0; width: 600px; float: left; margin: 0; padding: 10px 124px 0 30px; } .right_column_kids { background-image: url(images/5.kids.jpg); background-repeat: no-repeat; background-position: 1px 0; width: 600px; float: left; margin: 0; padding: 10px 124px 0 30px; } .right_column_news { background-image: url(images/6.news.jpg); background-repeat: no-repeat; background-position: 1px 0; width: 600px; float: left; margin: 0; padding: 10px 124px 0 30px; } .right_column_shop { background-image: url(images/7.shop.jpg); background-repeat: no-repeat; background-position: 1px 0; width: 600px; float: left; margin: 0; padding: 10px 124px 0 30px; } p.normal { color: #576e3c; font-size: 11px; font-weight: normal; line-height: 18px; margin-left: 5px; padding-bottom: 15px; } p.bold_intro { color: #576e3c; font-size: 11px; font-weight: bold; line-height: 18px; margin-right: 100px; margin-bottom: 10px; margin-left: 5px; padding-bottom: 15px; } p.bold { color: #576e3c; font-size: 11px; font-weight: bold; line-height: 18px; margin-bottom: 10px; margin-left: 5px; padding-bottom: 15px; } /************************** LIGHBOX STYLES **************************/ /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{ position:fixed; width:100%; height:100%; margin-top: 0; } #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{ position:relative; overflow:hidden; } #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{ background:url(images/overlay.png); } #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;} #cboxClose{ position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px; top: 3px; } #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} .class { color: #adde02; } /************************** Animal Lightwindow layouts **************************/ .animal_container { width: 634px !important; margin-left: 3px; } .animal_close { width: 641px; height: 0; } .animal_prev { width: 127px; height: 32px; float: left; } .animal_middle { width: 408px; height: 32px; float: left; } .animal_next { width: 16px; height: 32px; float: left; } .animal_main_image { width: 630px; height: 364px; float: left; } td.contentpaneopen { margin: 0; padding: 0; } .content p { color: #576e3c; font-size: 11px; font-weight: normal; line-height: 18px; margin-left: 5px; padding-bottom: 15px; } .content h1 { color: #576e3c; font-size: 11px; font-weight: bold; line-height: 18px; margin-right: 100px; margin-bottom: 10px; margin-left: 5px; padding-bottom: 15px; } .content bd { color: #576e3c; font-size: 11px; font-weight: bold; line-height: 18px; margin-bottom: 10px; margin-left: 5px; padding-bottom: 15px; } .ad_container { width: 492px !important; margin-left: 3px; } .ad_prev { width: 158px; height: 36px; float: left; } .ad_middle { width: 215px; height: 36px; float: left; } .ad_next { width: 86px; height: 36px; float: left; } .ad_main_image { width: 492px; height: 364px; float: left; } .animal_text { color: #424242; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 18px; float: left; margin-right: 47px; margin-left: 50px; } .animal_text h1 { color: #576e3c; font-size: 13px; font-weight: bold; line-height: 18px; padding-top: 12px; padding-bottom: 3px; } .animal_text p { } .ad_text { color: #424242; font-size: 12px; line-height: 18px; width: 392px; float: left; margin-right: 0; margin-left: 47px; } .adventure_column { margin-left: 22px; } p.bold_adventure { color: #576e3c; font-size: 11px; font-weight: bold; line-height: 18px; margin: 18px 100px 0 5px; padding-bottom: 0; } /************************** NEWS MODULES **************************/ .news_container { width: 557px; margin-left: 35px; padding-top: 0; padding-bottom: 25px; padding-left: 0; } .news_top { background-image: url(images/news_top.gif); background-repeat: no-repeat; width: 557px; height: 90px; margin-top: 5px; } .news_middle { color: #575757; font-size: 11px; line-height: 18px; background-image: url(images/news_middle.gif); background-repeat: repeat; width: 487px; padding: 15px 35px 37px; } .news_bottom { background-image: url(images/news_bottom.gif); background-repeat: no-repeat; background-position: 0 0; width: 557px; height: 22px; } .news_title { color: #0b9ae6; font-size: 22px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 28px; text-align: left; width: 372px; float: left; padding-top: 24px; padding-left: 35px; } .news_date { color: #f37300; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: right; width: 116px; float: left; padding-top: 33px; } .news_middle p { color: #202020; font-size: 11px; line-height: 18px; background-repeat: repeat; padding-top: 15px; padding-bottom: 0; } .menu { color: #01b8ff; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 16px; text-decoration: none; width: 177px; float: left; padding-top: 6px; padding-bottom: 3px; padding-left: 0; list-style-type: none; list-style-image: none; } #mozscroll { position: absolute; top: 0px; bottom: -1px; visibility: hidden } /* Force vertical scrollbar in Gecko browsers */ .experiences_container { width: 576px; margin-top: 15px; } .experiences_left { width: 210px; height: 155px; float: left; } .experiences_right { width: 366px; float: left; } .experience_footer { width: 576px; height: 25px; float: left; } .spacer { background-color: #52772c; width: 600px; height: 50px; } p a:link { color: #52772c ; text-decoration: underline; } p a:visited { color: #52772c ; text-decoration: underline; } p a:hover { color: #1a1e3c } p a:active { color: #52772c ; text-decoration: underline; } .ad_text p { font-size: 12px; margin: 0; padding-bottom: 10px; padding-left: 5px; } .another_container { margin-left: 3px; } h1 a:link { color: #52772c ; text-decoration: underline; } h1 a:visited { color: #52772c ; text-decoration: underline; } h1 a:hover { color: #1a1e3c } h1 a:active { color: #52772c ; text-decoration: underline; } #vmMainPage h3 { visibility: hidden; } div.nav2_on a { background-image: url(images/park_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 136px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav3_on a{ background-image: url(images/animals_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 125px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav4_on a{ background-image: url(images/adventure_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 150px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav5_on a{ background-image: url(images/education_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 139px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav6_on a{ background-image: url(images/kids_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 91px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav7_on a{ background-image: url(images/news_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 170px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav8_on a{ background-image: url(images/shop_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 105px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav2_on a:hover{ background-image: url(images/park_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 136px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav3_on a:hover { background-image: url(images/animals_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 125px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav4_on a:hover { background-image: url(images/adventure_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 150px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav5_on a:hover { background-image: url(images/education_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 139px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav6_on a:hover { background-image: url(images/kids_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 91px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav7_on a:hover { background-image: url(images/news_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 170px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } div.nav8_on a:hover { background-image: url(images/shop_on.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; width: 105px; height: 38px; text-indent: -2500px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } .shop_info { height: 1px; visibility: hidden; } .HOF_container { width: 500px; float: left; } .left_HOF { width: 250px; float: left; } .right_HOF { width: 250px; float: left; } /* Organic Tabs by Chris Coyier http://css-tricks.com */ * { margin: 0; padding: 0; } #page-wrap { width: 440px; margin-top: 20px; margin-bottom: 20px; } /* Generic Utility */ .hide { position: absolute; top: -9999px; left: -9999px; } /* Specific to example one */ #example-one { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 10px; margin: 0 0 15px; } #example-one .nav { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; overflow: hidden; margin: 0 0 10px; } #example-one .nav li { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; width: 97px; float: left; margin: 0 10px 0 0; } #example-one .nav li.last { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin-right: 0; } #example-one .nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: center; border: 0; } #example-one .nav li a:hover { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #adde01; } #example-one ul { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; list-style: none; } #example-one ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; } #example-one ul li a:hover { background: #fe4902; color: white; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; } #example-one ul li:last-child a { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; border: none; } #example-one ul li.nav-one a.current, #example-one ul.featured li a:hover { background-color: #f40505; color: white; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; } #example-one ul li.nav-two a.current, #example-one ul.core li a:hover { background-color: #008000; color: white; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; } #example-one ul li.nav-three a.current, #example-one ul.jquerytuts li a:hover { background-color: #8d01b0; color: white; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; } #example-one ul li.nav-four a.current, #example-one ul.classics li a:hover { background-color: #fe4902; color: white; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; } /* Specific to example two */ #example-two .list-wrap { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background: #eee; padding: 10px; margin: 0 0 15px; } #example-two ul { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; list-style: none; } #example-two ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; } #example-two ul li a:hover { background: #333; color: white; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; } #example-two ul li:last-child a { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; border: none; } #example-two .nav { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; overflow: hidden; } #example-two .nav li { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; width: 97px; float: left; margin: 0 10px 0 0; } #example-two .nav li.last { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin-right: 0; } #example-two .nav li a { display: block; padding: 5px; background: #666; color: white; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: center; border: 0; } #example-two li a.current,#example-two li a.current:hover { background-color: #eee !important; color: black; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; } #example-two .nav li a:hover, #example-two .nav li a:focus { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background: #999; }