/******************************************** BASIC CSS This Page is For All HTML pages Contains layout and header/footer ********************************************/ /******************************************** BASIC LAYOUT ********************************************/ * {margin: 0; padding: 0} img {border:none;} body { font: 14px Verdana, Helvetica, sans-serif; color: #333333; background-color:#336699; padding-bottom:0px; } ul { margin-left: 18px; } #theHeader{ position: relative; width: 760px; margin-left: auto; margin-right: auto; margin-top:0px; display:block; } #theBody{ position: relative; width: 760px; margin-left: auto; margin-right: auto; margin-top:0px; display:block; margin-top:10px; } #theFooter{ position: relative; width: 760px; margin-left: auto; margin-right: auto; margin-top:0px; display:block; clear:both; height:100px; } #main_wrapper{border-left:solid 10px #ffffff;border-right:solid 10px #ffffff; padding-top:0px} #navigation_wrapper{width:216px;float:left;} #content_wrapper{width:512px;float:left;margin-right:12px;display:inline;padding-top:6px} #main_wrapper:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden; } #main_wrapper{display: inline-block;} #sub_navigation{margin-left:12px;padding-right:24px;} #main_content{background-color:#ffffff;padding:12px;padding-bottom:0px;} #main_content_rc{background-color:#ffffff;padding-bottom:0px;} #rc_bg{background:transparent url(../images/crc-knight_background.jpg) no-repeat 0 0;padding:12px;} a, a:link {color:#0033cc; text-decoration: none;} a:visited {color:#0033cc; text-decoration: none;} a:focus, a:hover, a:visited:hover, a:active {color:#0033cc; text-decoration: underline;} #text_header{font: 1px/1px Verdana;} #theHeader span, #section_heading span{display:none} #text_header {height:7px; width:512px;} #text_footer {height:7px; width:512px;} #btt{height:45px;} #btt span{display:none;} #btt a{display:block; height:45px; width:36px; float:right;} h1{ color:#ffffff; font: bolder 16px/21px Verdana, Helvetica, sans-serif;padding:0px 0px 5px 12px;} h2{font: bolder 14px/17px Verdana, Helvetica, sans-serif;padding-bottom:10px;} .print_page{float:right; width:auto;margin-right:12px;margin-top:3px;display:inline;margin-left:20px;} .print_page a{padding-right:22px;} #footer_nav{padding-top:30px; color:#9DEDFF;text-align:center;} #footer_nav a{ color:#9DEDFF;font: 12px/17px Verdana, Helvetica, sans-serif;} #main_content p{padding-bottom:10px; font: 14px/18px Verdana, Helvetica, sans-serif;} #main_content_rc p{padding-bottom:10px; font: 14px/18px Verdana, Helvetica, sans-serif;} .credit {font: bold 9px Verdana, Helvetica, sans-serif;} /* fonts and styles */ #catalog #text_header {background:transparent url(../images/catalog_h1_bg.gif) no-repeat 0 0;} #catalog #text_footer {background:transparent url(../images/catalog_text_footer_bg.gif) no-repeat top center;} #catalog #theBody {background: #eafdb7 url(../images/catalog_bg.gif) repeat-x 0 0;} #catalog #btt a{background:transparent url(../images/catalog_feet.gif) no-repeat 0 0;} #catalog h2{color:#669900;} #catalog .print_page a{color:#ccff66; background:transparent url(../images/catalog_print.gif) no-repeat right center;} #catalog #body_top {background:transparent url(../images/catalog_top.gif) no-repeat 0 0;height:16px;} #catalog #section_heading {background:transparent url(../images/catalog_heading.gif) no-repeat 12px 0;height:92px;} #catalog #page_heading {background-color:#669900;} #catalog #theFooter {background:transparent url(../images/catalog_footer_bg.gif) no-repeat 0 0;} #books #text_header {background:transparent url(../images/books_h1_bg.gif) no-repeat 0 0;} #books #text_footer {background:transparent url(../images/books_text_footer_bg.gif) no-repeat top center;} #books #theBody {background: #e4cffe url(../images/books_bg.gif) repeat-x 0 0;} #books #btt a{background:transparent url(../images/books_feet.gif) no-repeat 0 0;} #books h2{color:#660099;} #books .print_page a{color:#cc99ff; background:transparent url(../images/books_print.gif) no-repeat right center;} #books #body_top {background:transparent url(../images/books_top.gif) no-repeat 0 0;height:16px;} #books #section_heading {background:transparent url(../images/books_heading.gif) no-repeat 12px 0;height:80px;} #books #page_heading {background-color:#660099;} #books #theFooter {background:transparent url(../images/books_footer_bg.gif) no-repeat 0 0;} #hmwrk #text_header {background:transparent url(../images/hmwrk_h1_bg.gif) no-repeat 0 0;} #hmwrk #text_footer {background:transparent url(../images/hmwrk_text_footer_bg.gif) no-repeat top center;} #hmwrk #theBody {background: #ffebea url(../images/hmwrk_bg.gif) repeat-x 0 0;} #hmwrk #btt a{background:transparent url(../images/hmwrk_feet.gif) no-repeat 0 0;} #hmwrk h2{color:#990000;} #hmwrk .print_page a{color:#ff9999; background:transparent url(../images/hmwrk_print.gif) no-repeat right center;} #hmwrk #body_top {background:transparent url(../images/hmwrk_top.gif) no-repeat 0 0;height:16px;} #hmwrk #section_heading {background:transparent url(../images/hmwrk_heading.gif) no-repeat 12px 0;height:100px;} #hmwrk #page_heading {background-color:#990000;} #hmwrk #theFooter {background:transparent url(../images/hmwrk_footer_bg.gif) no-repeat 0 0;} #sites #text_header {background:transparent url(../images/sites_h1_bg.gif) no-repeat 0 0;} #sites #text_footer {background:transparent url(../images/sites_text_footer_bg.gif) no-repeat top center;} #sites #theBody {background: #e0f1ff url(../images/sites_bg.gif) repeat-x 0 0;} #sites #btt a{background:transparent url(../images/sites_feet.gif) no-repeat 0 0;} #sites h2{color:#3399ff;} #sites .print_page a{color:#adeaff; background:transparent url(../images/sites_print.gif) no-repeat right center;} #sites #body_top {background:transparent url(../images/sites_top.gif) no-repeat 0 0;height:16px;} #sites #section_heading {background:transparent url(../images/sites_heading.gif) no-repeat 12px 0;height:100px;} #sites #page_heading {background-color:#3399ff;} #sites #theFooter {background:transparent url(../images/sites_footer_bg.gif) no-repeat 0 0;} #events #text_header {background:transparent url(../images/events_h1_bg.gif) no-repeat 0 0;} #events #text_footer {background:transparent url(../images/events_text_footer_bg.gif) no-repeat top center;} #events #theBody {background: #ffffcc url(../images/events_bg.gif) repeat-x 0 0;} #events #btt a{background:transparent url(../images/events_feet.gif) no-repeat 0 0;} #events h2{color:#ff8500;} #events .print_page a{color:#ffff99; background:transparent url(../images/events_print.gif) no-repeat right center;} #events #body_top {background:transparent url(../images/events_top.gif) no-repeat 0 0;height:16px;} #events #section_heading {background:transparent url(../images/events_heading.gif) no-repeat 12px 0;height:53px;} #events #page_heading {background-color:#ff8500;} #events #theFooter {background:transparent url(../images/events_footer_bg.gif) no-repeat 0 0;} #games #text_header {background:transparent url(../images/games_h1_bg.gif) no-repeat 0 0;} #games #text_footer {background:transparent url(../images/games_text_footer_bg.gif) no-repeat top center;} #games #theBody {background: #dcffff url(../images/games_bg.gif) repeat-x 0 0;} #games #btt a{background:transparent url(../images/games_feet.gif) no-repeat 0 0;} #games h2{color:#339999;} #games .print_page a{color:#99ffff; background:transparent url(../images/games_print.gif) no-repeat right center;} #games #body_top {background:transparent url(../images/games_top.gif) no-repeat 0 0;height:16px;} #games #section_heading {background:transparent url(../images/games_heading.gif) no-repeat 12px 0;height:55px;} #games #page_heading {background-color:#339999;} #games #theFooter {background:transparent url(../images/games_footer_bg.gif) no-repeat 0 0;} #spanish #text_header {background:transparent url(../images/spanish_h1_bg.gif) no-repeat 0 0;} #spanish #text_footer {background:transparent url(../images/spanish_text_footer_bg.gif) no-repeat top center;} #spanish #theBody {background: #fee2fe url(../images/spanish_bg.gif) repeat-x 0 0;} #spanish #btt a{background:transparent url(../images/spanish_feet.gif) no-repeat 0 0;} #spanish h2{color:#cc00cc;} #spanish .print_page a{color:#ff99FF; background:transparent url(../images/spanish_print.gif) no-repeat right center;} #spanish #body_top {background:transparent url(../images/spanish_top.gif) no-repeat 0 0;height:16px;} #spanish #section_heading {background:transparent url(../images/spanish_heading.gif) no-repeat 12px 0;height:55px;} #spanish #page_heading {background-color:#cc00cc;} #spanish #theFooter {background:transparent url(../images/spanish_footer_bg.gif) no-repeat 0 0;} #parents #text_header {background:transparent url(../images/parents_h1_bg.gif) no-repeat 0 0;} #parents #text_footer {background:transparent url(../images/parents_text_footer_bg.gif) no-repeat top center;} #parents #theBody {background: #ffe5cd url(../images/parents_bg.gif) repeat-x 0 0;} #parents #btt a{background:transparent url(../images/parents_feet.gif) no-repeat 0 0;} #parents h2{color:#663300;} #parents .print_page a{color:#cc9966; background:transparent url(../images/parents_print.gif) no-repeat right center;} #parents #body_top {background:transparent url(../images/parents_top.gif) no-repeat 0 0;height:16px;} #parents #section_heading {background:transparent url(../images/parents_heading.gif) no-repeat 12px 0;height:62px;} #parents #page_heading {background-color:#663300;} #parents #theFooter {background:transparent url(../images/parents_footer_bg.gif) no-repeat 0 0;} #preschool #text_header {background:transparent url(../images/preschool_h1_bg.gif) no-repeat 0 0;} #preschool #text_footer {background:transparent url(../images/preschool_text_footer_bg.gif) no-repeat top center;} #preschool #theBody {background: #e0f1ff url(../images/preschool_bg.gif) repeat-x 0 0;} #preschool #btt a{background:transparent url(../images/preschool_feet.gif) no-repeat 0 0;} #preschool h2{color:#33ff39;} #preschool .print_page a{color:#adeaff; background:transparent url(../images/preschool_print.gif) no-repeat right center;} #preschool #body_top {background:transparent url(../images/sites_top.gif) no-repeat 0 0;height:16px;} #preschool #section_heading {background:transparent url(../images/preschool_heading.gif) no-repeat 12px 0;height:100px;} #preschool #page_heading {background-color:#33ff39;} #preschool #theFooter {background:transparent url(../images/preschool_footer_bg.gif) no-repeat 0 0;}