
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ layout */
* { 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:14px;
}
html { 
	overflow: -moz-scrollbars-vertical !important; 
}
body { 
	margin:0px 0 0px 0; padding:0px; 
}
#madeBy {
	position:absolute; 
	right:36px; 
	top:553px;
}
#mainContainer { 
	width:895px; margin:0 auto 0 auto; 
	position:relative; 
	top:-30px; 
}
#leftCol { 
	background-image:url(../images/generic/leftColBG.gif); 
	background-repeat:no-repeat; 
	background-position:top left; 
	width:315px; 
	height:635px; 
	position:absolute;
	z-index:2;
}
	h1 { 
		position:absolute; 
		left:30px; 
		top:80px; 
	}
		h1 a {
			height:150px; 
			width:190px; 
			display:block 
		}
			h1 a span { 
				display:none; 
			}
#rightCol { 
	width:705px; 
	position:absolute; 
	right:0px;
	z-index:1;
}
#content {
	width:525px;
}
	#content a {
		color:#5bc0e8;
		text-decoration:none;
	}
		#content a:hover {
			color:#391b0f;
		}	
#footer, #charity {
	width:525px;
}
#footer a, #charity, #headerContent ul li a, #nextNContainer ul li.XofX, #charity a {
	font-family:Arial, Helvetica, sans-serif;
}
#footer { 
	height:21px; 
	line-height:21px; 
	color:#5bc0e8; 
	font-size:14px;  
	background: url("../images/generic/footerBG-single.gif") repeat-x 0px 0px !important;
}
	#footer a {
		font-size:13px; 
		text-decoration:none; 
		color:#391b0f; 
	}
	#footer a:hover { 
		color:#5bc0e8; 
	}
#charity { 
	margin-bottom:40px; 
	text-align:right; 
	color:#838383; 
	font-size:12px;
	padding:3px 0 0 0; 
	background: url("../images/generic/footerBG-single.gif") repeat-x 0px 0px !important;	
}
	#charity a {
		font-size:12px;
		color:#838383;
		text-decoration:none;
	}
	#charity a:hover {
		color:#391b0f;
	}	
#headerContainer {
	position:relative;
	width:705px; 
	background-repeat:no-repeat;
}
	h2 {
		position:absolute;
		top:120px;
		left:130px;
	}
		h2 span {
			display:none;
		}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ navigation */
#pNavContainer { position:absolute; top:425px; left:50px; }
#pNavContainer ul {
	margin: 0px;
	padding: 1px 0px 0px 0px;
	background: url("../images/navigation/primary/singleDotRow.gif") no-repeat 0px 0px !important;
}
	#pNavContainer li {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
		#pNavContainer li.spacer { background: url("../images/navigation/primary/spacer.gif") no-repeat 0px 0px !important; height:20px; }
		#pNavContainer li.telno { background: url("../images/navigation/primary/telno.gif") no-repeat 0px 0px !important; height:20px; }		
		#pNavContainer li.telno span { display:none; }
		#pNavContainer li a { width: 135px; height: 20px; display: block }
		#pNavContainer li a span { display: none; }
		
		#pNavContainer li a.about { background: #fff url("../images/navigation/primary/about.gif") no-repeat 0px 0px !important;  }
		#pNavContainer li a.about:hover, #pNavContainer li.current a.about { background-position: -135px 0px !important; }
		#pNavContainer li a.newsevents { background: #fff url("../images/navigation/primary/newsevents.gif") no-repeat 0px 0px !important;  }
		#pNavContainer li a.newsevents:hover, #pNavContainer li.current a.newsevents { background-position: -135px 0px !important; }
		#pNavContainer li a.admissions { background: #fff url("../images/navigation/primary/admissions.gif") no-repeat 0px 0px !important;  }
		#pNavContainer li a.admissions:hover, #pNavContainer li.current a.admissions { background-position: -135px 0px !important; }
		#pNavContainer li a.juniorschool { background: #fff url("../images/navigation/primary/juniorschool.gif") no-repeat 0px 0px !important;  }
		#pNavContainer li a.juniorschool:hover, #pNavContainer li.current a.juniorschool { background-position: -135px 0px !important; }	
		#pNavContainer li a.seniorschool { background: #fff url("../images/navigation/primary/seniorschool.gif") no-repeat 0px 0px !important;  }
		#pNavContainer li a.seniorschool:hover, #pNavContainer li.current a.seniorschool { background-position: -135px 0px !important; }
		#pNavContainer li a.sixthform { background: #fff url("../images/navigation/primary/sixthform.gif") no-repeat 0px 0px !important;  }
		#pNavContainer li a.sixthform:hover, #pNavContainer li.current a.sixthform { background-position: -135px 0px !important; }
		#pNavContainer li a.contact { background: #fff url("../images/navigation/primary/contact.gif") no-repeat 0px 0px !important;  }
		#pNavContainer li a.contact:hover, #pNavContainer li.current a.contact { background-position: -135px 0px !important; }
		#pNavContainer li a.gallery { background: #fff url("../images/navigation/primary/gallery.gif") no-repeat 0px 0px !important;  }
		#pNavContainer li a.gallery:hover, #pNavContainer li.current a.gallery { background-position: -135px 0px !important; }		
		#pNavContainer li a.newsletters { background: #fff url("../images/navigation/primary/newsletters.gif") no-repeat 0px 0px !important;  }
		#pNavContainer li a.newsletters:hover, #pNavContainer li.current a.newsletters { background-position: -135px 0px !important; }		
		#pNavContainer li a.publications { background: #fff url("../images/navigation/primary/publications.gif") no-repeat 0px 0px !important;  }
		#pNavContainer li a.publications:hover, #pNavContainer li.current a.publications { background-position: -135px 0px !important; }
		#pNavContainer li a.calendar { background: #fff url("../images/navigation/primary/calendar.gif") no-repeat 0px 0px !important;  }
		#pNavContainer li a.calendar:hover, #pNavContainer li.current a.calendar { background-position: -135px 0px !important; }	
		#pNavContainer li a.news { background: #fff url("../images/navigation/primary/news.gif") no-repeat 0px 0px !important;  }
		#pNavContainer li a.news:hover, #pNavContainer li.current a.news { background-position: -135px 0px !important; }					
		#pNavContainer li a.sports { background: #fff url("../images/navigation/primary/sports.gif") no-repeat 0px 0px !important;  }
		#pNavContainer li a.sports:hover, #pNavContainer li.current a.sports { background-position: -135px 0px !important; }		

