/* CSS Document */ body { color: #3C220D; font-family: Verdana, Arial, san-serif; font-size: 62.5%; line-height: 150%; margin: 0; padding: 0; text-align: center; background-position: left top; background-image: url(../shared/bg-paper.jpg); background-repeat: repeat; background-color: #C9CDAD; } /***********/ /* shared */ /***********/ img { border: none; } p { margin: 0 0 15px 0; padding: 0; } .bold { font-weight: bold; } .pad10 { padding: 10px; } .pad20top { padding-top: 20px; } .pad75 { padding: 75px 0 0 0; } .green { color: #325D28; } .dgreen { color: #175441; } .blue { color: #256691; } .orange { color: #E28505; } .red { color: #99393D; } a { color: #325D28; text-decoration: underline; outline: none; } a:hover { text-decoration: none; outline: none; } /* image replacement */ h1, h1 a, h2, h3, #nav-top a, #footer a { text-indent: -5000px; display: block; padding: 0; margin: 0; } h1 { clear: none; float: left; padding: 15px 0 0 55px; } h1 a { width: 310px; height: 45px; display: block; } h2 { width: 100%; height: 25px; margin: 0 0 10px 0; padding: 0; } h3 { width: 100%; height: 25px; margin: 35px 0 10px 0; padding: 0; } h5, h6 { font-weight: bold; padding: 0; margin: 0; font-size: 100%; } /*:focus { -moz-outline-style: none; }*//* hide dotted lines around selection */ /**************/ /* containers */ /**************/ #wrapper { width: 760px; margin: 20px auto; text-align: left; font-size: 1.1em; } #footer { float: left; } .col-one { width: 235px; float: left; padding: 0; margin: 0; } .col-two { width: 525px; float: right; padding: 0; margin: 0; } .col-two .inner { padding: 0 40px 0 0; } /***********/ /* pages */ /***********/ #page-kids #nav-top { width: 100%; height: 70px; background: url(../kids/bg-nav-top.jpg) no-repeat left top; } #page-kids #flash { width: 760px; height: 360px; } #page-kids #main { width: 100%; min-height: 360px; background: url(../kids/bg-main.jpg) no-repeat left top; } #page-kids #footer { width: 100%; height: 55px; background: url(../kids/bg-nav-bot.jpg) no-repeat left top; } #page-kids #nav-sub { width: 100%; height: 38px; background: url(../kids/bg-nav-sub.jpg) no-repeat left top; } #page-kids ul#links { text-indent: -5000px; padding: 0; margin: 0; list-style: none; width: 100%; height: 36px; } #page-kids ul#links li { padding: 0 7px 0 5px; float: left; } #page-kids ul#links li a { width: 68px; height: 36px; display: block; } #page-kids .lifecycles { background: url(../kids/nav-sub-lifecycles.jpg) no-repeat left top; } #page-kids .healthypotatoes { background: url(../kids/nav-sub-healthy.jpg) no-repeat left top; } #page-kids .growingplants { background: url(../kids/nav-sub-growing.jpg) no-repeat left top; } #page-kids .balancedmeal { background: url(../kids/nav-sub-balanced.jpg) no-repeat left top; } /*************/ /* teachers */ /*************/ #page-teachers #nav-top { width: 100%; height: 70px; background: url(../teachers/bg-nav-top.jpg) no-repeat left top; } #page-teachers #nav-sub { width: 100%; height: 120px; background: url(../teachers/bg-nav-sub.jpg) no-repeat left top; } #page-teachers #main { width: 100%; background: url(../teachers/bg-main.jpg) repeat left top; } #page-teachers #footer { width: 100%; height: 140px; background: url(../teachers/bg-nav-bot.jpg) no-repeat left top; } #page-teachers h2#intro { background: url(../teachers/title_introduction.gif) no-repeat left top; } #page-teachers h3#story { background: url(../teachers/title_potato-story.gif) no-repeat left top; } #page-teachers h3#curriculum { background: url(../teachers/title_curriculum.gif) no-repeat left top; } #page-teachers ul#links { text-indent: -5000px; padding: 0; margin: 0; background: url(../teachers/nav-sub.jpg) no-repeat left top; list-style: none; width: 100%; height: 83px; } #page-teachers ul#links li { padding: 20px 10px 0 0; float: left; } #page-teachers ul#links li a { width: 120px; height: 60px; display: block; } #page-teachers #lifecycles ul#links { background: url(../teachers/nav-sub-lifecycles.jpg) no-repeat left top; } #page-teachers #healthy ul#links { background: url(../teachers/nav-sub-healthy.jpg) no-repeat left top; } #page-teachers #growing ul#links { background: url(../teachers/nav-sub-growing.jpg) no-repeat left top; } #page-teachers #balanced ul#links { background: url(../teachers/nav-sub-balanced.jpg) no-repeat left top; } #page-teachers #timetable { float: left; width: 100%; height: 415px; background: url(../teachers/timetable.jpg) no-repeat 20px -15px; } #page-teachers #img01 { float: left; width: 100%; height: 150px; background: url(../teachers/img01.jpg) no-repeat 7px top; } #page-teachers #img02 { float: left; width: 100%; height: 150px; background: url(../teachers/img02.jpg) no-repeat 2px top; } #page-teachers #img03 { float: left; width: 100%; height: 150px; background: url(../teachers/img03.jpg) no-repeat 50px top; } #page-teachers #img04 { float: left; width: 100%; height: 150px; background: url(../teachers/img04.jpg) no-repeat 30px top; } #page-teachers #img05 { float: right; width: 200px; height: 140px; background: url(../teachers/img05.jpg) no-repeat left top; } #page-teachers #well-done { float: left; width: 150px; height: 80px; background: url(../teachers/well-done.gif) no-repeat 70px 10px; } #page-teachers #bug { float: left; width: 40%; height: 50px; background: url(../teachers/bug.gif) no-repeat right 20px; } #page-teachers #facts { float: left; width: 100%; height: 227px; background: url(../teachers/facts.jpg) no-repeat 1px top; } #page-teachers #stain { background: url(../teachers/stain.jpg) no-repeat left 200px; } #page-teachers #stain-left { float: left; width: 100%; height: 200px; background: url(../teachers/stain.jpg) no-repeat 16px top; } #page-teachers #rip { float: left; width: 100%; height: 90px; background: url(../teachers/rip.jpg) no-repeat 16px top; } #page-teachers #bee { float: left; width: 100%; height: 77px; background: url(../teachers/bee.gif) no-repeat 17px top; margin-top:16em} #page-teachers #spider { float: left; width: 100%; height: 110px; background: url(../teachers/spider.gif) no-repeat 130px top; } #page-teachers #details { background: url(../teachers/details.jpg) no-repeat right 150px; } #page-teachers #l1_bird { float: left; width: 100%; height: 200px; background: url(../teachers/l1_bird.gif) no-repeat 16px top; } #page-teachers #l1_flower { float: left; width: 100%; height: 300px; background: url(../teachers/l1_flower.gif) no-repeat 16px bottom; } #page-teachers #l1_snail { float: left; width: 100%; height: 200px; background: url(../teachers/l1_snail.gif) no-repeat 16px top; } #page-teachers #l1_tick { float: right; width: 100px; height: 50px; background: url(../teachers/l1_tick.gif) no-repeat 16px top; } #page-teachers #l2_hat { float: left; width: 100%; height: 390px; background: url(../teachers/l2_hat.gif) no-repeat 16px top; } #page-teachers #l2_sleeping { float: left; width: 100%; height: 290px; background: url(../teachers/l2_sleeping.gif) no-repeat 16px top; } #page-teachers #l2_insect { float: left; width: 100%; height: 290px; background: url(../teachers/l2_insect.gif) no-repeat 16px top; } #page-teachers #l2_things { float: left; width: 100%; height: 490px; background: url(../teachers/l2_things.jpg) no-repeat 16px top; } #page-teachers #l2_bunny { float: right; width: 240px; height: 95px; background: url(../teachers/l2_bunny.jpg) no-repeat left top; } #page-teachers #l3_bird { float: left; width: 100%; height: 400px; background: url(../teachers/l3_bird.gif) no-repeat 16px top; } #page-teachers #l3_bug { float: left; width: 100%; height: 400px; background: url(../teachers/l3_bug.gif) no-repeat 36px top; } #page-teachers #l3_headphones { float: left; width: 100%; height: 400px; background: url(../teachers/l3_headphones.gif) no-repeat 45px top; } #page-teachers #l3_smiley { float: right; width: 180px; height: 95px; background: url(../teachers/l3_smiley.gif) no-repeat left top; } #page-teachers #l4_spider { float: left; width: 100%; height: 290px; background: url(../teachers/l4_spider.gif) no-repeat 50px 20px; } #page-teachers #l4_worm { float: left; width: 100%; height: 290px; background: url(../teachers/l4_worm.gif) no-repeat 30px top; } #page-teachers #l4_plant { float: left; width: 100%; height: 250px; background: url(../teachers/l4_plant.gif) no-repeat 30px 170px; } #page-teachers #l4_stars { float: right; width: 180px; height: 50px; background: url(../teachers/l4_stars.gif) no-repeat left top; } #page-teachers h2#lesson1 { background: url(../teachers/title_lesson1.gif) no-repeat left top; } #page-teachers h2#lesson2 { background: url(../teachers/title_lesson2.gif) no-repeat left top; } #page-teachers h2#lesson3 { background: url(../teachers/title_lesson3.gif) no-repeat left top; } #page-teachers h2#lesson4 { background: url(../teachers/title_lesson4.gif) no-repeat left top; } #page-teachers h3#lessonplan1 { background: url(../teachers/title_lessonplan1.gif) no-repeat left top; } #page-teachers h3#lessonplan2 { background: url(../teachers/title_lessonplan2.gif) no-repeat left top; } #page-teachers h3#lessonplan3 { background: url(../teachers/title_lessonplan3.gif) no-repeat left top; } #page-teachers h3#lessonplan4 { background: url(../teachers/title_lessonplan4.gif) no-repeat left top; } #page-teachers h3#assessment { background: url(../teachers/title_assessment.gif) no-repeat left top; } #page-teachers h3#extension2 { background: url(../teachers/title_extension2.gif) no-repeat left top; } #page-teachers h3#extension3 { background: url(../teachers/title_extension3.gif) no-repeat left top; } #page-teachers .sidemenu { width: 220px; float: left; } #page-teachers .sidemenu .top-clip { width: 100%; height: 46px; background: url(../teachers/bg-sidemenu-top.gif) no-repeat left top; } #page-teachers .sidemenu .top { width: 100%; height: 31px; background: url(../teachers/bg-sidemenu-top2.gif) no-repeat left top; } #page-teachers .sidemenu .divider-1 { width: 100%; height: 41px; background: url(../teachers/bg-sidemenu-top3.gif) no-repeat left top; } #page-teachers .sidemenu .divider-2 { width: 100%; height: 32px; background: url(../teachers/bg-sidemenu-bot3.gif) no-repeat left top; } #page-teachers .sidemenu .mid-rep { width: 100%; background: url(../teachers/bg-sidemenu-mid.gif) repeat-y left top; } #page-teachers .sidemenu .bot { width: 100%; height: 55px; background: url(../teachers/bg-sidemenu-bot.gif) no-repeat left top; } #page-teachers .sidemenu .bot-sm { width: 100%; height: 16px; background: url(../teachers/bg-sidemenu-bot2.gif) no-repeat left top; } #page-teachers .sidemenu ul { padding: 0 12px 0 15px; margin: 0; list-style: none; } #page-teachers .sidemenu ul li.pdf { background: url(../teachers/icon_pdf.gif) no-repeat left 2px; padding: 0 0 10px 23px; } #page-teachers .sidemenu ul li.html { background: url(../teachers/icon_html.gif) no-repeat left 2px; padding: 0 0 10px 23px; } #page-teachers .sidemenu ul li a.htbgame { background: url(../teachers/m4-hitthebutton.jpg) no-repeat left 30px; display:block; width: 100%; height: 140px;} #page-teachers .sidemenu ul li a.fieldtofork { background: url(../teachers/m4-fieldtofork.jpg) no-repeat left 30px; display:block; width: 100%; height: 140px;} #page-teachers .sidemenu ul li a.plantgrowth34 { background: url(../teachers/m1-plantgrowth3-4.jpg) no-repeat left 33px; display:block; width: 100%; height: 140px;} #page-teachers .sidemenu ul li a.plantgrowth56 { background: url(../teachers/m1-plantgrowth5-6.jpg) no-repeat left 33px; display:block; width: 100%; height: 140px;} #page-teachers .sidemenu ul li a.detective { background: url(../teachers/m2-detective.jpg) no-repeat left 30px; display:block; width: 100%; height: 140px;} #page-teachers .sidemenu ul li a.growingplants { background: url(../teachers/m3-plantgrowing.jpg) no-repeat left 30px; display:block; width: 100%; height: 140px;} #page-teachers .sidemenu ul li a.lessonplan { background: url(../teachers/lesson-plan.jpg) no-repeat left 30px; display:block; width: 100%; height: 140px;} #page-teachers ul.nobullets { list-style: none; margin: 0; padding: 0; clear: both; width: 100%; } #page-teachers a.mccain-logo { display: block; text-indent: -5000px; width: 120px; height: 80px; background: url(../teachers/btn_mccain.gif) no-repeat left top; } #page-teachers .section-blue a { color: #256691; } #page-teachers .section-blue h5, h6 { color: #256691; } #page-teachers .section-dgreen a { color: #175441; } #page-teachers .section-dgreen h5, h6 { color: #175441; } #page-teachers .section-red a { color: #99393D; } #page-teachers .section-red h5, h6 { color: #99393D; } #page-teachers .section-orange a { color: #E28505; } #page-teachers .section-orange h5, h6 { color: #E28505; } /***********/ /* parents */ /***********/ #page-parents #nav-top { width: 100%; height: 70px; background: url(../parents/bg-nav-top.jpg) no-repeat left top; } #page-parents #nav-sub { width: 100%; height: 120px; background: url(../parents/bg-nav-sub.jpg) no-repeat left top; } #page-parents #main { width: 100%; background: url(../parents/bg-main.jpg) repeat left top; } #page-parents #footer { width: 100%; height: 75px; background: url(../parents/bg-nav-bot.jpg) no-repeat left top; } #page-parents h2#welcome { background: url(../parents/title_welcome.gif) no-repeat left top; } #page-parents h2#whatis { background: url(../parents/title_what-is-potatostory.gif) no-repeat left top; } #page-parents h2#cooking { background: url(../parents/title_cooking-up.gif) no-repeat left top; } #page-parents h3#home { background: url(../parents/title_get-involved.gif) no-repeat left top; } #page-parents h3#school { background: url(../parents/title_support-children.gif) no-repeat left top; } #page-parents h3#mice { background: url(../parents/title_potato-mice.gif) no-repeat left top; } #page-parents h3#twists { background: url(../parents/title_twists.gif) no-repeat left top; } #page-parents h3#skins { background: url(../parents/title_skins.gif) no-repeat left top; } #page-parents h3#chips { background: url(../parents/title_oven-chips.gif) no-repeat left top; } #page-parents h3#health { height: 50px; background: url(../parents/title_health-safety.gif) no-repeat left top; } #page-parents ul.ticks { list-style: none; margin: 0; padding: 0 0 0 0; } #page-parents ul.ticks li { background: url(../parents/bullet.gif) no-repeat left 2px; padding: 0 0 10px 20px; } #page-parents ul.links { list-style: none; margin: 0; padding: 0; clear: both; width: 100%; float: left; } #page-parents ul.links li { float: left; } #page-parents ul.links li a { display: block; text-indent: -5000px; } #page-parents ul.nobullets { list-style: none; margin: 0; padding: 0; clear: both; width: 100%; } #page-parents a.activity { width: 180px; height: 70px; background: url(../parents/btn_activity-sheet.gif) no-repeat left top; } #page-parents a.grow { width: 180px; height: 75px; background: url(../parents/btn_grow-your-own.gif) no-repeat left top; } #page-parents a.grow-hor { width: 260px; height: 50px; background: url(../parents/btn_grow-your-own-hor.gif) no-repeat left top; } #page-parents a.recipes { width: 180px; height: 70px; background: url(../parents/btn_recipes.gif) no-repeat left 5px; } #page-parents a.quiz { width: 180px; height: 70px; background: url(../parents/btn_quiz-games.gif) no-repeat left top; } #page-parents a.hit-button { width: 180px; height: 70px; background: url(../parents/btn_hit-button-game.gif) no-repeat left top; } #page-parents a.detective { width: 180px; height: 75px; background: url(../parents/btn_detective-game.gif) no-repeat left top; } #page-parents a.try-recipes { width: 240px; height: 50px; display: block; background: url(../parents/btn_try-recipes.gif) no-repeat left top; } #page-parents a.parents-sub { width: 150px; height: 50px; background: url(../parents/btn_parents.gif) no-repeat left top; } #page-parents a.mccain-logo { display: block; text-indent: -5000px; width: 120px; height: 80px; background: url(../parents/btn_mccain.gif) no-repeat left top; } /* side bar recipe links */ #page-parents a.mice { width: 135px; height: 55px; background: url(../parents/btn_potato-mice.gif) no-repeat left top; } #page-parents li.selected a.mice { width: 135px; height: 55px; background: url(../parents/btn_potato-mice_on.gif) no-repeat left top; } #page-parents a.twists { width: 180px; height: 70px; background: url(../parents/btn_twists.gif) no-repeat left top; } #page-parents li.selected a.twists { width: 180px; height: 70px; background: url(../parents/btn_twists_on.gif) no-repeat left top; } #page-parents a.chips { width: 150px; height: 55px; background: url(../parents/btn_oven-chips.gif) no-repeat 20px top; } #page-parents li.selected a.chips { width: 150px; height: 55px; background: url(../parents/btn_oven-chips_on.gif) no-repeat 20px top; } #page-parents a.skins { width: 160px; height: 80px; background: url(../parents/btn_potato-skins.gif) no-repeat left top; } #page-parents li.selected a.skins { width: 160px; height: 80px; background: url(../parents/btn_potato-skins_on.gif) no-repeat left top; } #page-parents #insect { float: left; width: 720px; height: 150px; background: url(../parents/insect.jpg) no-repeat 28px top; } #page-parents #bus { float: left; width: 100%; height: 188px; background: url(../parents/bus.jpg) no-repeat left top; } #page-parents #kitchen { float: left; width: 100%; height: 208px; background: url(../parents/kitchen.jpg) no-repeat 28px top; } #page-parents #farmer { float: left; width: 100%; height: 240px; background: url(../parents/farmer.jpg) no-repeat 35px top; } #page-parents #car { float: left; width: 730px; height: 63px; background: url(../parents/car.gif) no-repeat right top; } #page-parents #bee { float: left; width: 180px; height: 50px; background: url(../parents/bee.gif) no-repeat right top; } #page-parents #mud { float: left; width: 150px; height: 70px; background: url(../parents/mud.jpg) no-repeat 30px top; } #page-parents #details { background: url(../parents/bg_main_details.jpg) no-repeat left 150px; } #page-parents #fact01 { float: left; text-indent: -5000px; width: 200px; height: 200px; background: url(../parents/text_fact01.gif) no-repeat right center; } #page-parents #fact02 { float: left; text-indent: -5000px; width: 200px; height: 200px; background: url(../parents/text_fact02.gif) no-repeat right center; } #page-parents #fact03 { float: left; text-indent: -5000px; width: 200px; height: 200px; background: url(../parents/text_fact03.gif) no-repeat right center; } #page-parents #fact04 { float: left; text-indent: -5000px; width: 200px; height: 200px; background: url(../parents/text_fact04.gif) no-repeat right center; } #page-parents #fact05 { float: left; text-indent: -5000px; width: 200px; height: 200px; background: url(../parents/text_fact05.gif) no-repeat right center; } #page-parents #fact06 { float: left; text-indent: -5000px; width: 200px; height: 200px; background: url(../parents/text_fact06.gif) no-repeat right center; } #page-parents #fact07 { float: left; text-indent: -5000px; width: 200px; height: 200px; background: url(../parents/text_fact07.gif) no-repeat right center; } #page-parents #fact08 { float: left; text-indent: -5000px; width: 200px; height: 200px; background: url(../parents/text_fact08.gif) no-repeat right center; } #page-parents #fact09 { float: left; text-indent: -5000px; width: 200px; height: 200px; background: url(../parents/text_fact09.gif) no-repeat right center; } #page-parents #fact10 { float: left; text-indent: -5000px; width: 200px; height: 200px; background: url(../parents/text_fact10.gif) no-repeat right center; } #page-parents #fact11 { float: left; text-indent: -5000px; width: 200px; height: 200px; background: url(../parents/text_fact11.gif) no-repeat right center; } #page-parents .divider { width: 410px; height: 10px; background: url(../parents/divider.gif) no-repeat left top; } /**************/ /* info pages */ /**************/ #nav-top { width: 100%; height: 70px; background: url(../info/bg-nav-top.jpg) no-repeat left top; } #nav-sub { width: 100%; height: 66px; background: url(../info/bg-nav-sub.jpg) no-repeat left top; } #main { width: 100%; background: url(../info/bg-main.jpg) repeat left top; float: left; } #page-press #footer { width: 100%; height: 110px; background: url(../info/bg-nav-bot-press.jpg) no-repeat left top; } #page-access #footer { width: 100%; height: 110px; background: url(../info/bg-nav-bot-access.jpg) no-repeat left top; } #page-privacy #footer { width: 100%; height: 110px; background: url(../info/bg-nav-bot-privacy.jpg) no-repeat left top; } #page-contact #footer { width: 100%; height: 110px; background: url(../info/bg-nav-bot-contact.jpg) no-repeat left top; } #page-success #footer { width: 100%; height: 110px; background: url(../info/bg-nav-bot.jpg) no-repeat left top; } #page-gallery #footer { width: 100%; height: 110px; background: url(../info/bg-nav-bot.jpg) no-repeat left top; } h2#press { background: url(../info/title_press-office.gif) no-repeat left top; } h2#accessibility { background: url(../info/title_accessibility.gif) no-repeat left top; } h2#privacy { background: url(../info/title_privacy-policy.gif) no-repeat left top; } h2#contact { background: url(../info/title_contact-us.gif) no-repeat left top; } h2#success { background: url(../info/title_success.gif) no-repeat left top; height: 60px; } h2#gallery { background: url(../gallery/title_gallery.gif) no-repeat left top; } h3#quotes { background: url(../info/title_quotes.gif) no-repeat left top; } h3#coverage { background: url(../info/title_coverage.gif) no-repeat left top; } #info a.mccain-logo { display: block; text-indent: -5000px; width: 145px; height: 90px; background: url(../info/btn_mccain.gif) no-repeat 10px top; } #info h4 { text-indent: 0; width: 100%; margin: 20px 0 5px 0; padding: 0; font-size: 100%; color: #256691; } #info a { color: #256691; } #info .inner { padding: 0 55px 0 0; } #page-success #info a { color: #000000; } #page-success #info h4 { color: #99393D; } #page-error #main { width: 100%; height: 445px; background: url(../info/bg-error.jpg) repeat left top; float: left; } #page-error #main h1 a { width: 400px; height: 150px; float: left; margin: 0; padding: 0; } #page-error #main p { text-indent: -5000px; } /* success page */ ol.quotes { list-style: decimal outside; margin: 0 0 0 23px; padding: 0; } ol.quotes li { padding: 0 0 15px 0; margin: 0; } #info #sidemenu { width: 196px; float: left; } #info #sidemenu #top { float:left; width: 100%; height: 26px; background: url(../info/bg-sidemenu-top.gif) no-repeat left top; } #info #sidemenu #mid { float:left; width: 100%; background: url(../info/bg-sidemenu-mid.gif) repeat-y left top; } #info #sidemenu #bot { float:left; width: 100%; height: 25px; background: url(../info/bg-sidemenu-bot.gif) no-repeat left top; } #info #sidemenu ul { padding: 0 12px 0 25px; margin: 0; list-style: none; } /* gallery */ #page-gallery .thumb { float: left; width: 156px; height: 190px;} #page-gallery .paging {float: left; width: 100%; padding: 15px 0 0 0;} #page-gallery .bg-1 { background: url(../gallery/bg-pin.jpg) no-repeat left top; } #page-gallery .bg-2 { background: url(../gallery/bg-tape-corners.jpg) no-repeat left 10px; } #page-gallery .bg-3 { background: url(../gallery/bg-tape-top.jpg) no-repeat left top; } /***********/ /* nav */ /***********/ #nav-top ul { float: right; padding: 12px 0 0 0; width: 355px; clear: none; list-style: none; margin: 0; } #nav-top ul li { margin: 0 15px 0 0; float: left; } #nav-top ul li a { } #nav-top a.kids { width: 85px; height: 28px; } #nav-top a.teachers { width: 103px; height: 25px; } #nav-top a.parents { width: 90px; height: 25px; } /***********/ /* footer */ /***********/ #footer ul { list-style: none; margin: 0; } #footer ul li { margin: 0 14px 0 0; float: left; } #footer ul li a { width: 73px; height: 25px; display: block; } #page-kids #footer ul { padding: 20px 0 0 215px; } #page-teachers #footer ul { padding: 105px 0 0 215px; } #page-parents #footer ul { padding: 35px 0 0 215px; } #footer ul { padding: 70px 0 0 215px; } ul { margin: 0px 0 20px 15px; padding: 0 0 0 0; } ul li { } table.table-contact { width: 100%; border: none; text-align: left; } .table-contact tr { margin: 0 0 5px 0; } .table-contact tr td { text-align: left; } /********************/ /* Social Bookmarks */ /********************/ .bookmarks { border: 1px solid #878787; margin: 15px 0 10px 0; padding: 3px; } .bookmarks h3 { margin: 0; padding: 0; text-indent: 0; font-size: 1em; font-weight: normal; height: 100%; } .bookmarks ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 3px 0 4px 0; padding: 0; text-align: center; } .bookmarks ul li { display: inline; padding: 0 12px 6px 20px; text-align: center; margin: 0; } .bookmarks ul li.delicious { background: transparent url(../icons/delicious.gif) no-repeat scroll 0pt; } .bookmarks ul li.digg { background: transparent url(../icons/digg.gif) no-repeat scroll 0pt; } .bookmarks ul li.reddit { background: transparent url(../icons/reddit.gif) no-repeat scroll 0pt; } .bookmarks ul li.stumbleupon { background: transparent url(../icons/stumbleupon.gif) no-repeat scroll 0pt; } .bookmarks ul li.facebook { background: transparent url(../icons/facebook.gif) no-repeat scroll 0pt; } /********************/ /* Teachers Keep In Touch */ /********************/ #kit_container {width:100%;} #kit_top {background: url(../teachers/kit_top.jpg) no-repeat left top; height:58px} #kit_mid_container{background: url(../teachers/kit_mid.jpg) repeat-y top left;} #kit_mid {padding:10px 30px 0 30px} #kit_base {background: url(../teachers/kit_bot.jpg) no-repeat left top; height:35px; width:511px;} #kit_container ol{list-style:none; margin:0; padding:0} #kit_container form{margin:0;padding:0} #kit_container fieldset {border:0; margin-left:30px;width:430px} #kit_container #one li {display:inline; float:left; margin-right:1em} #kit_container #two li {display:block} #kit_container label {line-height:2em;margin-bottom:10px;text-align:left} #kit_container .txtbox {border:1px solid #ccc;color:#000;height:1.2em;margin:0 0 .4em 0;width:15em} #kit_container .keystage {margin-top:0.6em} #kit_container select {width:3.5em} #kit_container.submitbtn {float:left; clear:left; margin:10px 0 0 0}