/* colour palette

dark blue: 	#00205B
red: 		#D0431D
gold: 		#BE9E4C
grey rules:	#E5E5E5

*/

/* !Eric Meyer's css reset (http://meyerweb.com/eric/tools/css/reset/) -- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end css reset */


/* !layout -------------------------------------------------------------- */

body {
	font-size: 75%; /* convert 16px base font size to 12px */
	line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
	font-family: "Lucida Grande", "Trebuchet MS", "Verdana", "Arial", "sans-serif";
	background-color: #FFF;;
   	color: #666; 
}

#skipnav {
	position: absolute;
	top: 10px;
	left: 10px;
}

#headerWrap {
	height: 150px;
	background: url(/assets/images/header_bg.jpg) repeat-x; 
}

#header {
	position: relative;
	width: 960px;
	height: 150px;
	margin: 0 auto;
}

#contentWrap {
	clear: both;
	background: url(/assets/images/contentWrap_bg.jpg) repeat-x left bottom;
}

#content {
	width: 960px;
	margin: 0 auto;
}

#content img {
	float: left;
	margin: 0 20px 10px 0;
}

#primaryContent {
	width: 580px;
	float: left;
	margin-right: 20px;
	padding-bottom: 40px;
}

#secondaryContent {
	width: 160px;
	float: left;
	padding-bottom: 40px;
}

#footerWrap {
	clear: both;
	background: url(/assets/images/footer_bg.gif) repeat-x 0 0;
}

#footer {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	height: 100px;
/*	background: url(/assets/images/logo_foot.gif) no-repeat 70px 25px; */
}

.clearBoth {
	clear: both;
	height: 0;
}

#primaryContent img {
	float: left;
	margin: 0 20px 10px 0;
}

.about #primaryContent img {
	margin: 5px 20px 10px 0;
}

/* homepage */

#home #contentWrap {
	background-image: none;
}

#home #lowerContentWrap {
	background: url(/assets/images/lowerContent_bg.jpg) repeat-x 0 0;
	padding-top: 10px;
}

#home #content,
#home #lowerContent {
	width: 940px;
	padding-top: 20px;
	margin: 0 auto;
}

#home #linkPanels {
	width: 220px;
	float:left;
	margin-left: 20px;
}

#home .column1 
{
	width: 640px;
	float: left;
	margin: 0 20px 0 0;
	padding-bottom: 20px;
}

#home .column10
{
	width: 170px;
	float: left;
	margin: 0 20px 0 0;
	padding-bottom: 20px;
}

#home .column20 {
	width: 520px;
	float: left;
	/*margin: 1px;
	padding-bottom: 20px; */
}

#home .column30 {
	width: 220px;
	height: 285px;
	float: left;
	margin: 0 0 0 0; 
	padding-bottom: 20px; 
	}

#home .column2 {
	width: 220px;
	float: left;
	margin: 0 20px 0 0;
	padding-bottom: 20px;
}

#home .column3 {
	width: 220px;
	float: left;
	padding-bottom: 20px;
}

#home .column3 table {
	margin: 0;
	width: 220px;
}

#home .column3 td {
	width: 72px;
	height: 72px;
	margin: 0;
	padding: 0 0 2px 0;
	border: none;
}

#home .column3 table a:link,
#home .column3 table a:visited {
	border: 1px solid #FFF;
	padding: 0 !important;
	display: block;
	width: 70px;
	height: 70px;
}

#home .column3 table a:hover,
#home .column3 table a:active {
	border: 1px solid #00205B;
}

#home .column3 img {
	margin: 0;
	padding: 0;
}

#home #footerWrap {
	background-image: url(/assets/images/footer_home_bg.gif);
}

/* !type ---------------------------------------------------------------- */

/* font sizing guide:

pixels		ems			leading
-------------------------------------
9px 	= 	0.75em		2.2222em
10px 	= 	0.8333em	2em
11px 	= 	0.9166em	1.8181em
12px 	= 	1em			1.6666em
13px 	= 	1.0833em	1.5384em
14px 	= 	1.1666em	1.4285em
15px 	= 	1.25em		1.3333em
16px 	= 	1.3333em	1.25em
17px 	= 	1.4166em	1.1764em
18px 	= 	1.5em		1.1111em
19px 	= 	1.5833em	1.0526em
20px 	= 	1.6666em	1em
21px 	= 	1.75em		
22px 	= 	1.8333em	
23px 	= 	1.9166em	
24px 	= 	2em			
30px	=	2.5em		

(divide desired pixel height by 12 to get 'em' value) */