#sNavContainer {
	position:absolute; 
	right:60px; 
	top:425px;
	z-index:999;	
}
	#sNavContainer ul {
		margin:0px;
		padding:1px 0 0 0;
		list-style-type:none;
		background: url("../images/navigation/secondary/spacer.gif") no-repeat 0px 0px !important;
	}
	#sNavContainer li {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
		#sNavContainer li.back { background: url("../images/navigation/secondary/spacer.gif") no-repeat 0px 0px !important; margin:30px 0 0 0; }		
		#sNavContainer li a { width: 135px; height: 20px; display: none; color:#FFFFFF; text-decoration:none;  }
		#sNavContainer li a:hover { color:#5bc0e8; }
		#sNavContainer li a span { display: none; }
		
		#sNavContainer li#snAdmissions a {
			background: url("/images/navigation/tester.gif") no-repeat 0px 0px !important;
			display:block;		
			text-indent: -50000px;
		}
		#sNavContainer li#snAdmissions a:hover, #sNavContainer li#snAdmissions a.current {
			background-position: 0px -20px !important;			
		}	
		#sNavContainer li#snFees a {
			background: url("/images/navigation/secondary_r1/fees.gif") no-repeat 0px 0px !important;
			display:block;
			height: 35px;
			text-indent: -50000px;
		}
		#sNavContainer li#snFees a:hover, #sNavContainer li#snFees a.current {
			background-position: 0px -35px !important;			
		}	
		#sNavContainer li#snSchoolEvents a {
			background: url("/images/navigation/secondary/schoolEvents.gif") no-repeat 0px 0px !important;
			display:block;
			height: 20px;
			text-indent: -50000px;
		}
		#sNavContainer li#snThisTermsCalendar a {
			background: url("/images/navigation/secondary_r1/this_terms_calendar.gif") no-repeat 0px 0px !important;
			display:block;
			height: 20px;
			text-indent: -50000px;
		}		
		
		#sNavContainer li#snOpenEvents a {
			background: url("/images/navigation/secondary_r1/open_events.gif") no-repeat 0px 0px !important;
			display:block;
			height: 50px;
			text-indent: -50000px;
		}		
		#sNavContainer li#snOpenEvents a:hover, #sNavContainer li#snOpenEvents a.current {
			background-position: 0px -50px !important;					
		}
		#sNavContainer li#snSchoolEvents a:hover, #sNavContainer li#snSchoolEvents a.current, #sNavContainer li#snThisTermsCalendar a.current,  #sNavContainer li#snThisTermsCalendar a.hover {
			background-position: 0px -20px !important;			
		}
		#sNavContainer li#snNews a {
			background: url("/images/navigation/secondary/news.gif") no-repeat 0px 0px !important;
			display:block;
			height: 20px;
			text-indent: -50000px;
		}
		#sNavContainer li#snNews a:hover, #sNavContainer li#snNews a.current {
			background-position: 0px -20px !important;			
		}						
		#sNavContainer li#snDates a {
			background: url("/images/navigation/secondary/termDates.gif") no-repeat 0px 0px !important;
			display:block;
			height: 20px;
			text-indent: -50000px;
		}
		#sNavContainer li#snDates a:hover, #sNavContainer li#snDates a.current {
			background-position: 0px -20px !important;			
		}	
		
		#sNavContainer li#snFixtures a {
			background: url("/images/navigation/secondary_r1/fixtures.gif") no-repeat 0px 0px !important;
			display:block;		
			text-indent: -50000px;
		}
		#sNavContainer li#snFixtures a:hover, #sNavContainer li#snFixtures a.current {
			background-position: 0px -20px !important;			
		}	
		#sNavContainer li#snReports a {
			background: url("/images/navigation/secondary_r1/reports.gif") no-repeat 0px 0px !important;
			display:block;		
			text-indent: -50000px;
		}
		#sNavContainer li#snReports a:hover, #sNavContainer li#snReports a.current {
			background-position: 0px -20px !important;			
		}
		#sNavContainer li#snTours a {
			background: url("/images/navigation/secondary_r1/tours.gif") no-repeat 0px 0px !important;
			display:block;		
			text-indent: -50000px;
		}
		#sNavContainer li#snTours a:hover, #sNavContainer li#snTours a.current {
			background-position: 0px -20px !important;			
		}							
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /navigation */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /formatting */

