body { margin: 0; padding: 0; text-align: center; background:#011656 url(../gui/background.png) top left repeat-x; } div#page { width: 973px; margin:0 auto 0 auto; padding:12px; text-align: center; background:#dcf0ff; } /*body#page-home div#page { background:#eef2f7 url(../gui/bg_page.png) top left repeat-x; }*/ html { overflow-y: scroll; } /* ddddddddddddddddddddddddddddddd*/ /* HEADER */ #header { margin: 0 0 0 0; padding: 0 0 0em 0; color: white; text-align: left; height:147px; background:#e0e0e0 url(../gui/bg_header.png) top left repeat-x; } #header_content { margin:0 auto 0 auto; padding:0px 0 0 0; text-align: left; width: 997px; position:relative; } a#site_logo { width:523px; height:112px; background:url(../gui/ta_sprite.png) top left no-repeat; background-position:0 0; display:block; } #logo { float:left; width:478px; } #search { float:right; width:194px; background:#c5d7e4; padding:10px 14px 10px 14px; position:relative; } #search label { display:block; color:#013888; margin:0 0 1em 0; font-size:1.5em; font-weight:lighter; font-family:Georgia, "Times New Roman", Times, serif; } input#search_data { border:solid 1px#b8b8b8; -moz-border-radius:8px; padding:5px 5px 5px 5px; font-size:1.2em; width:139px; float:left; margin:0 8px 0 0; } #search_bottom { width:222px; height:10px; background:url(../gui/ta_sprite.png) top left no-repeat; position:absolute; bottom:0; left:0; background-position:0 -112px; overflow:hidden; } #signup { position:absolute; top:5px; right:230px; z-index:200; } #signup a { font-family:Georgia, "Times New Roman", Times, serif; background:#C5D7E4 url(../gui/sign-up-icon-2.png) top left no-repeat; background-position: 10px 2px; color:#013888; font-size:1.1em; width:80px; padding:11px 10px 15px 100px; display:block; font-weight:bold; } div#signup a:hover { background:#9dc7e6 url(../gui/sign-up-icon-2.png) top left no-repeat; background-position: 10px 2px; } /* CONTENT */ #content { position: relative; width: 100%; margin: 0 auto 12px auto; padding: 0; text-align: left; } /* MAIN */ #main { width: 730px; padding: 10px 21px 10px 21px; float:left; background:#fff url(../gui/bg_sidebar.png) top right repeat-y; } #main div.corner { width:10px; height:10px; overflow:hidden; } #main div.tl { background-position:0 -182px; top:0; left:0; } #main div.tr { background-position:-10px -182px; top:0; right:0; } #main div.bl { background-position:0 -192px; bottom:0; left:0; } #main div.br { background-position:-10px -192px; bottom:0; right:0; } body#page-63 .tr { background-position:-20px -182px; top:0; right:0; } body#page-63 .br { background-position:-20px -192px; bottom:0; right:0; } #main_content { width:522px; float:left; position:relative; } #main_content h1 { color: #000d73; font-weight:lighter; border-bottom:solid 1px #c2d3e7; } /* Change the style for the first p tag proceeding a h1 tag */ /* doesnt work in ie6, so we do it again in javascript */ #main_content h1+p, #page_banner+p { color:#036cda; font-size: 1.2em; } #main_content h1+p a, #page_banner+p a { font-weight:bold; } #breadcrum p { margin:0 0 0.5em 0; } #breadcrum a { text-transform:capitalize } /* we display none the banner top prevent seeing all the banner images on page load jquery display blocks the banner when it kicks in */ #page_banner { height:150px; margin-bottom:1em; display:none; } #page_foot_links { margin:1em 0 0 0; } div.divider { border-bottom:solid 1px #c2d3e7; height:1px; } /* * gallery */ div.gallery { background:#f0f5f8 url(../gui/gallery_shadow.png) bottom left no-repeat; padding:0 0 17px 0; width:148px; } div.gallery_content { border:solid 1px #bcbcbc; padding:3px 2px 6px 2px; } ul#galleries { margin:0; padding:0; list-style:none; } ul#galleries li { margin:0 35px 0 0; padding:0; list-style:none; display:inline; float:left; } ul#galleries li.row_end { margin-right:0; } div.gallery p { margin:3px 0 0 0; text-align:center; font-weight:bold; } /* * contact page */ ul#contact_boxes { margin:1em 0 0 0; padding:0; list-style:none; } ul#contact_boxes li { margin:0 0 1em 0; padding:0; list-style:none; border:solid 1px #ebebeb; padding: 10px; background:#f2f1f0; } ul#contact_boxes .excerpt, ul#contact_boxes .excerpt_long{ margin:0 0 0 0; background:#fff; float:left; width:310px; padding:10px; border:solid 1px #ebebeb; } ul#contact_boxes .excerpt_long{ width:478px; } ul#contact_boxes li h2 { margin:0 0 0.1em 0; } ul#contact_boxes li p { margin:0; } ul#contact_boxes div.page_thumbnail{ float:left; margin:0 1em 0 0; width:110px; height:75px; } ul#contact_boxes .boxshadow { -moz-box-shadow: 0 0 3px #999999; box-shadow: 0 0 3px #999999; -webkit-box-shadow: 0 0 3px #999999; } ul#contact_boxes .boxshadow:hover{ -moz-box-shadow: 0 0 6px #555555; box-shadow: 0 0 6px #555555; -webkit-box-shadow: 0 0 6px #555555; } /* * Address & directions page */ div.location_info { border:solid 1px #ebebeb; padding:6px; margin:0 0 1em 0; background:#f2f1f0; } div.address { background:#fff; float:left; width:210px; padding:10px; border:solid 1px #ebebeb; } div#school_college_addres { min-height:206px; } div#adams_house_address { min-height:225px; } div.location_map { float:left; margin:0 0 0 6px; background:#f0f5f8; border:solid 1px #bcbcbc; width:110px; height:75px; padding:3px; } div.location_info div.map { float:left; margin:0 0 6px 6px; background:#f0f5f8; border:solid 1px #bcbcbc; width:268px; margin:0 0 6px 6px; } p.location_hint { float:left; margin:0 0 0 6px; background:#fff; padding:0.5em; border:solid 1px #bcbcbc; font-style:italic; color:#666666; } div.location_info p.title { color:#000; margin-bottom:0.5em; color:#036cda; font-size: 1.2em; } div#school_college_map { height:137px; } div#adams_house_map { height:245px; } /* post lists */ #page-news-stories ul.post_list, #page-school-news ul.post_list, #page-college-news ul.post_list, #page-boarding-news ul.post_list{ border:none; padding:0; } ul.post_list { padding:1.5em 0 0 0; margin:1.5em 0 0 0; list-style:none; /*border-top:solid 1px #c2d3e7;*/ } ul.post_list li.post { padding:0 0 1em 0; margin:0 0 1.5em 0; list-style:none; border-bottom:solid 1px #c2d3e7; } ul.post_list h3 { margin:0; } ul.post_list h3 a, ul.post_list h3 a:link, ul.post_list h3 a:active, ul.post_list h3 a:visited { color:#111655; } ul.post_list h3 a:hover { color:#7579ab; } p.post_date { font-style:italic; color:#666; margin:0 0 0.5em 0; } .button, .button:link, .button:active, .button:visited { background:#008aca url(../gui/bg_topnav_button.png) top left repeat-x; color:#fff; text-decoration:none; padding:5px 8px 5px 8px; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .button:hover { background:#012c6c url(../gui/bg_topnav_button_over.png) top left repeat-x; } div#pagination ul { margin:0; padding:0; list-style:none; } div#pagination li { margin:0 0.5em 0 0; padding:0; display:inline; float:left; } div#pagination li.selected span{ background:#012c6c url(../gui/bg_topnav_button_over.png) top left repeat-x; cursor:auto; } /* list page items */ ul.item_list { margin:1.5em 0 0 0; list-style:none; } ul.item_list li { margin:0 0 1.5em 0; padding:0; list-style:none; border-bottom:solid 1px #c2d3e7; } ul.item_list p { margin:0 0 1em 0; } div.page_thumbnail { background:#f0f5f8; border:solid 1px #bcbcbc; width:140px; height:105px; float:right; margin-right:1em; overflow:hidden; padding:3px; } div.item_content { float:left; width:350px; } /* * calendar page */ /*#page-calendar div#main div.tr { background-position: }*/ div#calendar_menu { margin:1em 0 1em 0; padding:0; } div#calendar_menu ul { margin:0; padding:0; list-style:none; } div#calendar_menu li { margin:0 1em 0 0; padding:0; list-style:none; display:inline; float:left; } div#calendar_menu li.last { margin:0; } div#calendar_menu a { display:block; padding:10px 10px 10px 10px; background:#d0e4ff; color:#333b8c; font-weight:bold; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } div#calendar_menu a:hover, div#calendar_menu li.selected a{ background:#91b6e8; } /* * sidebar */ div#sidebar { float:right; width:171px; padding:18px 0 18px 18px; } ul#side_images { margin:0; padding:0; list-style:none; } ul#side_images li { margin:0 0 1em 0; padding:0; list-style:none; } ul#side_images li img { border:solid 4px #fff; } div#sidebar a { text-decoration:underline; color:#002356; } ul#inner_icons { margin:0; padding:0; list-style:none; } ul#inner_icons li { margin:0 0 10px 0; padding:0; list-style:none; } /* SUB */ div#sub { float:left; width:192px; background:#fff; margin:0 9px 0 0; } /*div#sub { width: 920px; padding: 0 20px 0 20px; }*/ /* * SUB NAVIGATION */ div#sub_nav ul { margin:0; padding:0; list-style:none; background:#dcf0ff; } div#sub_nav ul li ul { margin:0 0 0 0.5em !important; } div#sub_nav ul li ul li ul { margin:0 0 0 1.2em !important; } div#sub_nav ul li ul li a { background:#fff !important; border-left:solid 4px #839bbe; font-size:0.9em; } div#sub_nav ul li ul li a.current, div#sub_nav ul li ul li a:hover{ background:#f3f2f2 !important; border-left:solid 4px #839bbe; color:#333; } div#sub_nav ul li { margin:0; padding:0; list-style:none; border-bottom:solid 1px #e3e3e3; background:none; } div#sub_nav ul li.last { border-bottom:none; } /* * subnav corners */ div#sub_nav a span.corner { position:absolute; width:10px; height:10px; overflow:hidden; background:url(../gui/subnav_corners.png) top left no-repeat; } div#sub_nav a span.topLeft { top:0; left:0; background-position:0 0;} div#sub_nav a span.topRight { top:0; right:0; background-position:-10px 0; } div#sub_nav a span.bottomLeft { bottom:0; left:0; background-position:-20px -10px;} div#sub_nav a span.bottomRight { bottom:0; right:0; background-position:-30px -10px; } div#sub_nav a, div#sub_nav a:link, div#sub_nav a:active, div#sub_nav a:visited { display:block; background:#b5c4d9; padding:5px 10px 5px 10px; color:#333; position:relative; } div#sub_nav a.current, div#sub_nav a:hover { background:#013580; color:#fff; } div#sub_nav a.current span.topRight, div#sub_nav a:hover span.topRight { background-position:-10px -10px; } div#sub_nav a.current span.topLeft, div#sub_nav a:hover span.topLeft { background-position:0px -10px; } div#sub_nav a.current span.bottomLeft, div#sub_nav a:hover span.bottomLeft { background-position:-20px 0px; } div#sub_nav a.current span.bottomRight, div#sub_nav a:hover span.bottomRight { background-position:-30px 0px; } div#sub_menu ul.non_root li a span.topRight { background-position:0px 0px !important; } /* * Home page widgets */ /* * home page widget section 1 */ div#home_page_widgets_1 { height:292px; margin:0 0 14px 0; } /* we display none the banner top prevent seeing all the banner images on page load jquery display blocks the banner when it kicks in */ div#home_banner { height:292px; width:644px; -moz-border-radius:20px; float:left; margin:0 14px 0 0; overflow:none; } .banner_image { height:292px; width:644px; position:relative; display:none; } div#home_text { float:left; width:283px; padding:23px 16px 23px 16px; background:#fff; /*-moz-border-radius:20px;*/ min-height:246px; margin:0 0 0.5em 0; } div#home_text p { font-size:1.1em; } div#home_text h1 { font-family:Georgia, "Times New Roman", Times, serif; color:#013888; font-weight:lighter; font-size:2.2em; margin:0 0 0.5em 0; line-height:1em; } div#home_text div.corner { width:20px; height:20px; overflow:hidden; } div#home_text div.tl { background-position:0 -122px; top:0; left:0; } div#home_text div.tr { background-position:-20px -122px; top:0; right:0; } div#home_text div.bl { background-position:0 -142px; bottom:0; left:0; } div#home_text div.br { background-position:-20px -142px; bottom:0; right:0; } div.overlay_text { position:absolute; top:163px; color:#19355c; padding:8px 14px 8px 14px; width:420px; font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; background: url(../gui/bg_banner_overlay_text.png) top left repeat; } /*div#home_text_bottom { position:absolute; bottom:0px; left:0; width:315px; height:17px; background:url(../gui/home_text_bottom.png) top left no-repeat; } div#home_text_top { position:absolute; top:0; left:0; width:315px; height:17px; background:url(../gui/home_text_top.png) top left no-repeat; }*/ /* * home page widget section 2 */ div#home_page_widgets_2 { height:68px; margin:0 0 11px 0; } ul#home_quick_links { margin:0; padding:0; list-style:none; } ul#home_quick_links li { margin:0 14px 0 0; padding:0; list-style:none; float:left; display:inline; } ul#home_quick_links li.last { margin:0; float:right; } a.link_icon_box, a.link_icon_box:link, a.link_icon_box:active, a.link_icon_box:visited { display:block; width:134px; height:68px; padding:10px 10px 0 6px; color:#013888; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; } ul#home_quick_links li a:hover{ color:#4d80ca; } a#news_box { background:url(../gui/bg_home_news_box.gif) top left no-repeat; } a#letters_box { background:url(../gui/bg_home_letters_box.gif) top left no-repeat; } a#calendar_box { background:url(../gui/bg_home_calendar_box.gif) top left no-repeat; } a#gallery_box { background:url(../gui/bg_home_gallery_box.gif) top left no-repeat; } a#vle_box { background:url(../gui/bg_home_vle_box.gif) top left no-repeat; line-height:1.2em; } a#application_box { background:url(../gui/bg_home_application_box.gif) top left no-repeat; } /* * home page widget section 3 */ div#home_page_widgets_3 { margin:0; } ul#home_sections { margin:0; padding:0; list-style:none; } ul#home_sections li.section { margin:0 14px 0 0; padding:0; list-style:none; display:inline; float:left; width:313px; position:relative; border-left:solid 1px #b9b9b9; border-right:solid 1px #b9b9b9; border:solid 1px #b9b9b9; background:#eaf2fb url(../bg_home_section_box.png) top left repeat-x; -moz-border-radius:8px; } ul#home_sections li.section div.section_bottom { background:url(../gui/section_corners.png) top left no-repeat; height:8px; width:315px; position:absolute; bottom:-1px; left:-1px; background-position:0 -32px; } ul#home_sections li.section h2 { color:#fff; padding:2px 17px 2px 17px; border-bottom:solid 1px #fff; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:lighter; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; } ul#home_sections li.section h2 a{ color:#fff; } ul#home_sections li.section h2 a:hover{ color:#ccc; } div.section_top { position:absolute; top:-1px; left:-1px; height:8px; width:315px; overflow:hidden; background:url(../gui/section_corners.png) top left no-repeat; } li#school div.section_top { background-position:0 -16px; } li#adams_college div.section_top{ background-position:0 -8px; } li#boarding_house div.section_top{ background-position:0 -0px; } /* inner boxes */ li#school_about div.section_top, li#school_events div.section_top, li#school_news div.section_top, li#college_about div.section_top, li#college_events div.section_top, li#college_news div.section_top, li#boarding_about div.section_top, li#boarding_events div.section_top, li#boarding_news div.section_top{ background-position:0 -24px;} li#school_about h2, li#school_events h2, li#school_news h2, li#college_about h2, li#college_events h2, li#college_news h2, li#boarding_about h2, li#boarding_events h2, li#boarding_news h2 { background:#032b82 url(../gui/bg_blue_header.png) top left repeat-x; } li#school h2 { background:#411047 url(../gui/bg_school_header.png) top left repeat-x; } li#adams_college h2 { background:#006656 url(../gui/bg_adams_college_header.png) top left repeat-x; } li#boarding_house h2 { background:#830b19 url(../gui/bg_boarding_house_header.png) top left repeat-x; } ul#home_sections li.last { margin:0; } ul.section_links { margin:11px 0 18px 12px; padding:0; } ul.section_links li { list-style:none; margin-left:0; padding:0 11px 0 11px; background:url(../gui/bullet.gif) top left no-repeat; background-position: 0 5px; font-family:Georgia, "Times New Roman", Times, serif; } ul.section_links p { margin:0 0 0.5em 0; color:#727171; } ul.section_links li a, ul.section_links li a:link ul.section_links li a:active, ul.section_links li a:visited { color:#666666; font-size:1.3em; font-weight:lighter; } ul.section_links li a:hover { color:#999999; } /* * corners */ div.corners { position:relative; } div.corner { background:url(../gui/ta_sprite.png) top left no-repeat; position:absolute; } /* * HOUSE SYSTEM PAGE */ ul#house_system_1 { width:409px; margin:0 auto 15px auto; } ul#house_system_2 { width:302px; margin:0 auto 1em auto; } ul.house_system { padding:0; list-style:none; } ul.house_system li { margin:0 15px 0px 0; padding:5px; list-style:none; display:inline; float:left; background:#f2f1f0; text-align:center; } ul.house_system li.last { margin:0; } ul.house_system span { border:solid 1px #ebebeb; background:#fff; display:block; padding:5px; margin:0; font-weight:bold; } ul.house_system a.external { background:none; text-align:center; padding:0px; } ul.house_system img { border:solid 1px #bcbcbc; padding:3px; background:#f0f5f8; display:block; margin:0 0 5px 0; width:70px; height:85px; } /* * SEARCH PAGE */ #search_results { margin:0; padding:0; list-style:none; } #search_results li { margin:0 0 1em 0; padding:0; list-style:none; } #search_results h2 { margin:0; } #search_results .last_updated{ margin:0; color:#666; font-size:0.9em; } #search_results .content_excerpt{ margin:0; } #search_results .linktext { margin:0; color:#666;} /* FOOTER */ div#footer { color:#333; background-color:#fff; text-align:left; padding:10px 27px 10px 27px; /*-moz-border-radius:20px;*/ margin:0; } div#footer div.corner { width:20px; height:20px; overflow:hidden; } div#footer div.tl { background-position:0 -122px; top:0; left:0; } div#footer div.tr { background-position:-20px -122px; top:0; right:0; } div#footer div.bl { background-position:0 -142px; bottom:0; left:0; } div#footer div.br { background-position:-20px -142px; bottom:0; right:0; } div#footer_logos { width:520px; height:70px; background:url(../gui/ta_sprite.png) top left no-repeat; background-position:0 -222px; } ul#bottom_links { margin:0.5em 0 0 0; padding:0; list-style:none; float:right; } ul#bottom_links li { margin:0 1em 0 0; padding:0; list-style:none; display:inline; float:left; }