body, input { color: #000; font: normal 11px verdana, arial, san-serif; background: #fff; margin: 0; page: 0; } a { color: #3333FF; text-decoration: underline; } a:hover { color: #d63; } * html a:hover {visibility:visible} img { border: none; } p { line-height: 130%; margin: 1ex 0; padding: 0; } .clr { clear: both; } h4 { display: inline; } .newcolor1 { color: #336699;} .newcolor2 { color: #E14900;} .newcolor3 { color: #976806;} #wrapper { margin: 25px auto; width: 796px; position: relative; } /*** HEADER STYLES ***/ #logo { position: absolute; top: 19px; left: 8px; } #topLinks { color: #999; text-align: right; padding: 5px 8px; } #topLinks ul { list-style-type: none; padding: 0 10px 0 0; margin: 0; } #topLinks li { display: inline; padding: 0 .5em; border-right: solid #999 1px; } #topLinks li.lastItem { border-right: none; } #topLinks a { color: #999; } #topLinks a:hover { color: #d63; } #topblock { clear: both; } #search { text-align: right; padding: 2px 3px; clear: right;} #search form { padding: 0; margin: 0; } /*** TOP NAV STYLES ***/ /*** NOTE addition of 'dev' to url path for background image for dev server ***/ ul#nav { font: bold 11px verdana, arial, san-serif; background: url(/images/nav_on_1.png) no-repeat; list-style-type: none; padding: 0 0 0 8px; margin: 7px 0 0 0; height: 31px; } #nav li { float: left; position: relative; width: 5em; } /* Hide from Mac on IE \*/html>body #nav li { width: auto; }/* End hack */ #nav li ul { width: 21em; display: none; position: absolute; top: 31px; left: auto; padding: 0; margin: 0; /* changes background color of entire drop down navigation when hover over top level nav */ background: #fa3; /* background:#FFF; */ border: solid #fff 1px; z-index: 1; } #nav li:hover ul, #nav li.over ul { display: block; } #nav li li { display: block; float: none; width: 100%; position: relative; background-color: transparent; border-top: solid #fda 1px; } #nav li li:first-child { border-top: none; } #nav a { display: block; } #nav li li a { /* changes secondary links when hovering over top level nav */ /* color: #fda; background-color: #FC3; */ background-color: #999; color: #fff; text-decoration: none; display: block; padding: .3em .5em .3em 25px; } #nav li li:hover { background: #f93 url(/images/nav_sub_plus.gif) no-repeat 0 .2em; } #nav li li a:hover { color: #333; background: #f93 url(/images/nav_sub_plus.gif) no-repeat 0 .2em; } #nav li li span a { display: block; padding: 2px .4em 2px 35px; background: #fa3; } #nav li li span>a { padding-left: 0px; margin-left: 35px; /* light color border above tertiary links */ border-top: solid /* #fda */ #fa3 1px; } #nav li li span a:hover { background: #f93; } #nav li li span span span a { font-weight: normal; display: block; padding: 2px .4em 2px 45px; border: none; } #nav li li span span span>a { padding-left: 1em; } #nav a:hover img { visibility: hidden; } /*** MAIN CONTENT AREA STYLES ***/ #main { background: url(/images/shadow.gif); padding: 1px 8px 2px 8px; position: relative; z-index: -1; } html>body #main { z-index: 0; } /** Homepage styles **/ #home_mission { background: #ffe5bd; position: absolute; top: 1; left: 8px; width: 236px; height: 247px; /* EYL z-index: -1; */} #tagline { font: bold 13px verdana, arial; color: #777; padding: 26px 10px 20px 10px; } #mission { font: normal 12px/18px verdana; color: #777; padding: 0 10px; } .bigOrange { font: normal 18px verdana, arial; color: #ff9900; } .bigBlue { font: normal 18px verdana, arial; color: #417293; } .smallBlue { font: bold 14px verdana, arial; color: #417293; } #missionrev { font: normal 12px/15px verdana; color: #777; padding: 0 10px; } #home_image { position: absolute; top: 1px; left: 245px; } #home_4squares { position: absolute; top: 1px; right: 8px; width: 269px; height: 247px; } #home_4squares a { display: block; text-decoration: none; color: #FFF; } #home_4squares a:hover img { visibility: hidden; } #home_4squares #topleft { background: url(/images/4sq_students.jpg) no-repeat top left; position: absolute; top: 0; left: 0;} #home_4squares #topright { background: url(/images/4sq_partner.jpg) no-repeat; position: absolute; top: 0; left: 137px; } #home_4squares #bottomleft { background: url(/images/4sq_comm.jpg) no-repeat; position: absolute; top: 127px; left: 0; } #home_4squares #bottomright { background: url(/images/4sq_ed.jpg) no-repeat; position: absolute; top: 127px; left: 137px; } #home_4squares .text { font: bold 11px verdana, arial; position: absolute; top: 32px; left: 8px; width: 112px; background: transparent; } #home_4squares .title { font: bold 18px verdana, arial; padding-bottom: 5px; display: block; } #home_whatsnew_text { font: 11px verdana, arial; font-weight: bold; color: #666666; } /* new style for Student Engagement landing page */ /* 4squares colors: #4d89b4; */ #se_4squares { position: absolute; top: 1px; right: 8px; width: 269px; height: 247px; } #se_4squares a { display: block; text-decoration: none; color: #FFF; } #se_4squares a:hover img { visibility: hidden; } #se_4squares #topleft { background: url(/images/4sq_pr.png) no-repeat top left; position: absolute; top: 0; left: 0;} #se_4squares #topright { background: #4d89b4; width: 132px; height: 126px; position: absolute; top: 0; left: 137px; } #se_4squares #bottomleft { position: absolute; top: 127px; left: 0; } #se_4squares #bottomright { background: url(/images/4sq_sl_1.jpg) no-repeat; position: absolute; top: 127px; left: 137px; } #se_4squares .text { font: bold 11px verdana, arial; position: absolute; top: 32px; left: 8px; width: 112px; background: transparent; } #se_4squares .title { font: bold 18px verdana, arial; padding-bottom: 5px; display: block; } #se_missionrev { font: normal 11px verdana; color: #FFF; background-color: #ffe5bd; padding: 0 8px; height: 247px;} #se_missionbottom { background-color: #336699; width: 235px; height: 155px; position: absolute; top: 257px; left: 8px;} .smallWhite { font: bold 14px verdana, arial; color: #FFF; } /* new style for Volunteer landing page */ #vol_4squares { position: absolute; top: 1px; right: 8px; width: 269px; height: 247px; } #vol_4squares a { display: block; text-decoration: none; color: #FFF; } #vol_4squares a:hover img { visibility: hidden; } #vol_4squares #topleft { background: url(/images/4sq_vol.jpg) no-repeat top left; position: absolute; top: 0; left: 0;} #vol_4squares #topright { background: url(/images/4sq_vol_topright.jpg) no-repeat; position: absolute; top: 0; left: 137px; } #vol_4squares #bottomleft { background: url(/images/4sq_vol.jpg) no-repeat; position: absolute; top: 127px; left: 0; } #vol_4squares #bottomright { background: url(/images/4sq_vol.jpg) no-repeat; position: absolute; top: 127px; left: 137px; } #vol_4squares .text { font: bold 11px verdana, arial; position: absolute; top: 32px; left: 8px; width: 112px; background: transparent; } #vol_4squares .title { font: bold 18px verdana, arial; padding-bottom: 5px; display: block; } #vol_missionrev { font: normal 11px verdana; color: #FFF; background-color: #ffe5bd; padding: 0 8px; height: 247px;} #vol_missionbottom { background-color: #663300; width: 235px; height: 155px; position: absolute; top: 257px; left: 8px;} /* Featured content in Bottom Left of Volunteer landing page */ #vol_featurevolnow a { background: url(/images/feature_volnow.png) no-repeat; width: 235px; height: 65px; position: absolute; top: 257px; left: 17px; } #vol_featurevolnow a:hover { background-position: -235px 0; } /* Featured content in Bottom Left of Home Page */ #home_feature a { background: url(/images/salesforcet4.gif) no-repeat; width: 235px; height: 65px; position: absolute; top: 329px; left: 17px; } #home_featuresfsv a { background: url(/images/salesforcet4.gif) no-repeat; width: 235px; height: 65px; position: absolute; top: 329px; left: 17px; } #home_donate a { background: url(/images/donateNow.jpg) no-repeat; width: 235px; height: 65px; position: absolute; top: 339px; left: 17px; } #home_donatedec a { background: url(/images/feature_donatenow.png) no-repeat; width: 235px; height: 65px; position: absolute; top: 257px; left: 17px; } #home_donatedec a:hover, #home_librarySearch a:hover { background-position: -235px 0; } #home_salesforce { position: absolute; top: 329px; left: 48px; } #home_thankATeacherdec a { background: url(/images/thankTeacher.jpg) no-repeat; width: 235px; height: 77px; position: absolute; top: 329px; left: 17px; } #home_thankATeacherdec a:hover { background-position: -235px 0; } #home_librarySearch a { background: url(/images/librarySearch.jpg) no-repeat; width: 235px; height: 77px; position: absolute; top: 327px; left: 17px; } #home_thankATeacher a { background: url(/images/thankTeacher.jpg) no-repeat; width: 235px; height: 77px; position: absolute; top: 257px; left: 17px; } #home_thankATeacher a:hover { background-position: -235px 0; } #home_donate a:hover, #home_librarySearch a:hover { background-position: -234px 0; } #home_whatsnew { font: 11px verdana, arial; line-height: 100%; background: url(/images/whatsnew.jpg) no-repeat; padding: 38px 20px 10px 20px; width: 205px; height: 100px; position: absolute; top: 257px; left: 260px; } #home_info { width: 270px; height: 150px; position: absolute; top: 255px; left: 520px; } #home_info p { font: 11px verdana, arial; padding: 0 1px; margin: 5px 0 10px 0; } #home_info .title { font-weight: bold; padding: 2px 0 3px 20px; display: block; position: relative; } #home_info .title img.arrow { position: absolute; top: 1px; left: -20px; } html>body #home_info .title img.arrow { left: 0; } /** Landing page styles **/ img#landing_image { width: 236px; height: 184px; position: absolute; top: 1px; left: 8px; left: expression('0px'); } #intro { line-height: 140%; background: url(/images/landing_peachCheck.gif); padding: 20px 35px 10px 45px; width: 463px; height: 154px; position: relative; top: 0; left: 237px; } #intro #sectionTitle { font: small-caps bold 20px verdana, arial; padding: 3px 0; } #sectionTitle img { position: absolute; left: 20px; } #intro #sectionTagline { font: bold 19px verdana, arial; color: #417293; padding-bottom: 2px; } #landing_blueStripe { display: block; border-top: solid #fff 1px; border-bottom: solid #fff 1px; } #landing_quote { font: normal 13px verdana, arial; color: #417293; background: #fff4e5; width: 205px; float: left; padding: 16px; } #landing_qSource { font-size: 10px; padding: 1.5ex 0 0 16px; background: url(/images/dash_blue.gif) no-repeat 1px 2.8ex; } #landing_content { background: url(/images/landing_peach.gif) repeat-y top left; padding: 15px 20px 15px 250px; min-height: 300px; } #landing_content table { border: none; border-collapse: collapse; margin: 0 10px 20px 10px; } #landing_content td { border-top: solid #CCC 1px; padding: 9px; padding-left: 23px; background: url(/images/bullet_8blue.gif) no-repeat 9px 14px; width: 49%; vertical-align: top; } #landing_content .borderNoTop td { border-top: none; } #landing_content .borderRight { border-right: solid #CCC 1px; } #landing_content td ul { list-style-type: none; font-weight: bold; line-height: 110%; margin: 0; padding: 0; } #landing_content td li { padding: 2px 0; } #landing_content a { font-weight: normal; } .landing_caption { background: url(/images/landing_captionTop.gif) no-repeat 0 0; width: 474px; padding: 5px 0; margin: 0 auto; } .landing_caption div { border-left: solid #ccc 1px; border-right: solid #ccc 1px; padding: 10px 15px; } .landing_caption img { display: block; } /** Top-Right Button Styles **/ #donatenow a { background: url(/images/feature_donatenow.png) no-repeat; width: 235px; height: 65px; position: absolute; top: 85px; right: 17px; } #donatenow a:hover { background-position: -235px 0; } #volnow a { background: url(/images/feature_volnow.png) no-repeat; width: 235px; height: 65px; float: right; } #volnow a:hover { background-position: -235px 0; } /** Search Results Styles**/ .even { background-color:#E2ECF3;} /* font-size:95%;} */ .odd { background-color:#FFF;} /* font-size:95%;} */ .tabletitle{ background-color:#CCCCCC;} /** Form Styles **/ td.first {text-align:right;} td.second {text-align:left;} .form_field, .form_labels {font: normal 11px verdana, arial, sans-serif; color:#000;} input.submit {background-color: #D0DE49;} .error, .required{color:#FF0000;} /** Subpage styles **/ #sub_leftCol_bg { background: url(/images/sub_leftNav_bg.gif) repeat-y; margin: 0; padding: 0 0 1px 0; } #sub_header { background: url(/images/sub_blueCheckBanner.jpg) no-repeat top left; width: 780px; height: 71px; padding: 0; margin: 0; position:relative; top: 0; left: 0; } #sub_header img { position: absolute; top: 4px; left: 166px; width: 447px; height: 61px; } #sub_header .title { background: transparent url(/images/plus_whiteBlue.gif) no-repeat 0 7px; color: #fff; font: small-caps bold 15px verdana, arial; position: absolute; top: 20px; left: 20px; padding: 5px 0 5px 23px; } #sub_header_volunteers { background: url(/images/sub_blueCheckBanner_vol.jpg) no-repeat top left; width: 780px; height: 71px; padding: 0; margin: 0; position:relative; top: 0; left: 0; } #sub_header_volunteers img { position: absolute; top: 4px; left: 166px; width: 447px; height: 61px; } #sub_header_volunteers .title { background: transparent url(/images/plus_whiteBlue.gif) no-repeat 0 7px; color: #fff; font: small-caps bold 15px verdana, arial; position: absolute; top: 20px; left: 20px; padding: 5px 0 5px 23px; } #sub_left { float: left; width: 165px; padding: 0 11px 0 0; margin: 0; height:420px; } html>body #sub_left { height: auto; } ul#leftNav { list-style-type: none; padding: 0; margin: 0; } #leftNav a { color: #666; text-decoration: none; padding: 4px 0 4px 20px; display: block; } #leftNav a:hover { background: #fda; } * html #leftNav a { height: 1%; } #leftNav ul { list-style-type: none; padding: 0; margin: 0; } #leftNav li { padding: 0; margin: 0; font-weight: bold; border-bottom: solid #fff 1px; } #leftNav li li { border-top: solid #fff 1px; border-bottom: none; margin: 0 0 0 20px; } #leftNav li li a { padding-left: 16px; } #leftNav li li ul { padding-left: 25px; } #leftNav li li li { border: none; font-size: 90%; margin: 0; } #leftNav li li li a { font-weight: normal; padding: 4px 12px; } #leftNav .active { background: #fda url(/images/plus_sub.gif) no-repeat 3px 4px; } #leftNav .active a { color: #666; } #leftNav .active a:hover { background: transparent; } #leftNav .active li { border-top: solid #fff 1px; } #leftNav .active li a { color: #666; } #leftNav .active li a:hover { background: transparent; color: #666; text-decoration: underline; } #leftNav .active li li { border: none; } #leftNav .active .active { background: url(/images/plus_sub2.gif) no-repeat 0 5px; } #leftNav .active .active a { color: #666; } #leftNav .active .active li a { color: #666; } #leftNav .active .active li a:hover { color: #666; } #sub_right { float: right; border-left: solid #CCC 1px; width: 135px; padding: 3px 15px; margin: 20px 0; margin-left:10px; } .rightImage { display: block; margin: 3px auto; } .sub_quote { margin: 10px 0; color: #666; } .sub_quote_orange { margin: 10px 0; color: #f90; } .sub_qSource { font-size: 10px; padding: 1.5ex 0 0 16px; background: url(/images/dash_blue.gif) no-repeat 1px 2.8ex; } #sub_content { background: url(/images/sub_bg.gif) repeat-y top left; min-height: 470px; padding: 0 30px 0 185px; margin: 0; } #sub_content ul { list-style-type: none; padding: 5; margin: 0; margin:0 0 0 20px; } #sub_content li { background: url(/images/bullet_8blue.gif) no-repeat 0px 6px; padding: 3px 0 5px 20px; } /* css styles for Thank A Teacher iframe layout */ #sub_content_tatc { background: #fff; min-height: 470px; padding: 0 30px 0 15px; margin: 0; } /* css styles for Student Engagement layout */ #sub_content_se { padding: 0 30px 0 165px; } #sub_left { padding: 0 0 0 0; } #sub_header_se { background: url(/images/sub_blueCheckBanner_se.jpg) no-repeat top left; width: 780px; height: 71px; padding: 0; margin: 0; position:relative; top: 0; left: 0; } #sub_header_se img { position: absolute; top: 4px; left: 166px; width: 307px; height: 61px; } #sub_header_se .title { background: transparent url(/images/plus_whiteBlue.gif) no-repeat 0 7px; color: #fff; font: small-caps bold 15px verdana, arial; position: absolute; top: 20px; left: 20px; padding: 5px 0 5px 23px; } #sub_path { padding: 6px 0 0 0; margin: 0 0 6px 0; } #sub_path ul { list-style-type: none; padding: 0; margin: 0; font-weight: bold; font-size: 90%; color: #999; } #sub_path li { display: inline; background: url(/images/arrow_gray.gif) no-repeat 0 6px; padding: 2px 2px 2px 11px; } #sub_path li.firstChild { background: none; padding-left: 0px; } #sub_path a { font-weight: normal; color: #999; } #sub_path a:hover { color: #fda; } #pageTitle { background: url(/images/bullet_15multi.gif) no-repeat 0 3px; font-size: 160%; font-weight: bold; color: #f90; margin: 2ex 0 1ex 0; padding: 0 0 0 19px; } .paratitle { font-size:13px; font-weight: bold; font-family:verdana, arial, Helvetica, sans-serif; color:#417293; padding: 8px 0 0 0; } .boldtitle { font-size:13px; font-weight: bold; font-family:verdana, arial, Helvetica, sans-serif; color:#f90; padding: 8px 0 0 0; } .para_subtitle { font-size:11px; font-weight:bold; font-family:verdana, arial, Helvetica, sans-serif; color:#666; text-decoration: none;} .parathin { font-size:13px; font-weight: normal; font-family:verdana, arial, Helvetica, sans-serif; color:#417293; padding: 8px 0 0 0; } #table_Hdeviders {height:1px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; margin-bottom:10px;} /*** FOOTER STYLES ***/ #bottomStripe { background: url(/images/bottomStripe.gif); width: 796px; height: 34px; margin: 0 0 2px 0; padding: 0; } #footer { color: #999; text-align: center; } #footer ul { list-style-type: none; padding: 0; margin: 0; } #footer li { display: inline; padding: 0 .7em; margin: 0; border-right: solid #999 1px; } html>body #footer li { padding-left: .2em; } #footer li.lastItem { border-right: none; } #footer a { color: #999; text-decoration: none; } #footer a:hover { color: #d63; }