BODY {margin: 0; padding: 0; background-color: /*#EEF4F0*/ #869B8C;} BODY, TABLE, TD, SPAN, DIV, A, P, LI, UL { font-family: comic sans ms; font-size:12px; line-height: 1.05em; padding: 0; margin: 0; } a { color: #D76B01; text-decoration: none;} a:hover { text-decoration: underline; } .clear { clear: both; display: block; } table.main_table { background: #edf4ef url(images/ui/page_bg.gif) repeat-x;} .empty {font-size: 0;} .noshow {display: none;} .bold { font-weight: bold;} h1, h2, h3, h4 {margin: 0; padding: 0; font-size: 0;} div.page_header { width: 900px; height: 90px; position: relative; z-index: 2;} .sprite1 {background-image: url(images/ui/header_sprite.gif);} .titles1 {background-image: url(images/ui/home_titles.gif);} a.gal_logo { display: block; width: 313px; height: 88px; position: absolute; left: 15px; top: 4px; } .noshow {display: none;} h3.tagline { position: absolute; top: 24px; left: 386px; width: 470px; font-size: 12px; color: #7D8C81; text-align: center; } .navigation {display: block; margin:0; padding:0; height: 18px; position: absolute; top: 64px; left: 376px;} .navigation li.tab {display: block; position: relative; height: 18px; width: 123px;float:left; list-style-type:none; margin:0; padding:0; cursor: pointer;} .navigation li.tab .button {display: block; height: 18px; text-align: center; text-decoration: none; color: #D5B567; background-position: -362px -26px;} .navigation li.tab .button span {display: block; position: absolute; top: 1px; left: 0px; width: 123px; font-weight: bold; font-size: 13px; cursor: pointer;} .navigation li.tab a.active{ background-position: -362px -45px;} /* sub panels */ div.sub_panel { position: absolute; top: 18px; left: -3px; width: 129px; z-index: 10; } div.sub_panel .sub_top { width: 129px; height: 3px; background-position: -349px -78px; } div.sub_panel .sub_bot { width: 129px; height: 4px; background-position: -349px -80px; } div.sub_panel .sub_navigation { display: block; position: relative; background-color: #E6EBE7; margin: 0; padding: 0; } div.sub_panel .sub_navigation li { display: block; text-align: left; list-style-type:none;} div.sub_panel a.link {display: block; height: 18px; position: relative; text-align: left; text-decoration: none; color: #5E6D64; background-color: #E6EBE7;} div.sub_panel a.link span {display: block; position: absolute; top: 0px; left: 10px; font-family: comic sans ms; font-weight: bold; font-size: 12px; cursor: pointer;} div.sub_panel a.link:hover { background: white; color: #D5B567; } div.main_panel_container {position: relative; z-index: 1;} div.main_panel_bg {width: 852px; position: absolute; left: 24px; top: 0px; filter:alpha(opacity = 33); opacity: 0.33;} div.main_panel_bg .panel_top, div.main_panel_bg .panel_bot { position: relative; height: 5px;} div.main_panel_bg .panel_mid { position: relative; background: white;} div.main_panel_bg div.tl { position: absolute; top: 0px; left: 0px; width: 430px; height: 5px; background-position: -7px -88px;} div.main_panel_bg div.tr { position: absolute; top: 0px; left: 422px; width: 430px; height: 5px; background-position: -12px -88px;} div.main_panel_bg div.bl { position: absolute; top: 0px; left: 0px; width: 430px; height: 5px; background-position: -7px -95px;} div.main_panel_bg div.br { position: absolute; top: 0px; left: 422px;width: 430px; height: 5px; background-position: -12px -95px;} div.main_panel_content {position: absolute; top: 10px; left: 34px; width: 832px; overflow:hidden;} div.footer_container {position: relative; z-index: 2; height: 120px;} div.footer_container div {position: absolute; top: -40px; left: 470px;} div.footer_container p.credits { position: absolute; top: 80px; left: 24px; width: 852px; font-size: 11px; color: #4a4a4a; text-align: right; font-weight: bold;} div.footer_container p.credits span { color: #D76B01;} h2.welcome { height: 45px; width: 519; } div.welcome_content { padding: 10px 40px 40px 150px; } div.welcome_video { position: absolute; top: 60px; left: 170px; } div.welcome_video div { width: 400px; height: 300px;} div.who_we_are_content h2 { background-image: url(images/ui/title_who_we_are.gif); height: 45px; width: 147; } div.who_we_are_content { padding: 250px 0px 20px 40px; } div.who_we_are_content p { font-size: 16px; padding: 0 50px 0px 50px; color: #7D8C81; } div#seals_logos { padding: 0 0 10px 40px; height: 80px; } div#seals_logos div { float: left; height: 80px; margin-right: 10px;} div#seals_logos div#desc { width: 140px; font-size: 11px; padding-top: 14px; } div.top_images { position: absolute; top: 10px; left: 30px; } div.top_images div { float: left; margin-right: 40px; width: 120px; height: 90px;} div.img1 { background-position: 0px 0px;} div.img2 { background-position: -120px 0px;} div.img3 { background-position: -240px 0px;} div.img4 { background-position: -360px 0px;} div.img5 { background-position: -480px 0px;} h2.philosophy_sprite { background-image: url(images/ui/title_mission_philosophy.gif); } div.philosophy_content { padding: 0px 40px 0px 40px; } div.philosophy_content h2 { height: 45px; width: 130; background-position: 0px -49px; } div.philosophy_content p { font-size: 16px; padding: 0 40px 14px 50px; color: #7D8C81; } div.mission_content { padding: 120px 40px 10px 40px; } div.mission_content h2 { height: 45px; width: 130; } div.mission_content p { font-size: 16px; padding: 0 40px 14px 50px; color: #7D8C81; } div.mission_images div { background-image: url(images/ui/mission_thumbs.gif); } div.vision_content h2 { background-image: url(images/ui/title_vision.gif); height: 45px; width: 77; } div.vision_content { padding: 120px 40px 40px 40px; } div.vision_content p { font-size: 16px; padding: 0 40px 14px 50px; color: #7D8C81; } div.vision_content ul { padding: 0 40px 14px 80px; color: #7D8C81; } div.vision_content li { font-size: 16px; padding-bottom: 10px; } div.vision_images div { background-image: url(images/ui/vision_thumbs.gif); } div.story_content h2 { background-image: url(images/ui/title_our_story.gif); height: 45px; width: 126; } div.story_content { padding: 120px 40px 40px 40px; } div.story_content p { font-size: 16px; padding: 0 40px 14px 50px; color: #7D8C81; } div.story_content p a { color: #D76B01; font-size: 14px; text-decoration: none; font-weight: bold; } div.story_content p a:hover { text-decoration: underline; } div.story_images div { background-image: url(images/ui/our_story_thumbs.gif); } div.curriculum_content h2 { background-image: url(images/ui/title_curriculum.gif); height: 45px; width: 125; } div.curriculum_content { padding: 20px 40px 40px 40px; } div.curriculum_content p { font-size: 16px; padding: 0 40px 14px 50px; color: #7D8C81; } div.curriculum_content h2.infant { height: 45px; width: 390px; background-position: 0px -49px } div.curriculum_content h2.jr_pre { height: 45px; width: 390px; background-position: 0px -98px } div.curriculum_content h2.pre { height: 45px; width: 390px; background-position: 0px -147px } div.curriculum_breakdown { padding: 0 80px 0 200px; position: relative; height: 120px; } div.curriculum_breakdown .thumb { position: absolute; top: 0px; left: 60px; width: 120px; height: 90px; background-image: url(images/ui/curriculum_thumbs.gif); } div.programs_content h2 { background-image: url(images/ui/title_programs.gif); height: 45px; background-repeat: no-repeat } div.programs_content p { font-size: 16px; padding: 0 40px 14px 50px; color: #7D8C81; } div.programs_content ul { padding: 0 100px; } div.programs_content li { font-size: 16px; padding: 0 0 0 8px; color: #7D8C81; } div.programs_content h2.childrens { height: 45px; background-position: 0px -49px } div.programs_content h2.family { height: 45px; background-position: 0px -98px } div.programs_content h2.making_impact{ height: 45px; background-position: 0px -147px } div.programs_content h2.life_support { height: 45px; background-position: 0px -196px; margin-top: 20px; } div.programs_content { padding: 20px 40px 40px 40px; position: relative; } div.programs_breakdown { padding: 0 80px 20px 60px; position: relative; } div.msg_founder_content h2 { background-image: url(images/ui/title_msg_founder.gif); height: 45px; width: 286px; } div.msg_founder_content { padding: 120px 40px 40px 40px; } div.msg_founder_content p { font-size: 16px; padding: 0 40px 14px 50px; color: #7D8C81; } div.msg_founder_images div { background-image: url(images/ui/message_thumbs.gif); } div.facts_content h2 { background-image: url(images/ui/title_facts.gif); height: 45px; width: 88px; } div.facts_content { padding: 20px 40px 40px 40px; } div.facts_content p { font-size: 16px; padding: 10px 20px 16px 190px; color: #7D8C81; } div.facts_content ul { padding: 10px 40px 14px 190px; color: #7D8C81; } div.facts_content ul li { padding-bottom: 10px; font-size: 16px; } div.facts_images { position: absolute; top: 80px; left: 50px; } div.facts_images div { width: 120px; height: 90px; background-image: url(images/ui/facts_thumbs.gif); margin-bottom: 30px; } div.facts_images div.img2 { background-position: -120px 0;} div.facts_images div.img3 { background-position: -240px 0;} div.join_content { padding: 20px 40px 40px 40px; } div.join_content p { font-size: 16px; padding: 0 40px 14px 50px; color: #7D8C81; } div.join_content ul { display: block; } div.join_content ul li { display: block; float: left; margin: 40px 0px 0px 54px; } div.join_content ul a { display: block; } div.join_content ul span.join_image { display: block; background-image: url(images/ui/join_us_thumbs.gif); width: 180px; height: 120px; } div.join_content ul span.donate { background-position: -180px 0px; } div.join_content ul span.fund_raising { background-position: -360px 0px; } div.join_content ul span.inkind_services { background-position: 0px -120px; } div.join_content ul span.parental_involvement { background-position: -180px -120px; } div.join_content ul span.planned_gifts { background-position: -360px -120px; } div.join_content ul span.label { display: block; text-align: center; color: #4a4a4a; text-decoration: none; padding-top: 6px; font-size: 14px; font-weight: bold; } div.join_content ul a { text-decoration: none;} div.volunteer_content h2 { background-image: url(images/ui/title_volunteer.gif); height: 45px; width: 146px; } div.volunteer_content { padding: 20px 40px 40px 40px; } div.volunteer_content p { font-size: 16px; padding: 10px 20px 14px 390px; color: #7D8C81; } div.volunteer_content ul { padding: 0 40px 14px 410px; color: #7D8C81; } div.volunteer_content ul li { padding-bottom: 10px;} div.volunteer_content ul li span { font-size: 14px;} div.volunteer_photo { position: absolute; width: 300px; height: 400px; background-image: url(images/ui/volunteer_image.jpg); top: 76px; left: 90px; } div.fundraising_content { padding: 20px 40px 40px 40px; } div.fundraising_content h2 { background-image: url(images/ui/title_fundraising.gif); height: 45px; width: 170px; } div.fundraising_content p { font-size: 16px; padding: 10px 10px 14px 390px; color: #7D8C81; } div.fundraising_content div.fundraising_photo { position: absolute; width: 300px; height: 400px; background-image: url(images/ui/fundraising_image.jpg); top: 76px; left: 90px; } div.fundraising_content div.fundraising_photo a { position: absolute; width: 300px; display: block; text-align: center; top: 408px; left: 0px;} div.in_kind_gifts_content h2 { background-image: url(images/ui/title_wishlist.gif); height: 45px; width: 133px; } div.in_kind_gifts_content { padding: 20px 40px 40px 40px; } div.in_kind_gifts_content p { font-size: 16px; padding: 10px 20px 14px 390px; color: #7D8C81; } div.in_kind_gifts_content ul { padding: 0 40px 14px 410px; color: #7D8C81; } div.in_kind_gifts_content ul li { padding-bottom: 4px; } div.in_kind_gifts_content div.in_kind_photo { position: absolute; width: 300px; height: 400px; background-image: url(images/ui/inkind_gifts_image.jpg); top: 76px; left: 90px; } div.parental_involvement_content h2 { background-image: url(images/ui/title_parental_involvement.gif); height: 45px; width: 278px; } div.parental_involvement_content { padding: 20px 40px 40px 40px; } div.parental_involvement_content p { font-size: 16px; padding: 10px 20px 14px 390px; color: #7D8C81; } div.parental_involvement_content div.parental_photo { position: absolute; width: 300px; height: 400px; background-image: url(images/ui/parental_involvement_image.jpg); top: 76px; left: 90px; } div.planned_gifts_content h2 { background-image: url(images/ui/title_planned_gifts.gif); height: 45px; width: 341px; } div.planned_gifts_content { padding: 20px 40px 40px 40px; } div.planned_gifts_content p { font-size: 16px; padding: 10px 20px 14px 390px; color: #7D8C81; } div.planned_gifts_content p span { font-size: 16px; } div.planned_gifts_content ul { padding: 0 40px 14px 410px; color: #7D8C81; } div.planned_gifts_content ul li { padding-bottom: 4px; } div.planned_gifts_content div.planned_gifts_photo { position: absolute; width: 300px; height: 400px; background-image: url(images/ui/planned_gifts_image.jpg); top: 76px; left: 90px; } div.news_content h2 { background-image: url(images/ui/title_news.gif); height: 45px; width: 306px; } div.news_content { padding: 20px 0px 40px 40px; } div.news_content ul { padding: 0 } div.news_content li { margin-top: 20px; float: left; padding: 0; list-style: none; width: 155px; height: 126px; } div.news_content li a { display: block; width: 120px; } div.news_content li a span.img { display: block; width: 120px; height: 90px; background-image: url(images/ui/news_thumbs.gif); } div.news_content li a span.label { display: block; text-align: center; text-decoration: none; padding-top: 6px; } div.news_content .ca_newswire a span.img { background-position: -120px 0;} div.news_content .jazz_news a span.img { background-position: -240px 0;} div.news_content .e_news a span.img { background-position: -360px 0;} div.news_content .all_about a span.img { background-position: -480px 0;} div.news_content .eric_reed a span.img { background-position: 0 -90px;} div.news_content .la_parent a span.img { background-position: -120px -90px;} div.news_content .state_cert a span.img { background-position: -240px -90px;} div.news_content .first_5 a span.img { background-position: -360px -90px;} div.news_content .press_release1 a span.img { background-position: -480px -90px;} div.news_content .press_release2 a span.img { background-position: 0 -180px;} div.testimonials_content h2 { background-image: url(images/ui/title_testimonials.gif); height: 45px; width: 167; } div.testimonials_content { padding: 20px 30px 40px 40px; } div.testimonials_content div { width: 330px; float: left; margin-left: 30px; padding-top: 10px; } div.testimonials_content p { font-size: 16px; color: #7D8C81; margin-bottom: 20px; } div.testimonials_content span { font-style: italic; font-size: 16px; } div.gallery_content h2 { background-image: url(images/ui/title_galleries.gif); height: 45px; width: 122px; } div.gallery_content { padding: 20px 40px 40px 40px; } div.gallery_content ul{ padding: 0; margin:0; position: relative; } div.gallery_content ul li { position: absolute; list-style: none; margin: 0; padding: 0 ; } div.gallery_content ul li.everyday { top: 28px; left: 20px; } div.gallery_content ul li.fundraisers { top: -18px; left: 385px; } div.gallery_content ul li.events { top: 231px; left: 404px; } div.gallery_everyday_content h2 { background-image: url(images/ui/title_gallery_everyday.gif); height: 45px; width: 306px; position: relative; left: 40px; } div.gallery_everyday_content { padding: 20px 40px 40px 0px; position: relative; } div.gallery_everyday_content p { font-size: 16px; padding: 10px 10px 14px 460px; color: #7D8C81; } div.gallery_everyday_content div.gallery_thumbs { position: absolute; top: 70px; left: 50px;} div.gallery_fundraisers_content h2 { background-image: url(images/ui/title_gallery_fundraisers.gif); height: 45px; width: 269px; position: relative; left: 40px; } div.gallery_fundraisers_content { padding: 20px 40px 40px 0px; position: relative; } div.gallery_fundraisers_content p { font-size: 16px; padding: 10px 10px 14px 460px; color: #7D8C81; } div.gallery_fundraisers_content div.gallery_thumbs { position: absolute; top: 70px; left: 50px;} div.gallery_events_content h2 { background-image: url(images/ui/title_gallery_events.gif); height: 45px; width: 307px; position: relative; left: 40px; } div.gallery_events_content { padding: 20px 40px 40px 0px; position: relative; } div.gallery_events_content p { font-size: 16px; padding: 10px 10px 14px 460px; color: #7D8C81; } div.gallery_events_content div.gallery_thumbs { position: absolute; top: 70px; left: 50px;} div.gallery_parties_content h2 { background-image: url(images/ui/title_who_we_are.gif); height: 45px; width: 147; } div.gallery_parties_content { padding: 20px 40px 40px 40px; position: relative; } div.gallery_parties_content p { font-size: 16px; padding: 10px 10px 14px 460px; color: #7D8C81; } div.gallery_parties_content div.gallery_thumbs { position: absolute; top: 70px; left: 40px;} div.registration_content h2, div.registration_content h3 { background-image: url(images/ui/title_registration.gif); height: 45px; width: 167px; } div.registration_content { padding: 20px 40px 40px 40px; } div.registration_content p { font-size: 16px; padding: 16px 50px 14px 300px; color: #7D8C81; } div.registration_content h3 { margin: 20px 0 0 300px; background-position: 0px -45px; height: 21px; width: 313px;} div.registration_content ul { font-size: 16px; padding: 10px 0 0 350px; color: #D76B01;} div.registration_content ul li { padding-bottom: 8px;} div.registration_content ul li a { font-size: 16px; font-weight: bold; color: #7D8C81; text-decoration: none;} div.registration_content ul li a:hover { color: #D76B01; } div.registration_content a.parent_pack { display: block; position: absolute; top: 84px; left: 80px; text-decoration: none; } div.registration_content a.parent_pack span { display: block; width: 225px; text-align: center; padding-top: 8px; font-size: 14px; text-decoration: none; color: #D76B01; font-weight: bold; } div.partners_content h2 { background: url(images/ui/title_links.gif) no-repeat; height: 55px; width: 88px; } div.partners_content { padding: 20px 40px 40px 40px; } div.partners_content p { font-size: 16px; padding: 0 40px 14px 50px; color: #7D8C81; } div.partners_content ul { padding-top: 0px;} div.partners_content ul li { float: left; width: 186px; text-align: center; list-style: none;} div.partners_content ul li.small { height: 66px; } div.partners_content ul li.medium { height: 90px; } div.contact_us_content h2 { background-image: url(images/ui/title_contact_us.gif); height: 45px; width: 160px; } div.contact_us_content { padding: 20px 40px 40px 40px; } div.contact_us_content p { font-size: 16px; padding: 10px 20px 14px 390px; color: #7D8C81; } div.contact_us_content p.success { color: green; } div.contact_us_content p.errors, div.contact_us_content ul.errors { color: red; } div.contact_us_content ul { padding: 0 20px 0 410px; list-style: none; color: #7D8C81; } div.contact_us_content ul li { padding-bottom: 6px; clear: both;} div.contact_us_content ul li label { display: block; font-size: 14px; float: left; width: 80px; text-align: right; margin-right: 8px; } div.contact_us_content ul.contact_form li label { padding-top: 3px; } div.contact_us_content ul li span { display: block; font-size: 14px; float: left;} div.contact_us_content ul li span input { width: 180px; } div.contact_us_content ul li textarea { width: 220px; height: 80px; } div.contact_us_photo { position: absolute; width: 300px; height: 400px; background-image: url(images/ui/donate_image.jpg); top: 76px; left: 90px; } div.donate_content { padding: 20px 40px 40px 40px; } div.donate_content h2 { background-image: url(images/ui/title_donate.gif); height: 45px; width: 114px; } div.donate_content p, div.donate_content form { font-size: 16px; padding: 10px 2px 14px 390px; color: #7D8C81; } div.donate_content div.donate_photo { position: absolute; width: 300px; height: 400px; background-image: url(images/ui/donate_image.jpg); top: 76px; left: 90px; } div.donate_content div.donate_inputs label { display: block; padding-bottom: 10px; font-size: 16px; } /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 340px; height: 340px; } /** * The buttons are added dynamically by jCarousel before * the