/* CSS Document */ body { font-family: "trebuchet MS", helvetica, sans-serif; background-position: center top; background-repeat: no-repeat; position: relative; top: 0; left: 0; } body a { text-decoration: none; color: #228ABD; cursor: pointer; } body a:hover { text-decoration: underline; } body h1 { font-size: 30px; color: #218ABD; margin: 0 0 10px 0; } body h1.large { font-size: 38px; color: #409A44; margin: 0 0 10px 0; } body h1.level { font-size: 22px; color: #409A44; margin: 0 0 10px 0; } body h1.secondaryPage { color: #409A44; } body h2 { font-size: 25px; color: #218ABD; margin: 5px 0 15px 0; } body h2.topLevel { font-size: 22px; color: #409A44; margin: 15px 0 0 0; } body h2.aboutUs { border-bottom: 1px solid #218ABD!IMPORTANT; } body h3 { font-size: 22px; color: #409A44; } body h2.downloads { border-bottom: 1px solid #10b3f0!IMPORTANT; color: #10b3f0; clear: both; margin: 0 0 25px 0; } body p { font-size: 16px; margin: 0 0 10px 0; line-height: 1.3em; } .pngFix { position: relative; } /* ============== BEGIN BODY CLASSES FOR CUSTOM BACKGROUND IMAGES ============== */ .bodyGeneral { background-image: url(../_images/bg-home-page.jpg); background-color: #527b2f; } .bodyHome, .intro { background-image: url(../_images/bg-home-page.jpg); background-color: #527b2f; } .bodyHTML { background-image:url(../_images/bg-html-version.jpg); } .bodylevelOne { background-image: url(../_images/bg-L1-A1.jpg); background-color: #000; } .bodylevelOneA1 { background-image: url(../_images/bg-L1-A1.jpg); background-color: #003D3E; } .bodylevelOneA2 { background-image: url(../_images/bg-L1-A2.jpg); background-color: #000000; } .bodylevelOneA3 { background-image: url(../_images/bg-L1-A3.jpg); background-color: #8B4C00; } .bodylevelTwoA1 { background-image: url(../_images/bg-L2-A1.jpg); background-color: #2e0525; } .bodylevelTwoA2 { background-image: url(../_images/bg-L2-A2.jpg); background-color: #001B42; } .bodylevelTwoA3 { background-image: url(../_images/bg-L2-A3.jpg); background-color: #443435; } .bodylevelTwoA4 { background-image: url(../_images/bg-L2-A4.jpg); background-color: #0D1A3D; } .bodylevelThreeA1 { background-image: url(../_images/bg-L3-A1.jpg); background-color: #00032E;} .bodylevelThreeA2 { background-image: url(../_images/bg-L3-A2.jpg); background-color: #231F20; } .bodylevelFourA1 { background-image: url(../_images/bg-L4-A1.jpg); background-color: #000201; } .bodylevelFourA2 { background-image: url(../_images/bg-L4-A2.jpg); background-color: #30719B; } .parents, .teachers, .about, .help, .glossary, .adLibrary, .fullWidth, .pageNotFound, .lessonPlan, .lessons, .spreadTheWord, .bgDownloads { background-image: url(../_images/bg-additional-pages.jpg); background-repeat: repeat-x; background-color: #263A07; } #bgPageNotFound { width: 814px; height: 367px; background-color: blue; position: absolute; top: -17px; left: 3px; background: url(../_images/bg-page-not-found.png) 0 0 no-repeat; } #pageContainer { position: relative; width: 900px; margin: 0 auto; } .preloadBGs div { display: none; } /* ============== BEGIN HEADER STYLES ============== */ #header { position: relative !IMPORTANT; width: 900px; height: 75px; overflow: visible; z-index: 5; } #headerBG { position: absolute; top: 0; width: 900px; height: 75px; background: url(../_images/bg-nav.png) 0 0 no-repeat; overflow: visible; z-index: 4; } #logo { position: absolute; top: 20px; left: 305px; width: 300px; height: 90px; background: url(../_images/logo-admongo.png) 0 0 no-repeat; text-indent: -9999px; z-index: 20; } #logo a { display: block; width: 100%; height: 100%; text-indent: -9999px; } /* -- left header navigation -- */ #leftNavCont { width: 285px; height: 25px; position: absolute; top: 13px; left: 10px; z-index:20; } #leftNavCont ul { width: 285px; } #leftNavCont ul li { display: block; float: left; margin: 0 8px 0 0; background: none; height: 25px; } #leftNavCont ul li a { display: block; width:100%; height: 25px; background: url(../_images/nav-sprite.gif) 0 0 no-repeat; text-indent: -9999px; } #leftNavCont ul li a:hover { background-position: 0px -25px; } #leftNavCont ul li.home { width: 30px; } #leftNavCont ul li.home a { } #leftNavCont ul li.parents { width: 60px; } #leftNavCont ul li.parents a { background-position:-30px 0; } #leftNavCont ul li.parents a:hover, .parents #leftNavCont ul li.parents a { background-position: -30px -25px; } #leftNavCont ul li.teachers { width: 65px; } #leftNavCont ul li.teachers a { background-position:-90px 0; } #leftNavCont ul li.teachers a:hover, .teachers #leftNavCont ul li.teachers a { background-position: -90px -25px; } #leftNavCont ul li.html { width: 95px; } #leftNavCont ul li.html a { background-position: -155px 0;} .bodylevelOneA1 #leftNavCont ul li.html a, .bodylevelOneA2 #leftNavCont ul li.html a, .bodylevelOneA3 #leftNavCont ul li.html a, .bodylevelTwoA1 #leftNavCont ul li.html a, .bodylevelTwoA2 #leftNavCont ul li.html a, .bodylevelTwoA3 #leftNavCont ul li.html a, .bodylevelTwoA4 #leftNavCont ul li.html a, .bodylevelThreeA1 #leftNavCont ul li.html a, .bodylevelThreeA2 #leftNavCont ul li.html a, .bodylevelFourA1 #leftNavCont ul li.html a, .bodylevelFourA2 #leftNavCont ul li.html a, .bodylevelOneA1 #leftNavCont ul li.html a, #leftNavCont ul li.html a:hover, .bodyHTML #leftNavCont ul li.html a { background-position: -155px -25px; } /* #pageContainer #playNow { display:none; } #pageContainer #rightContent #playNow { display:block; } */ #pageContainer #playNow { height: 50px; left: 59px; position: absolute; top: 45px; width: 155px; z-index: 10; } #pageContainer #playNow a { display: block; width: 155px; height: 50px; background: url(../_images/bg-button-play-now.png) 0 0 no-repeat; text-indent: -9999px; } #pageContainer #playNow a:hover { background-position: 0 -50px; } /* -- right header navigation -- */ #rightNavCont { float: right; width: 270px; height: 25px; margin: 37px 0 0 0; } #rightNavCont ul { font-size: 13px; font-weight: bold; } #rightNavCont ul li { display: block; float: left; margin: 0 8px 0 0; margin: 0 20px 0 0; } #rightNavCont ul li a { text-decoration: none; color: #66C8E3; } #rightNavCont ul li a:hover { color: #FFFFFF; } .about #rightNavCont ul li a.navAbout, .help #rightNavCont ul li a.navHelp, .glossary #rightNavCont ul li a.navGlossary, .adLibrary #rightNavCont ul li a.navAdLibrary { color: #D6F8F6; } #spreadWord { position: absolute; top: 0; right: 130px; width: 135px; height: 23px; } #spreadWord a { display: block; width: 135px; height: 23px; background: url(../_images/bg-button-spread-word.gif) 0 0 no-repeat; text-indent: -9999px; } .spreadWord #spreadWord a, #spreadWord a:hover { background-position: 0 -23px; } #downloadsTN { position: absolute; top: 0; right: 20px; width: 101px; height: 23px; } #downloadsTN a { display: block; width: 101px; height: 23px; background: url(../_images/bg-button-downloads.gif) 0 0 no-repeat; text-indent: -9999px; } .bgDownloads #downloadsTN a, #downloadsTN a:hover { background-position: 0 -27px; } #homeBullets { margin: 10px 0; } #homeBullets li { font-size: 12px; list-style-type: disc; padding: 0; margin: 0 0 0 38px; } #homeBullets li span { font-size: 16px; } .zoomPointer { position: absolute; z-index: 10; width: 65px; height: 65px; cursor: pointer; } .zoomPointer .zoomImg { position: absolute; display: none; } /* ============== BEGIN BODY STYLES ============== */ #body { position: relative; width: 820px; margin: 120px auto 0 auto; } #body #top { width: 820px; height: 20px; background: url(../_images/bg-body-top.png) 0 0 no-repeat;} #body #bottom { width: 820px; height: 20px; background: url(../_images/bg-body-bottom.png) 0 0 no-repeat; margin: 0 0 50px 0; } #body #mainContent { position: relative; width: 550px; padding: 30px 50px 30px 220px; background: url(../_images/bg-body-middle.png) 0 0 repeat-y; } .printEmail { width: 100px; height: 20px; font-size: 13px; } #printEmailTop { position: absolute; top: 5px; right: -25px; } .noNav #printEmailTop { top: -3px; z-index: 10; } #printEmailBottom { position: relative; float: right; width: 160px; height: 35px; padding: 0 0 0 350px; border-bottom: 1px solid #A0CFE5; } #printEmailBottomAd { position: relative; float: right; width: 160px; height: 35px; padding: 0 0 0 585px; border-bottom: 1px solid #A0CFE5; } .printEmail a { color: #7A7A7A; } .printEmail a:hover { text-decoration: underline; } .printEmail #print { width: 45px; height: 20px; background: url(../_images/bg-print-icon.gif) 0 0 no-repeat; padding: 3px 0 0 23px; margin: 0 0 0 0px; } .printEmail #email { width: 50px; height: 20px; background: url(../_images/bg-email-icon.gif) 0 0 no-repeat; padding: 3px 0 0 23px; } .noNav .printEmail #print { width: 45px; height: 20px; background: url(../_images/bg-print-icon.gif) 0 0 no-repeat; padding: 3px 0 0 23px; margin: 0 0 0 0px; } .noNav .printEmail #email { width: 50px; height: 20px; background: url(../_images/bg-email-icon.gif) 0 0 no-repeat; padding: 3px 0 0 23px; } .printEmail #backToTop { width: 60px; height: 20px; } .printEmail #nextPage { position: absolute; bottom: -32px; right: -7px; } .printEmail #previousPage { position: absolute; bottom: -31px; right: 120px; } .printEmail #nextArea { position: absolute; bottom: -30px; right: 10px; } .printEmail #previousArea { position: absolute; bottom: -29px; right: 120px; } #mainContent .contentItem { position: relative; border-bottom: 1px solid #A0CFE5; margin: 10px 0 0 0; padding: 15px 0 20px 10px; } #mainContent .contentItem ul { margin: 15px 0 15px 50px; } #mainContent .contentItem ul li { list-style-type: disc; margin: 0 0 5px 0; } #mainContent .contentImage { position: relative; } #mainContent .contentImage .callOut { position: absolute; top: 100px; left: -210px; } #mainContent .magGlass { position: absolute; width: 85px; height: 75px; } #mainContent #levOneBus { bottom: -20px; left: -45px; } #mainContent #levOneMovie { bottom: 50px; left: -35px; } #mainContent #levOneZaano { bottom: -10px; left: 0; } #mainContent #levOneBillboard { bottom: 50px; left: -30px; } #mainContent #levOneBasketBall { bottom: -40px; left: 100px; } #mainContent #lev1A3Mixmaster { bottom: -16px; left: -42px; } #mainContent #levOneZed { bottom: -20px; left: -50px; } #mainContent #levOneRingNews { bottom: 30px; right: 180px; } #mainContent #levOneAdvergame { bottom: 100px; left: 100px; } #mainContent #levOneSummit { top: 125px; left: 120px; } #mainContent #levTwoRingtone { bottom: -30px; left: -50px; } #mainContent #levTwoRingtone { bottom: -30px; left: -50px; } #mainContent #zaanoIsleDisplay { top: -10px; left: 50px; } #mainContent #levOneSlidezone { top: -15px; left: 45px; } #mainContent #levOneOurFace { top: 0; left: 10px; } #mainContent #zedMagazine { top: 0; left: -10px; } #mainContent #doubleDunkCoupon { top: -20px; left: -45px; } #mainContent #fastChef { top: 35px; left: 40px; } #mainContent #cleanologyZoom { top: -10px; left: 80px; } #mainContent #cleanologyZoomWateryDeep { top: -10px; left: 20px; } #mainContent #levOneCrunch { top: -15px; left: 50px; } #mainContent #jokesForYou { top: 125px; left: 100px; } .jumpAheadLinks { } .jumpAheadLinks a { color: #409A44; text-decoration: none; } .jumpAheadLinks a:hover { text-decoration: none; } ul.jumpAheadLinks { font-size: 18px; } ul.jumpAheadLinks li { margin: 0 0 5px 0; } /* ============== BEGIN BODY STYLES || WITHOUT MAIN NAVIGATION ============== */ #body { position: relative; width: 820px; margin: 120px auto 0 auto; } .noNav #body #top { width: 820px; height: 20px; background: url(../_images/bg-body-top.png) 0 0 no-repeat;} .noNav #body #bottom { width: 820px; height: 20px; background: url(../_images/bg-body-bottom.png) 0 0 no-repeat; margin: 0 0 50px 0; } .noNav #body #mainContent { position: relative; width: 520px; padding: 30px 260px 30px 40px; background: url(../_images/bg-body-middle.png) 0 0 repeat-y; overflow: hidden; } .fullWidth #body #mainContent { position: relative; width: 740px; padding: 30px 40px 30px 40px; background: url(../_images/bg-body-middle.png) 0 0 repeat-y; } #body #mainContTrailer { position: relative; width: 780px; padding: 0 30px 30px 30px; background: url(../_images/bg-body-middle.png) 0 0 repeat-y; } .noNav #body #mainContent ul { margin: 20px 0 20px 40px; } .noNav #body #mainContent ul li { list-style-type: disc; margin: 0 0 5px 0; } .noNav #body #mainContent ul li.largeItems { list-style-type: none; margin: 0 0 20px 0; line-height: 1.3em; } .noNav #body #mainContent ol.helpSection { margin: 5px 0 10px 20px; line-height: 1.3em; padding: 0; } .noNav #body #mainContent ol.helpSection li { list-style-type: decimal; margin: 0 0 0 35px; } .noNav #body #mainContent ul.helpSection { margin: 5px 0 10px 0; line-height: 1.3em; padding: 0; } .noNav #body #mainContent ul.helpSection ul.minRequire { margin: 15px 0; padding: 0; } .noNav #body #mainContent ul.helpSection ul.minRequire li { list-style-type: none; margin: 0; padding: 0; } .noNav #body #mainContent ul li.helpSection { list-style-type: none; margin: 0 0 25px 0; line-height: 1.3em; } #body .headings { width: 100%; border-bottom: 1px solid #409A44; padding: 0 0 5px 0; margin: 0 0 15px 0; } #body .pageNotFoundHeading { font-size: 25px; width: 500px; border: none; padding: 0 0 5px 0; margin: 0 0 25px 0; } .noNav #body #mainContent #rightImage { position:absolute; top: -17px; right: 3px; } .noNav #body #mainContent ul.glossaryList { margin: 20px 0 50px 0 ; } .noNav #body #mainContent ul.glossaryList li { margin: 0 0 20px 0; list-style-type: none; line-height: 1.3em; } /* ======================= QUIZZES ============================= */ .quiz { width:538px; background: #e0f4f9; margin: 15px 0 25px 0; } .reader { position: absolute; font-size: 0; left: -9999px; } .quiz-content { padding: 10px 10px 10px 10px; } .quiz-content h3 { font-size: 19px; font-weight: bold; margin: 0 0 15px 0; color: #218ABD; } .quiz-content h4 { font-size: 17px; font-weight: bold; margin: 0 0 15px 0; color: #218ABD; } .quiz-top { background: #e0f4f9 url(../_images/quiz-top.jpg) no-repeat top left; height: 14px; } .quiz-bottom { background: #e0f4f9 url(../_images/quiz-bottom.jpg) no-repeat top left; height: 14px; } #mainContent .quiz ul { margin: 0 0 5px 10px; } #mainContent .quiz ul li { list-style-type: none; } .quiz ul li { background: transparent url(../_images/radio-off.jpg) no-repeat; padding: 0 0 0 33px; cursor: pointer; min-height: 29px; line-height: 20px; } .quiz ul li:hover { background: transparent url(../_images/radio-hover.jpg) no-repeat; } .quiz ul li.on { background: transparent url(../_images/radio-on.jpg) no-repeat; } .quiz ul li.x { background: transparent url(../_images/radio-wrong.jpg) no-repeat; } .quiz ul li.listShow { background: none; margin: 0!IMPORTANT; padding: 0; text-align: left; } .quiz .correct { display: none; color: #409a44; font-weight: bold; text-align: center; } .quiz .wrong { display: none; color: #fd0000; font-weight: bold; text-align: center; } .quiz .reason { display: none; } .quiz .submit { background: transparent url(../_images/btn-submit.jpg) no-repeat; height: 35px; width: 115px; margin: 5px 0 0 200px; position: absolute; cursor: pointer; } .quiz .submit:hover { background: transparent url(../_images/btn-submit-hover.jpg) no-repeat; } .quiz .show { margin: 10px 0 10px 0; font-style: italic; font-size: 13px; color: #956603; clear: both; padding: 20px 0 0 0; padding: 5px 0 0 0; text-align: center; } .quiz .horiz-tf li { float:left; width:52px; } .quiz-content .col { float: left; margin: 0 5px 10px 0; } .quiz-content .col2 { float: left; margin: 0 5px 10px 0; } /* ============== CLAIMS HOVERING ============== */ .claims1-para { height: 123px; width: 294px; background: transparent url(../_images/quiz-claims1.jpg) no-repeat; border: solid 2px #bbb; } /*.claims1-para:hover { background: transparent url(../_images/quiz-claims1-hover.jpg) no-repeat; cursor: help; }*/ .claims2-para { height: 54px; width: 298px; background: transparent url(../_images/quiz-claims2.jpg) no-repeat; border: solid 2px #bbb; } /*.claims2-para:hover { background: transparent url(../_images/quiz-claims2-hover.jpg) no-repeat; cursor: help; } */ .claims-para { height: 320px; width: 294px; background: transparent url(../_images/bg-claims-para.jpg) no-repeat; border: solid 2px #bbb; } .claims-para p {padding: 25px 10px 10px 15px; font-size: 22px; color: #66737b; font-family: Helvetica, Arial; } .claims-para p span { padding: 3px; } /*.claims-para p span:hover { background-color: #e3f1d7; cursor: help; padding: 3px; }*/ .claims-info div { width: 160px; visibility: hidden; background-color: #e3f1d7; padding: 5px 5px 5px 5px; margin: 1px; text-align:center; } /* ============== BEGIN MAIN NAVIGATION STYLES ============== */ #mainNav { position: absolute; top: 0px; left: -40px; width: 215px; height: 500px; } #mainNav #top { width: 215px; height: 35px; background: url(../_images/bg-main-nav-top.png) 0 0 no-repeat; } #mainNav #middle { width: 215px; height: 445px; background: url(../_images/bg-main-nav-middle.png) 0 0 no-repeat; } #mainNav #bottom { width: 215px; height: 35px; background: url(../_images/bg-main-nav-bottom.png) 0 0 no-repeat; } #mainNav a.selected { color: #FFFFFF; font-weight: bold; } #mainNav ul { padding: 10px 0 0 19px; background: url(../_images/bg-main-nav-div-bar.html) center bottom no-repeat; } #mainNav ul li { font-size: 15px; font-weight: bold; padding: 0 0 15px 0; color: #FFF; } #mainNav ul li a { text-decoration: none; color: #66C8E3; } #mainNav ul li a:hover { color: #FFFFFF; } #mainNav ul li ul { padding: 0 0 0 3px; margin: 0; } #mainNav ul li ul li { font-size: 13px; padding: 0; margin: 8px 0 5px 0; font-weight: normal; } /* ============== BEGIN FOOTER STYLES ============== */ #footer { position: relative; bottom: -50px; left: -175px; width: 450px; height: 100px; font-size: 12px; margin: 0 0 15px 0; } #footer a { color: #333333; } #footer a:hover { text-decoration: underline; } #ftcSeal { float: left; width: 50px; height: 50px; background: url(../_images/bg-ftc-seal.gif) 0 0 no-repeat; text-indent: -9999px; margin: 0 10px 0 0;} #ftcSealHome { float: left; width: 50px; height: 50px; background: url(../_images/bg-home-ftc-seal.gif) 0 0 no-repeat; text-indent: -9999px; margin: 0 10px 0 0;} #ftc { float: left; width: 160px; border-right: 1px solid #333333; margin: 20px 0 0 0; } #privacyPolicy { float: left; width: 100px; padding: 0 0 0 20px; margin: 20px 0 0 0; } /* ============== BEGIN FOOTER || WITHOUT MAIN NAVIGATION ============== */ .noNav #footer { position: relative; bottom: -20px; left: 0px; width: 450px; height: 65px; font-size: 12px; margin: 0 0 15px 0; clear: both; } .noNav #footer a { color: #333333; } .noNav #footer a:hover { text-decoration: underline; } .submitBtn { background: transparent url(../_images/btn-submit.jpg) no-repeat; height: 35px; width: 115px; margin: 5px 0 0 200px; position: absolute; cursor: pointer; } .submitBtn:hover { background: transparent url(../_images/btn-submit-hover.jpg) no-repeat; } /* ============== BEGIN HOME PAGE STYLES ============== */ #homePageCont h1.home { width: 100%; } #homePageCont { position: relative; width: 900px; height: 1100px; } #homePageCont #rightContent { position: absolute; top: 225px; right: 35px; width: 350px; text-align: center; } #homePageCont #rightContent p { font-size: 13px; line-height: 1.2em; } #rightContInt { position: relative; } #rightContInt #playNow { float: left; width: 143px; margin: 0 0 10px 35px; left:auto; position:static; top:auto; z-index: 10; } #rightContInt #playNow a { display: block; height: 44px; background: url(../_images/image-home-play-now.png) 0 0 no-repeat; text-indent: -9999px; } #rightContInt #playNow a:hover { background-position: 0 -44px; } #rightContInt #login { float:left; margin:0 0 0 15px; width:108px; } #rightContInt #login a { display: block; height: 44px; background: url(../_images/image-home-login.png) 0 0 no-repeat; text-indent: -9999px; } #rightContInt #login a:hover { background-position: 0 -44px; } #rightContInt p.requirements { font-size: 10px!IMPORTANT; margin: 3px 0 0 0; clear: both; } *:first-child+html #rightContInt p.requirements { font-size: 10px!IMPORTANT; margin: -10px 0 0 0; clear: both; } #rightContInt #login span, #rightContInt #playNow span { color:#000000; display:block; font-size:11px; font-style:italic; font-weight:bold; padding:0 0 5px; } .bodyHome #logo, #header #logoHome { position: absolute; top: 85px; left: 470px; width: 440px; height: 141px; background: url(../_images/image-home-logo.png) 0 0 no-repeat; text-indent: -9999px; } #topLevel { position: absolute; top: 17px; left: 261px; } #homePageCont #trailer { position: absolute; bottom: 265px; left: 35px; } #homePageCont #htmlVersion { position: absolute; bottom: 266px; left: 325px; } #footerHome { position: absolute; bottom: 110px; left: 25px; height: 100px; font-size: 12px; margin: 0 0 15px 0; } #footerHome a { color: #000000; } #footerHome a:hover { text-decoration: underline; } #minRequire { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; position: absolute; bottom: 73px; right: 20px; width: 475px; } #minRequire ul { } #minRequire ul li { padding: 3px 0; } #minRequire ul li.first { padding: 0 0 3px 0; } #minRequire ul li.last { padding: 3px 0 0 0; } #minRequire #leftReq { float: left; border-right: 1px solid #333333; padding: 0 30px 0 0; } #minRequire #rightReq { float: left; margin: 0 0 0 40px; } /* ============== BEGIN AD LIBRARY STYLES ============== */ .galleryRow { width: 740px; overflow: hidden; } .galleryRow .galleryItem { position: relative; float: left; width: 164px; height: 270px; margin: 0 28px 0 0; } .galleryRow .galleryItem .text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-align: center; padding: 5px 0 5px 0; } .galleryRow .last { float: left; width: 164px; height: 230px; margin: 0; } .galleryRow .galleryItem .rollOver { width: 164px; z-index: 100; background: url(../_images/ad-library/bg-ad-gal-thumb-over.png) 0 0 no-repeat; } /* ============== BEGIN DOWNLOADS STYLES ============== */ #downloadsNav { overflow: hidden; text-align: center; } p.downloadIntro { margin: 0 0 50px 0 !important; } .downloads { width: 740px; clear: both; } .downloads .downloadsItem { float: left; width: 235px; margin: 0 17px 40px 0; } .downloads .downloadsItem img { width: 235px; height: 143px; margin: 0 0 5px 0; } .downloads .downloadsItem h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; padding: 0; color: #218abd; } .downloads .downloadsItem h3 a {color: #218abd; text-decoration: none !important; } .downloads .downloadsItem h3 a:hover { text-decoration: underline !important; } .downloads .last { float: left; margin-right: 0 !important; } .downloads p a { color: #218abd; text-decoration: underline !important; } .downloads p a:hover { text-decoration: none !important; } .downloads ul { margin: 0; padding: 0; list-style: none; color: #218abd; line-height: 20px; } #pageContainer #mainContent .downloads ul li { float: left; border-right: 2px solid #218abd; padding: 0 15px; list-style-type: none; margin: 0; } .downloads ul li a { color: #218abd; text-decoration: underline !important; } .downloads ul li a:hover { text-decoration: none !important; } #pageContainer #mainContent .downloads ul li.first { padding-left: 0 !important; } #pageContainer #mainContent .downloads ul li.last { border-right: none; } .downloads .clear { clear: both; } xmp { min-height: 50px; height: 100%; } .downloads .printMaterials { width: 740px; clear: both; margin: 0 0 40px 0; overflow: hidden; } .downloads .printMaterials img { float: left; } .downloads .printMaterials .printContent { float: left; margin: 0 0 0 20px; width: 346px; } .downloads .printMaterials .printContent h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; padding: 0; color: #218abd; } .downloads .printMaterials .printContent p { margin: 15px 0 0 0; } .downloads .printMaterials .printContent ul { margin: 0; padding: 0; list-style: none; width: 346px; overflow: hidden; } .downloads .printMaterials .printContent ul li { float: left; border-right: 2px solid #218abd; padding: 0 15px; } .downloads .printMaterials .printContent ul li.first { padding-left: 0 !important; } .downloads .printMaterials .printContent ul li.last { border-right: none; } .downloads .wallpaper { width: 351px; margin: 0 30px 0 0; float: left; padding: 0 0 50px 0; } .downloads .wallpaper img { margin: 0 0 20px 0; } .downloads .buddyIcons { width: 175px; margin: 0 0 30px 0; float: left; } .downloads .buddyIcons img { float: left; } .downloads .logos { margin: 0 30px 50px 0; float: left; } .downloads .logos img { margin: 0 0 30px 0; } .downloads .logos img.middle { margin: 140px 0 76px 0; } .downloads .bannersTall { float: left; margin: 0 0 50px 0; overflow: hidden; } .downloads .banners { float: left; margin: 0 20px 50px 0; } .downloads .embed { width: 200px; margin: 20px 0 0 0; } .downloads .embed p.size { float: left; padding: 0; margin: 0; font-weight: bold; } .downloads .embed ul { float: left; } .downloads .videos { float: left; padding: 0 0 50px 0; margin: 0 25px 0 0; width: 357px; overflow: hidden; } .downloads .videos h4 { margin: 15px 0 0 0; } .downloads .videos p { margin: 0 0 15px 0; } .downloads .videos p .blue { font-weight: bold; color: #218abd; } .downloads .videos p .blue a { color: #218abd; text-decoration: none !important; } .downloads .videos p .blue a:hover { text-decoration: underline !important; } /* ============== BEGIN lessonPlan PAGE STYLES ============== */ .lessonPlan #body h2.headings, .lessons #body h2.headings { width: 500px; border-bottom: 1px solid #228ABD; padding: 0 0 5px 0; margin: 0 0 15px 0; } .lessonPlan #body h2.headingsMargin, .lessons #body h2.headingsMargin { margin: 50px 0 10px 0; } .lessonPlan #body h3.headings { font-size: 18px; width: 500px; border-bottom: none; padding: 0; margin: 15px 0 0 0; } .lessonPlan #body h3.subHeading { font-size: 24px; color: #409A44; border-bottom: none; padding: 0; margin: 0; } .lessonPlan #body h3.subHeadMargin { margin: 30px 0 0 0; } .lessons #body h2.headings { font-size: 18px; width: 500px; border-bottom: none; padding: 0; margin: 15px 0 3px 0; color: #228ABD; text-transform: uppercase; } .lessons #body h3.headings { font-size: 15px; width: 500px; border-bottom: none; padding: 0; margin: 15px 0 3px 0; color: #228ABD; } .lessons .noNav #body #mainContent ul { list-style-type: none; margin: 0; padding: 0; list-style: inside; } .lessons .noNav #body #mainContent ul li { list-style-type: none; margin: 0 0 15px 0; padding: 0; line-height: 1.3em; } .lessons .noNav #body #mainContent ul { list-style-type: none; margin: 0; padding: 0; list-style: inside; } .lessons .noNav #body #mainContent ul li ul { margin: 15px 0 15px 30px; padding: 0; line-height: 1.3em; } .lessons .noNav #body #mainContent ul li ul li { list-style-type: disc; margin: 0 0 3px 0; padding: 0; line-height: 1.3em; } /* ============== BEGIN Training Vidoes PAGE STYLES ============== */ #trainingVideoWrapper { float: left; width: 520px; padding: 0; margin: 0; } #trainingVideoWrapper .trainingVideos { float: left; width: 163px; padding: 0 8px 20px 0; } #trainingVideoWrapper .trainingVideos a img { width: 163px; height: 94px; border: none; display: block; margin: 0 0 9px 0; padding: 0; } #trainingVideoWrapper .trainingVideos h4 { font-size: 14px; color: #409ac6; padding: 0; margin: 0; } #trainingVideoWrapper .trainingVideos p { font-size: 11px; width: 163px; padding: 0; margin: 0; } /* ============== BEGIN QUICK CLASSES ============== */ .floatLeft { float: left; } .floatRight { float: right; } .clearBoth { clear: both; } .teaser { font-size: 18px; font-weight: bold; line-height: 1.3em; color: #000000; margin: 0 0 25px 0; } .green { color: #409A44; } .brown { color: #956603; } .selected { text-decoration: underline; } a.selected { text-decoration: underline; } .quizTemp { font-size: 20px; color: #FF0000; } .stillNeed { font-size: 20px; color: #FF0000; } #mainContent .last { border-bottom: none; } .marginLeft { margin: 0 0 0 20px; } .marginFinale { margin: 0 45px 0 20px } .marginFinalePrint { margin: 0 50px 0 0 } .bold { font-weight: bold; } .noMargin { margin: 0; } .white { color: #FFFFFF; } #video { width: 550px; margin: 20px 0 20px 0; } .it { font-style: italic; } .underline { text-decoration: underline; } #body #adLibrary { width: 740px; margin: 0 0 50px 0; } #zoom { z-index: 1000; } .ital { font-style: italic; } #body h1#trailer { border: none; padding: 10px 0 10px 0; } #body #subnav { padding: 0; margin: 0; list-style:none; overflow:hidden; font-weight:bold; overflow: hidden; line-height: 20px; } #body #subnav { margin: 0 0 20px 0 !important; padding: 0; } #body #subnav li { border-left:1px solid #218ABD; float:left; padding: 0 0.8em; list-style-type:none !important; } #body #subnav li.first { border:none; padding-left:0; margin-left:0; } #body #subnav li.active, #body #subnav li.active a { color: #409A44; } html #body #mainContent #subnavRow { padding:0; margin: -1.0em 0 1.5em; list-style:none; overflow:hidden; font-weight:bold; line-height: 20px; } #body #subnavRow li { border-left:1px solid #218ABD; float:left; padding: 0 0.8em; list-style-type:none !important; } #body #subnavRow li.first { border:none; padding-left:0; margin-left:0; } #body #subnavRow li.active, #body #subnavRow li.active a { color: #409A44; } #__asptrace { background:#fff; } .stateStandards .rightColumn { position:absolute; right:40px; } .stateStandards .leftColumn { width:360px; } #stateList { background:#e0f4f9; color:#218abd; font-size:19px; font-weight:bold; padding:14px; border-radius: 14px; -moz-border-radius: 14px; margin:0 -14px; } #stateList select { color:#409a44; font-size:17px; font-weight:bold; } html .stateStandards #body #mainContent .states h2 { border-bottom:1px solid #b2b2b2; padding-bottom: 5px; margin-bottom: 5px; margin-top: 40px; font-size:20px; } html .stateStandards #body #mainContent .states ul { margin-left:0; margin-top: 10px; } html .stateStandards #body #mainContent .states li { list-style-type:none; background: url(../_images/bullet-green-arrow.gif) 0 5px no-repeat; padding-left:17px; } html .stateStandards #body #mainContent .states ul ul { margin-left:40px; } html .stateStandards #body #mainContent .states li li { color:#75ab4b; background:none; list-style-type: disc; padding-left:0px; } html .stateStandards #body #mainContent .states li li * { color:#000; } .author { margin-top: 40px; font-style: italic; }