abbr, acronym {
	cursor: help;
	border-bottom: 1px dotted;
}

p {
	font-size: 1em;
	margin: 0.8333em 0 0.8333em 0;
}

#intro {
	padding-bottom: 0.7142em;
}

#intro p {
	font-size: 1.1666em;
	line-height: 1.4285em;
	margin: 0.7142em 0 0.7142em 0;
}

#secondaryContent p {
	font-size: 0.9166em;
	line-height: 1.8181em;
	margin: 0.909em 0 0.909em 0;
}

p.date {
	font-family: Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", serif;
	font-style: italic;
	color: #888;
}

h1 {
	font-size: 1em; /*30px*/
	line-height: 1.1666em; /*35px*/
}

h2 {
	font-weight: Bold;
	color:  #00205B;
/*#80BF4D;*/
	font-size: 2.1666em;
	line-height: 1.1538em;
	margin: 0.7692em 0 0.3846em 0;
}

#secondaryContent h2 {
	font-size: 1.5em;
	line-height: 1.1111em;
	margin: 0.5555em 0 0.5555em 0;
}

h3 {
	font: 1.5em/1.1111em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", serif;
	font-style: italic;
	font-weight: normal;
	color: #BE9E4C;
	margin: 1.1111em 0 0.5555em 0;
}

#secondaryContent h3 {
	font-size: 1.3333em;
	line-height: 1.25em;
}

h4 {
	font-weight: normal;
	color: #BE9E4C;
	font-size: 1.1666em;
	line-height: 1.4285em;
	margin: 1.4285em 0 0.7142em 0;
}

h5 {
	font-weight: bold;
	color: #BE9E4C;
	font-size: 1em;
	line-height: 1.6666em;
	margin: 1.6666em 0 0.8333em 0;
}

h6 {
	font-weight: normal;
	color: #BE9E4C;
	font-size: 1.5776em;
	margin: 0.7692em 0 0.3846em 0;
}

#primaryContent p {
	margin-right: 20px;
}

#primaryContent ul {
	margin-left: 20px;
	margin-right: 20px;
}

#primaryContent ul li {
	background: url(/assets/images/square_bullet.gif) no-repeat 0 0.6em;
	padding-left: 10px;
	margin: 0.8333em 0 0.8333em 0;
}

#secondaryContent ul {
	margin-left: 0;
}

#secondaryContent ul li {
	font-size: 0.9166em;
	line-height: 1.8181em;
	margin: 0.909em 0 0.909em 0;
	background: url(/assets/images/square_bullet.gif) no-repeat 0 0.6em;
	padding-left: 10px;
}

#secondaryContent .pullquote p {
	font: 1.1666em/1.4285em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", serif;
	font-style: italic;
	color: #999;
	margin: 0;
}

.pullquote {
	border-bottom: 1px solid #D0431D;
	padding-bottom: 1em;
	margin-bottom: 40px;
}

#secondaryContent .pullquote p.source {
	font: 1em/1.6666em "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-style: normal;
	margin: 0.4166em 0 0 0;
	color: #BE9E4C;
	text-align: right;
}

#secondaryContent .pullquote img {
	margin: 0 !important;
}

sup {
	font-size: 0.75em;
	color: #888;
}

.small {
	font-size: 0.9166em;
	line-height: 1.8181em;
	color: #888;
}

/* homepage */

#home h2 {
	font-size: 1.4166em;
	line-height: 1.1764em;
	padding-bottom: 0.5882em;
	margin: 0 0 0.5882em 0;
	border-bottom: 1px solid #E5E5E5;
}

#home h2 a:link,
#home h2 a:visited {
	color: #BE9E4C;
}

#home h2 a:hover,
#home h2 a:active {
	color: #00205B;
}


