/*Layout styles*/
body {text-align:center; margin:0px}
#mainWrapper {width:100%; margin-left:auto; margin-right:auto;border-collapse:collapse;}
#banner {height:107px;}
#crest {padding-left:15px; border:0px; margin-top:12px}
.schoolname {float:left; padding:20px 0px 0px 15px}
#contentWrapper {margin:0px 25px 0px 25px; padding:0px 10px 0px 10px; clear:both}
#breadcrumb {margin:20px 0px 0px 25px; padding:0px 0px 20px 10px}
html>body #breadcrumb {padding-top:20px}
#leftnav {width:180px; float:left; height:600px}
div.index {padding:10px;}
#leftnav span{padding:0px 0px 6px 0px; display:block;}
#rightcol {float:right; width:210px; padding:0px 5px 0px 10px; font-size:0.9em}
#rightcol h1 {font-weight:bold; font-family:Palatino Linotype, serif;font-size:1.1em}
#rightcol h2 {font-weight:bold; font-family:Palatino Linotype, serif;font-size:1.0em}
#rightcol p {width:200px; float:right; margin-bottom:10px; font-size:0.9em}
#rightcol ul li {font-size:0.9em}
#search {width:100%; font-family:calibri, sans-serif;}
#search ul li a {font-family:Baskerville Old Face, Palatino Linotype,serif; font-size:0.85em; line-height:0.85em}


