/* Start of CMSMS style sheet 'Default' */
/* Colours
Dark brown: #5c1102;
Light brown: #eaeacf;
*/

/* Reset Styles */

html, body, div, h1, h2, h3, h4, h5, h6, p, ol, ul, li, img, blockquote {
margin: 0;
padding: 0;
}

html { font-size: 62.5%; }

img { border: 0; }

/* Layout Rules */

html {
background-color: #f2f2f2;
font-family: Arial, Helvetica, sans-serif;
}

body {
background-color: #eaeacf;
border: 10px solid #fff;
margin: 10px auto;
width: 870px;
}

/*.header, #content_holder { margin: 0 220px 0 110px; }*/


.header {
background-image: url('uploads/images/bg-top.gif');
position: relative;
height: 134px;
margin: 0 220px 0 0; 
}

.header #logo {
position: absolute;
right: 10px;
top: 10px;
}

#content_holder {
/* background: url('uploads/images/hands_up.jpg') no-repeat;*/
margin: 0 220px 10px 10px; 
position: relative;
}

#image-holder {
	width: 640px;
	height: 254px;
	margin: 0 0 5px 0
}

/* Typography */

h1, h2, h3, h4 {
font-family: Georgia, serif;
font-weight: normal;
}

h1 {
background: url('uploads/images/windlesham_school.png') bottom left no-repeat;
margin: 0 0 0 15px;
height: 110px;
line-height: 100px;
}

h1 span {
	display: none;
}

h2 {
font-size: 3em;
line-height: 1.2;
padding: 0 10px;
text-transform: lowercase;
margin: 10px 0 25px 0;
}

h3, h4, p, li { color: #5c1102; }

h3 {
font-size: 1.8em;
margin-bottom: 0.72em;
padding: 0.56em;
}

h4 { font-weight: bold; }

h4, p {
font-size: 1.3em;
line-height: 1.4;
margin: 0 0.77em 0.92em;
}

.breadcrumbs {
font-size: 1.1em;
margin: 0 0.91em 0.45em;
text-transform: uppercase;
}

.small {
font-size: 0.9em;
text-transform: uppercase;
}

/* Main Content */

#content {
padding: 1.2em 0 1.8em;
background: #fff;
min-height: 440px;
}



#content h2 { color: #006068; }

#content h2 + p { font-weight: bold; }

#content h2 + p span {
color: #006068;
text-transform: uppercase;
}

#content ul { margin: 0 1em 1.3em 2.5em; }

#content li { font-size: 1.3em; }

#content li li { font-size: 1em; }

#content li p {
font-size: 1em;
margin-left: 0;
margin-right: 0;
padding: 0;
}

#content a { color: #5C1102; }

.footer {
	text-align:center;
	background: url('uploads/images/bg-footer.gif') repeat;
	padding: 25px 0 10px 0;
	height: 80px
}

.footer p {
	font-size: 1.2em;
	padding: 0;

}

.footer a { color: #5C1102; }

.footer .support {
	font-size: 1.1em
}

*+html .footer {
	margin: 20px 0 0
}

/* Navigation */

.nav ul { list-style: none; }

.nav li { text-transform: uppercase; }

.nav li a { text-decoration: none; }

/* Main Nav */

#main_nav {
clear: both;
/* left: -110px;*/
left: 0;
position: absolute;
top: 0;
width: 870px;
background: url('uploads/images/bg-navigation.gif') repeat-x;
height: 31px
}

#main_nav li {
float: left;
font-size: 1.2em;
text-align: center;
}

#main_nav li a { 
color: #fff !important; 
font-weight: bold;
padding: 8px 24px;
display: block
}

#main_nav li.menuactive, #main_nav li:hover {
background: url('uploads/images/bg-navigation-current.gif') bottom no-repeat;
}



/* Secondary Nav */


#secondary_nav {
	margin: 20px 0 0 0;
	width: 210px;

}

#secondary_nav li:first-child {
	border-top: 1px solid #fff;
}

#secondary_nav li {
	line-height: 130%;
	margin: 0 10px 0 5px;
	font-size: 130%;
	list-style:none;
	border-bottom: 1px solid #fff;
	height: 40px !important;
	text-transform:capitalize
}

#secondary_nav li a {
 	color: #5c1102;
	padding: 13px 0 5px 13px !important;
	display: block;
	background: url('uploads/images/bg-sub-menu-arrow.gif') 0 65% no-repeat;
}

#secondary_nav h4 {
	font-size: 160%;
	color: #006261;
	font-weight: normal;
}

/* Site Meta Nav */

#site_meta {
position: absolute;
right: -210px;
top: -120px;
}

#site_meta li {
padding-bottom: 5px;
text-align: right;
}

#site_meta li a {
color: #5c1102;
font-size: 1.1em;
}

/* Context Nav */

#context {
position: absolute;
right: -220px;
top: 30px;
width: 210px;

}

.context-quote {
background: url(uploads/images/right_grad.png) repeat-y;
padding-bottom: 1.5em;
}


/* Downloads */

#content .pdf { margin-left: 1em; }

.pdf { list-style: none; }

.pdf li {
background: url(uploads/images/PDF-icon_trans.gif) no-repeat;
height: 29px;
}

.pdf li a { margin-left: 35px; }

#content .doc{ margin-left: 1em; }

.doc { list-style: none; }

.doc li {
background: url(uploads/images/DOC-icon_trans.gif) no-repeat;
height: 29px;
}