#home #content li,
#home #lowerContent li {
	margin: 0.4166em 0 0.4166em 0;
}

/* hyperlinks */

a:link, a:visited {
	color: #D0431D;
	text-decoration: none;
}

a:hover, a:active {
	color: #00205B;
	text-decoration: underline;
}

/* data tables */

table {
	margin-top: 20px;
	width: 900px;
	border-collapse: separate;	
}
th, td {
	font-size: 1em;
	margin: 0.8333em 0 0.8333em 0;
	text-align: left;
	border-bottom: 0px solid #E5E5E5;
	padding: 3px 10px 3px 0;	
	width: 800px;
}

th {
	font-weight: bold;
	color: #BE9E4C;
	border-bottom-color:#CCC;
}

td.download {
	text-align: center !important;
	padding: 0 !important;
}

td.download img {
	margin: 0 0 0 25px !important;
}

/* !skip to content ---------------------------------------------------------------- */

#skipnav {
	background: url(/assets/images/skipLink.gif) no-repeat 0 0;
	width: 7px;
	height: 4px;
	position: absolute;
	top: 5px;
	left: 5px;
	margin: 0;
}

#skipnav a:link, #skipnav a:visited {
	background: url(/assets/images/skipLink.gif) no-repeat 0 0;
	width: 7px;
	height: 4px;
	display: block;
	text-indent: -999em;
}

#skipnav a:hover, #skipnav a:active {
	background-position-y: -10px;
}

/* !header ---------------------------------------------------------------- */

#header #logo {
	position: absolute;
	top: 18px;
	left: 10px;
	height: 81px;
	width: 400px;
/*	background: url(/assets/images/logo_head.gif) no-repeat; */
	background: url('/assets/images/logo.jpg') no-repeat; 
}

#header #logo a {
	height: 81px;
	width: 67px;
	display: block;
	text-decoration: none;
}


#header #title {
	margin: 0;
	position: absolute;
	right: 10px;
	bottom: 44px;
	width: 461px;
	height: 29px;
/*	background: url(/assets/images/title.gif) no-repeat; */
	text-indent: -999em;
}

/* search panel */

#searchPanel {
	position: absolute;
	top: 15px;
	right: 10px;
}

#searchPanel form {
	float: right;
}

#searchPanel p {
	margin: 0;
}

input#keywords {
	margin: 0;
	font-size: 1em;
	padding: 0.25em;
	width: 200px;
	border: 1px solid #CCC;
	color: #333;
}

#searchPanel label,
#searchPanel input {
	float: left;
	margin-left: 5px;
}

#searchPanel label {
	padding-top: 2px;
}

/* main navigation ---------------------------------------------------------------- */

#mainNav {
	position: absolute;
	left: 5px;
	bottom: 0;
	height: 35px;
	background: url(/assets/images/nav_bg.jpg) no-repeat;
}

#mainNav ul {
	background: url(/assets/images/nav_bg_right.gif) no-repeat bottom right;
	padding: 5px 5px 0 0;
	height: 30px;
}

#mainNav ul li {
	float: left;
	font-size: 1.25em;
	line-height: 1.3333em;
	height: 30px;
	margin-left: 2px;
	background: #FFF url(/assets/images/nav_item_bg.gif) repeat-x bottom left;
}

#mainNav ul li#navHome {
	margin-left: 5px;
}

#mainNav ul li a:link,
#mainNav ul li a:visited {
	display: block;
	height: 26px;
	color: #666;
	padding: 4px 10px 0 10px;
	background: url(/assets/images/nav_item_bg.gif) repeat-x bottom left;
}

#mainNav ul li a:hover,
#mainNav ul li a:active {
	color: #D0431D;
	text-decoration: none;
	background-position: bottom right;
}

/* selected items */
/* selected items */