#flashQuote {
	position:absolute;
	left:135px;
	bottom:32px;
}

#content {
	position:absolute; 
	left:130px; 
}
#blueContent {
	background-color:#5bc0e8;
	padding:3px;
	margin-bottom:20px;
}
	#content p, #blueContent p {
		color:#391b0f; 
		font-family:Georgia, "Times New Roman", Times, serif; 
		font-size:14px; 
		line-height:18px; 
		margin:0 0 14px 0;
	}
	#blueContent h3 {
		color:#ffffff;
	}	
	
h3, h4 { 
	color:#5bc0e8; 
	font-size:20px; 
	font-weight:normal; 
	margin:0px; 
	padding:0px
}

#content ul, #blueContent ul {
	margin:0px 0px 20px 14px;
	padding:0px;
}

#headerContent {
	position:absolute; 
	top:423px; 
	left:130px; 
	width:280px; 
	padding:0 0 0 3px;
	color:#5bc0e8;	
}
	#headerContent h3 {
		color:#FFFFFF;
	}
	#headerContent a {
		color:#FFFFFF;
		text-decoration:none;
	}
	#headerContent a#active {
		color:#FFFFFF;
	}	
	#headerContent a:hover {
		color:#5bc0e8;
	}		
	#headerContent ul {
		list-style:none; 
		margin:0px; 
		padding:0px;
	}
		#headerContent ul li {
			margin:0px 0 0px 0; 
			padding:0px; 
			line-height:16px;
		}	
		#headerContent ul li a {
			font-size:14px; 
			color:#5bc0e8; 
			text-decoration:none;
		}
		#headerContent ul li a:hover {
			color:#FFFFFF;
		}				

/*---------- next n */
#nextNContainer {
	position:absolute; 
	right:50px; 
	top:575px; 
	width:140px;
}
	#nextNContainer ul {	
		list-style:none;
		margin:0px;
		padding:0px;
	}
		#nextNContainer ul li {
			height:21px;
			line-height:21px;
			color:#FFFFFF;
			margin:5px 0 0 0;		
		}
			#nextNContainer ul li.XofX {
				background: url("../images/generic/spacer-repeat.gif") repeat-x 0px 0px !important;					
				padding:0px;
				margin:0px;
				width:135px;
				float:none;
			}
			#nextNContainer ul li img {
				padding:4px 0 0 0;
			}
				#nextNContainer ul li img.left {				
					float:left;
				}			
				#nextNContainer ul li img.right {				
					float:right;
					margin:0 3px 0px 0;
				}						
/*---------- /next n */



/*---------- page specifics */

