/* ============================ common ============================== */

body { 
	color: #000; background: #fff;
	font: normal 62.5% Arial, sans-serif;
}

a { color: #80bcff; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; }

img 	{ display: block; }
a img 	{ border: none; }
a span	{ cursor: pointer; }
strong 	{ font-weight: bold; }
em 		{ font-style: italic; }

.clearfix:after {
	clear: both;
	display: block; visibility: hidden;
	height: 0;
	content: ".";   
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.aural{
	position: absolute;
	left: -2007px;
	font: 0;
}

/* ========================== common end ============================ */

/* ============================ layout ============================== */

#holder{ 
	width: 990px;
	margin: -29px auto 0 auto; 
	background: url(../img/bg-holder.gif) repeat-y 224px 0;
	border-bottom: 10px solid #fff;
}

#header{
	position: relative;
	background: #2d406b url(../img/bg-header.gif) repeat-x 0 0;
}

#content{
	float: right;
	width: 765px;
	margin: 0 0 60px 0;
}

#side-bar{ 
	float: left;
	width: 224px;
}

#footer-wrapper{
	margin-top: 10px;
	background: #fff;
}

#footer{ 
	z-index: 1000;
	clear: both; position: relative;
	/*height: 10px;*/
	background: #fff;
	/*border-top: 10px solid #80bcff;*/
	padding-top: 10px;
}

/* ========================== layout end ============================ */

/* ============================ header ============================== */

#header h1{
	float: left;
border-bottom: 1px solid #fff;
}

#searchform{
	float: right;
	padding: 30px 30px 0 0;
}
#searchform label{
	padding: 0 5px 0 0;
	color: #2d406b;
	font-size: 1.25em;
	font-weight: bold;
}
#searchform input.text{
	padding: 1px;
	font-size: 1.25em;
	width: 195px;
	border-top: 1px solid #2c2c2c; border-left: 1px solid #2c2c2c; border-bottom: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4;
}
#searchform input.submit{
	position: relative;
	top: 7px;
}



/* ========================== header end ============================ */

/* ============================ content ============================= */

#sub-head{
	padding: 7px 15px 6px 15px;
	color: #fff; background: #2d406b;
	border-left: 1px solid #fff;
	margin-left: -1px;
}
#sub-head a.print{
	float: right;
	padding: 3px 25px 3px 0;
	font-size: 1.04em; text-decoration: none;
	color: #fff; background: url(../img/ico-print.gif) no-repeat 100% 0;
	display: inline;
}
#sub-head a.print:hover,
#sub-head a.print:focus,
#sub-head a.print:active{ text-decoration: underline; }
#breadcrumbs{
	float: left;
	font-size: 1.25em; font-weight: bold;
}
#breadcrumbs a{
	font-weight: normal; text-decoration: none;
	color: #fff;
}
#breadcrumbs a:hover,
#breadcrumbs a:focus,
#breadcrumbs a:active{ background: none; text-decoration: underline; }

#images{
	float: right;
	margin: 30px 10px 20px 10px;
	display: inline;
}

.post{
	margin: 40px 0 20px 33px; 
}
.post h2{
	margin: 0 0 0.3em 0; 
	font-size: 2.9em; font-weight: bold;
	color: #80bcff;
}
.post h3{
	margin: 0 0 0.3em 0; 
	font-size: 1.25em; font-weight: bold;
	color: #80bcff;
}
.post p{
	margin: 0 0 1em 0;
	font-size: 1.25em; line-height: 1.4;
}
.post ul{
	margin: 0 0 1em 2em;
	font-size: 1.25em; line-height: 1.4;
	list-style: disc;
}
.post ol{
	margin: 0 0 1em 2em;
	font-size: 1.25em; line-height: 1.4;
	list-style: decimal;
}
.post ul ul,
.post ol ol{ margin: 0; font-size: 1em; }
.post strong{
	/*color: #80bcff;
	font-size: 1.1em;*/
}
.post .more{
	font-size: 1.25em; text-decoration: underline;
}
.post ul.posts-list{
	margin-left: 0;
	list-style: none;
}
.post ul.posts-list h2{ font-size: 1em; }
.post .alignleft{
	float: left;
	margin: 0 10px 5px 0;
	display: inline;
}
.post .alignright{
	float: right;
	margin: 0 0 5px 10px;
	display: inline;
}
.post .aligncenter{
	margin: 10px auto;
}

.post-thumb{
	margin: 0 0 10px 0;
}
.post-thumb .img{
	float: left;
	margin: 0 10px 5px 0;
	display: inline;
}

.pagebar{
	font-size: 1.25em;
	text-align: right;
}

/* ========================== content end =========================== */

/* ============================ side-bar ============================ */

#nav{ margin: 0 0 15px 0; }

#nav li a{
	display: block;
	padding: 7px 24px;
	font-size: 1.45em; font-weight: bold;
	color: #fff; background: #2d406b;
	border-bottom: 1px solid #fff;
}
#nav li a:hover,
#nav li a:focus,
#nav li a:active{
	color: #fff; background: #172e57;
	text-decoration: none;
}
#nav li li a{ padding-left: 34px; background: #21204b; font-weight: normal;}
#nav li li a:hover,
#nav li li a:focus,
#nav li li a:active{ background: #80bcff; }

#nav li.active a{
background: #80bcff;
}

#nav li.active li a{ padding-left: 34px; background: url(../img/sub-bg.gif) no-repeat 24px 14px #21204b; font-weight: bold;}
#nav li.active li a:hover,
#nav li.active li a:focus,
#nav li.active li a:active{ background: #172e57 url(../img/sub-bg.gif) no-repeat 24px 14px; }

#nav li.active li.current_page_item a{ background: url(../img/sub-bg.gif) no-repeat 24px 14px #7881aa; }

#headmasters-office{ position: relative; }
#headmasters-office h2{
	padding: 13px 24px;
	font-size: 1.74em; font-weight: bold;
	color: #2d406b; background: #80bcff;
}
#headmasters-office a{
	position: absolute;
	bottom: 0;
	width: 176px;
	padding: 7px 24px;
	font-size: 1.25em;
	color: #2d406b; background: #80bcff;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

#download a{
	display: block;
	padding: 10px 24px 280px 24px;
	color: #2d406b; background: url(../img/prospect.jpg) no-repeat 0 100%;
	font-size: 1.74em; font-weight: bold;
}

/* ========================== side-bar end ========================== */

/* ============================= footer ============================= */

#footer img.ofsted{
	position: absolute;
	top: -50px; left: 254px;
}

#footer .logos{
background: #fff;
margin: 10px 0;
width: 300px;
height: 55px;
float: left;
background: url(../img/footer-logos.gif) no-repeat;
}

#footer .boilerplate{
background: #fff;
margin: 10px 0;
width: 675px;
float: left;
}

#footer p{
padding-top: 6px;
font-size: 1.2em;
color: #2c426b;
}

/* =========================== footer end =========================== */

table{
background: #c8d8fb;
padding: 10px;
margin-bottom: 30px;
}

table td {
border: 1px solid #c8d8fb;
padding: 5px;
background: #fff;
margin: 0;
}

#top-image{
	/*position: absolute;
	bottom: 0; right: 0;*/
}

#imageContainer {
	position:absolute;
	width:766px;
	height:219px;
	bottom: 0; right: 0;
}

#imageContainer img {
	display:none;
	position:absolute;
}

.blue{
padding-top: 2px;
border-top: 10px solid #80bcff;
}