#home #navHome a:link, #home #navHome a:visited, #home #navHome a:hover, #home #navHome a:active,
#about #navAbout a:link, #about #navAbout a:visited, #about #navAbout a:hover, #about #navAbout a:active,
#academics #navAcademics a:link, #academics #navAcademics a:visited, #academics #navAcademics a:hover, #academics #navAcademics a:active,
#research #navResearch a:link, #research #navResearch a:visited, #research #navResearch a:hover, #research #navResearch a:active,
#admissions #navAdmissions a:link, #admissions #navAdmissions a:visited, #admissions #navAdmissions a:hover, #admissions #navAdmissions a:active,
#admin #navAdmin a:link, #admin #navAdmin a:visited, #admin #navAdmin a:hover, #admin #navAdmin a:active,
#faculty #navFaculty a:link, #faculty #navFaculty a:visited, #faculty #navFaculty a:hover, #faculty #navFaculty a:active,
#students #navStudents a:link, #students #navStudents a:visited, #students #navStudents a:hover, #students #navStudents a:active,
#jobs #navJobs a:link, #jobs #navJobs a:visited, #jobs #navJobs a:hover, #jobs #navJobs a:active,
#contact #navContact a:link, #contact #navContact a:visited, #contact #navContact a:hover, #contact #navContact a:active {
	color: #D0431D;
	align:center;
	background-color: #FFF;
	background-image: none;
}



/* !breadcrumb ---------------------------------------------------------------- */

#breadcrumb {
	margin: 0 0 10px 190px;
	padding-top: 20px;
	font-size: 0.9166em;
	line-height: 1.8181em;
}

/* !sub navigation ---------------------------------------------------------------- */

#subNavigation {
	float: left;
	width: 170px;
	margin: -0.5em 20px 0 0;
	padding-bottom: 40px;
}

#subNavigation li {
	font-size: 1.0833em;
	line-height: 1.5384em;
	padding: 0.5em 0;
	background: url(/assets/images/subnav_rule.gif) no-repeat left bottom;
}

#subNavigation li a:link,
#subNavigation li a:visited {
	padding-left: 10px;
	color: #666;
	display: block;
}

#subNavigation li a:hover,
#subNavigation li a:active {
	background: url(/assets/images/square_bullet.gif) no-repeat 0 0.6em;
	color: #D0431D;
	text-decoration: none;
}

/* !banner ---------------------------------------------------------------- */

#banner {
	width: 580px;
	height: 160px;
	margin-bottom: 40px;
	background-color: #D0431D;
}

#banner h1 {
	width: 220px;
	height: 159px;
	background: url(/assets/images/h1_bg.jpg) no-repeat 0 0;
	background-color: #D0431D;
	text-indent: -999em;
}

#home #banner {
	width: 700px;
	height: 179px;
	margin-bottom: 40px;
	float:left;
	position: relative;
}

#home #banner p {
	width: 220px;
	height: 179px;
	background: url(/assets/images/head_home.gif) no-repeat;
	background-color: #D0431D;
	margin: 0;
	text-indent: -999em;
}

#home #banner #flash {
	width: 480px;
	height: 179px;
	position: absolute;
	top: 0;
	right: 0;
}

/* images */

/* !news and events ---------------------------------------------------------------- */

#news #summaries h3 {
	border-top: 1px solid #E5E5E5;
	padding-top: 0.75em;
	margin-top: 0.75em;
}

#news #latestNewsCol {
	float: left;
	width: 170px;
	margin: 0 20px 0 0;
	padding-bottom: 40px;
}

#news .newsImage {
	float: left;
}

#news .newsImage {
	float: left;
}

#news #primaryContent img {
	padding-top: 5px;
}

#news .newsImage p {
	font-family: Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", serif;
	font-style: italic;
	color: #888;
}

#news #secondaryContent h2 {
	font-weight: normal;
	color: #BE9E4C;
	font-size: 1.5em;
	line-height: 1.1111em;
	margin: 2.2222em 0 0.5555em 0;
}

#news #secondaryContent h2:first-child {
	margin-top: 0 !important;
}

#news #secondaryContent .archive h2 {
	margin: 2.2222em 0 0.5555em 0 !important;
}

#news #secondaryContent h3 {
	font: 1em/1.6666em "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #BE9E4C;
	margin: 0;
}

#news #secondaryContent .upcoming h3 {
	margin-top: 0;
}

#news #secondaryContent p.date {
	font-size: 1em;
	line-height: 1.6666em;
	border-bottom: 1px solid #E5E5E5;
	padding: 0 0 0.4166em 0;
	margin: 0 0 0.4166em 0;
}

