@charset "utf-8"; /* CSS Document */ /* Import CSS CSS */ @import url("reset.css"); @import url("contribute.css"); /* End Import */ /* ***Main Layout Styles*** */ * { padding:0px; margin:0px; } body { background:url(../images/build/bg_body.jpg); font-size:12px; font-family:Arial, Helvetica, sans-serif; } #wrapper { padding:0px; margin:0px auto; width:908px; } #header { width:908px; height:340px; padding:0px; margin:0px; background:url(../images/build/header.png) no-repeat; float:left; } #logo { width:215px; height:191px; padding:0px 0px 20px 0px; margin:0px; float:left; } #flash_section { width:908px; height:270px; float:left; } #nav_row1 { width:908px; height:85px; margin:0px; position:relative; } #contentwrapper { width:908px; padding:0px; margin:0px; background:url(../images/build/bg_content.jpg) no-repeat center top; float:left; } #nav_row2 { width:908px; height:72px; padding:0px; margin:0px; float:left; } #content { width:748px; padding:0px 80px; margin:0px auto; background:url(../images/build/bg_contentwrapper.jpg) repeat-y center top; float:left; } #content-interior { width:708px; padding-left:20px; padding-right:20px; float:left; } #footer { width:718px; padding:10px 15px 20px 15px; margin:0px; float:left; } /* ***Navigation Styles*** */ #nav_row1 ul { float:left; list-style:none; width:auto; height:90px; } #nav_row1 ul li { float:left; } #nav_row1 ul li#nav_guest a { display:block; width:110px; height:90px; text-indent: -9999px; background-image: url(../images/nav/NewNav/GuestInfo.png); background-repeat: no-repeat; } #nav_row1 li#nav_guest a:hover { background-image: url(../images/nav/NewNav/GuestInfo_Over.png); background-repeat: no-repeat; } #nav_row1 ul li#nav_tickets a { display:block; width:110px; height:90px; text-indent: -9999px; background-image: url(../images/nav/NewNav/Tickets.png); background-repeat: no-repeat; } #nav_row1 li#nav_tickets a:hover { background-image: url(../images/nav/NewNav/Tickets_Over.png); background-repeat: no-repeat; } #nav_row1 ul li#nav_family a { display:block; width:110px; height:90px; text-indent: -9999px; background-image: url(../images/nav/NewNav/Family.png); background-repeat: no-repeat; } #nav_row1 li#nav_family a:hover { background-image: url(../images/nav/NewNav/Family_Over.png); background-repeat: no-repeat; } #nav_row1 ul li#nav_midway a { display:block; width:110px; height:90px; text-indent: -9999px; background-image: url(../images/nav/NewNav/Midway.png); background-repeat: no-repeat; } #nav_row1 li#nav_midway a:hover { background-image: url(../images/nav/NewNav/Midway_Over.png); background-repeat: no-repeat; } #nav_row1 ul li#nav_redbarn a { display:block; width:120px; height:90px; text-indent: -9999px; background-image: url(../images/nav/NewNav/RedBarn.png); background-repeat: no-repeat; } #nav_row1 li#nav_redbarn a:hover { background-image: url(../images/nav/NewNav/RedBarn__Over.png); background-repeat: no-repeat; } #nav_row1 ul li#nav_centralpark a { display:block; width:110px; height:90px; text-indent: -9999px; background-image: url(../images/nav/NewNav/CentralPark.png); background-repeat: no-repeat; } #nav_row1 li#nav_centralpark a:hover { background-image: url(../images/nav/NewNav/CentralPark_Over.png); background-repeat: no-repeat; } #nav_row1 ul li#nav_involved a { display:block; width:110px; height:90px; text-indent: -9999px; background-image: url(../images/nav/NewNav/GetInvolved.png); background-repeat: no-repeat; } #nav_row1 li#nav_involved a:hover { background-image: url(../images/nav/NewNav/GetInvolved_Over.png); background-repeat: no-repeat; } #nav_row1 ul li#nav_vendor a { display:block; width:126px; height:90px; text-indent: -9999px; background-image: url(../images/nav/NewNav/VendorInfo.png); background-repeat: no-repeat; } #nav_row1 li#nav_vendor a:hover { background-image: url(../images/nav/NewNav/VendorInfo_Over.png); background-repeat: no-repeat; } #nav_row2 ul { float:left; list-style:none; width:auto; height:72px; margin-bottom:0;} #nav_row2 ul li { float:left; } #nav_row2 ul li#nav_about a { display:block; width:100px; height:72px; text-indent: -9999px; background: url(../images/nav/NewNav/About.png) no-repeat; } #nav_row2 li#nav_about a:hover { background: url(../images/nav/NewNav/About_Over.png) no-repeat; } #nav_row2 ul li#nav_promo a { display:block; width:100px; height:72px; text-indent: -9999px; background: url(../images/nav/NewNav/Promos.png) no-repeat; } #nav_row2 li#nav_promo a:hover { background: url(../images/nav/NewNav/Promo_Over.png) no-repeat; } #nav_row2 ul li#nav_sip a { display:block; width:100px; height:72px; text-indent: -9999px; background-image: url(../images/nav/NewNav/Games.png); background-repeat: no-repeat; } #nav_row2 li#nav_sip a:hover { background-image: url(../images/nav/NewNav/Games_Over.png); background-repeat: no-repeat; } #nav_row2 ul li#nav_coupons a { display:block; width:100px; height:72px; text-indent: -9999px; background-image: url(../images/nav/NewNav/Coupons.png); background-repeat: no-repeat; } #nav_row2 li#nav_coupons a:hover { background-image: url(../images/nav/NewNav/Coupons_Over.png); background-repeat: no-repeat; } #nav_row2 ul li#nav_attractions a { display:block; width:100px; height:72px; text-indent: -9999px; background-image: url(../images/nav/NewNav/KidzQuest.png); background-repeat: no-repeat; } #nav_row2 li#nav_attractions a:hover { background-image: url(../images/nav/NewNav/KidzQuest_Over.png); background-repeat: no-repeat; } #nav_row2 ul li#nav_games a { background: url(../images/nav/nav_games.png) no-repeat; display:block; width:100px; height:86px; text-indent: -9999px; } #nav_row2 li#nav_games a:hover { background: url(../images/nav/nav_games_rollover.png) no-repeat; } #nav_row2 ul li#nav_read a { display:block; width:100px; height:72px; text-indent: -9999px; background-image: url(../images/nav/NewNav/Read.png); background-repeat: no-repeat; } #nav_row2 li#nav_read a:hover { background-image: url(../images/nav/NewNav/Read_Over.png); background-repeat: no-repeat; } #nav_row2 ul li#nav_senior a { display:block; width:100px; height:72px; text-indent: -9999px; background-image: url(../images/nav/NewNav/Senior.png); background-repeat: no-repeat; } #nav_row2 li#nav_senior a:hover { background-image: url(../images/nav/NewNav/Senior_Over.png); background-repeat: no-repeat; } #nav_row2 ul li#nav_directions a { display:block; width:88px; height:72px; text-indent: -9999px; background-image: url(../images/nav/NewNav/Directions.png); background-repeat: no-repeat; } #nav_row2 li#nav_directions a:hover { background-image: url(../images/nav/NewNav/Directions_Over.png); background-repeat: no-repeat; } #nav_row2 ul li#nav_sponsors a { display:block; width:112px; height:72px; text-indent: -9999px; background-image: url(../images/nav/NewNav/Sponsors.png); background-repeat: no-repeat; } #nav_row2 li#nav_sponsors a:hover { background-image: url(../images/nav/NewNav/Sponsors_Over.png); background-repeat: no-repeat; } #nav_row2 ul li.nav_space { display:block; width:116px; height:76px; } #footer ul.footer2 { list-style:none; float:left; color:#c94e01; font-size:11px; width:718px; padding-left:170px; padding-top:15px; } #footer ul.footer2 li { list-style:none; float:left; padding:0px 8px; border-right:1px solid #c94e01; } #footer ul.footer2 li a { color:#c94e01; text-decoration:none; } #footer ul.footer2 li a:hover { color:#f3a53d; text-decoration:none; } #footer ul.footer2 li.endli { border-right:0px; padding-right:0px; } #footer ul.footer3 { list-style:none; float:left; color:#E4F9EC; font-size:11px; width:718px; padding-left:20px; padding-top:5px; } #footer ul.footer3 li { list-style:none; float:left; padding:0px 8px; border-right:1px solid #c94e01; } #footer ul.footer3 li a { color:#c94e01; text-decoration:none; } #footer ul.footer3 li a:hover { color:#f3a53d; text-decoration:none; } #footer ul.footer3 li.endli { border-right:0px; padding-right:0px; } /* ***Text Styles*** */ h1 { font-size:26px; font-weight:bold; color:#000000; } h2 { font-size:20px; font-weight:bold; color:#000000; } p { padding-bottom:25px; line-height: 18px; } #content a { color:#c94e01; text-decoration:none; } #content a:hover { color:#f3a53d; text-decoration:none; } #content ul, ol { padding-left:40px; padding-bottom:14px; } /* ***Gallery** */ #content ul.gallery { float:left; list-style:none; padding-left:15px; padding-bottom:24px; padding-top:0px; } #content ul.gallery li { float:left; list-style:none; width:100px; margin-right: 7px; margin-bottom: 15px; margin-left: 7px; } #content ul.gallery li.end { float:left; list-style:none; padding-right:0px; width:100px; } #content ul.gallery li a img { border:1px solid #000000; } /* ***Additional Styles*** */ #branding { width:718px; padding:20px 15px 20px 15px; margin:0px; float:left; } #binary { float:left; padding:0px 0 0 0px; color:#c94e01; font-size:10px; } #binary a { color:#c94e01; text-decoration:none; } #binary a:hover { color:#f3a53d; text-decoration:none; } #modern_earth { width:127px; height:36px; float:right; } .img-right { float:right; padding-left:15px; padding-bottom:15px; } .img-left { float: left; margin-right: 10px; margin-bottom: 25px; text-align: center; } .line { width:708px; height:5px; border-bottom:1px solid #cbd5a0; margin-bottom:15px; } .clear { clear:both; } #test1 { float:left; border: 2px solid #555; width: 350px; height: 200px; margin-right:20px; margin-bottom:20px; } a img {border: none;} /* *** Error Styles *** */ .error { background: #FFFFFF; border: solid 1px #D89C9C; float: left; width: 400px; margin: 10px 10px 10px 10px; padding: 8px 20px 8px 20px; color: #A05353; font-size: .9em; } * html .error { margin: 10px 25px 10px 25px; } /* *** Styles For The Navigation On The Right Of The Index *** */ a.NewRidesButton { background-image: url(../images/content/NewRidesButton.jpg); background-repeat: no-repeat; background-position: center top; display: block; height: 200px; width: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } a.NewRidesButton:hover { background-image: url(../images/content/NewRidesButton.jpg); background-repeat: no-repeat; background-position: center bottom; display: block; height: 200px; width: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } a.WhatsNewButton { background-image: url(../images/content/WhatsNewButton.jpg); background-repeat: no-repeat; background-position: center top; display: block; height: 200px; width: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } a.WhatsNewButton:hover { background-image: url(../images/content/WhatsNewButton.jpg); background-repeat: no-repeat; background-position: center bottom; display: block; height: 200px; width: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #hotButtons { width: 250px; float: right; margin-left: 20px;} #WhatsHappeningBox { background-image: url(../images/content/WhatsHappeningBG.jpg); width: 250px; } #WhatsHappeningTop { background-image: url(../images/content/WhatsHappening.jpg); height: 100px; width: 250px; background-repeat: no-repeat; } #WhatsHappeningBottom { background-image: url(../images/content/WhatsHappeningBottom.jpg); background-repeat: no-repeat; height: 100px; width: 250px; } #WhatsHappeningContent p { color: #FFFFCC; border-top-width: 5px; border-top-style: dotted; border-top-color: #FFFFCC; margin-right: 25px; margin-left: 25px; padding: 10px; } #WhatsHappeningContent a { color: #FFFFFF; font-weight: bolder; } a.OnlineTicketsButton { background-image: url(../images/content/OnlineTicketsButton.jpg); background-repeat: no-repeat; background-position: center top; display: block; height: 200px; width: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } a.OnlineTicketsButton:hover { background-image: url(../images/content/OnlineTicketsButton.jpg); background-repeat: no-repeat; background-position: center bottom; display: block; height: 200px; width: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } /* *** Styles for the schedule table on the red barn page *** */ table.schedule h3 { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-bottom-color: #DA5800; margin-top: 20px; font-weight: bold; font-size: 15px; } td.tablerow { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; padding-top: 10px; } #hotButtons.artsExtravaganza { height: 580px; width: 250px; background: url(../images/content/ArtPixelPanel.jpg) no-repeat; } .RedText { color: #DA5800; font-weight: bold; font-size: 1.1em; } #nav_row3 ul { float:left; list-style:none; width:auto; height:86px; } #nav_row3 ul li { float:left; } #nav_row3 ul li#nav_arts a { display:block; width:135px; height:50px; text-indent: -9999px; background: url(../images/nav/NewNav/Arts.png) no-repeat; } #nav_row3 li#nav_arts a:hover { background: url(../images/nav/NewNav/Arts_Over.png) no-repeat; } #nav_row3 { width:908px; height:72px; padding:0px 0px 50px; margin:0px; float:left; }