.doc li a { margin-left: 35px; }

/* Tables */

table {
border-spacing: 2px;
margin: 0 1em 1.8em;
}

th, td {
font-size: 1.2em;
padding: 3px;
vertical-align: top;
}

.red, th {
background-color: #731808;
color: #fff;

font-weight: bold;
}

.lbeige { background-color: #F4F4E7; }

/* Right hand quotes */

blockquote p {
font-family: Helvetica, Verdana, sans-serif;
font-size: 2.2em;
color: #5C1102;
line-height: 1.2em;
margin: 0;
padding: 0.4em 0 0.6em;
}

blockquote p:before { content: open-quote; font-weight: bold; }

blockquote p:after { content: close-quote; font-weight: bold; }


cite {
font-style: normal;
font-size: 1.1em;
}

cite a {
color: #5C1102;
text-decoration: none;
}

.landing-image {
	margin: 15px 0 0 0
}

/* Contact page */

#content ul.contact {
list-style-type: none;
padding-left: 10px;
padding-bottom: 20px;
color: #5C1102;
}

/* News and Events */

#browse-news {
	position: absolute;
	right: -215px;
	top: 250px;
	width: 210px;
}

#browse-news li {
	line-height: 130%;
	margin: 0 10px;
	padding: 5px 0 5px 0;
	font-size: 125%;
	list-style:none;
	border-bottom: 1px solid #fff;
}

#browse-news h4 {
	font-size: 160%;
	color: #006261;
	font-weight: normal;
}

#secondary_nav li:first-child {
	border-top: 1px solid #fff;
}

#browse-news li a, #browse-news li span  {
	padding-left: 13px !important;
	display: block;
	background: url('uploads/images/bg-sub-menu-arrow.gif') 0 65% no-repeat;
	color: #5c1102;
	text-decoration: none;
}

#browse-news li span  {
	color: #9f9e82;

}

#browse-news li a:hover {
	text-decoration: underline;
}


#news-holder ul li {
	margin-bottom: 25px;
	clear: left;
	height: 70px;
}

#news-holder h3 a{
	color: #006068;
	text-decoration: none;
	font-weight: normal;
	margin: 0;
}

#news-holder h3 a:hover {
	text-decoration: underline;
}

.news-date {
	font-size: 85% !important;
	padding: 0;
	margin: -12px 0 2px 0
}

hr#NewsPostDetailHorizRule {
	display: none;
}

#NewsPostDetailSummary {
	color: #5c1102;	
	font-size: 120%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 10px;
	font-weight: bold;
}



#NewsPostDetailTitle {
	margin: 15px 0 7px 10px;
	padding: 0
}

#NewsPostDetailContent {
	color: #5c1102;	
	font-size: 130%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 20px 20px 40px 10px
}

.news-date-detail {
	margin: 0 0 15px 10px;
}

.calendar-date-from, .calendar-details, .calendar-returnlink {
	color: #5c1102;	
	font-size: 130%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 20px 20px 0 10px
}
.news-item-image {
	width: 70px;
	height: 70px;
	float: left;
	margin: 0 15px 0 0;
	border: 1px solid #e4e4ce
}

.news-item-image2 {
	width: 70px;
	height: 70px;
	float: right;
	margin: 0 15px 0 0;
	border: 1px solid #e4e4ce
}

.news-item-image3 {
	width: 70px;
	height: 70px;
	float: right;
	margin: -15px 15px 0 0;
	border: 1px solid #e4e4ce
}

ul#news-summary li {
	margin-bottom: 25px;
	clear: left;
	height: 70px;
	
}

.pagination {
	font-size: 120%;
	color: #006261;
	font-weight: normal;
	margin: 0 0 5px 10px
}

#events-holder {
	margin: 30px 0 0 0
}

#events-holder ul.events-list {
	margin: -5px 0 0 0
}

#events-holder ul li {
	margin: -10px 0 25px 10px;
	clear: left;
	height: 70px;
}

#events-holder h3 a{
	color: #006068;
	text-decoration: none;
	font-weight: normal;
	margin: 0;
}

#events-holder h3 a:hover {
	text-decoration: underline;
}

/* School Life */

#school-life ul {
	width: 280px;
	float: left;

}

#school-life ul li {
	list-style: none;
	height: 70px;
	margin: 0 0 15px 0
}

#school-life ul li img {
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #e4e4ce
}

#school-life ul li a {
	font-size: 120%;
	color: #006068;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

#school-life-news {

}

#school-life-news li {
	list-style: none;
	margin-bottom: 25px;
	clear: left;
	height: 70px;
}

#school-life-news .news-item-image {
	display: none;
}



#school-life-news .news-date {
	font-size: 85% !important;
	padding: 0;
	margin: -30px 0 2px 0
}

#school-life-news h4 {
	color: #5c1102;
	background: url(uploads/images/bg-h3.gif) bottom repeat-x;
	padding: 20px 0 8px 0;
	font-size: 170%;
	font-weight: normal
}

#school-life-news h3 a{
	color: #006068;
	text-decoration: none;
	font-weight: normal;
	margin: 0 0 0 -15px;
	font-size: 65%
}
#school-life-news h3 a:hover {
	text-decoration: underline;
}

#school-life-news h2 {
	display: none;
}

#school-life-news #news-summary {
	margin: -15px 0 0 15px;
}

#school-life-news #news-summary li {
	height: 50px
}




/* End of 'Default' */