#news #secondaryContent .archive p {
	margin: 0;
}

/* !calendar -------------------------------------------------------------- */

#calendar table {
	margin-top: 20px;
	width: 580px;
}

#calendar th, #calendar td {
	font-size: 1em;
	line-height: 1.2em;
	text-align: left;
	border-bottom: 2px solid #FFF;
	border-right: 2px solid #FFF;
	background-color: #F0F0F0;
	padding: 6px;
	width: 14.285%;
}

#calendar th {
	background-color: #BE9E4C;
	text-align: center;
	color: #FFF !important;
}

#calendar td {
	height: 50px;
}

#calendar tr.days td {
	height: auto;
}

#calendar td a:link,
#calendar td a:visited {
	margin: 0.4166em 0;
	display: block;
}

#calendar th a:hover,
#calendar th a:active {
	text-decoration: none;
	color: #FFF;
}

#calendar th {
	font-weight: bold;
	color: #BE9E4C;
}

#calendar .calendarDayHeading {
	font-weight: bold;
	color: #BE9E4C;
}

#calendar .calendarToday {
	font-weight: bold;
	background-color: #D0431D;
	color: #FFF;
}

#calendar .calendarToday a:link,
#calendar .calendarToday a:visited,
#calendar .calendarToday a:hover,
#calendar .calendarToday a:active {
	color: #FFF;
}

#calendar .calendarBlank {
	color: #BBB;
	background-color: #F6F6F6;
}

#calendar p {
	margin-right: 0;
}

#calendar .previous {
	background: url(/assets/images/left-arrow.gif) no-repeat top left;
	padding-left: 10px;
	float: left;
	width: auto;
}

#calendar .next {
	background: url(/assets/images/right-arrow.gif) no-repeat top right;
	padding-right: 10px;
	float: right;
	width: auto;
}

.events .eventInfo {
	border-top: 1px solid #E5E5E5;
	margin-bottom: 1.6666em;
}

.events .eventInfo p {
	border-bottom: 1px solid #E5E5E5;
	padding: 0.4166em 0;
	margin: 0 !important;
}

.events .eventInfo p em {
	color: #BE9E4C;
	font-style: normal;
	width: 80px;
	display: block;
	float: left;
}

.events .back {
	background: #FFF url(/assets/images/left-arrow.gif) no-repeat top left;
	padding-left: 10px;
	margin-top: 1.6666em;
}

/* !homepage -------------------------------------------------------------- */

#home #urgent {
	border: 1px solid #D0431D;
	margin-bottom: 40px;
	padding-bottom: 5px;
}

#home #urgent h2 {
	background-color: #D0431D;
	color: #FFF;
	margin: 0;
	padding: 0 0 0 10px;
	border: none;
	font-size: 0.8333em;
	line-height: 2em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

#home #urgent h3 {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 1.5em;
	line-height: 1.1111em;
	margin: 0.75em 10px 0.5555em 10px;
}

#home #urgent p {
	font-weight: bold;
	margin: 0 10px 0.4166em 10px;
}

#home #linkPanels ul {
	width: 220px;
}

#home #linkPanels ul li {
	width: 220px;
	height: 59px;
	margin: 0 0 1px 0 !important;
	background-color: #00205B;
	color: #BE9E4C;
	font-size: 1.1666em;
}

#home #linkPanels ul li a:link,
#home #linkPanels ul li a:visited {
	width: 164px;
	height: 39px;
	display: block;
	color: #BE9E4C;
	padding: 20px 0 0 56px;
}

#home #linkPanels ul li a:hover,
#home #linkPanels ul li a:active {
	color: #FFF;
	text-decoration: none;
}

li#linkAdmissions {
	background: url(/assets/images/home-buttons.jpg) no-repeat 0 0;
}

li#linkProspectus {
	background: url(/assets/images/home-buttons.jpg) no-repeat 0 -59px;
}

li#linkOfsted {
	background: url(/assets/images/home-buttons.jpg) no-repeat 0 -118px;
}

li#linkAdmissions a:link,
li#linkAdmissions a:visited {
	background: url(/assets/images/home-buttons.jpg) no-repeat 0 0;
}