#downloadProspectus {
	position:absolute;
	bottom:32px;
	left:130px;
	padding:3px;
}
	#downloadProspectus a {
		color:#FFFFFF;
		text-decoration:none;
	}
	#downloadProspectus a:hover {
		color:#5bc0e8;
	}	

.contactForm {
	height:400px;
	background: url("../images/contact/formBackground.gif") repeat-x 0px 0px !important;
	padding:0px 0 0 3px;
	margin:0 0 30px 0;						
}
	.contactForm h3{
		font-size:14px; color:#00a8e2; line-height:36px; margin:0px;
	}
	.contactForm p{
		padding:6px 0 0 0;	
	}
	.contactForm #col1 {
		float:left;
		width:265px;
	}
	.contactForm #col2 {
		float:left;
		padding: 0 0 40px 0;
	}
	.contactForm label {
		color:#FFFFFF; margin:0 0 0px 0;
	}
	.contactForm input, textarea {
		background-color:#FFFFFF; border:1px solid #518ea6; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#391b0f; margin:2px 0 6px 0; padding:2px;
	}
	.contactForm select {
		margin: 2px 0 6px 0;
	}
	.contactForm input {
		width:180px;
	}
	.contactForm input.radio {
		width:40px;
		background: none;
		border: 0 none;
		_width: auto;
		_position: relative;
		_top: 5px;
		_margin-right: 10px;
	}
	.contactForm textarea {
		width:220px;
		height:125px;
		margin:2px 0 6px 0;
	}
	#submit {
		background: #fff;
		color: #000;
		border: 0;
		width:auto;
		padding: 4px 6px;
		cursor:pointer;
		font-family:Georgia, "Times New Roman", Times, serif;
		margin-right: 10px;
	}
	#submit:hover {
		color:#333;
		background: #ccc;
	}
	.btnDiv {
		width:100px;
	}

ul.lightboxImages {
	display:none;
}

.keyDates {
	margin-bottom:15px;
}
.keyDates tr th {
	font-weight:bold;
	text-align:left;
}

.keyDates tr:hover { 
	background-color:#cdecf8; 
}

/*---------- /page specifics */

.cleaner {
	clear:both;
}

#galleryDiv {
	z-index:999;
	height:100%;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	background-color:#391b0f;
	filter:alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8;
	cursor:pointer;
	_cursor:hand;
	padding:40px 0 0 0;
}
	#galleryDiv div {
		width:795px;
		margin:0 auto 0 auto;
	}

#stevenSignature {
	height:79px;
	margin:30px 0 0 0;
	padding:45px 0 0 0;
	background:url(../images/abouttheschools/stevenSignature.gif) no-repeat;
}
	#stevenSignature span {
		color:#5bc0e8;
	}

#nextNNav {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	bottom:0px;
	color:#FFFFFF;
	font-size:12px;
}
	#nextNNav a {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;		
	}
	
#content .newsletters {
	background: #5bc0e8;
	padding: 2px 0 0 0;
	width: 525px;
	overflow: hidden;
	margin: 0 0 10px 0;
}
	#content .newsletterRow {
		margin: 8px 5px 8px 5px;
		border-bottom: 1px solid #8dd3ef;
		position: relative;
		padding: 0 0 8px 0;
	}
	#content .nllast {
		border-bottom: none;
	}	
	#content .newsletters .newsletterRow p {
		font-size: 12px;
		margin:0px;	
		padding:0px;
		width: 380px;
	}
	#content .newsletters .newsletterRow h4 {
		font-size: 14px;
		font-weight: strong;
		color: #391b0f;
		margin: 0 0 6px 0;	
	}
	#content .newsletters .newsletterRow a {
		position: absolute;
		left: 425px;
		top: 0px;
		color: #fff;
		padding: 0 22px 0 0;
		line-height:18px;
		background: url(../images/generic/download-icon.gif) no-repeat right 0;
	}
	#content .newsletters .newsletterRow a:hover {
	background-position: right -36px;
	color: #391b0f;
}
#contactIntro {
	height: 170px;
	width: 526px	
}
#contactIntro p {
	margin: 0 0 10px 0;
}
#mapDownload {
	position: relative;
	width: 526px;
}
#mapDownload h3 {
	font-size: 14px;
	color: #5bc0e8;
	margin: 0 0 5px 0;
}
#mapDownload p {
	font-size: 12px;
	color: #fff;
	width: 350px;
}
#mapDownload a {
	position: absolute;
	top: 1px;
	right: 34px;
}
/***************************/
/* OLD
/***************************/


.formLink { text-decoration:none; color:#000000; }
.formLink:hover { color:#ffffff; }

