@charset "utf-8"; /* CSS Document */ /* Import CSS CSS */ @import url("reset.css"); @import url("contribute.css"); /* End Import */ /* ***Main Layout Styles*** */ body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; background:#ffffff url(../images/build/bg_repeat.jpg) repeat-x;} #teens-parents-background {background:url(../images/build/teens_parents_bg.jpg) top center no-repeat;} #wrapper {width:920px; margin:0 auto; position:relative;} #header-kids {width:920px; height:191px; background:url(../images/build/kid_on_bike.png) no-repeat;} #header-teens {width:920px; height:191px; background:url(../images/build/skater_and_biker.png) no-repeat;} #header-parents {width:920px; height:191px; background:url(../images/build/mother_child.png) no-repeat;} #logo {height:135px; width:358px; position:absolute; top:50px;} #green-area {height:238px; width:838px; background:url(../images/build/green_area.png) no-repeat; padding:20px 42px 0 40px;} #green-area-sm {height:49px; width:840px; background:url(../images/build/green_area_sm.png) no-repeat; padding:10px 40px; margin-top:8px;} #page-title {margin-top:5px;} .left-col {width:415px; float:left; margin:0 20px 0 0;} .right-col {width:365px; float:right;} #content-container {width:838px; min-height:300px; background:url(../images/build/content_bg.png) no-repeat; padding:20px 60px 20px 40px;} ul li{list-style:none; padding:3px 0;} ol {margin-left:30px;} img.photo {border:2px solid #aec658; margin:20px 0;} img.photo-right {border:2px solid #aec658; float:right; margin:5px 0 5px 10px;} ul.dotted {margin-left:20px;} ul.dotted li{list-style:circle; padding:8px 0;} #get-started {height:49px; width:284px; background:url(../images/build/get_started_heading.png) no-repeat; margin-top:8px;} #footer {background:#fff5c3; border-top:4px solid #ffd911; margin:20px 0 0 0;} #footer-container {width:920px; margin:0 auto; position:relative;} #branding {width:200px; float:right; padding:20px 20px;} #branding a {display:block; float:right; font-size:10px; color:#85915d; text-decoration:none; width:200px; text-align:right;} #branding a:hover {color:#f7901e;} /* ***Landing Page Styles*** */ div#swoopy-background {background:url(../images/build/swoopy_bg.jpg) top center no-repeat; min-height:400px;} div#landing-wrapper {width:612px; margin:0 auto 0 auto;} #landing-box {width:612px; min-height:279px; background:url(../images/build/landing_page_box.png) no-repeat;} div#landing-box div#large-logo {padding:50px 0 0 40px; height:229px; width:612px;} /* ***Kids Layout Styles*** */ #get-movin {height:49px; width:250px; background:url(../images/build/get_movin_heading.png) no-repeat;} #kids-content-container {width:838px; background:url(../images/build/kids_content_bg.jpg) no-repeat; padding:20px 42px 20px 40px;} #event-area-1{ height:115px; width:405px; background:url(../images/build/event_btn_wii.png) no-repeat; padding:50px 0 0 30px; } #event-area-2{height:105px; width:405px; background:url(../images/build/event_btn_2.png) no-repeat; padding:60px 0 0 30px;} #kids-content-container a.donate {display:block; width:385px; height:130px; margin-top:75px;} #kids-content-container a.coupons { display:block; width:365px; height:118px; margin:35px 0 0 3px; } .Button_RockClimbing { background: url(../images/build/evnt_btn_Rockclimbing.png) no-repeat; display: block; height: 95px; width: 355px; margin-top: 40px; color: #FFFFFF; text-decoration: none; padding-top: 35px; padding-left: 30px; } .Button_Zumba { background: url(../images/build/event_btn_Zumba.png) no-repeat; display: block; height: 100px; width: 355px; margin-top: 30px; color: #FFFFFF; text-decoration: none; padding-top: 30px; padding-left: 30px; } .Button_RockClimbing a:hover, .Button_Zumba a:hover, #event-area-1 a:hover, #event-area-2 a:hover { color: #FFFFFF; } #kids-interior-content-container {width:838px; background:url(../images/build/kids_interior_bg.jpg) no-repeat; padding:0 42px 20px 40px;} /* *** Teens Layout Styles*** */ #green-area a.button {display:block; float:right; margin:20px 0;} .epmhasized-area h6{color:#768d26; font-size:24px; font-weight:normal;} .emphasized-area ul {padding:0 0 0 40px; margin:5px 0; background:url(../images/build/teens_bullet.jpg) no-repeat;} .emphasized-area ul li {font-size:18px; padding:3px 0;} /* ***Navigation Styles*** */ a {font-size:13px; color:#768d26; text-decoration:underline;} a:hover {color:#f7901e;} #landing-nav ul{width:612px;} #landing-nav li {display:block; float:left; padding:0;} #landing-nav .kids {display:block; height:141px; width:207px; background:url(../images/nav/landing_kids_btn.png) no-repeat;} #landing-nav .kids:hover {background-position:0 -141px;} #landing-nav .teens {display:block; height:141px; width:200px; background:url(../images/nav/landing_teens_btn.png) no-repeat;} #landing-nav .teens:hover {background-position:0 -141px;} #landing-nav .parents {display:block; height:141px; width:205px; background:url(../images/nav/landing_parents_btn.png) no-repeat;} #landing-nav .parents:hover {background-position:0 -141px;} #kids-top-nav{} #kids-top-nav ul li{display:block; list-style:none; float:left; padding:0;} #kids-top-nav .about {display:block; height:48px; width:98px; background:url(../images/nav/kids_about_btn.jpg) no-repeat;} #kids-top-nav .about:hover {background-position:0 -48px;} #kids-top-nav .involved {display:block; height:48px; width:121px; background:url(../images/nav/kids_involved_btn.jpg) no-repeat;} #kids-top-nav .involved:hover {background-position:0 -48px;} #kids-top-nav .media {display:block; height:48px; width:69px; background:url(../images/nav/kids_media_btn.jpg) no-repeat;} #kids-top-nav .media:hover {background-position:0 -48px;} #kids-top-nav .rewards {display:block; height:48px; width:99px; background:url(../images/nav/kids_rewards_btn.jpg) no-repeat;} #kids-top-nav .rewards:hover {background-position:0 -48px;} #kids-top-nav .contact {display:block; height:48px; width:90px; background:url(../images/nav/kids_contact_btn.jpg) no-repeat;} #kids-top-nav .contact:hover {background-position:0 -48px;} #kids-nav { width:559px; position:absolute; right:10px; top:149px; } #kids-nav ul li{display:block; list-style:none; float:left; padding:0;} #kids-nav .home {display:block; height:50px; width:84px; background:url(../images/nav/kids_home_btn.jpg) no-repeat;} #kids-nav .home:hover {background-position:0 -50px;} #kids-nav .started {display:block; height:50px; width:124px; background:url(../images/nav/kids_started_btn.jpg) no-repeat;} #kids-nav .started:hover {background-position:0 -50px;} #kids-nav .resources {display:block; height:50px; width:106px; background:url(../images/nav/kids_resources_btn.jpg) no-repeat;} #kids-nav .resources:hover {background-position:0 -50px;} #kids-nav .movin { display:block; height:50px; width:128px; background:url(../images/nav/kids_movin_btn.jpg) no-repeat; } #kids-nav .movin:hover {background-position:0 -50px;} #kids-nav .gallery {display:block; height:50px; width:115px; background:url(../images/nav/kids_gallery_btn.jpg) no-repeat;} #kids-nav .gallery:hover {background-position:0 -50px;} #top-nav{} #top-nav ul li{display:block; list-style:none; float:left; padding:0;} #top-nav .about {display:block; height:32px; width:80px; background:url(../images/nav/teens_about.jpg) no-repeat;} #top-nav .about:hover {background-position:0 -32px;} #top-nav .involved {display:block; height:32px; width:125px; background:url(../images/nav/teens_involved.jpg) no-repeat;} #top-nav .involved:hover {background-position:0 -32px;} #top-nav .media {display:block; height:32px; width:69px; background:url(../images/nav/teens_media.jpg) no-repeat;} #top-nav .media:hover {background-position:0 -32px;} #top-nav .rewards {display:block; height:32px; width:86px; background:url(../images/nav/teens_rewards.jpg) no-repeat;} #top-nav .rewards:hover {background-position:0 -32px;} #top-nav .contact {display:block; height:32px; width:84px; background:url(../images/nav/teens_contact.jpg) no-repeat;} #top-nav .contact:hover {background-position:0 -32px;} #nav { width:460px; position:absolute; right:0px; top:150px; } #nav ul li{display:block; list-style:none; float:left; padding:0;} #nav .home {display:block; height:49px; width:78px; background:url(../images/nav/home.png) no-repeat;} #nav .home:hover {background-position:0 -49px;} #nav .started {display:block; height:49px; width:125px; background:url(../images/nav/started.png) no-repeat;} #nav .started:hover {background-position:0 -49px;} #nav .resources {display:block; height:49px; width:113px; background:url(../images/nav/resources.png) no-repeat;} #nav .resources:hover {background-position:0 -49px;} #nav .movin {display:block; height:49px; width:119px; background:url(../images/nav/movin.png) no-repeat;} #nav .movin:hover {background-position:0 -49px;} #nav .gallery {display:block; height:49px; width:106px; background:url(../images/nav/gallery.png) no-repeat;} #nav .gallery:hover {background-position:0 -49px;} #interior-nav { background:#FFF5C3; padding:20px; border:1px solid #FFD911;} #interior-nav h4 {margin:0 0 10px 0;} #interior-nav li { border-bottom:1px solid #A4BE45;} #interior-nav a {display:block;font-size:14px; font-weight:bold; text-decoration:none; padding:5px;} #interior-nav li:hover {background:#A4BE45;} #interior-nav li:hover a {color:#ffffff;} #footer-nav ul {display:block; width:350px; height:60px; padding:20px; float:left;} #footer-nav ul li{display:block; list-style:none; float:left;} #footer-nav .home {display:block; height:16px; width:41px; background:url(../images/nav/footer_home.jpg) no-repeat;} #footer-nav .home:hover {background-position:0 -16px;} #footer-nav .started {display:block; height:16px; width:76px; background:url(../images/nav/footer_started.jpg) no-repeat;} #footer-nav .started:hover {background-position:0 -16px;} #footer-nav .resources {display:block; height:16px; width:71px; background:url(../images/nav/footer_resources.jpg) no-repeat;} #footer-nav .resources:hover {background-position:0 -16px;} #footer-nav .movin {display:block; height:16px; width:74px; background:url(../images/nav/footer_movin.jpg) no-repeat;} #footer-nav .movin:hover {background-position:0 -16px;} #footer-nav .gallery {display:block; height:16px; width:55px; background:url(../images/nav/footer_gallery.jpg) no-repeat;} #footer-nav .gallery:hover {background-position:0 -16px;} #footer-nav .about{display:block; height:16px; width:61px; background:url(../images/nav/footer_about.jpg) no-repeat;} #footer-nav .about:hover {background-position:0 -16px;} #footer-nav .involved {display:block; height:16px; width:89px; background:url(../images/nav/footer_involved.jpg) no-repeat;} #footer-nav .involved:hover {background-position:0 -16px;} #footer-nav .media {display:block; height:16px; width:45px; background:url(../images/nav/footer_media.jpg) no-repeat;} #footer-nav .media:hover {background-position:0 -16px;} #footer-nav .rewards {display:block; height:16px; width:63px; background:url(../images/nav/footer_rewards.jpg) no-repeat;} #footer-nav .rewards:hover {background-position:0 -16px;} #footer-nav .contact {display:block; height:16px; width:59px; background:url(../images/nav/footer_contact.jpg) no-repeat;} #footer-nav .contact:hover {background-position:0 -16px;} /* ***Text Styles*** */ .bold {font-weight:bold;} .white { color: #FFFFFF; } #quote {width:920px; background:url(../images/build/start_quote.png) no-repeat; margin:15px 0; padding-bottom:40px;} #quote h5 {color:#333333; font-size:20px; width:820px; text-align:center; padding:20px 15px 20px 15px; background:url(../images/build/end_quote.png) bottom right no-repeat;} #quote p {float:right; padding:5px 60px; } /* ***Additional Styles*** */ .clear {clear:both;} .testimonial {margin:0 0 30px 0;} .coupon {margin:0 0 30px 0;} ul.social-media a{text-decoration:none; font-size:14px;} ul.social-media a img {vertical-align:middle; margin-right:3px;} div#blog-feed {margin-bottom:10px;} div#blog-feed span.headline a {text-decoration:none; font-size:14px; font-weight:bold; display:block; margin-bottom:5px;} div.feedburnerFeedBlock {margin-bottom:5px;} div#creditfooter {display: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; }