li#linkProspectus a:link,
li#linkProspectus a:visited {
	background: url(/assets/images/home-buttons.jpg) no-repeat 0 -59px;
}

li#linkOfsted a:link,
li#linkOfsted a:visited {
	background: url(/assets/images/home-buttons.jpg) no-repeat 0 -118px;
}

#home #linkPanels ul li a:hover,
#home #linkPanels ul li a:active {
	background-position-x: -220px;
}

#home .column1 h2,
#home .column1 h3,
#home .column1 h4,
#home .column1 p,
#home .column1 ul {
	margin-left: 1px;
}

#home .column1 img {
	float: left;
}

#home .imageWithCaption {
	float: left;
	width: 100px;
}

#home .imageWithCaption img {
	margin-bottom: 20px;
}

#home .imageWithCaption p {
	margin: 0;
	color: #BE9E4C;
	font-size: 0.9166em;
	line-height: 1.8181em;
}

#home .imageWithCaption p.title {
	color: #888;
	font-family: Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", serif;
	font-style: italic;
}

/* !departments slider ----------------------------------------------------- */

#about .slider {
	padding-bottom: 1.1111em;
	border-bottom: 1px solid #E5E5E5;
}

#about .slider h2 {
	font-size: 1.5em;
	line-height: 1.1111em;
	color: #D0431D;
	margin: 0.5555em 0 0 0;
	padding: 0.555em 0 0 0;
	border-top: 1px solid #E5E5E5;
	cursor: pointer;
	background: url(/assets/images/more-info.gif) no-repeat 498px 10px;
}

#about .slider h2.active {
	color: #BE9E4C;
	background-image: url(/assets/images/close-info.gif);
}

#about .slider h3 {
	font-size: 1.3333em;
	line-height: 1.25em;
}

/* !leadership team -------------------------------------------------------- */

.leadership-team #primaryContent p {
	border-bottom: 1px solid #E5E5E5;
	margin: 0.4545em 0 0.4545em 0;
	padding-bottom: 0.4545em;
}

/* !staff ------------------------------------------------------------------ */

.school_staff #primaryContent h2 {
	font-size: 1.5em;
	line-height: 1.1111em;
	margin: 0.5555em 0 0 0;
	padding-bottom: 0.5555em;
	border-bottom: 1px solid #E5E5E5;
}

.school_staff #primaryContent p {
	border-bottom: 1px solid #E5E5E5;
	margin: 0.4545em 0 0.4545em 0;
	padding-bottom: 0.4545em;
}

.school_staff #primaryContent p strong {
	width: 320px;
	display: block;
	float: left;
}

/* !governors -------------------------------------------------------------- */

.governors #primaryContent h2 {
	font-size: 1em;
	line-height: 1.6666em;
	margin: 0.4545em 0 0.4545em 0;
	padding-top: 0.4545em;
	font-weight: bold;
	width: 200px;
	float: left;
	clear: both;
	border-top: 1px solid #E5E5E5;
}

.governors #primaryContent p {
	margin: 0.4545em 0 0.4545em 0;
	padding-top: 0.4545em;
	width: 380px;
	float: left;
	border-top: 1px solid #E5E5E5;
}

/* !vacancies -------------------------------------------------------------- */

h2.job-title {
	font-size: 1.6666em;
	line-height: 1em;
	margin-bottom: 0.5em;
	margin-top: 2em;
}

.vacancy-dates {
	border-top: 1px solid #E5E5E5;
}

.vacancy .vacancy-dates {
	margin-bottom: 20px;
}

.vacancy-dates p {
	border-bottom: 1px solid #E5E5E5;
	padding: 0.4166em 0;
	margin: 0 !important;
}

.vacancy-dates p em {
	color: #BE9E4C;
	font-style: normal;
	width: 220px;
	display: block;
	float: left;
}

/* !uniform ---------------------------------------------------------------- */

.school-uniform #primaryContent ul li {
	margin-top: 0;
	margin-bottom: 0;
}

.school-uniform #secondaryContent img {
	margin-top: 20px;
}

/* !timetable -------------------------------------------------------------- */

