/*reset*/ h1,h2,h3,div,ul,li, img,form,input,p,blockquote{margin:0; padding:0;} li{ list-style:none;} a{outline:none;} /*global*/ body{text-align:center; margin:0px; padding:0; background:#A3424D; font:0.9em 'Trebuchet MS', Georgia, Arial, "Times New Roman", Times, serif;} .fLeft{float:left;} .fRight{float:right;} .hide{display:none;} .show{display:block;} .clear, .clearL, .clearR{ visibility:hidden; height:0; clear:both; line-height:0; font-size:0px;} .clearL{clear:left;} .clearR{clear:right;} .rClearL{clear:left;} .rClearR{clear:right;} .mainLink{ text-decoration:none;} p{margin:3px 0; font-size:90%; color:#42a357} .aCenter{ text-align:center;} .aRight{ text-align:right;} .txtBox{border:1px solid #42A357; width:213px; margin-left:5px; } .viewAll{ color:#42a357; font-weight:bold; text-decoration:none;margin:10px 0 0 0; font-family:Arial "Times New Roman", Times, serif;} .btn{ background:url(../images/btnBg.gif) repeat-x; height:19px; border:1px solid #42a357; text-decoration:none; color:#a3424d; padding:0px 5px;} .btn:hover{color:#a3424d; } .imgTxtLink{ display:block; text-indent:-9999px;} /* layout structure*/ /*general setting*/ #container{ background:#FFFFE7;} .contentHolder{clear:left;} #title{ text-indent:-9999px; color:#060; float:left; height:78px; width:530px;} /*#contentHeader{background:#fff url(../images/page_ttl_rpt.gif) repeat-x; height:78px;}*/ #contentHeader{ height:35px; overflow:hidden;} #contentHeader .rightPlainImg{ float:right; background:url(../images/page_ttl_plain_rgt.gif) no-repeat; height:78px; width:84px;} /*end general setting*/ /* layout structure*/ #wraper{ width:100%; margin:0 auto; max-width:1540px; min-width:980px; text-align:left; width:expression(document.body.clientWidth < 1000? "980px" : document.body.clientWidth > 1540? "1540px" : "100%");} #container, #footer{margin:20px 20px 0px 20px; background:#FFFFE7;} #mainCol{position:relative; z-index:10; padding-bottom:20px;} /*header*/ #logo { background:#FFFFE7 url(../images/bgd_10.jpg) top right no-repeat; height:72px; position:relative;} #logo h1{ text-indent:-9999px; background: url(../images/newLogo.jpg) no-repeat; width:313px; height:89px; float:left; position:absolute; top:-17px;} .findYourTeacher{ float:right; display:block; margin:-17px 0px 0 0; position:relative; z-index:99; text-indent:-9999px; background: url(../images/buttons/fyt_btn.jpg) no-repeat; width:245px; height:50px;} .findYourTeacher:hover{ background:url(../images/buttons/fyt_btn.jpg) no-repeat 0 -50px;} /*rightColumn*/ #rightCol {width:186px; margin-right:19px; display:block; position:absolute; top:0; right:0; padding-top:100px;} #rightContent{ background:#fff; height:auto !important; min-height:29px; height:29px; border-right:1px solid #99D484; position:relative; left:-1px;} #rightCol .footer{ background:url(../images/tstmnl_btm.gif) no-repeat; width:185px; height:29px;} /*leftColumn*/ #leftCol, #leftFooter{background:#fff; border:1px solid #99D484; border-width:0px 1px; margin-right:204px; margin-left:19px; height:auto !important; min-height:610px; height:610px; position:relative; } /* #leftFooter{ background:green url(../images/page_btm_rpt.gif) top left; height:55px; min-height:55px; position: relative; top:-1px; z-index:2; } #leftBgHeader{background:transparent url(../images/page_ttl_rt1.gif) top right no-repeat; display:block; position:absolute; width:100%; } */ #leftBgFooter{background:transparent url(../images/swsh_btm.gif) no-repeat; display:block; bottom:0; position:absolute; width:100%; height:190px;} /*end left Column*/ /*nav*/ #navContainer{white-space:nowrap; background: url(../images/navbar.gif) #FFFFE7 repeat; height:35px; clear:both;} #nav{width:820px; margin:0 auto;} #nav li {float:left; position:relative; width:auto; margin:0 35px; line-height:25px; display:inline; padding-top:2px; z-index:100; } #nav li a{color:#fff; font-weight:bold; text-decoration:none; cursor:pointer; font-size:13px;} #nav li ul {display:none; position: absolute; top:22px; left:0; background: url(../images/paper2.gif) bottom left no-repeat; padding: 0.5em 0 1em 15px; border-right: solid 1px #7d6340;width:180px;} #nav li li{margin:0; display:block;} #nav li li a { display:block; font-weight: normal; padding: 1px 10px; color:green; width:180px; line-height:17px;} #nav li li a:hover { display:block; padding:1px 15px 1px 5px; border-left:5px solid green; width:175px;} #nav li:hover ul, #nav li:hover li li, #nav .over{display:block;} /*end nav*/ /*for the module container*/ .newContainer{width:49.9%; } .module{padding:0 10px 20px 10px; position:relative; z-index:99;} .module .header{ background:url(../images/modules/tlCorner.png) no-repeat; height:27px; margin-right:7px; padding-left:10px;} .module .header .rCorner{ background:url(../images/modules/trCorner.png) no-repeat top right; margin-right:-7px; height:27px;} .module .content{border:1px solid #41A256; border-width:2px 1px 0 1px; margin:0; background:#fff url(../images/page_bg_rpt.gif) top right repeat-y; padding: 5px 10px;} .module .content p{line-height:17px; margin:0;} .module .footer{ background:url(../images/modules/blCorner.png) no-repeat; height:8px; margin-right:7px; padding-left:10px;} .module .footer .rCorner{ background:url(../images/modules/brCorner.png) no-repeat top right; margin-right:-7px; height:8px;} .module .header h3{font-size:13px; color:#A3424D;float:left; display:block; height:27px; line-height:27px; } .plain .content{border-top:none;} .module-alt {padding:0 10px 20px 10px; position:relative; z-index:99;} .module-alt .header {background:url(../images/modules/tlCornerAlt.png) no-repeat; height:8px; margin-right:7px; padding-left:10px;} .module-alt .header .rCorner {background:url(../images/modules/trCornerAlt.png) no-repeat top right; margin-right:-7px; height:8px;} .module-alt .content {border:1px solid #41A256; border-width:2px 1px 0 1px; margin:0; background:#fff url(../images/page_bg_rpt.gif) top right repeat-y; padding:5px 10px;} .module-alt .content {border-top:0;} .module-alt .content p {line-height:17px;padding:15px 0;margin:0;} .module-alt .footer {background:url(../images/modules/blCorner.png) no-repeat;height:8px;margin-right:7px;padding-left:10px;} .module-alt .footer .rCorner { background:url(../images/modules/brCorner.png) no-repeat top right; margin-right:-7px; height:8px;} .module-alt .header h3 {font-size:13px; color:#A3424D; float:left; display:block; height:27px; line-height:27px;} /* brown module container */ .brownModule .header{ background:url(../images/modules/brown/tlCorner.png) no-repeat;} .brownModule .header .rCorner{ background:url(../images/modules/brown/trCorner.png) no-repeat top right;} .brownModule .content{border-color:#D5AC55} .brownModule .footer{ background:url(../images/modules/brown/blCorner.png) no-repeat;} .brownModule .footer .rCorner{ background:url(../images/modules/brown/brCorner.png) no-repeat top right;} .brownModule .header h3{color:#547E56;} /* purple module container */ .purpleModule .header{ background:url(../images/modules/purple/tlCorner.png) no-repeat;} .purpleModule .header .rCorner{ background:url(../images/modules/purple/trCorner.png) no-repeat top right;} .purpleModule .header h3{color:#fff;} .purpleModule .content{border-color:#A2414C} .purpleModule .footer{ background:url(../images/modules/purple/blCorner.png) no-repeat;} .purpleModule .footer .rCorner{ background:url(../images/modules/purple/brCorner.png) no-repeat top right;} /* dark green module container */ .darkGreenModule .header{ background:url(../images/modules/darkGreen/tlCorner.png) no-repeat;} .darkGreenModule .header .rCorner{ background:url(../images/modules/darkGreen/trCorner.png) no-repeat top right;} .darkGreenModule .header h3{color:#fff;} /* light Greem module container */ .lightGreenModule .header{ background:url(../images/modules/lightGreen/tlCorner.png) no-repeat;} .lightGreenModule .header .rCorner{ background:url(../images/modules/lightGreen/trCorner.png) no-repeat top right;} .lightGreenModule .header h3{color:#507f4e;} /* silver module container */ .lightSilverModule .header{ background:url(../images/modules/lightSilver/tlCorner.png) no-repeat;} .lightSilverModule .header .rCorner{ background:url(../images/modules/lightSilver/trCorner.png) no-repeat top right;} .lightSilverModule .header h3{color:#a3424d;} /* dark silver module container */ .darkSilverModule .header{ background:url(../images/modules/darkSilver/tlCorner.png) no-repeat;} .darkSilverModule .header .rCorner{ background:url(../images/modules/darkSilver/trCorner.png) no-repeat top right;} .darkSilverModule .content{border-color:#a5a0a0;} .darkSilverModule .footer{ background:url(../images/modules/darkSilver/blCorner.png) no-repeat;} .darkSilverModule .footer .rCorner{ background:url(../images/modules/darkSilver/brCorner.png) no-repeat top right;} .darkSilverModule .header h3{color:#fff;} /*footer*/ #footer{ background:url(../images/ftr_rpt.gif) repeat-x; font-size:90%; margin:0 20px 20px 20px;} #copyright{display:block; float:left; background:url(../images/ftr_left.gif) no-repeat bottom left; height:33px; line-height:32px; padding-left:20px; color:#999;} #legals{ background:url(../images/ftr_rt.gif) no-repeat top right;height:33px; padding-right:20px;} #legals li{float:right;color:#66b473;} #legals li a{color:#66b473; text-decoration:none; margin:0 3px; line-height:32px; font-weight:bold; font-family:Georgia; font-size:90%;} /*end footer*/ /*testimonials */ #testimonials{ width:185px; padding-bottom:5px; background:#fff;} #testimonials li{font-size:11px; color:#6da76b;width:171px; padding:10px 5px 10px 0;} #testimonials .client{display:block; text-align:right;} /*end testimonials*/ /*side bottom navigation*/ #sideNav{ position:relative; left:26px; width:179px; background:url(../images/sideBarNav/header.gif) no-repeat; display:block; padding-top:11px; margin-top:12px;} #sideNav .footer{ height:10px; background:url(../images/sideBarNav/footer.gif) no-repeat;} #sideNav ul{background:url(../images/sideBarNav/sdbr_bgd_rpt.gif) repeat-y;} #sideNav li {padding-left:10px;} #sideNav li a{height:38px; width:167px; text-indent:-9999px; display:block;} .featureTour{ background:url(../images/sideBarNav/sdbr_btn_feat_out.gif) no-repeat; } .digitallockers {background:url(../images/sideBarNav/sdbr_btn_dl_out.gif) no-repeat;} .facebook-sdbr {background:url(../images/sideBarNav/sdbr_btn_fb_out.gif) no-repeat;} .myteacherweb {background:url(../images/sideBarNav/sdbr_btn_mytw_out.gif) no-repeat;} .signUp{ background:url(../images/sideBarNav/sdbr_btn_su_out.gif) no-repeat;} .freeTrial{ background:url(../images/sideBarNav/sdbr_btn_free_out.gif) no-repeat;} .tellAFriend{ background:url(../images/sideBarNav/sdbr_btn_tat_out.gif) no-repeat;} .gift{ background:url(../images/sideBarNav/sdbr_btn_gc_out.gif) no-repeat;} .featureTour:hover { background:url(../images/sideBarNav/sdbr_btn_feat_over.gif) no-repeat; } .digitallockers:hover {background:url(../images/sideBarNav/sdbr_btn_dl_over.gif) no-repeat;} .facebook-sdbr:hover {background:url(../images/sideBarNav/sdbr_btn_fb_over.gif) no-repeat;} .myteacherweb:hover {background:url(../images/sideBarNav/sdbr_btn_mytw_over.gif) no-repeat;} .signUp:hover{ background:url(../images/sideBarNav/sdbr_btn_su_over.gif) no-repeat;} .freeTrial:hover { background:url(../images/sideBarNav/sdbr_btn_free_over.gif) no-repeat;} .tellAFriend:hover { background:url(../images/sideBarNav/sdbr_btn_tat_over.gif) no-repeat;} .gift:hover { background:url(../images/sideBarNav/sdbr_btn_gc_over.gif) no-repeat;} .classsites{ background:url(../images/sideBarNav/sdbr_btn_scs_out.gif) no-repeat; } .schoolsites{ background:url(../images/sideBarNav/sdbr_btn_sss_out.gif) no-repeat; } .classsites:hover { background:url(../images/sideBarNav/sdbr_btn_scs_over.gif) no-repeat; } .schoolsites:hover { background:url(../images/sideBarNav/sdbr_btn_sss_over.gif) no-repeat; } /*title tag*/ .titleTag, .txtImg{float:left; text-indent:-9999px; display:block; height:27px; width:180px;} .txtImg{float:none;} .accoutInfoPic{ background:url(../images/textPic/top_ttl_txt_accnt.gif) no-repeat bottom left;} .testimonialsPic{background:url(../images/textPic/tstmnl_ttl_txt.gif) no-repeat bottom left;width:184px;} .arizonaPic{background:url(../images/textPic/arizonaPic.gif) no-repeat bottom left;} .teacherClassnamePic{background:url(../images/textPic/top_ttl_txt_clsnm.gif) no-repeat bottom left; width:186px;} .webAddressPic{ background:url(../images/textPic/top_ttl_txt_wbadd.gif) no-repeat bottom left;} .customizeTwPic{ background:url(../images/textPic/top_ttl_txt_cust.gif) no-repeat bottom left; width:231px;} .colorThemesPic{ background:url(../images/textPic/subttl_txt_clrth.gif) no-repeat; width:74px;} .designStylesPic {background:url(../images/textPic/subttl_txt_dsnstl.gif) no-repeat; width:72px;} .bgDividerLinesPic{ background:url(../images/textPic/subttl_txt_dvdln.gif) no-repeat; width:138px;} .webTypePic{ background:url(../images/textPic/subttl_txt_wtyp.gif) no-repeat; width:60px;} .previewWinPic{ background:url(../images/textPic/subttl_txt_prev.gif) no-repeat;} .twFeaturePic{ background:url(../images/textPic/feature_tour_v10b_13.gif) no-repeat; width:169px; height:19px;} .nextSecPic{ background:url(../images/textPic/nextSectionPic.gif) no-repeat; height:12px; width:113px; } .visitTeacherForumPic{ background:url(../images/textPic/visitForum.png) no-repeat; width:213px; height:15px;} .visitTeacherSupportPic{ background:url(../images/textPic/visitSupport.png) no-repeat; width:213px; height:15px;} .comingSoonForumPic{ background:url(../images/textPic/comingSoonForum.png) no-repeat; width:315px; height:18px;} /* New stuff */ #requestSchoolDemo{float:right; background:url(../images/buttons/req_sch_demo_btn.gif) no-repeat; height:27px; width:251px; margin:10px 20px 0 0;} #requestSchoolDemo:hover{ background:url(../images/buttons/req_sch_demo_btn.gif) 0 -27px no-repeat; } #attendaWebinar{float:right; background:url(../images/buttons/create_tw_site_btn.gif) no-repeat; height:27px; width:251px; margin:10px 20px 0 0;} #attendaWebinar:hover{ background:url(../images/buttons/create_tw_site_btn.gif) 0 -27px no-repeat; } #mainPageTopSwoosh {background:#FFFFE7 url(../images/swoosh_top_thin.jpg) no-repeat; height:58px; margin:0 20px 0 19px; border:1px solid #99D484; border-width:0 1px;} #contentHeader{ height:35px; overflow:hidden;} #leftFooter{ background:green url(../images/page_btm_rpt.gif) repeat-x top left; height:30px; min-height:30px; top:-1px; z-index:1; } #leftBgFooter{background:#73AD72 url(../images/swoosh_btm_thin.jpg) no-repeat; min-height:190px; z-index:10; } #rightCol {padding-top:52px;} #leftCol {height:auto !important; min-height:530px; height:530px; padding-top:15px; }