/*Colours and backgrounds / styles - not text*/
body {background-color:white}
body#unique {background-color:#002e5f}
#mainWrapper {background-color:white;background-image:url(/images/crestcroppedlightblue.jpg); background-repeat:no-repeat; background-position:left 250px;}
#banner, #search {background-color:#002e5f;}
div.index {background-color:#002e5f;}


/*Text (not links) - style colour and layout*/
#mainWrapper {text-align:left}
#crest {float:left}
#search {line-height:normal;    float:right}
.schoolname {color:white; font-size:30px; font-family:Book Antiqua,times new roman, serif}
#contentWrapper {text-align:left}
#leftnav {font-family:calibri, sans-serif;}
div.index {color:white}
#leftnav span{font-family:calibri, sans-serif; color:#9b243e; font-size:0.9em}
#rightcol {color:#002e5f; font-family:calibri, sans-serif}
#maincol, #singlecol {font-family:calibri, sans-serif}


/*Links styling*/
a.last {border-right:0}
a.search:link {text-decoration:none; color:white}
a.search:visited {text-decoration:none; color:white}
a.search:active {text-decoration:underline; color:white}
a.search:hover  {text-decoration:underline; color:white}
#search a {display:block; padding:0px 15px 0px 15px; border-right:1px white dotted;}
#search a.last {border:0}
#breadcrumb a:link, #breadcrumb a:visited {text-decoration:none; color:#002e5f}
#breadcrumb a:active, #breadcrumb a:hover {text-decoration:underline;color:#002e5f}
#breadcrumb, #breadcrumb a {font-family:calibri, sans-serif}
div.index a {color:white}
#leftnav a {padding:0px 0px 6px 0px; display:block; font-family:calibri, sans-serif; color:#002e5f; font-size:0.9em}
#leftnav a:link, #leftnav a:visited {text-decoration:none; color:#002e5f}
#leftnav a:active, #leftnav a:hover {text-decoration:none; color:#9b243e}
#rightcol a:link, #rightcol a:visited {font-family:calibri,sans-serif; text-decoration:none; color:#002e5f}
#rightcol a:active, #rightcol a:hover {font-family:calibri,sans-serif; text-decoration:underline; color:#002e5f}


/*images*/
img {border:0px}
div.index img {margin:0px}
#rightcol img{margin-bottom:5px; float:right}
#rightcol p.rellinks img {float:left}


/*Lists - all styling*/
#search ul {margin:0; padding:0; list-style:none; float:right}
#search li{float:left; margin:0; padding:0px 0px 6px 0px}



/*Tables - how do we display their contents?*/
.contentsTable {font-family:calibri, times new roman, serif}
.contentsTable td {vertical-align:top}
/*Used when tabular content is needed in the main body of the page*/
table.contentsTable {width:400px; border-collapse:collapse; font-size:1em}
table.contentsTable img {border:0px}
/* Hides from IE5-mac \*/
* html .contentsTable {width: 400px}
/* End hide from IE5-mac */

/*modified for the exams pages /academic/Exams/gcsetime.php etc*/
table.contentsTable tr.am, span.am {background-color:#f4a6ca}
span.am, span.pm, span.allDay {margin-right:30px; padding:0px 6px 2px 6px}
table.contentsTable tr.pm, span.pm {background-color:#b7f4a6}
table.contentsTable tr.allDay, span.allDay {background-color:#a6d0f4}
table.contentsTable tr.header {font-weight:bold}

/*Alternative to the contentsTable*/
div.contentsTableAlternative  ul {margin:0px;font-size:0.9em; display:table-row}
div.contentsTableAlternative ul.header {font-weight:bold}
div.contentsTableAlternative li {display:inline; padding-left:10px;display:table-cell}
div.contentsTableAlternative ul.am {background-color:#f4a6ca}
div.contentsTableAlternative ul.pm {background-color:#b7f4a6}
div.contentsTableAlternative ul.allDay {background-color:#a6d0f4}

/*for the /galleries/galleryName/index.php table of gallery images*/
table.imageGallery img {cursor:pointer}

#maincol, #singlecol {padding:0px 10px 0px 30px; border-left:0px}
#maincol {margin:0px 225px 0px 221px;}
#singlecol {margin:0px 0px 0px 221px;}
#maincol h1, #singlecol h1{font-family:Palatino Linotype, serif; color:#002e5f; font-weight:bold; margin-top:0px; font-size:1.6em}
#maincol a:link, #singlecol a:link {font-family: calibri, sans-serif;color:#002e5f}
#maincol a:visited, #singlecol a:visited{font-family: calibri,sans-serif; color:#002e5f}
#maincol a:hover, #singlecol a:hover{font-family: calibri, sans-serif;color:#002e5f}
#maincol h2, #singlecol h2, #maincol h2 a:link, #maincol h2 a:visited,#maincol h2 a:hover, #singlecol h2 a:link, #singlecol h2 a:visited,#singlecol h2 a:hover {font-family:Palatino Linotype, serif;
color:#002e5f; font-weight:bold; font-size:1.1em}
#maincol h3, #singlecol h3{font-family:Palatino Linotype, serif;color:#002e5f; font-weight:bold; font-size:0.9em}
#maincol li, #singlecol li{margin-left:20px}


/*Styling for the footer links*/
#footer {background-color:#002e5f;
                               text-align:center;
                               font-family:Book Antiqua,calibri, helvetica, sans-serif;
                               font-size:0.75em;
                               color:#002e5f;
                               clear:both;
                               margin:0px;
                               }
#footer a {padding:0px 15px 0px 15px}
#footer a:link, #footer a:visited {color:white; text-decoration:none}
#footer a:hover {text-decoration:underline}
#footer span#feedback {cursor:pointer; color:white; padding:0px 15px 0px 15px}

/*styles for pop-up pages
currently includes files of type
/academic/sixthform/subjects/*_pattern.php
ie pattern of assessment subjects for the sixthform subjects
also pages where tables are used which will default to the following*/
table {border-spacing:0px 5px; width:100%}
th {text-align:left; font-weight:bold}
td {vertical-align:top; padding-right:8px}
#popup {font-family:calibri, sans-serif; font-size:0.75em}
#popup h1 {font-size:medium; color:#002e5f; font-weight:bold; margin-top:0px}
#popup h2{font-size:small; color:#002e5f; font-weight:bold; margin-top:0px}
#popup {padding:10px; text-align:left}
.ChapelWindows {background-color:white}
#popup .rowodd {clear:both; padding-bottom:10px}
#popup .roweven {clear:both; padding-bottom:10px}
#pop.rowodd, tr.odd {background-color:#bb608c; color:white}
#pop.roweven, tr.even {background-color:white}
#popup .spacer {clear:both; font-size:xx-small}
#popup .cell1 {float:left; width:8%; padding:0px 5px 0px 5px}
#popup .cell2 {float:left; width:32%; padding:0px 5px 0px 5px}
#popup .cell3 {float:left; width:44%; padding:0px 5px 0px 5px}
#popup .cell4 {float:left; width:8%; padding:0px 5px 0px 5px}
#popup a:link {font-family:calibri, sans-serif; text-decoration:none;color:#002e5f; font-size:x-small}
#popup a:visited {font-family:calibri, sans-serif;text-decoration:none; color:#002e5f; font-size:x-small}
#popup a:active {font-family:calibri, sans-serif;text-decoration:underline; color:#002e5f; font-size:x-small}
#popup a:hover {font-family:calibri, sans-serif;text-decoration:underline; color:#002e5f; font-size:x-small}

/*style for /index1,2,3.php*/
span.title {font-weight:bold; color:#002e5f}

/*style for subheadings in /extracurricular/sport/ section*/
span.sportsubheadings{font-weight:bold}
/*style for links in sports page*/
div.sportLink  {margin-bottom:2px; font-size:1.2em}
/*sports results table*/
table.sportsResultsTable {width:400px; border-collapse:collapse; display:block;}
table.sportsResultsTable th {background-color:#eeeeee; color:black}
/*styling for the long result link*/
span.sportLongResult {cursor:pointer; color:#002e5f;text-decoration:underline}
/*new version*/
table.sportResultsTable {width:600px; border-collapse:collapse;
border:1px black solid}
table.sportResultsTable tr.header {background-color:#eeeeee}
table.sportResultsTable td.win {background-color:green}
table.sportResultsTable td.lose {background-color:red}
table.sportResultsTable td.draw {background-color:#eeeeee}
table.sportResultsTable td.unknown {background-color:white}
table.sportResultsTable td.away {font-style:italic}

/*style for news index page - will probably produce a similar result
to the above*/
p.newsLinks a {font-size:1.2em; display:block; margin-bottom:2px}

/*style for the scholarhips criteria*/
div.scholarship_criterion {font-style:italic}

/*style for general navigation on the the three sub-home pages*/
span.generalnav {margin-left:160px; padding-bottom:30px}
span.generalnav a{font-family: calibri, sans-serif; color:#002e5f; font-weight:normal}

/*style for the 'more' link at the bottom of some pages*/
div.more {float:right}

/*style for chapel windows pages*/
div#chapelWindow div {clear:right}
div#chapelWindow div h2 {}
div#chapelWindow div img {float:right; margin:0px 0px 10px 30px}

/*styling for the yarrow pages*/
div.yarrowDates {font-weight:bold; font-size:1em}

/*styleing for the ljs tour section*/
img.ljsTourPic {float:right; margin-left:10px}

/*the search box*/
div#searchBox {float:right; width:206px; margin-right:15px;
padding:0px; line-height:100px;}
html>body div#searchBox {margin-right:35px}
div#searchBox input.textbox {border:1px #002e5f solid; width:140px; vertical-align:middle; margin:0px; color:#666666;font-family:Palatino Linotype, serif}
div#searchBox input.submitbutton {border:1px black solid; width:35px; padding:0px; vertical-align:middle; margin:0px; font-family:Palatino Linotype, serif}
div#textSize {float:right; margin-right:20px}

p.slideshow {float:right}

/*Rules for the marquee*/
span#marqueeText {color:#666666}
div#marquee {width:100%; overflow:hidden; position:relative;
margin:0px 0px 20px 0px}
span#marqueeText a:link {color:#666666}

/*make the popupmap links look like links*/
span.popUpMap {color:#002e5f; text-decoration:underline; cursor:pointer}

/*noticeboard presentation*/
div.notices p {font-size:0.9em; margin:0px 0px 3px 0px; vertical-align:middle;}
div.notices p img {vertical-align:middle}
div.notices h2 {margin:15px 0px 5px 0px}
div.notices hr {margin:7px}
p.noticeboardHeader {color:#002e5f; font-weight:bold}

/* /sport/index.php results table */
table#resultsTable {font-size:0.9em; border-collapse:collapse}
table#resultsTable td {padding:3px 8px 3px 0px}
table#resultsTable tr.even {background-color:#dddddd}
table#resultsTable tr.odd {background-color:white; color:black}
table#resultsTable tr.away {}
table#resultsTable tr.home {}
table#resultsTable tr.cancelled td, span.cancelled {text-decoration:line-through; color:#999999}

/*RSS subscribe link*/
p.rssSubscribe {color:#002e5f; font-size:0.8em}

/*New index pages*/
div#middleNav {width:342px; position:absolute; left:0px; top:0px; height:329px; font-family:calibri, sans-serif; background-color:#b8c7d9}
div#middleNav ul {margin:0px; position:absolute; top:50%; margin-top:-116px; padding:0px; color:#002e5f}
div#middleNav ul li {list-style-type: none; line-height:29px; margin-left:40px; list-style-position:outside}
div#middleNav ul li a {text-decoration:none; color:#002e5f}
div#middleNav ul li a:hover {color:rgb(155,36,62)}
div#row2 {position:relative; height:329px; width:100%; clear:both;}
div#row2 img {float:right}

/*Index page blocks (ipb) styles*/
div#row3 {background-color:#002e5f; height:120px; padding:5px 10px 0px 10px;}
div.ipb {padding-top:4px; background-color:#002e5f; color:white;  height:110px; font-size:0.8em; margin:0px; cursor:pointer; font-family:calibri, sans-serif}
div.ipb img {margin:7px 0px 0px 0px}
div.ipb h2 {text-decoration:none; position:absolute; left:0px; color:white; margin:0; font-family:Palatino Linotype, serif}
div.ipb a {color:white; text-decoration:none}
div.calendar {position:absolute; left:671px; cursor:auto}
div.calendar a {text-decoration:none}
div.news {position:absolute; left:10px; width:280px}
div.galleries {position:absolute; width:280px; left:342px;}
div.ipbText {float:left; margin:40px 0px 0px 0px; padding:0px; width:140px}
div.ipbGalleriesText {float:right; width:120px;}
span.ipbCalDate {font-size:2em}
div#ipbCalendar {cursor:auto}
div.ipbMessage {position:absolute; right:10px; width:140px; color:white; }
div.ipbMessageText {margin-top:10px}
span#AddStuff {border:1px white solid; display:none}

div.indexpopupheader {color:#002e5f; width:250px; background-color:#b4d8ff; font-weight:bold; border-bottom:1px #002e5f solid; font-size:0.9em;}
div.indexpopupbody {color:#002e5f; width:250px; background-color:#b4d8ff; font-size:0.9em; font-weight:light}

div#ipfooter {background-color:white; color:#002e5f; text-align:center; font-size:0.8em; font-family:palatino linotype, serif; height:15px; padding-bottom:2px; padding-top:0px}
div#ipfooter a {color:#002e5f; text-decoration:none}

/*Society pages*/
table#eventsTable {width:800px; font-size:0.9em}
table#eventsTable tr td span.tbc {font-height:10em;color:#666666}
div.event {margin-bottom:20px}
div.event p {margin:0px}
div.event p.title {font-weight:bold}
div.event p span.venue {font-weight:bold}
div.event p span.time {font-weight:bold}
div.event p span.cost {font-weight:bold}

p.date {font-size:0.8em; font-style:italic}

/*JW Player styling*/
p#preview {display:none} /*Hide the player initially*/