.timetable .period {
	font-weight: bold;
}

.timetable .even {
	background-color: #F5F5F5;
}

/* !letters --------------------------------------------------------------- */

#lettersArchive {
	padding-bottom: 20px;
}

#lettersArchive p {
	margin: 0;
}

#lettersArchive h3 {
	margin-bottom: 0;
}

/* !gallery ---------------------------------------------------------------- */

.gallery .thumbnails {
	width: 580px;
}

.gallery .thumbnails img {
	margin: 0 0 9px 0 !important;
}

.gallery .thumbnails a:link,
.gallery .thumbnails a:visited {
	border: 1px solid #FFF;
	display: block;
	width: 130px;
	height: 130px;
}

.gallery .thumbnails a:hover,
.gallery .thumbnails a:active {
	border: 1px solid #00205B;
}

.gallery .thumbnails td {
	border: none;
}

.gallery .latestImages {
	width: auto;
}

.gallery .latestImages a:link,
.gallery .latestImages a:visited {
	border: 1px solid #FFF;
	display: block;
	width: 70px;
	height: 70px;
}

.gallery .latestImages a:hover,
.gallery .latestImages a:active {
	border: 1px solid #00205B;
}

.gallery .latestImages td {
	border: none;
	padding: 0;
	margin: 0;
	height: 80px;
	width: 80px;
}

.gallery #secondaryContent h2 {
	margin-top: 0;
}

.gallery .previous {
	float: left;
	margin: 0 0 10px 0 !important;
}

.gallery .previous a {
	background: url(/assets/images/left-arrow.gif) no-repeat top left;
	padding-left: 10px;
}

.gallery .next {
	float: right;
	margin: 0 0 10px 0 !important;
}

.gallery .next a {
	background: url(/assets/images/right-arrow.gif) no-repeat top right;
	padding-right: 10px;
}

.gallery .next a {
	background: url(/assets/images/right-arrow.gif) no-repeat top right;
	padding-right: 10px;
}

.gallery .spaced {
	margin-top: 10px !important;
}

.gallery .imageFull h2 {
	font: 1.5em/1.1111em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 0.5555em 0;
	padding-top: 0.5555em;
	clear: both;
}

.gallery p.left {
	float: left;
	margin-bottom: 20px !important;
}

.gallery p.paginate {
	float: right;
	margin-bottom: 20px !important;
}

/* !info for pupils --------------------------------------------------------- */

#pupils #primaryContent ul.resources {
	margin: 0;
	padding-top: 10px;
}

#pupils #primaryContent ul.resources li {
	font-size: 1.1666em;
	line-height: 1.4285em;
	background-image: none;
	margin: 0 0 5px 0;
	padding: 0;
}

#pupils #primaryContent ul.resources li a:link,
#pupils #primaryContent ul.resources li a:visited {
	border: 1px solid #E5E5E5;
	display: block;
	width: 360px;
	padding: 3px 5px;
	background: url(/assets/images/button_bg.jpg) repeat-x;
}

#pupils #primaryContent ul.resources li a:hover,
#pupils #primaryContent ul.resources li a:active {
	border: 1px solid #CCC;
	text-decoration: none;
	color: #333;
	background-color: #FFF;
	background-image: none;
}

/* !activities ---------------------------------------------------------- */

.activities table {
	margin-top: 20px;
	width: 580px;
}

.activities tr.even td {
	background-color: #E9E9E9;
}

.activities th, .activities td {
	font-size: 1em;
	line-height: 1.2em;
	text-align: left;
	border-bottom: 2px solid #FFF;
	border-right: 2px solid #FFF;
	background-color: #F0F0F0;
	padding: 6px;
	width: 25%;
	vertical-align: middle;
}

.activities table td.bold {
	font-weight: bold;
}

.activities th {
	background-color: #BE9E4C;
	text-align: center;
	color: #FFF !important;
}

/* !contacts us ------------------------------------------------------------ */

#contactInfo {
	width: 200px;
	margin-right: 20px;
	float: left;
}

#contactForm {
	width: 360px;
	float: left;
	padding-bottom: 20px;
}

#contactForm .highlight {
	color: #D0431D;
}

