/* Content body CSS */

.content { line-height: 1.5; }
.content P { /* OLD: margin-top: 1pt; */ margin-top: 0pt; margin-bottom: 1em; }

.content A { text-decoration: underline; color: #CF9A1E; }												/* golden link colour */
.content A:hover, .content A:active { color: #3D4778; font-weight: bold; }				/* mid blue hover colour */

/* OLD: 
	#centercontent .content A { color: #3D4778; text-decoration: underline; }
	#centercontent .content A:hover { color: #CF9A1E; }
*/

.content H1, H1.pageTitle { margin: 1em 0 0.5em 0; font-size: 1.9em; font-weight: normal; color: #3D4778; }
.content H1 STRONG, H1.pageTitle STRONG { color: #040E32; font-weight: normal; }
.content H2 { margin-bottom: 0.5em; font-size: 1.65em; font-weight: normal; color: #06144A; }
.content H3 { margin-bottom: 0.3em; font-size: 1.2em; font-weight: bold; color: #333; }
.content H4 { margin-bottom: 0.2em; font-size: 1em; font-weight: bold; color: #4C4C4C; }

.content IMG.levelWithH2 { margin-top: 1em; }
.content IMG.levelWithH3 { margin-top: 1em; }

.content BIG { color: red; }		/* e.g., footnote asterisks */



/* Central List Styles etc. */
.content UL, .content OL { margin: 0; padding: 0; margin-bottom: 12pt; }
.content UL { list-style: none; margin-left: 10pt; zoom: 1; /* CSS HACK: fix bullet position in IE7 (+ below?) */ }
.content OL { margin-left: 26pt; }
.content UL LI { margin-bottom: 0.7em; background: url(../images/ui/bullet_top_arrow.gif) no-repeat left 2pt; padding-left: 16pt; }
.content OL LI { margin-bottom: 0.5em; }
.content .compact LI { margin-bottom: 0.25em!important; }

/* Second Level */
.content UL UL, .content OL UL { margin: 0.5em 0 1em 2pt; 	/* OLD: margin: 0.5em 0 1em 20pt; */ }
.content UL UL LI, .content UL OL LI, .content OL UL LI, .content OL OL LI { margin-bottom: 0.4em; }
.content UL UL LI { background: url(../images/ui/bullet_second_arrow.gif) no-repeat left 2pt; }


.content BLOCKQUOTE { margin-left: 15pt; color: #666; font-style: italic; line-height: 1.6; }
.content BLOCKQUOTE EM { color: #3D4778; }

.content HR {
	border: 0;
	color: #ceb7b7;
	background-color: #ceb7b7;
	height: 1px;
	margin-top: 15px;
}




/* CONTENT IMAGES ********************************************* */

.content IMG, .imgBorder { 
	border: 1px solid lightgrey; padding: 4px; border-top-color: #F1F1F1; border-left-color: #F1F1F1; 
}
.photoRight, .rightFloat, .photoLeft, .leftFloat { margin-bottom: 10pt; }
.photoRight, .rightFloat { float: right; margin-left: 10pt; }
.photoLeft, .leftFloat { float:left; margin-right: 12pt; }

DIV.rightFloat IMG, DIV.leftFloat IMG { margin: 0; }
/* image captions */
.imgCaption, .content DIV.rightFloat P, .content DIV.leftFloat P { text-align: center; padding: 2pt 4pt; /* from HDNN2 */ font-style: italic; font-size: 0.8em; color: gray; }

/* CSS HACK: ensure visible over background in IE6 */
.content .leftFloat, .content .rightFloat { _position: relative; }


/* remove border + bgcolour for UI, signature, inline Icon, etc images */
.content .noBorder, .content .ui, IMG.inlineIcon, .signature IMG, .rightFloatLogo, .leftFloatLogo, .content TABLE IMG { 
	border: 0!important; background-color: transparent!important; 
}
/* also remove padding for everything except "noBorder" */
.content .ui, IMG.inlineIcon, .signature IMG, .rightFloatLogo, .leftFloatLogo, .content TABLE IMG { padding: 0px!important; }
/* also remove margin for UI + signature images (unneeded as Windsor doesn't default to margins on content images?) */
.content .ui, .signature IMG { margin: 0!important; }

.centerPhoto { padding-right: 3px; padding-bottom: 3px; border-right: #e4e4e4 2px solid; border-bottom: #e4e4e4 2px solid; }



.content A.extLink, .content A.pdfLink, .content A.wordLink {
	padding-right: 18px;
	margin-right: 2pt;		/* OLD: 2px */
}
.content A.extLink { 		background: url(../images/ui/icon_web_tiny.gif) no-repeat right 2px; }
.content A.pdfLink { 		background: url(../images/ui/icon_pdf_tiny.gif) no-repeat right 1px; }
.content A.wordLink { 	background: url(../images/ui/icon_word_tiny.gif) no-repeat right 1px; }

#wrapper .content A.ui { background: none; padding: 0; margin: 0; }




/* TABLE STYLES  ***************************************** */

/* give content tables fancy styling by default, can be removed via 'ui' class */
.content TABLE { 
	/* border-collapse: collapse; */ border: 1px solid #9296A0; 
	padding: 1px; /* *padding: 0; */ margin-bottom: 10pt; margin-top: 15pt; margin-left: 5pt; 
	border-spacing: 2px;
	color: #595959;
}
.content TH { 
	background: #f8d8a6 url(../images/ui/table_header_gradient.gif) repeat-x bottom; /*OLD: f0d7a7 */
	height: 14pt; 
	padding: 2pt 4pt 4pt 4pt;
	text-align: center; 
	border: 0;
	font-weight: normal;
	vertical-align: bottom;
	color: #4C4C4B; /* OLD: #62210E #323232 */
}

.content TD { background: #FAE8CC; padding: 3pt 4pt; /* 4px; */ border: 0; vertical-align: top; }
.altColBg { background: #FAE2BD; }
.rightCol { text-align: right; }
.rightLabel { text-align: right; font-weight: bold; }
.colouredBox { background-color: #f9e1bc!important; /* OLD: #f6d49e */ }

.content TABLE.ui, .content TABLE TABLE { border: 0!important; margin: 0!important; background: none!important; font-size: 1em!important; }
.content TABLE.ui TD, .content TABLE TABLE TD { background: none!important; border: 0!important; }

TABLE.partWidth { width: auto; }



/* SIGNATURES / PERSON DETAILS ***************************************** */

.signature { margin-top: 12pt; margin-bottom: 15pt; }
.name { font-weight: bold; color: #3D4778; letter-spacing: -0.1em; }

/* make person name bigger in signatures */
.signature .name { font-size: 1.25em; letter-spacing: 0em; }

/* person's position (sometimes also their email/tel address in sig) */
.signature .position { margin-top: 2pt; margin-bottom: 2pt; font-size: 0.85em; text-transform: uppercase; font-style: normal; }



/* IMAGE GALLERIES ************************* */

.photoGallery { margin-top: 15pt; margin-bottom: 5pt; clear: both; }

.photoGallery IMG { margin: 0 5pt 10pt 5pt; vertical-align: top; }
.photoGallery DIV.divImg, DIV.vtThumb {
	float: left; width: auto; vertical-align: top;
	_position: relative; 				/* CSS HACK: ensure visible over background in IE6 */
}
.photoGallery.thumbs IMG { margin-right: 5pt; cursor: pointer; }

.photoGallery DIV.imgCaption { /* margin-top: -7pt; */ color: gray; }





/* MISC STYLES ******************************************** */

/* From old Haybridge - lists to the right of left floated elements have messed up left margin.
		Wrap with DIV with this class to fix. */
DIV.fixIEListFloatBug {	zoom: 1; }
DIV.fixIEListFloatBug UL { 
	margin-top: 0em; margin-bottom: 0em;
	/* OLD:  margin-top: 0.3em; margin-bottom: 1em; */
}

INPUT.noBorder { background-color: transparent; border: 0px!important; }


SPAN.docTitle { font-style: italic; }
SPAN.dlSize { font-size: 0.8em; color: gray; font-style: italic; }		/* download size */
.urgentText { font-weight: bold; color: red; } 	/* FCKeditor custom style */

.content .date, .content A.date { color: #71879A!important; }

.errorUrl { color: #71879A; font-style: italic; }		/* 404 page invalid URL */


/* abbreviation - dashed underline to show that can see explanation by mouseovering */
SPAN.abbr { border-bottom: 1px #71879A dashed; cursor: help; }
.infoTip { cursor: help; }

/* apply to (eg) DIV after an H1 to float to right of it */
.rightOfTitle { float: right; margin-top: -3em; color: gray; font-style: italic; font-size: 0.9em; }

/* e.g., PDF software instructions footnotes */
.footnote, .footnote A { font-size: 8.5pt; }
.footnote { padding-top: 15pt; margin-left: 6pt; clear: both; color: gray; font-style: italic; }
.footnote P { margin-bottom: 0em; }
.footnote BIG { font-size: 12pt; position: relative; top: 1px; }


P.intro { font-weight: bold; }




/* PAGE SPECIFIC STYLES *********************************** */

/* HOME PAGE */
.homePage H1.pageTitle STRONG { color: #4A599C; }
.homePage .homePolaroid { margin-top: 5pt!important; margin-left: 10pt!important; }
.homePage #centercontent .content P { font-size: 1.0em; }

/* VIRTUAL TOUR GALLERY */
DIV.vtGallery { clear: none; }
IMG.vtThumb { margin: 0px!important; cursor: pointer; padding: 0; }
DIV.vtThumb { height: 130px; margin-left: 20px; }

/* FLV VIDEOS - Haybridge version (in-place quality switching) */
.flvVideo { text-align: center; }
.flvVideo IFRAME { border: gray 1px solid; vertical-align: middle; }
.divQuality { text-align: center; margin-top: 3pt; }

/* SIXTH FORM ARCHITECTURE VIDEOS (current version) */
.ifrVid { border:1px gray solid; }
.divVidVers { margin-top: 3pt; font-size: 7pt; }
.divVidVers SPAN { color: gray; margin: 0 2pt; }


/* House System table */
.houseSystem { font-size: 7pt; margin-left: 0pt!important; z-index: 99; position: relative; }
.houseSystem TABLE { border: 0px; }
.houseSystem TABLE TD { border: 0px; white-space: nowrap; }

.houseSystem TD { vertical-align: top; padding: 2pt 4pt; }
TABLE.houseSystem TABLE { width: 100%; border-collapse: collapse; }
TABLE.houseSystem TABLE TD { padding-right: 3pt; }
TABLE.houseSystem TABLE EM { display: block; font-size: 0.8em; }
.houseSystem .rowLabel { width: 35pt; background: #666; /*color: white;*/ }		/* OLD */
.houseSystem .yellow { background: #FFF17E; }
.houseSystem .red { background: #FF9999; }
.houseSystem .green { background: #CCFFCC; }
.houseSystem .blue { background: #BCE6FC; }
.houseSystem .white { background: white; }

/* uniform listings */
.schoolStock { color: blue; }

/* vacancies */
UL.vacancies { margin-bottom: 20pt; /* OLD: -10pt */ }
UL.vacancies UL { margin-bottom: 15pt; }
UL.vacancies UL STRONG { color: #666; margin-right: 3pt }