/* ----------------------------------------------- Scots College - - - - - - - - - - - - - - - - - - - - - - - - Filename: scots.base.css Author: Catch Design Limited (www.catchdesign.co.nz) Date: 11 January 2010 ----------------------------------------------- */ /* =GLOBAL ----------------------------------------------- */ /* RESET Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} body { background:#fff; font: 63.7%/1.4 Arial, sans-serif; color:#000; } /* =Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* =Generic */ a { color:#b82832 ; text-decoration:underline; } a:hover { text-decoration: none; } a img, a:hover img { border: none; } .hide { text-indent:-9999em; outline: none; } .alignright { float:right; } .alignleft { float:left; } img.alignright { padding:0; margin:0 0 10px 10px; } img.alignleft { padding:0; margin: 0 10px 5px 0; } hr {border:none;height:1px;background:#cccccc;margin:15px 0;width:100%; display:block;clear:both;color:#cccccc;} blockquote{background:url(../img/quote_left.png) no-repeat 0 3px;margin:20px 0;} blockquote p{color:#333;padding:0px 0 0 40px; font-style:italic;margin-bottom:10px;} /* =Typography */ p { font-size:1.2em; color:#666; margin-bottom:10px;line-height:1.4;} p.intro {font-weight:bold; font-size:1.4em;letter-spacing:-0.01em;line-height:1.35;margin-bottom:15px;} .article p.intro {font-weight:normal; font-size:1.4em;line-height:1.4;margin-bottom:15px;color:#666;} .view-scoba-latest p.intro {font-weight:normal; font-size:1.2em;} p.meta {font-size:1.1em;} p.meta span {font-weight:bold; text-transform:uppercase} p.meta a {color:#666;} p.date {text-transform:uppercase;} small {} strong {font-weight: bold; color:#4d4d4d;} em { font-style:italic;} h1 {width:323px; height:123px;} h1 a {display:block; background:url(../img/logo_scots.png) no-repeat 0 0; width:323px; height:123px;} #showcase h1 a{background-image:url(../img/logo_scots_showcase.png);width:377px;} #cultural h1 a{background-image:url(../img/logo_scots_cultural.png);width:358px;} #sport h1 a {background-image:url(../img/logo_scots_sport.png);width:296px;} #scoba h1 {width:662px;} #scoba h1 a {background-image:url(../img/logo_scoba.png); width:662px;} h2 {font-size:2.4em; color:#333; text-transform:uppercase;margin-bottom:8px;} .specialmention h2 {border-bottom:1px solid #e1e1e1;padding-bottom:10px;margin-bottom:20px;} #scoba h2 a {text-decoration:none;color:#000} #scoba h2 a:hover {text-decoration:none;color:#b82832} h3 {font-size:1.6em; color:#4c4c4c;margin-bottom:12px; line-height:1; font-family:Arial, Helvetica, sans-serif; font-weight: bold;} .article .col_2 h3, .landing .col_1 h3 {margin-bottom:8px;margin-top:22px; padding-bottom:6px; background:url(../img/bg_dotted_line.png) repeat-x left bottom;line-height:1.4;} h4 {font-size:1.3em; font-family:Arial, Helvetica, sans-serif; color:#666; font-weight:bold; text-transform:uppercase; margin:2px 0 12px;} .article .col_2 h4 {font-size:1.3em; text-transform:none;font-weight:bold;color:#4c4c4c;margin-bottom:2px;margin-top:20px;} h4.section_header {font-size:1.2em; text-transform:uppercase;font-weight:bold;color:#666;width:100%;background:url(../img/bg_dotted_line.png) bottom left repeat-x; padding-bottom:7px;margin-bottom:15px;} h5 {font-size:1.2em; font-family:Arial, Helvetica, sans-serif; color:#333; font-weight:bold;margin-bottom:7px;} /* =Forms */ fieldset {} fieldset legend {} label {color:#666; font-size:1.1em;} input {font-family:Arial, Helvetica, sans-serif; border:none;} input.textbox {border:1px solid #e6e6e6;-moz-border-radius: 1px; -webkit-border-radius:1px;color:#333; font-size:11px;padding: 6px 5px;background:#fff;} input.radio {} input.checkbox {} input.btn_submit {background:url(../img/btn_submit.png) top left no-repeat;width:79px; height:28px; display:block; outline:none; text-indent: -999em; cursor: pointer;} input.btn_submit:hover { background-position: top right;} input.btn_login {background:url(../img/btn_login.png) top left no-repeat;width:70px; height:28px; display:block; outline:none; text-indent: -999em; cursor: pointer;} input.btn_login:hover { background-position: top right;} textarea {font-family:Arial, Helvetica, sans-serif;} select {font-family:Arial, Helvetica, sans-serif;color:#333;font-size:1.1em;padding:2px 0;} /* = Webforms */ .webform-client-form {margin-top:40px;} .webform-component-fieldset legend {background:url("../img/bg_dotted_line.png") repeat-x scroll left bottom transparent;line-height:1.4;padding-top:10px;margin-top:0px;color:#4C4C4C;font-family:Arial,Helvetica,sans-serif;font-size:1.8em;font-weight:bold;width:100%;display:block;} .webform-component-fieldset fieldset legend {font-size:1.4em; background: none;} .form-item label {font-size:1.2em;float:left; display:block;width:100%;margin-bottom:2px;} input.form-text {-moz-border-radius: 2px;-webkit-border-radius: 2px;border:1px solid #cccccc;color:#333333;padding:6px 5px;width: 313px;font-size:1.2em;background:#e1ecf2 url(../img/bg_text_input.png) repeat-x scroll 0 0;} .form-select {color:#333333;padding:3px 5px;width: 313px;font-size:1.2em;} .form-textarea {-moz-border-radius:1px;background:#fcfdff url(../img/bg_text_input.png) repeat-x scroll 0 0;border:1px solid #cccccc;color:#333333;padding:6px 5px;width: 313px;font-size:1.2em;} .form-radios input {margin-right:5px;} .form-radios label {margin-bottom:5px;} .form-item {} .form-submit {background:#e5323e;text-transform: uppercase;font-weight: normal;font-size:1.1em;padding:4px 8px;color:#fff;-moz-border-radius: 2px;-webkit-border-radius: 2px} .webform-component-date, .webform-component-textfield, .webform-component-select, .webform-component-textarea, .webform-component-email {float:left;margin-bottom:0px;display:block;margin-right:30px;width:323px;margin-bottom:30px;} .container-inline .form-item {width:87px !important;margin-right:10px;float:left;} .container-inline .form-item .form-select {width:87px !important;} .container-inline .form-item .form-text {width:77px !important;} #webform-client-form-203 {margin-top:20px;} #webform-client-form-203 .form-select {font-size:1.2em;padding:5px;width:325px;border:1px solid #CCCCCC;-moz-border-radius:2px;-webkit-border-radius: 2px; background:url("../img/bg_text_input.png") repeat-x scroll 0 0;} #webform-client-form-203 .form-select option {background: transparent;} /* =Add a clearfix to default form markup */ .webform-component-email:after, .webform-component-date:after, .webform-component-textfield:after, .webform-component-select:after, .webform-component-textarea:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .webform-component-date, .webform-component-textfield, .webform-component-select, .webform-component-textarea { display: inline-table; } /* Hides from IE-mac \*/ .webform-component-email, .webform-component-date, .webform-component-textfield, .webform-component-select, .webform-component-textarea { height: 1%; } .webform-component-email, .webform-component-date, .webform-component-textfield, .webform-component-select, .webform-component-textarea { display: block; } /* End hide from IE-mac */ #webform-component-country_of_citizenship_proof {clear:both;display:none;} #webform-component-country_of_citizenship_proof p{background:#e5e5e5; padding:10px;-moz-border-radius: 1px;-webkit-border-radius: 1px;border:1px solid #cccccc;} #edit-submitted-enrolment-commence-at-scots-wrapper label {margin-bottom:5px;} #edit-next {background:url(../img/btn_bg.png) top left repeat-x;height:28px; display:block; outline:none; cursor: pointer;} #edit-next:hover { background-position: top right;} #edit-previous {background:url(../img/btn_bg.png) top left repeat-x; height:28px; display:block; outline:none; cursor: pointer;} #edit-submit {background:url(../img/btn_bg.png) top left repeat-x;height:28px; display:block; outline:none; cursor: pointer;} input.error, textarea.error, select.error {border:1px solid #B82832 !important; background:#f7ede5 !important;} #webform-component-how_did_you_hear_about_scots_other {margin-bottom:100px;} #webform-component-privacy_act ul {padding:0 0 0 15px;} #webform-component-telephone {margin-bottom:110px;} .messages ul {padding: 0 0 0 20px;color:#B82832 !important;margin:0px 0 40px 10px !important; } .messages ul li{color:#B82832;} div.messages {color:#B82832; font-size:12px;margin-bottom:10px;} #webform-component-student_details,#webform-component-enrolment, #webform-component-references, #webform-component-fathers_name, #webform-component-mothers_name, #webform-component-family_association{padding-top:30px;} #edit-submitted-fathers-name-address-wrapper label, #edit-submitted-mothers-name-address-wrapper label {margin-bottom:19px;} /* login form */ .login form label {font-size:1em;} /* =Lists */ ul { list-style: disc;} ul.link_list {font-weight:bold; color:#4c4c4c;list-style-type:none;} ul.link_list li{list-style-type:none;margin-bottom:5px;} ul.link_list a{color:#4c4c4c;} ol { list-style:decimal;} li { font-size:1.2em;} .col_1 .content ul, .col_2 .content ul { color:#666; margin:10px 0 20px 15px; } .col_1 .content ul li, .col_2 .content ul li { margin-bottom:4px; } .col_1 .content li ul, .col_2 .content li ul { margin-left:20px; margin-top:6px; } .col_1 .content li ul li, .col_2 .content li ul li { font-size:1.0em; } .col_1 .content ol, .col_2 .content ol { color:#666; margin:10px 0 20px 20px; } .col_2 .content ol li, .col_2 .content ol li { margin-bottom:10px; } .col_2 .content li ol, .col_2 .content li ol { margin-left:20px; margin-top:6px; } .col_2 .content li ol li, .col_2 .content li ol li { font-size:1.0em; } /* =Tables */ table { font-size:1.2em; margin:10px 0 20px; width:100%; color:#666;} td {text-align:left; vertical-align:top; border-bottom:1px solid #eee; padding:4px 12px 4px 0;} /* =STRUCTURE ----------------------------------------------- */ #container {} .wrap {width:960px; margin: 0 auto;} #columns {} #skiplink {display:none;} /* Top bar */ #top_bar { height:40px; margin-bottom:20px;} #tabs_left {list-style:none;margin:0 0 4px;padding:0;} #tabs_left li {float:left; display:block; height:40px;margin:0; padding: 0;} #tabs_left a {display:block; height:40px;background:url(../img/nav_tl.png) no-repeat 0 0; text-indent:-999em; outline:none} #tabs_left #scots-home a {background-position:0 0; width:89px;} #tabs_left #scots-home a:hover {background-position:0 -40px;} #tabs_left #scots-home a.selected {background-position:0 -80px;} #tabs_left #scots-showcase a {background-position:-90px 0; width:117px;} #tabs_left #scots-showcase a:hover {background-position:-90px -40px;} #tabs_left #scots-showcase a.selected {background-position:-89px -80px;} #tabs_left #sport-centre a {background-position:-208px 0; width:99px;} #tabs_left #sport-centre a:hover {background-position:-208px -40px;} #tabs_left #sport-centre a.selected {background-position:-207px -80px;} #tabs_left #culture-centre a {background-position:-308px 0; width:119px;} #tabs_left #culture-centre a:hover {background-position:-308px -40px;} #tabs_left #culture-centre a.selected {background-position:-307px -80px;} #tabs_left #scoba a {background-position:-428px 0; width:55px;} #tabs_left #scoba a:hover {background-position:-428px -40px;} #tabs_left #scoba a.selected {background-position:-427px -80px;} #tabs_right {list-style:none; margin:0 0 4px; padding:0;} #tabs_right li { list-style:none; float:left; height:40px; margin:15px 15px 0 0; padding:0; font-size:1.1em} #tabs_right a { color:#808080;} #tabs_right a.selected {color:#333;} .faceted-search-numbering {display:none;} .faceted-search-stage-results h2 {display:none;} #search { margin:0;} #search ul {list-style:none; margin:0 0 4px; padding:0;} #search li { margin:0; font-size:0.9em; } #search label {display:none;} #search #search_input {background:url(../img/bg_search.png) no-repeat 0 0;border:0; width:174px; margin:8px 0 0 7px; font-size:1.2em; color:#999;padding:10px 6px 9px 9px;} #search #btn_search {background:url(../img/btn_search.png) no-repeat top left; text-indent:-999em; width:35px; height:32px;margin:8px 0 0 0; display:block;} #search #btn_search:hover { background-position: top right;} .search_hide #search-form {display:none} .search_hide h2 {display:none;} .search_hide .box h2 {display:block;} .search_hide .search-info {display:none;} #search-form #edit-keys, #search-form #edit-or, #search-form #edit-phrase, #search-form #edit-negative {border:1px solid #e6e6e6;-moz-border-radius: 1px; -webkit-border-radius:1px;color:#666; width:450px; height:23px; margin:0 0 10px; font-size:1.2em;padding:9px 8px 0 } #search-form .search-advanced legend {color:#333; font-size:1.4em;} #search-form fieldset.collapsed {height:1em;} #search-form fieldset.collapsed legend {display:block;} #search-form fieldset.collapsed legend a {background: url(../img/menu-collapsed.gif) no-repeat scroll 0 50%;} #search-form fieldset.collapsed * {display:none;} #search-form fieldset.collapsible {position:relative;} #search-form #edit-category {border:1px solid #e6e6e6;-moz-border-radius: 1px; -webkit-border-radius:1px;color:#666; width:468px; margin:0 0 10px; font-size:1.2em;padding:9px 8px 9px } #search-form #edit-submit {background:#B82832; color:#fff; font-weight:bold; padding:6px 8px; text-transform:uppercase; margin-bottom:15px; cursor:pointer } #search-form fieldset.search-advanced {} #search-form #edit-submit-1 {background:#B82832; color:#fff; font-weight:bold; padding:6px 8px; text-transform:uppercase; margin:10px 0 15px; cursor:pointer} dl.search-results {border-bottom:1px solid #CCCCCC;} dl.search-results dt.title {font-size:1.4em; color:#4c4c4c;margin-bottom:12px; line-height:1; font-family:Arial, Helvetica, sans-serif; font-weight: bold;padding-top:10px;border-top:1px dotted #D9D9D9;} dl.search-results dt.title a {text-decoration:none;} dl.search-results dt.title a:hover {text-decoration:underline;} /* Header */ #header {background:#fff url(../img/bg_header.png) repeat-x top; padding: 0 0 4px} #logos {margin-bottom:24px;} #logo_ib a {display:block; background:url(../img/logo_ib.png) no-repeat 0 0; width:87px; height:85px;margin-top:24px;} /* Primary Nav */ #nav {list-style:none; background:url(../img/bg_nav.png) no-repeat 0 0; height:50px; width:946px;padding:0 0 0 14px;margin:0} #nav li {float:left; display:block; height:50px;/* middle activated: margin:0 2px 0 0; */ /* middle disabled: */ margin: 0 11px 0 0} #nav li.last {margin-right:0;} #nav a {display:block; background:url(../img/nav.png) no-repeat 0 0; text-indent:-999em; outline:none; height:50px;} #nav #about a {background-position:-12px 0; width:63px;} #nav #about a:hover, #nav #about a.selected {background-position:-12px -50px;} #nav #preparatory a {background-position:-76px 0; width:116px;} #nav #preparatory a:hover, #nav #preparatory a.selected {background-position:-76px -50px;} #nav #middle {display: none;} #nav #middle a {background-position:-388px 0; width:65px;} #nav #middle a:hover, #nav #middle a.selected {background-position:-388px -50px;} #nav #secondary a {background-position:-195px 0; width:99px;} #nav #secondary a:hover, #nav #secondary a.selected {background-position:-195px -50px;} #nav #boarding a {background-position:-297px 0; width:87px;} #nav #boarding a:hover, #nav #boarding a.selected {background-position:-297px -50px;} #nav #international a {background-position:-457px 0; width:126px;} #nav #international a:hover, #nav #international a.selected {background-position:-457px -50px;} #nav #campus-facilities a {background-position:-586px 0; width:171px;} #nav #campus-facilities a:hover, #nav #campus-facilities a.selected {background-position:-586px -50px;} #nav #enrolment a {background-position:-757px 0; width:101px;} #nav #enrolment a:hover, #nav #enrolment a.selected {background-position:-757px -50px;} #nav #calendar a {background-position:-859px 0; width:90px;} #nav #calendar a:hover, #nav #calendar a.selected {background-position:-859px -50px;} /* Showcase primary nav */ #showcase #nav a {background-image:url(../img/nav_showcase.png)} #showcase #nav #prep-school-showcase a {background-position:-12px 0; width:191px;} #nav #prep-school-showcase a:hover, #nav #prep-school-showcase a.selected {background-position:-12px -50px !important;} #showcase #nav #secondary-school-showcase a {background-position:-214px 0; width:239px;} #nav #secondary-school-showcase a:hover, #nav #secondary-school-showcase a.selected {background-position:-214px -50px !important;} #showcase #nav #special-mentions a {background-position:-465px 0; width:150px;} #nav #special-mentions a:hover, #nav #special-mentions a.selected {background-position:-465px -50px !important;} #showcase #nav #about-scots-showcase a {background-position:-628px 0; width:192px;} #nav #about-scots-showcase a:hover, #nav #about-scots-showcase a.selected {background-position:-628px -50px !important;} /* Cultural center primary nav */ #cultural #nav a {background-image:url(../img/nav_cultural.png)} #cultural #nav #events a {background-position:-12px 0; width:68px;} #cultural #nav #events a:hover, #cultural #nav #events a.selected {background-position:-12px -50px !important;} #cultural #nav #news a {background-position:-93px 0; width:57px;} #cultural #nav #news a:hover, #cultural #nav #news a.selected {background-position:-93px -50px !important;} #cultural #nav #about-cultural-centre a {background-position:-163px 0; width:192px;} #cultural #nav #about-cultural-centre a:hover, #cultural #nav #about-cultural-centre a.selected {background-position:-163px -50px !important;} #showActivity {float:right !important;} #activitySelector {margin: 14px 0 0 0;} /* Sport primary nav */ #sport #nav a {background-image:url(../img/nav_sport.png)} #sport #nav #timetable a {background-position:-12px 0; width:93px;} #sport #nav #timetable a:hover, #sport #nav #timetable a.selected {background-position:-12px -50px !important;} #sport #nav #results a {background-position:-118px 0; width:77px;} #sport #nav #results a:hover, #sport #nav #results a.selected {background-position:-118px -50px !important;} #sport #nav #gallery a {background-position:-208px 0; width:77px;} #sport #nav #gallery a:hover, #sport #nav #gallery a.selected {background-position:-208px -50px !important;} #sport #nav #news a {background-position:-298px 0; width:55px;} #sport #nav #news a:hover, #sport #nav #news a.selected {background-position:-298px -50px !important;} #sport #nav #venues a {background-position:-366px 0; width:70px;} #sport #nav #venues a:hover, #sport #nav #venues a.selected {background-position:-366px -50px !important;} #sport #nav #academies a {background-position:-449px 0; width:93px;} #sport #nav #academies a:hover, #sport #nav #academies a.selected {background-position:-449px -50px !important;} #sport #nav #about a {background-position:-555px 0; width:63px;} #sport #nav #about a:hover, #sport #nav #about a.selected {background-position:-555px -50px !important;} #showSports {float:right !important;} #sportSelector {margin: 14px 0 0 0;} /* SCOBA primary nav */ #scoba #nav a {display:block; background:url(../img/nav_scoba.png) no-repeat 0 0; text-indent:-999em; outline:none; height:50px;} /* #scoba #nav li {float:left; display:block; height:50px; margin: 0 11px 0 0} */ #scoba #nav #about a {background-position:-12px 0; width:62px;} #scoba #nav #about a:hover, #scoba #nav #about a.selected {background-position:-12px -50px !important;} #scoba #nav #news a {background-position:-85px 0; width:58px;} #scoba #nav #news a:hover, #scoba #nav #news a.selected {background-position:-85px -50px !important;} #scoba #nav #events a {background-position:-155px 0; width:68px;} #scoba #nav #events a:hover, #scoba #nav #events a.selected {background-position:-155px -50px !important;} #scoba #nav #governance a {background-position:-236px 0; width:109px;} #scoba #nav #governance a:hover, #scoba #nav #governance a.selected {background-position:-236px -50px !important;} #scoba #nav #membership a {background-position:-357px 0; width:107px;} #scoba #nav #membership a:hover, #scoba #nav #membership a.selected {background-position:-357px -50px !important;} #scoba #nav #garden-of-honour a {background-position:-476px 0; width:155px;} #scoba #nav #garden-of-honour a:hover, #scoba #nav #garden-of-honour a.selected {background-position:-476px -50px !important;} #scoba #nav #achievers a {background-position:-645px 0; width:90px;} #scoba #nav #achievers a:hover, #scoba #nav #achievers a.selected {background-position:-645px -50px !important;} #scoba #nav #contact-us a {background-position:-748px 0; width:103px;} #scoba #nav #contact-us a:hover, #scoba #nav #contact-us a.selected {background-position:-748px -50px !important;} /* Side Nav */ #sidenav {background:url(../img/bg_dotted_line.png) bottom left repeat-x; padding-bottom:5px;} #sidenav, #sidenav li ul {list-style-type:none;} #sidenav li{font-size:1.4em;margin-bottom:10px;padding-left:10px;} #sidenav li ul {margin:10px 0 15px;padding-left:10px;} #sidenav li ul li {font-size:0.85em;margin-bottom:2px;padding-left:0px;} #sidenav li a {color:#333;text-decoration:none;} #sidenav li.current { padding-left:0px;} #sidenav li.current a{color:#b82832;background:url(../img/bg_nav_arrow.png) center left no-repeat;padding-left:10px;} #sidenav li.current ul li a {} #sidenav li a:hover {text-decoration:underline;} #sidenav li ul li a, #sidenav li.current ul li a{color:#666; background:none;} ul.menu {background:url(../img/bg_dotted_line.png) bottom left repeat-x; padding-bottom:5px;} ul.menu, ul.menu li ul {list-style-type:none;} ul.menu li{font-size:1.4em;margin-bottom:10px;padding-left:10px;} ul.menu li ul {margin:5px 0 15px;padding-left:8px; background:none;} ul.menu li ul li {font-size:0.85em;margin-bottom:4px; padding-top:3px; padding-left:0px;} ul.menu li a {color:#333;text-decoration:underline;} ul.menu li.active-trail { padding-left:10px;background:url(../img/bg_nav_arrow.png) left 6px no-repeat;} ul.menu li.active-trail a {color:#b82832;padding-left:0px;} ul.menu li.active-trail ul li {background:none; padding-left:0;} ul.menu li.active-trail ul li a { color:#4C4C4C; } ul.menu li a:hover {text-decoration:none;} ul.menu li ul li a {color:#4C4C4C; background:none;} ul.menu li.active-trail ul li a.active {color:#B82832; background:none;} /* Secondary Nav */ /* #subnav {background:url(../img/bg_subnav.png) no-repeat left bottom;padding-bottom:26px;} */ #subnav .menu-name-primary-links {background:url(../img/bg_subnav.png) no-repeat left bottom;padding-bottom:26px;} #subnav ul {background:url(../img/hdr_subnav.png) no-repeat 0 0; padding-top:48px;list-style:none;margin:0;} #subnav li {font-size:1.4em; margin:0 0 8px 20px;} #subnav li a {color:#333;} #subnav li ul {background:none;margin:2px 0 17px;padding:0;} #subnav li li {font-size:0.85em;margin:0 0 1px 16px;} #subnav li li a {color:#4c4c4c;} /* Footer */ #home #footer {margin-top:10px;} #footer {border-top:1px solid #d3d3d3; padding:30px 0 200px; background:url(../img/bg_footer.png) repeat-x center top;margin-top:60px; } #footer .wrap {width:960px;} #footer .columns {width: 960px;margin:0 auto;} #footer .four_cols .col{padding-bottom:0;margin-left:0px;width:225px;} #footer .col_1 ul {list-style:none;margin: 0; padding:0; background:none;} #footer .col_1 li {margin:0 0 6px; padding:0; font-size:1.1em; background: none !important;} #footer .col_1 li a { color:#666;padding-left:0; background:none; } #footer .col_1 h4 {list-style:none;margin:0 0 11px;padding:0 0 7px; background: url(../img/bg_dotted_line.png) repeat-x left bottom; font-size:1.3em } #footer .col_1 a.see_more_news {background-position:-110px 0;margin-top:11px;} #footer .col_1 a.see_more_news:hover {background-position:-110px -17px;} #footer #student_showcase, #footer #cultural_centre, #footer #sport_centre, #footer #back_home {background:url(../img/footer_rollovers.jpg) no-repeat 0 0; display:block; width:225px; height:115px;} #footer #student_showcase:hover {background-position: 0 -115px;} #footer #cultural_centre {background-position: -225px 0;} #footer #cultural_centre:hover {background-position:-225px -115px;} #footer #sport_centre {background-position: -450px 0;} #footer #sport_centre:hover {background-position: -450px -115px;} #footer #back_home {background-position: -675px 0;} #footer #back_home:hover {background-position: -675px -115px;} #footer_text {background:url(../img/hr_footer.gif) repeat-x 0 0; margin-top:30px;padding-top:17px;} #footer_text p {font-size:1.1em; color:#999;} #footer_text a {color:#999; background:url(../img/vr_footer.gif) no-repeat top right; padding-right:8px;margin-right:5px} #footer_text a.last, #footer_text .alignright a {padding:0; margin:0; background:none} /* Layout */ #content {background:#fff;} .four_cols {padding-bottom:25px;} .four_cols .col {width:225px; margin-right:20px;} .four_cols .col_4 {margin-right:0;} .landing {padding-bottom:34px;} .landing .col_1 {width:372px; margin-right:20px;} .landing .col_2 {width:323px;} .landing .col_3 {width:225px;} .inside {padding-bottom:34px;margin-top:30px;} .inside .col_1 {width:225px; margin-right:20px;} .inside .col_2 {width:470px;} .inside .col_3 {width:225px;} .half .col_1, .half .col_2 {width:470px;} #cultural .half #latest_news {padding-top:10px;} .twosidebar {padding-bottom:34px;padding-top:10px;} .twosidebar .col_1 {width:470px !important; margin-right:20px;} .twosidebar .col_2 {width:225px;} .twosidebar .col_3 {width:225px;} .twosidebar .col_1 #latest_news {padding-top:0;} .specialmention .col_1{width:715px;} .specialmention .col_2{width:225px;} /* =DETAIL ----------------------------------------------- */ /* Useful links */ .useful_links{background:#f2f2f2;width:920px;border: 1px solid #e8e8e8;-moz-border-radius: 4px; -webkit-border-radius:4px;margin-top:20px;padding:20px;} .useful_links ul {/* width:215px;margin-right:20px;*/ background: none} .useful_links ul.last {margin-right:0px;} .useful_links ul li{float:left;font-size:1.2em;list-style-type:none;margin:0;padding:0;width:230px;} .useful_links ul li h5 {font-sie:1.2em; font-weight:bold;color:#333;} .useful_links ul li p {margin-bottom:2px;} .useful_links ul li a{color:#666;} /* Carousel */ .carousel {background:#e0e5e6; border:1px solid #e0e5e6; position:relative;width:470px;padding:10px 0;-moz-border-radius: 4px; -webkit-border-radius:4px;margin-top:5px} .carousel ul {width:375px;height:78px; margin:0 auto; line-height:1;padding-left:15px;} .carousel ul li{list-style-type:none;float:left;margin-right:15px;width:78px; height:78px; display:block;} .carousel .image {width:373px; height:75px; left: 45px; display:block;position:relative;z-index:1;overflow:hidden;} .carousel .image_holder img{float:left; padding:0 10px;} .carousel .image_holder {width:20000px; height:75px; display:block;position:relative;z-index:1;} .carousel .btn_left {position:absolute; left:15px; top:10px;background:transparent url(../img/carousel_btn_left.png) no-repeat top left;width:20px; height:78px; text-indent:-999em; outline:none;} .carousel .btn_left:hover {background-position:top right;} .carousel .btn_right {position:absolute; right:15px; top:10px;background:transparent url(../img/carousel_btn_right.png) no-repeat top left;width:20px; height:78px; text-indent:-999em; outline:none;} .carousel .btn_right:hover {background-position:top right;} .link_see_all {color:#333;} /* Showcase & special mentions */ .gallery_stories {font-size:1em;margin:15px 0 10px 0;} .gallery_stories li {font-size:1em; float:left;width:225px;margin-right:20px;margin-bottom:10px;} .gallery_stories li.alt {margin-right:0px} .gallery_stories li p {margin-bottom:0; color:#4d4d4d; font-weight:bold;} .gallery_stories li p.meta span {font-weight:normal;color:#666;} .gallery_stories li p a {color:#4c4c4c} .special_mention_comment {border:1px solid #e8e8e8; padding:15px 80px 10px 15px;background:#f2f2f2 url(../img/bg_img_award.png) no-repeat top right;margin-bottom:10px;min-height:55px;} .special_mention_comment p {margin-bottom:5px; line-height:1.2;} .special_mention_comment .italicised {font-style:italic;} /* Calendar page*/ .header_with_rss {margin-top:24px;width:100%;border-bottom:1px solid #e1e1e1;padding-bottom:10px;} .header_with_rss .btn_rss {margin-left:15px;margin-top:4px;} .header_with_rss h2 {margin-bottom:0; color:#333;} .header_with_rss .alignright {color:#333} .underlined {border-bottom:1px solid #e1e1e1 !important;padding-bottom:10px;margin-bottom:0px;} .half .header_with_rss{margin-top:0px;width:auto;border-bottom:none;padding-bottom:0px;} .half .header_with_rss .btn_rss {margin-left:10px;margin-top:1px;} .events .col_1{width:715px;padding-bottom:60px;} .events .col_3{padding-top:20px;} #events_calendar {margin-bottom:30px;font-size:1em} #events_calendar td{border-bottom:none;padding:0;} #events_calendar table{width:715px; font-size:1em;margin:0;} #events_calendar .date {background:url(../img/bg_calendar_date.png) no-repeat 0 0; width:41px; height:46px; text-align:center;margin:0 10px 0 0; line-height:1; text-transform:uppercase; color:#333; padding-top:4px;font-size:1em;margin-left:10px;} #events_calendar .date strong {display:block;font-size:2em;} #events_calendar tr td table tr td {padding-top:0;} #events_calendar h3 {text-transform:none; font-weight: bold;color:#333;margin-bottom:0;} #events_calendar tr.date_row {} #events_calendar tr td.event_date {border-right: 1px solid #e1e1e1;width:64px;padding-top:15px;padding-bottom:15px;} #events_calendar tr td.event_description {padding-top:15px;padding-left:15px;width:405px;} #events_calendar tr td.event_description a {color:#333;} #events_calendar tr td.event_description h3 {margin-bottom:20px; line-height:1.4;padding-right:20px;font-size:1.4em;} #events_calendar tr td.event_description h3 a{line-height:inherit;} #events_calendar tr td.event_time {width:110px; text-transform:uppercase; font-size:0.9em;padding-top:15px;} #events_calendar tr td.event_venue {width:110px; text-align:right;padding-top:15px; font-size:0.9em; text-transform:uppercase;} #events_calendar tr td.event_venue a {color:#666;} #events_calendar tr.alt td {border-bottom: 1px dotted #d9d9d9 !important;} #events_calendar tr.alt td.event_date {border-bottom:none !important;} #events_calendar tr.keydate td{background:#e7ecf6;padding-bottom:30px;} #events_calendar tr.keydate .event_date{border-right:none;} #events_calendar tr.keydate td.event_description {background:#e7ecf6 url(../img/bg_keydate.png) no-repeat 15px bottom;padding-top:15px;} #events_calendar tr.keydate h3 {font-size:1.6em;margin-bottom:20px;line-height:1.4;} #events_calendar tr.keydate td.event_note {padding-top:15px;padding-right:10px;} #events_calendar tr.keydate td.event_note p {margin-bottom:0;font-size:1.1em;} #events_calendar tr td.event_date, #events_calendar tr td.event_description, #events_calendar tr td.event_time, #events_calendar tr td.event_venue, #events_calendar tr td.event_teams_and_time, #events_calendar tr td.event_4_cols {border-bottom:1px solid #bfbfbf;} #events_calendar tr.keydate td.event_date, #events_calendar tr.keydate td.event_description, #events_calendar tr.keydate td.event_time, #events_calendar tr.keydate td.event_venue {border-bottom:none;} .calendar_text {padding-bottom:10px;margin-top:20px;} .narrow_calendar, .narrow_calendar table{width:470px !important;} .narrow_calendar tr td.event_description {width:300px;} .narrow_calendar tr td.event_description h3 {font-size:1.4em;} .narrow_calendar tr td.event_time {width:147px !important;text-align:right;padding-top:20px;} .narrow_calendar tr td.event_venue {width:78px !important;} .narrow_calendar tr.keydate td.event_description {padding-bottom:0 !important;width:300px !important;} #events_calendar .event_teams_and_time table {width:230px !important;} #events_calendar tr td.event_teams_and_time {text-transform:uppercase; font-size:0.9em;padding-top:15px;} #events_calendar tr td.event_teams_and_time th p {margin-bottom:0; text-transform:uppercase} #events_calendar tr td.event_teams_and_time td {text-transform:none; background:url(../img/bg_dotted_line.png) repeat-x bottom left;padding:7px 0 8px;} #events_calendar tr td.event_teams_and_time .last td {background:none; padding-bottom:20px} #events_calendar tr td.event_teams_and_time th.last, #events_calendar tr td.event_teams_and_time td.last {text-align:right;} #events_calendar tr td.event_teams_and_time td p {margin-bottom:0} #events_calendar tr td.event_teams_and_time td p a {color:#4c4c4c !important;} #events_calendar tr td.event_teams_and_time td p strong {color:#4c4c4c !important} .large_thumb {position:relative;width:225px; height:146px; display:block;margin:0 0 10px 10px;background:#000;} .large_thumb img {position:absolute;top:0; left:0;} .large_thumb .spaceball {background:url(../img/article_image_2_spaceball.gif) top right no-repeat;z-index:200;position:absolute;top:0; left:0;width:225px; height:146px; z-index:100;} .large_thumb .spaceball a {width:100%; height:100%; display:block;text-decoration:none;} .large_thumb .caption {margin:0;font-size:1.1em;position:absolute;bottom:0; left:0; padding:0 10px 7px; color:#fff;} .calendar_details a {color:#333} .calendar_details dl {border-top:1px solid #bfbfbf;font-size:1.2em;padding-top:16px;margin-bottom:10px;} .calendar_details dt {float:left; width:85px; text-align:right;margin:0 20px 11px 0; color:#666} .calendar_details dd {float:left; width:610px; color:#333; font-weight:bold;margin-bottom:11px;} /* news */ #latest_news {padding:18px 0 0;} #latest_news li {font-size:1em;margin:0 0 15px;} #latest_news img {float:left; margin:5px 14px 5px 0;} #latest_news p.title {font-weight:bold;} #latest_news p {margin-bottom:0;} #latest_news a {color:#4c4c4c} .half #latest_news {padding-top:0;} .latest_news .col_2 {width:225px} .latest_news .col_3 {width:225px} .border {border-bottom:1px solid #e1e1e1;padding-bottom:10px;} /* Contact */ .contact .col_1{width:715px;padding-bottom:60px;} .contact .col_1 .first_row {border-bottom:1px solid #E1E1E1;margin-bottom:32px;padding-bottom:4px;} .contact .col_1 .first_row .alignleft {width:420px} .contact .col_1 .first_row .alignright {width:275px} .contact .col_1 .first_row .alignright p {font-size:1.1em;margin-bottom:16px;} .contact .col_1 .first_row .alignright p strong {color:#4c4c4c; font-size:1.1em} .contact .col_1 .first_row .alignright .alignleft {width:145px} .contact .col_1 .first_row .alignright .alignright {width:127px} .contact .col_1 a {color:#666} .contact .col_1 .second_row {} .contact .col_1 .second_row .alignleft {width:225px;margin-right:21px;} .contact .col_1 .second_row .narrow {width:195px; margin-right:0;} .contact .col_1 .second_row .last {width:125px; margin-right:0;} .contact .col_1 .second_row .alignright {width:127px;} .contact .col_1 .second_row h5 {} .contact .col_1 .second_row ul {list-style:none;margin-bottom:15px;} .contact .col_1 .second_row li {font-size:1.1em;margin-bottom:6px;} .contact .col_3{padding-top:20px;} #contact_search_results {font-size:1em; margin:6px 0 20px 0;} #contact_search_results td {border-bottom:1px solid #e1e1e1;padding:10px 0 14px;} #contact_search_results .image {width:92px;} #contact_search_results img {margin:4px 0 14px;} #contact_search_results .details {width:201px;padding-right:10px} #contact_search_results .details p{margin-bottom:0px;} #contact_search_results .roles {width:160px;padding-right:10px} #contact_search_results .works_in {width:120px;padding-right:10px} #contact_search_results .contact ul {font-size:1em;} #contact_search_results .contact ul li {font-size:1.4em;font-weight:bold;} #contact_search_results .contact {text-align:right;width:240px;} #contact_search_results .contact ul li, #contact_search_results .contact ul li a{color:#333;} #contact_search_results .schools {} #contact_search_results ul {list-style:none;margin-bottom:15px;} #contact_search_results li {font-size:1.1em;margin-bottom:2px;} #contact_search_results .roles ul {font-size:1em;margin-bottom:10px;} #contact_search_results .roles ul li{font-size:1.4em; font-weight:bold;} #contact_search_results .roles ul {font-size:1em;} #contact_search_results .roles ul li ul li{font-size:0.8em; font-weight:normal;margin-bottom:5px;padding-top:4px;} #contact_search_results p {font-size:1.1em;margin-bottom:2px;margin-top:2px;} #contact_search_results h5 {font-size:1.4em;margin-bottom:0px;} .view-empty {margin:15px 0 0 10px; padding-bottom:10px;} .return a {background:url(../img/bg_nav_arrow_left.png) no-repeat 0 5px;padding-left:10px;} .contact_profile {margin-bottom:20px;} .contact_profile h5, .staff_schools h5{font-size:1.4em;margin-bottom:0;} .contact_profile p, .staff_schools p{font-size:1.1em;margin-bottom:2px;margin-top:0;} .contact_profile p a, .staff_schools p a{color:#666;} .staff_qual_school {margin-bottom:15px;} .staff_qual_school p {margin-bottom:0px;} .staff_schools {margin-bottom:10px; margin-top:20px;float:left;padding:0 30px 0 0;} /* Pagination */ ul.pager {list-style:none;margin-bottom:30px;height:25px;} .pager li {float:left;margin:0 10px 0 0 !important; color:#333; font-size:1.2em !important} .pager li a{color:#666;} .pager li a:hover{color:#333;} .pagination {margin-top:20px;} .pagination ul {list-style:none;margin-bottom:30px;height:25px;} .pagination ul li {float:left;margin-right:10px; colro:#333;} .pagination ul li a{color:#666;} .pagination ul li a:hover{color:#333;} /* Image styles */ .post_thumb {position:relative;width:176px;display:block;margin:4px 0 0 10px;} .post_thumb.alignleft {position:relative;width:176px;display:block;margin:4px 10px 0 0 !important} .post_thumb img {} .post_thumb .spaceball {background:url(../img/article_image_spaceball.png) top right no-repeat;z-index:200;position:absolute;top:0; left:0;width:176px; height:132px; z-index:100;} .post_thumb .spaceball a {width:100%; height:100%; display:block;text-decoration:none;} .post_thumb p {margin-bottom:0;} .post_thumb .caption {margin-bottom:10px;font-size:1.1em;margin-top:5px; padding:0 5px; font-style:italic;} /* Breadcrumbs */ .breadcrumbs {color:#999;font-size:1.1em;width:100%;background:url(../img/bg_dotted_line.png) bottom left repeat-x; padding-bottom:5px;margin-bottom:15px !important;} .breadcrumbs a{color:#999;background:url(../img/breadcrumb_arrow.png) no-repeat center right;padding-right:10px;margin-right:3px;} /* Hero */ #hero {padding-bottom:26px; background:url(../img/hero_shadow.png) no-repeat left bottom;position:relative;} #hero .spaceball {background:url(../img/spaceball.png) no-repeat left bottom; position:absolute;top:0; left:0; width:960px; height:190px;} /* Sitemap */ #sitemap {list-style-type:none; } #sitemap li {font-size:1.2em;margin-bottom:10px;} #sitemap li ul {list-style-type:none;} #sitemap li ul li {font-size:1em;margin-left:20px;margin-bottom:5px;} /* =WIDGETS ----------------------------------------------- */ .widget {margin-bottom:20px;position:relative;width:225px;} .widget h4.widget_header {color:#fff;background:url(../img/bg_header_purple.png) repeat-x top left;height:25px;padding-left:15px;padding-top:12px;margin:0;font-size:1.3em;text-transform:uppercase;} .widget .corner_top {background:url(../img/widget_1px.png) no-repeat top left;width:225px;height:1px; position:absolute; top:0;left:0;z-index:100;display:block;} .widget .corner_bottom {background:url(../img/widget_1px.png) no-repeat top left;width:225px;height:1px; height:1px; position:absolute; bottom:0px;left:0;z-index:100;display:block;} .widget .black_caption {background:#000;padding:2px 10px 5px;} .widget .black_caption a{color:#fff;font-size:1.2em;text-decoration:none;} .widget .black_caption a:hover {text-decoration:underline;} /* welcome video widget */ .welcome_video {background:#000;} /* headmaster's widget */ #headmasters_welcome img {margin:0 10px 10px 0;} #headmasters_welcome p { font-size:1.1em; } #headmasters_welcome h3 { padding:0 0 6px; background:url(../img/bg_dotted_line.gif) repeat-x left bottom; } /* gallery widget */ .gallery {position:relative;} .gallery .visit {position:absolute; top:9px; right:11px; font-size:1.1em;margin-bottom:0;} .gallery .visit a{ color:#fff;} .gallery .image {width:225px; height:167px; display:block;position:relative;z-index:1;overflow:hidden;} .gallery .image_holder img{float:left;} .gallery .image_holder {width:20000px; height:167px; display:block;position:relative;z-index:1;} .gallery .loading {width:225px; height:167px; display:block;position:relative;top:0; left:0; z-index:10;;background: #e5e5e5 url(../img/ajax_loader.gif) no-repeat center center;} .gallery .caption {margin-bottom:0; font-size:1.1em; position:absolute; bottom:0; left:0; width:205px; padding:5px 10px;background: transparent url(../img/bg_widget_caption.png) top left; z-index:10;color:#333; opacity:0} .gallery .controls {margin:0; position:absolute;z-index:100;top:0; right:0;} .gallery .controls .previous {background: transparent url(../img/widget_gallery_previous.png) top left; text-indent:-999em;width:21px; height:21px; display:block;position:absolute; top:0; right:33px; outline:none;} .gallery .controls .previous:hover {background-position: top right;} .gallery .controls .next {background: transparent url(../img/widget_gallery_next.png) top left; text-indent:-999em;width:21px; height:21px; display:block;position:absolute; top:0; right:10px; outline:none;} .gallery .controls .next:hover {background-position: top right;} /* image widget */ /* news widget */ .news {position:relative;background:url(../img/widget_panel.png) no-repeat bottom left;padding-bottom:2px;} .news ul {list-style-type:none;padding:10px 0 18px 10px;line-height:1.6em;} .news ul li, .news ul li a{color:#4c4c4c;} .news ul li {margin-bottom:5px;} .news .footer_links {font-size:1.1em;color:#333;position:relative;padding-left:10px;margin-bottom:10px;} .news .footer_links a{color:#333;} .news .footer_links .btn_rss {position:absolute;right:10px; top: 1px;} /* calendar widget */ .calendar .footer_links {font-size:1.1em;color:#333;position:relative;padding-left:10px;margin-bottom:10px;} .calendar .footer_links a{color:#333;} .calendar .footer_links .btn_rss {position:absolute;right:10px; top: 1px;} .calendar {position:relative;background:url(../img/widget_panel.png) no-repeat bottom left;padding-bottom:2px;} .calendar ul {list-style:none; padding:15px 10px;} .calendar li {margin:0 0 3px;padding:2px 0 0;} .calendar li a { color:#4c4c4c; } .calendar li .date {background:url(../img/bg_home_calendar_date.png) no-repeat 0 0; width:41px; height:35px; text-align:center; float:left; margin:0 10px 0 0; line-height:1; text-transform:uppercase; color:#333; padding-top:5px;} .calendar .date strong {display:block;} /* results widget */ .results {position:relative;background:url(../img/widget_panel.png) no-repeat bottom left;padding-bottom:2px;} .results ul {list-style:none; padding:8px 10px 15px;} .results li {margin:0 0 8px;padding:2px 0 0; font-size:1em;} .results li h5 {font-weight:normal;text-transform:uppercase;margin-bottom:5px;} .results li p {font-size:1.1em;margin-bottom:0;} .results li a { color:#4c4c4c; } .results li .date {background:url(../img/bg_home_calendar_date.png) no-repeat 0 0; width:41px; height:35px; text-align:center; float:left; margin:0 10px 0 0; line-height:1; text-transform:uppercase; color:#333; padding-top:5px;} .results .footer_links {font-size:1.1em;color:#333;position:relative;padding-left:10px;margin-bottom:10px;} .results .footer_links a{color:#333;} .results .footer_links .btn_rss {position:absolute;right:10px; top: 1px;} /* boarders widget */ .boarders {position:relative;background:url(../img/widget_panel_norule.png) no-repeat bottom left;padding-bottom:2px;} .boarders h4 { text-transform:none; font-size:1.2em;color:#333;margin-bottom:5px;padding:10px 10px 0 10px;margin-top:0;} .boarders h4 a {color:#333;} .boarders p {padding:0 10px;font-size:1.1em; line-height:1.4;} .boarders img {margin-left:10px;margin-top:10px;} .boarders .spaceball {background:url(../img/spaceball.png) no-repeat left bottom; position:absolute;top:0; left:0; width:57px; height:57px;} .boarders .spaceball a{width:100%; height:100%; display:block;text-decoration:none;} /* facilities widget */ .facilities {position:relative;background:url(../img/widget_panel_norule.png) no-repeat bottom left;padding-bottom:2px;} .facilities ul {} .facilities ul li {list-style-type:none;font-size:1em;} .facilities h4 { text-transform:none; font-size:1.2em;color:#333;margin-bottom:5px;padding:10px 10px 0 10px;margin-top:0;} .facilities h4 a {color:#333;} .facilities p {padding:0 10px;font-size:1.1em; line-height:1.4;} .facilities img {margin-left:10px;margin-top:10px;} .facilities .spaceball {background:url(../img/spaceball.png) no-repeat left bottom; position:absolute;top:0; left:0; width:57px; height:57px;} .facilities .spaceball a{width:100%; height:100%; display:block;text-decoration:none;} /* contact details */ #contact_details {background:url(../img/contact_panel_top.png) no-repeat top left;position:relative; z-index:100;padding-top:10px;margin-top:20px;} #contact_details ul{list-style-type:none;background:url(../img/contact_panel_bottom.png) no-repeat bottom left;padding-left:55px; line-height:1.4;position:relative; z-index:200;padding:20px 0 10px 58px;} #contact_details ul li{list-style-type:none;} #contact_details li{color:#666;} #contact_details li a{color:#333;} #contact_details p {display:none;} /* contact widget */ .contact_widget {width:528px;background:url(../img/bg_contact_widget_panel.png) no-repeat top left;height:161px;margin-bottom:6px;padding:20px;} .contact_widget h3 {color:#333;font-size:1.55em;background:transparent url(../img/bg_dotted_line.png) repeat-x scroll left bottom;margin-bottom:15px;padding-bottom:5px;width:254px;} .contact_widget p {color:#666;} .contact_widget p a {color:#333;} /* campus widget */ .campus_widget {width:528px;background:url(../img/bg_contact_widget_panel.png) no-repeat top left;height:161px;margin-bottom:6px;padding:20px;} .campus_widget h3 {color:#333;font-size:1.55em;background:transparent url(../img/bg_dotted_line.png) repeat-x scroll left bottom;margin-bottom:15px;padding-bottom:5px;width:254px;} .campus_widget p {color:#666;} .campus_widget p a {color:#333;} /* search widget */ .search_widget {width:225px;background:url(../img/bg_filter_bottom.png) no-repeat bottom left;} .search_widget h4.widget_header {background: none;color:#333;background:url(../img/bg_filter_top.png) no-repeat top left;padding-left:10px;padding-top:10px;} .search_widget label {display:none;} .search_widget .textbox {width:166px;} .search_widget .submit {background:url(../img/btn_widget_search.png) no-repeat top left; width:27px; height:28px; text-indent:-999em;} .search_widget ul {padding:0 10px 10px 10px;} .search_widget ul li {font-size:1em;} /* filter widget */ .filter_widget {width:225px;background:url(../img/bg_filter_bottom.png) no-repeat bottom left;} .filter_widget h4.widget_header {background: none;color:#333;background:url(../img/bg_filter_top.png) no-repeat top left;padding-left:10px;padding-top:10px;} .filter_widget label {display:block;width:100%;font-size:1.1em; color:#666;margin-bottom:2px;} .filter_widget .submit {background:url(../img/btn_widget_search.png) no-repeat top left; width:27px; height:28px; text-indent:-999em;} .filter_widget select {width:100%;} .filter_widget .textbox {width:193px;} .filter_widget ul {padding:0 10px 10px 10px;} .filter_widget ul li{margin-bottom:10px;font-size:1em;} .filter_widget li.no_margin {margin-bottom:0;} .filter_widget a {font-size:1.1em; color:#666;} /* SCOBA login widget */ .login_widget {width:225px;background:url(../img/bg_filter_bottom.png) no-repeat bottom left;} .login_widget h4.widget_header {background: none;color:#333;background:url(../img/bg_filter_top.png) no-repeat top left;padding-left:10px;padding-top:10px;} .login_widget label {display:block;width:100%;font-size:1.1em; color:#666;margin-bottom:2px;} .login_widget .textbox {width:193px;} .login_widget ul {padding:0 10px 10px 10px;} .login_widget ul li{margin-bottom:10px;font-size:1em;} .login_widget li.no_margin {margin-bottom:0;} .login_widget a {font-size:1.1em; color:#666;} .login_widget label a {font-size:1em; color:#999;} .login_widget a.alignleft {margin:6px 0 0 14px;} /* SCOBA news widget */ #scoba_news {} #scoba_news .header_with_rss {padding-bottom:0; border-bottom:1px dotted #ccc;margin-bottom:9px;} #scoba_news .header_with_rss h4 {margin-bottom:3px; font-size:1.4em; color:#333;} #scoba_news .header_with_rss a {margin-top:0;} #scoba_news ul {list-style:none;} #scoba_news li {margin-bottom:10px;} #scoba_news li a {color:#333;} /* SCOBA layout */ .col_holder {width:725px;} #scoba_footer {border-top:1px solid #e1e1e1;margin-top:10px;} #col_foot #scoba_footer {border-top:1px solid #e1e1e1;margin-top:15px;padding:15px 0 0;} #scoba_footer li {margin-bottom:12px;} #scoba_footer h4 { text-transform:none; font-size:1.1em;color:#333;margin-bottom:0;padding:10px 10px 0 0px;margin-top:0;} #col_foot #scoba_footer h4 { text-transform:none; font-size:1.1em;color:#333;margin-bottom:0;padding:10px 10px 0 10px;margin-top:0;} #scoba_footer h4 a {color:#333;} #col_foot #scoba_footer div.alignleft {width:615px;} #scoba_footer ul { color:#666; margin:10px 0 10px 0px; } #scoba_footer p {padding:0;font-size:1em; line-height:1.4;margin-bottom:2px;} #col_foot #scoba_footer p {padding:0 10px;font-size:1em; line-height:1.4;margin-bottom:2px;} #scoba_footer img {margin:15px 12px 0 0;} #scoba_footer .spaceball {background:url(../img/spaceball.png) no-repeat left bottom; position:absolute;top:0; left:0; width:57px; height:57px;} /* cultural events btn */ .cultural_events p a{background:url(../img/btn_cultural_events.png) no-repeat top left;width:225px; height:55px; display:block; text-indent:-999em; outline:none;} .cultural_events p a:hover{background-position:top right;} /* Quad teaser */ #btn_quad_teaser {margin-bottom:20px;} #btn_quad_teaser a {display:block; width:225px; height:180px; background:url(../img/bg_quad_teaser.png) no-repeat 0 0;} /* sports events widget */ .sports_events p a{background:url(../img/btn_sports_events.png) no-repeat top left;width:225px; height:55px; display:block; text-indent:-999em; outline:none;} .sports_events p a:hover{background-position:top right;} /* share widget */ .share {background:url(../img/bg_share.png) no-repeat 0 0; height:62px;padding:9px 0 0 9px;width:216px;} .share h4.widget_header {font-size:1.4em; color:#333;background:none; height:auto; padding:0;margin-bottom:9px;} .share ul {list-style:none;} .share li {float:left;margin-right:12px;} .share a {background:url(../img/img_share_icons.png) no-repeat 0 0; display:block; width:25px; height:25px;} .share #btn_email {background-position:0 0;} .share #btn_facebook {background-position:-27px 0;} .share #btn_twitter {background-position:-53px 0;} /* =HOME ----------------------------------------------- */ #headmasters_welcome {background:url("../img/bg_dotted_line.gif") repeat-x scroll left bottom transparent;margin:0 0 7px;padding:0 0 15px;} #headmasters_welcome img {margin-bottom:0;} /* News & Announcements */ #news_announcements ul {list-style:none;margin:0 0 7px;padding:0 0 15px; background:url(../img/bg_dotted_line.gif) repeat-x left bottom;min-height:134px; } #news_announcements li {padding:0 0 8px 0;margin:0 0 2px;} #news_announcements li a { color:#333; } #news_announcements h3, #home .col_2 h3 { padding:0 0 6px; background:url(../img/bg_dotted_line.png) repeat-x left bottom; } a.see_more {font-size:1.1em;} a.btn_rss {background:url(../img/icon_rss.png) no-repeat 0 0; display:block; width:16px; height:16px;text-indent:-999em; outline:none;} a.btn_rss:hover {background-position: top right;} .widget_sidebar {background:url(../img/bg_widget_bottom.png) no-repeat 0 bottom;padding-bottom:20px;} .widget_sidebar h3 {background:url(../img/bg_widget_top.png) no-repeat 0 0;letter-spacing:0.04em;padding:10px 10px 16px;margin:0;} .widget_sidebar ul {margin:0 0 0 11px !important;} .widget_sidebar li {margin:0 0 4px 0 !important; background:none !important;line-height:1;} .widget_sidebar .ul {margin:0 0 0 11px} .widget_sidebar .li {margin:0 0 4px 0; font-size:1.2em;padding:0 0 8px;} .widget_sidebar li a {line-height:1.3;} .widget_sidebar .clearfix {border-top:1px solid #d9d9d9; margin:0 10px; padding:13px 0 18px;} /* Calendar */ #calendar_block h3 { padding:0 0 6px; background:url(../img/bg_dotted_line.png) repeat-x left bottom; } #calendar_block ul {list-style:none; padding:0; margin:0 0 7px;padding:0 0 14px; background:url(../img/bg_dotted_line.gif) repeat-x left bottom;min-height:134px;} #calendar_block li {margin:0 0 3px;padding:2px 0 0;} #calendar_block li a { color:#333; } #calendar_block li .date {background:url(../img/bg_home_calendar_date.png) no-repeat 0 0; width:41px; height:35px; text-align:center; float:left; margin:0 10px 0 0; line-height:1; text-transform:uppercase; color:#333; padding-top:5px;} #calendar_block .date strong {display:block;} #calendar_block li .event {float:left; width:170px;} #calendar_block li .almanac {background:url("../img/icon_almanac.png") no-repeat scroll 0 0 transparent;color:#333333;float:left;height:35px;line-height:1;margin:0 10px 0 0;padding-top:5px;text-align:center;text-transform:uppercase;width:41px;} /* SCOBA news feed on homepage */ .views-row { margin-bottom:30px; } /* Slideshows */ .slideshow {} .ss_controls {position:relative} .ss_previous, .ss_next {position:absolute;top:-105px; display:block; background:url(../img/btn_arrows.png) no-repeat 0 0;width:22px; height:20px} .ss_previous {left: 11px;} .ss_previous:hover {background-position:0 -20px} .ss_next {left:192px;background-position:-22px 0} .ss_next:hover {background-position:-22px -20px;} .ss_caption {background:url(../img/bg_ss_caption.png) repeat 0 0; display:block;width: 100%;letter-spacing:-0.02em;padding:7px 3px 6px 10px;bottom:0; left:0;font-size:1.1em;font-weight:bold;position:absolute} /* homepage */ #home h3 {font-size:1.4em; text-transform:uppercase; margin-bottom:10px; color:#666; line-height:1} #home #hero {margin-bottom:10px; height:265px;} /* map */ .wide {width:715px !important} #flash_map_shadow {background:url(../img/bg_map.png) no-repeat center bottom;padding-bottom:29px;} #flash_map_holder {border:1px solid #ccc; padding:13px;-moz-border-radius: 2px; -webkit-border-radius:2px; } /* Sport Centre */ #sport #header .wrap {position:relative;} #sport #select_your_sport {position:absolute; right:10px; bottom:12px;} #select_your_sport label {display:none;} #select_your_sport select {width:202px;} #sport .gallery .col_1{width:715px;padding-bottom:60px;} #sport .header_with_rss{width: auto;/*border-bottom:none;padding-bottom:0px; */} #sport .gallery .header_with_rss .btn_rss, #sport .inside .header_with_rss .btn_rss {margin-top:0;} #sport .gallery .col_1 ul {list-style:none;margin-top:10px;} #sport .gallery .col_1 li {float:left;margin:0 11px 7px 0;} #sport .gallery .col_1 img.large {margin-bottom:13px;} #sport .gallery .col_1 p {margin-bottom:3px;} #sport .article p {/* margin-bottom:2px; */} #sport .article p a {color:#4d4d4d;} #sport #latest_news {margin-bottom:60px;padding-top:0;margin-top:10px;} #sport p.intro {font-weight:normal;} /* #sport #events_calendar {border-bottom:1px solid #BFBFBF;} */ #sport #events_calendar tr td.event_description {width: 164px;} #sport #events_calendar td.vert_line {background:url(../img/bg_vert_line.gif) no-repeat 440px bottom;} #sport #events_calendar td.event_4_cols {padding-top:15px;} #sport #events_calendar td.event_4_cols th.col_1 {width:117px;padding-bottom:0;} #sport #events_calendar td.event_4_cols th.col_1b {width:200px;padding-bottom:0;} #sport #events_calendar td.event_4_cols th.col_2 {width:176px;} #sport #events_calendar td.event_4_cols th.col_3 {width:145px;padding-top:0;} #sport #events_calendar td.event_4_cols table {width:100%;} #sport #events_calendar h5 {font-weight:normal; text-transform:uppercase; font-size:1.1em;color:#666} #sport #events_calendar tr td.event_description h3 {margin-bottom:10px;} #sport #events_calendar tr.last td {border-bottom:none !important;} #sport #events_calendar a.icon_photo, #sport #events_calendar a.icon_video {background:url(../img/icons_gallery.png) no-repeat 0 0; display:block; width:17px; height:13px;} #sport #events_calendar a.icon_video {background-position:-17px 0; width:12px;} #sport #events_calendar .border {border-left:1px solid #e1e1e1;padding-bottom:0px;border-bottom:none;padding-left:7px;width:23px;} #sport #events_calendar .photos {width:20px;} #sport #events_calendar td.event_4_cols table tr td {padding-top:7px;} #sport #events_calendar tr td table tr.first td {padding-top:0;} #sport #events_calendar table td p {font-size:1.1em;margin-bottom:4px;} #sport #events_calendar tr.alt td tr.only td {border-bottom: none !important;} #sport #events_calendar tr td.event_date {} /* #sport #events_calendar table.last tr.alt td {border-bottom: none !important;} */ #sport #events_calendar tr.keydate td.event_date {padding-bottom:30px;} #sport #events_calendar tr td.event_4_cols a, #sport #events_calendar tr td.event_note a {color:#666666;} /* message box */ #message {width:448px; margin:0 0 15px 0; border:1px solid #ddd; padding:10px; background:#eee;} #message h3 {background:none; color:#333;line-height:1.4;margin:0 0 3px;padding:0;} #message p {color:#333;} /* Articles */ /* Drupal Tabs */ ul.tabs, ul.links {list-style:none;margin:0 0 15px;background: url(../img/bg_nav.png) no-repeat scroll -5px 0;padding:5px} ul.tabs li, ul.links li {display:inline;text-transform:uppercase;} ul.tabs li a, ul.links li a {text-decoration:none; color:#FFFFFF;padding:0 10px;} ul.tabs li a:hover, ul.links li a:hover {background:#821C23;} ul.tabs li a.active, ul.links li a.active {background:#821C23;} /* Drupal Blocks */ #blocks {margin-bottom:20px;font-size:1.1em} #blocks thead th {border-bottom:2px solid #d0d0d0;color:#494949;font-weight:bold;padding-right:1em; text-align:left;font-size:1.2em;} #blocks td.region {background-color:#EDEDED;border-bottom:1px solid #c0c0c0;color:#455067;font-weight:bold;font-size:1.1em;} .form-select {width:auto;margin-bottom:0;} #blocks td, #blocks th {padding:0.3em 0.5em;} #blocks tr.odd, #blocks tr.info {background-color:#f9f9f9;} #blocks tr.even,#blocks tr.odd, #blocks tbody th {border-color:#F4F4F4;border-style:solid;border-width:1px 0;} #blocks tr.even {background-color:#FFFFFF;} #blocks td select.block-region-select {width:125px;} #blocks tr.region-populated {display:none;} #blocks tr.region-message {color:#999999;font-weight:normal;} .block-region {border:2px dashed #e4e4e4;font-size:1.3em;padding:1em;text-align:center;background-color:#FFFF66;margin-bottom:4px;margin-top:4px; background:none;} #subnav_holder .block-region {margin-top:70px;} #block-admin-display-form {margin-bottom:20px;} /* =PLUGINS ----------------------------------------------- */ /* SSP gallery */ #gallery {margin-top:10px;} /* Admin styles */ .views-admin-links ul {margin:0 0 10px 0 !important; padding:0 !important;} .views-admin-links ul li{padding:0 !important;margin:0 5px 0 0 !important;} .views-admin-links ul li a {padding:0 !important; text-transform:none; text-decoration:underline !important; color:#B82832 !important} .views-admin-links ul li a:hover {color:#B82832 !important; background:transparent !important; text-decoration:none !important;} .views-admin-links ul {background:none !important;min-height:0 !important;} #user-login-form input#edit-name, #user-login-form input#edit-pass { border:1px solid #e6e6e6;-moz-border-radius: 1px; -webkit-border-radius:1px;color:#999; width:174px; height:23px; margin:0 0 10px; font-size:1.2em; color:#999; padding:9px 8px 0 } #user-login-form input#edit-submit { background:#B82832; color:#fff; font-weight:bold; padding:6px 8px; text-transform:uppercase; margin-bottom:15px; } #user-login-form .item-list ul { list-style:none; } /* link styles */ /* icons */ .excel, .flash, .powerpoint, .pdf, .sound, .video, .word {background:url(/_r/img/icon_excel.gif) no-repeat 0 0;padding:2px 0 3px 20px;} .flash {background-image:url(/_r/img/icon_flash.png)} .powerpoint {background-image:url(/_r/img/icon_powerpoint.gif)} .pdf {background-image:url(/_r/img/icon_reader.gif)} .sound {background-image:url(/_r/img/icon_sound.png)} .video {background-image:url(/_r/img/icon_video.gif)} .word {background-image:url(/_r/img/icon_word.gif)} /* Enrolemnt form PDF styles */ #form_pdf {padding:30px 25px 60px;} #form_pdf h4 {font-size:20px;margin-bottom:10px;margin-top:20px; color:#333;} #form_pdf table {text-align:left;} #form_pdf table td {padding:8px 16px 8px 0;} #form_pdf table td.label {width:150px; font-weight:bold; color:#333;} #form_pdf table td.note {padding-top:30px;padding-bottom:30px;} #form_pdf table td.labelwide {width:250px; font-weight:bold; color:#333;} #form_pdf table td table {font-size:1em;} #form_pdf table td table td {border-bottom:none;} #form_pdf table p {font-size:1em;} #form_pdf table td table h4 {font-size:16px; text-transform:none;} #form_pdf ul {list-style-type:none; color: #666;} #form_pdf ul li {margin-bottom:10px;} #form_pdf table.sign td.first {margin-left:0;} #form_pdf table.sign td {border-bottom:1px dotted #ccc;width:450px;float:left;margin-left:150px;} #steps {border-bottom:1px solid #e5e5e5;margin-bottom:40px;} #formIndication {list-style-type:none;margin:0; background:#f3f3f3;border-top:1px solid #e5e5e5;} #formIndication li {float:left; font-weight: normal; font-size:1.4em; padding:10px 15px;margin-bottom:0;line-height:1;padding-top:12px;color:#999;} #formIndication li.selected {font-weight:bold;background:#e5e5e5; color:#000; font-size:1.4em;} #formIndication li.steps {font-style:normal; font-size:1.4em; line-height:1;padding-top:12px; font-weight:normal;background:none; color:#666;} #scoba_rss {margin-left:10px;}