#contactForm p {
	margin: 0 0 3px 0;
	clear: left;
}

#contactForm h2 {
	margin-top: 0;
}

#contactForm label {
	width: 100px;
	display: block;
	float: left;
	clear: left;
}

#contactForm .sendbrochure {
	padding-bottom: 5px;
	font-weight: bold;
}

#contactForm .sendbrochure label {
	width: auto;
	margin-right: 10px;
}

#contactForm .sendbrochure input {
	width: auto;
}

#contactForm input {
	width: 230px !important;
	border: 1px solid #CCC;
	margin: 0;
	font-size: 1em !important;
	padding: 3px 4px !important;
	color: #333;
	background: none !important;
}

#contactForm input#prospectus {
	width: auto !important;
	border: none;
}

#contactForm textarea {
	width: 230px;
	border: 1px solid #CCC;
	margin: 0;
	font-size: 1em;
	padding: 1px 4px;
	color: #333;
}

#contactForm input:focus,
#contactForm textarea:focus {
	border: 1px solid #999;
	color: #000;
}

#contactForm .send input {
	width: auto !important;
	height: auto !important;
	margin: 0 17px 0 0;
	border: none;
	float: right;
}

#contactForm label.error {
	clear: left;
	color: #D0431D;
	width: auto;
	padding-left: 112px;
	font-size: 0.9166em;
	background: url(/assets/images/up_arrow.gif) no-repeat 100px 5px;
}

h2.rule {
	clear: both;
	border-top: 1px solid #E5E5E5;
	padding-top:  1.1538em;
}

/* !sidebar content -------------------------------------------------------- */

#secondaryContent img {
	margin-bottom: 10px;
}

#secondaryContent .pullquote img {
	margin-bottom: 0;
}

#secondaryContent p.caption {
	margin-top: -10px;
}

.archive {
	margin-bottom: 40px;
}

/* pdf panel */

.pdf-panel {
	border: 1px solid #E5E5E5;
	margin-bottom: 40px;
}

#secondaryContent .pdf-panel h2 {
	padding: 0 10px;
}

#secondaryContent .pdf-panel p {
	font-size: 1em;
	line-height: 1.6666em;
	margin: 0.8333em 0 0.8333em 0;
	padding: 0 10px;
}

#secondaryContent .pdf-panel p.small {
	font-size: 0.9166em;
	line-height: 1.8181em;
	margin: 0.909em 0 0.909em 0;
}

.pdf-panel img {
	margin: 0 !important;
}

/* panel */

.panel {
	border: 1px solid #E5E5E5;
	margin-bottom: 40px;
	padding: 10px 10px 5px 10px;
}

#secondaryContent .panel img {
	margin: 0;
}

/* !search results -------------------------------------------------------- */

#primaryContent .resultstotal {
	font-size: 1.1666em;
	line-height: 1.4285em;
}


.searchresults #primaryContent h2 {
	font-size: 1.5em;
	line-height: 1.1111em;
	border-top: 1px solid #E5E5E5;
	padding-top: 0.5555em;
}

#primaryContent .result p,
#primaryContent .result h1,
#primaryContent .result h2,
#primaryContent .result h3,
#primaryContent .result h4,
#primaryContent .result h5 {
	font-size: 1em;
	line-height: 1.6666em;
	margin: 0.8333em 0 0.8333em 0;
	color: #666;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
	font-style: normal;
	border: none;
	margin-top: 0;
}

#primaryContent .result img {
	display: none;
}

/* !footer ---------------------------------------------------------------- */

#footer p {
	font-size: 0.9166em;
	line-height: 1.8181em;
	margin: 0;
	margin-left: 130px;
	color: #999;
	float: left;
}

#footer p strong {
	font-weight: normal;
	color: #666;
}

#footer p.contact {
	margin-bottom: 10px;
}

#footer #toplink {
	float:right;
	margin-right: 10px;
}

#footer #toplink a:link,
#footer #toplink a:visited {
	background: url(/assets/images/toplink_arrow.gif) no-repeat 0 3px;
	padding-left: 10px;
}

#footer #toplink a:hover,
#footer #toplink a:active {
	background-position-y: -17px;
}