/* CSS Document */
/************************************* Main structure *************************/
* html, body, #container {margin:0;padding:0;height:100%;}

html {
	font-size:100%;
}

body {
	font-size:1em;
	height:100%;
	width:100%;
	background:#FFFFFF;
	font-family: Verdana;
}

#outer_container {
	width: 990px;
	height:100%;
	margin: 0 auto;
	background: url(/media/images/bgrnd_repeat.gif) repeat-y;
}

#container { 
	font-size:0.75em;
	background: url(../images/repeater_all.jpg) repeat-y;
	width:930px;
	height:100%;
	color: #000000;
	margin-top:0;
	margin-left: auto; 
	margin-right: auto;
	text-align:left;
}

#upper {
	margin-top:1px;
	font-size: 0.9em;
	width:930px;
	height:176px;
	background:white;
}

#upper_address {
	width:910px;
	height:15px;
	font-weight:500;
	font-size:0.8em;
	padding-top:5px;
	margin-right:0px;
}

#upper_address p {
	margin-top:2px;
}

#upper #header h1{
	margin-top:20px;
	width:930px; 
	height:75px;
	text-indent:-9999px;
	background: url(../images/banner.jpg) no-repeat;
}

#header img {
	float:right;
	margin-top: -100px;
}

#spacer {
	width:930px; 
	height: 20px; 
	padding-top:5px;
	background:white;
}

#breadcrumb {
	float:left;
	font-size:0.8em;
}

#text-controller {
	float:right;
}

#flash_slideshow {	
	float:left;
	padding-bottom:15px;
	width:605px;
	background:white;
	height:220px;
}

#homepage_flash {
	height:580px; 
	width:605px;
}

#wrapper {
	float:left;
	width:605px; 
	font-size:0.88em;
}

#news_body, #event_body{
	margin-top:0px;
	padding-top: 14px;
	min-height:576px; 
	width:605px;
	background: white;
}

#news_body h1{
	text-indent: -999em;
	background:url(../images/page_headings/latest_news.jpg) no-repeat;
	width: 248px;
	height: 37px;
}

#event_body h1{
	text-indent: -999em;
	background:url(../images/page_headings/upcoming_events.jpg) no-repeat;
	width: 400px;
	height: 37px;
}

#news_body img, #event_body img{
	margin-top:20px;
	padding:2px;
 	border:2px solid #38c;
}

#content_right {
	clear:right;
	float:right;
	line-height: 1.1em;
font-size: 1em;
	margin-top:0;
  	width:306px; 

  	height:576px;
	background:white;	
}

#newsfeed {
	height:220px;
}


#newsfeed h2 {
	height:28px;
	text-indent:-9999px;
	margin-top:0;
	background:url(../images/square_headings/newsfeed.jpg) no-repeat;
	width:306px;
	margin-bottom:10px;
}

.news_item, #calendar .event_item {
	padding-top: 1px;
	margin-left:5px;
	padding-bottom:5px;
	margin-right:5px;
	margin-top: 7px;
	border-bottom: 1px dotted #000000; 
}

.news_item img, #calendar .event_item img {
	float:right; 
	margin-top:2px;
	padding:1px; 
	border:1px white solid;
}

.news_item span.title a:link, .news_item span.title a:visited {
	color: #183e4e;
}

.news_item a:hover img, #calendar .event_item a:hover img {
    border-width: 1px;
    border-color: #38c;
}

span.title {
	
}

span.date {
	color: #404040;
	font-size:0.8em;
}

span#news_link, span#event_link {
	color: #183e4e; 
	margin-left: 5px; 
	font-size:0.75em;
}



span.content {
	font-size:0.8em;
	font-weight:500;
}

#feeds {
	background:#94dcf7;
	height:182px;
}

#calendar {
	margin-top:100px;
	height:220px;
}

#calendar h2 {
	height:28px;
	text-indent:-9999px;
	background:url(../images/square_headings/events.jpg) no-repeat;
	width:306px;
	margin-bottom:10px;
}

#calendar #events_feed {
	height:182px;
	font-size:1em;
	background-color:#f4daa4;
}

#left_column {
	clear:left; 
	float:left;
	width:199px; 
	min-height:310px; 
	background:white;
}

#submenu_header h4{
	width:199px;
	height:28px;
	margin-bottom:0;
	margin-top: 0;
	text-indent:-999em;
}

#submenu_header #navJuniorMenuHeader{
	background:url(../images/square_headings/junior_sub.jpg) no-repeat;
}

#submenu_header #navSeniorMenuHeader{
	background:url(../images/square_headings/senior_sub.jpg) no-repeat;
}

#submenu_header #navNurseryMenuHeader{
	background:url(../images/square_headings/nursery_sub.jpg) no-repeat;
}

#submenu_header #navHealthyMenuHeader{
	background:url(../images/square_headings/health_sub.jpg) no-repeat;
}

#submenu_header #navAdmissionsMenuHeader{
	background:url(../images/square_headings/admissions_sub.jpg) no-repeat;
}

#submenu_header #navAboutMenuHeader{
	background:url(../images/square_headings/about_school_sub.jpg) no-repeat;
}


#submenu_header #navFriendsMenuHeader{
	background:url(../images/square_headings/fohc_sub.jpg) no-repeat;
}

#submenu {
	background: #df85a1;
	min-height: 306px;
}


#submenu ul{
	list-style-type:none;
	font-size:1.1em;
	padding-left:5px;
	padding-right:5px;
	padding-top:20px;
	padding-bottom:20px;
}

#submenu li {min-height:20px; padding-top:8px; border-bottom: 1px dotted #000000; }
#submenu ul li a {color:#610622;}
#submenu ul li a:visited {color:#610622;}
#submenu ul li a:hover {color:black;}
#submenu ul li.active a:link {color:#c00c44;}
#submenu ul li.active a:visited {color:#c00c44;}

#main_body {
	float:right;
	min-height: 352px;
	width:390px;
}


#main_body_no_submenu {
	width:605px;
	min-height: 352px;
	background: white;
	padding-bottom: 10px;
}

#location_main_body {
	width:605px;
	padding-top:25px;
	margin-top:-25px;
	min-height: 577px;
	background: white;
}


#map {
	width: 300px; 
	height: 225px; 
	margin-top:-67px;
	float: right;
	border: 4px solid #94dcf7;
}

#address {
	padding-top:10px;
	width: 260px;
	margin-top:-15px;
}

#prospectus_form {
	height:586px;  
	margin-top:-20px;
	padding-top: 20px;
	background:white;
}

#prospectus_form form{
	padding-top: 20px;
}

#prospectus_form label{
	float: none;
}

#prospectus_form input, #prospectus_form textarea{
	width: 28em;
}

.whitespace {
	background:white;
	height:15px;
}
/*
p#pay_online a{
	width: 223px;
	height: 23px;
	background: url(../images/pay_fees_online.jpg) no-repeat;
}
*/

#main_footer {
	clear:both;
	width:930px;
	height:30px;
	background: white;
}

#main_footer ul{
	padding-top:15px;
	padding-left:0;	
}

#main_footer ul li{
	display:inline;
	font-weight:bold;
	padding:5px;
	list-style-type:none;
	font-size:0.75em;
}

#sitemap_accessibility {
	float:right;
}

/****link styles****/
a:link {
	color:#005AAB;
	text-decoration:none;
}

a:visited {
	color:#005AAB;
	text-decoration:none;
}

a:hover {
	color:#005AAB;
	text-decoration:underline;
}

a:focus{
	-moz-outline-style: none;
}

/****Header and paragraph styles****/
h1,h2,h3,h4,h5 {
	color:#005AAB;
}

h1 {
	font-size: 1.5em;
	margin-top: -7px;
	margin-bottom:0;
}
h2 {
	font-size:1.4em;
}
h3 {
	font-size:1.3em;
}

h4 {
	font-size:1.2em;
}

h5 {
	font-size:1.1em;
}

p {
	font-size:1em;
	line-height: 1.2em;
}

sub, sup {font-size:0.75em}

h1#navMessageHeader {
	width:306px;
	height:102px;
	text-indent:-999em;
	background:url(../images/page_headings/principal_message.jpg) no-repeat;
}

h1#navAboutHeader {
	width:294px;
	height:73px;
	text-indent:-999em;
	background:url(../images/page_headings/about_school.jpg) no-repeat;
}

h1#navHealthyHeader {
	width:348px;
	height:76px;
	text-indent:-999em;
	background:url(../images/page_headings/healthy_eating.jpg) no-repeat;
}

h1#navGuidanceHeader {
	width:230px;
	height:41px;
	text-indent:-999em;
	background:url(../images/page_headings/guidance.jpg) no-repeat;
}

h1#navLearningHeader {
	width:212px;
	height:41px;
	text-indent:-999em;
	background:url(../images/page_headings/learning.jpg) no-repeat;
}

h1#navEcoHeader {
	width:220px;
	height:77px;
	text-indent:-999em;
	background:url(../images/page_headings/eco_school.jpg) no-repeat;
}

h1#navFriendsHeader {
	width:420px;
	height:77px;
	text-indent:-999em;
	background:url(../images/page_headings/friends_of.jpg) no-repeat;
}

h1#gallery-name {
	width:265px;
	height:77px;
	text-indent:-999em;
	background:url(../images/page_headings/photo_gallery.jpg) no-repeat;
}

h1#navMenusHeader {
	width:180px;
	height:77px;
	text-indent:-999em;
	background:url(../images/page_headings/lunch_menu.jpg) no-repeat;
}

h1#navJuniorHeader {
	width:306px;
	height:102px;
	text-indent:-999em;
	background:url(../images/page_headings/junior_school.jpg) no-repeat;
}

h1#navSeniorHeader {
	width:306px;
	height:102px;
	text-indent:-999em;
	background:url(../images/page_headings/senior_school.jpg) no-repeat;
}

h1#navNurseryHeader {
	width:370px;
	height:90px;
	margin-top:-10px;
	text-indent:-999em;
	background:url(../images/page_headings/nursery.jpg) no-repeat;
}

h1#navVacanciesHeader {
	width:338px;
	height:90px;
	text-indent:-999em;
	background:url(../images/page_headings/vacancies.jpg) no-repeat;
}

h1#navAdmissionsHeader {
	width:320px;
	height:90px;
	text-indent:-999em;
	background:url(../images/page_headings/admissions.jpg) no-repeat;
}

h1#navContactBody {
	width:190px;
	height:76px;
	text-indent:-999em;
	background:url(../images/page_headings/contact_us.jpg) no-repeat;
}

h1#navVisionHeader {
	width:285px;
	height:77px;
	text-indent:-999em;
	background:url(../images/page_headings/college_vision.jpg) no-repeat;
}

h1#navBoardHeader {
	width:357px;
	height:77px;
	text-indent:-999em;
	background:url(../images/page_headings/board_governors.jpg) no-repeat;
}

h1#navRulesHeader {
	width:357px;
	height:77px;
	text-indent:-999em;
	background:url(../images/page_headings/college_rules.jpg) no-repeat;
}

h1#navDownloadProspectusHeader {
	width:357px;
	height:77px;
	text-indent:-999em;
	background:url(../images/page_headings/download_prospectus.jpg) no-repeat;
}

h1#navBusHeader {
	width:179px;
	height:77px;
	text-indent:-999em;
	background:url(../images/page_headings/bus_routes.jpg) no-repeat;
}

h1#navInternationalHeader {
	width:311px;
	height:37px;
	text-indent:-999em;
	background:url(../images/page_headings/international.jpg) no-repeat;
}

h1#navContactHeader {
	width:305px;
	height:77px;
	text-indent:-999em;
	background:url(../images/page_headings/location_contacts.jpg) no-repeat;
}

h1#navStaffHeader {
	width:128px;
	height:77px;
	text-indent:-999em;
	background:url(../images/page_headings/staff_list.jpg) no-repeat;
}

h1#navAboutNurseryHeader {
	width:260px;
	height:77px;
	text-indent:-999em;
	background:url(../images/page_headings/about_nursery.jpg) no-repeat;
}

h1#navNurseryAimsHeader {
	width:339px;
	height:77px;
	text-indent:-999em;
	background:url(../images/page_headings/aims_objectives.jpg) no-repeat;
}

h1#navAboutJuniorHeader {
	width:339px;
	height:77px;
	text-indent:-999em;
	background:url(../images/page_headings/about_junior_school.jpg) no-repeat;
}

h1#navJ1Header {
	width:120px;
	height:45px;
	text-indent:-999em;
	background:url(../images/page_headings/J1_J4.jpg) no-repeat;
}

h1#navJ5Header {
	width:120px;
	height:45px;
	text-indent:-999em;
	background:url(../images/page_headings/J5_J7.jpg) no-repeat;
}

h1#navAftercareHeader {
	width:230px;
	height:40px;
	text-indent:-999em;
	background:url(../images/page_headings/aftercare.jpg) no-repeat;
}

h1#navJuniorExtraHeader {
	width:260px;
	height:77px;
	text-indent:-999em;
	background:url(../images/page_headings/extra_curricular.jpg) no-repeat;
}

h1#navLibraryHeader {
	width:348px;
	height:37px;
	text-indent:-999em;
	background:url(../images/page_headings/library.jpg) no-repeat;
}

h1#navAboutSeniorHeader {
	width:339px;
	height:77px;
	text-indent:-999em;
	background:url(../images/page_headings/about_senior_school.jpg) no-repeat;
}

h1#navSeniorSportHeader {
	width:180px;
	height:77px;
	text-indent:-999em;
	background:url(../images/page_headings/senior_sport.jpg) no-repeat;
}

h1#navSeniorMusicHeader {
	width:339px;
	height:77px;
	text-indent:-999em;
	background:url(../images/page_headings/senior_music.jpg) no-repeat;
}

h1#navMusicHeader {
	width:132px;
	height:37px;
	text-indent:-999em;
	background:url(../images/page_headings/music.jpg) no-repeat;
}

h1#navSeniorExamsHeader {
	width:200px;
	height:77px;
	text-indent:-999em;
	background:url(../images/page_headings/exam_results.jpg) no-repeat;
}

h1#navSeniorExtraHeader {
	width:260px;
	height:77px;
	text-indent:-999em;
	background:url(../images/page_headings/extra_curricular.jpg) no-repeat;
}

h1#navArtHeader {
	width:90px;
	height:50px;
	text-indent:-999em;
	background:url(../images/page_headings/art.jpg) no-repeat;
}

h1#navBiologyHeader {
	width:189px;
	height:37px;
	text-indent:-999em;
	background:url(../images/page_headings/biology.jpg) no-repeat;
}

h1#navChemistryHeader {
	width:226px;
	height:37px;
	text-indent:-999em;
	background:url(../images/page_headings/chemistry.jpg) no-repeat;
}

h1#navEnglishHeader {
	width:165px;
	height:37px;
	text-indent:-999em;
	background:url(../images/page_headings/english.jpg) no-repeat;
}

h1#navGeographyHeader {
	width:270px;
	height:37px;
	text-indent:-999em;
	background:url(../images/page_headings/geography.jpg) no-repeat;
}

h1#navMathsHeader {
	width:137px;
	height:37px;
	text-indent:-999em;
	background:url(../images/page_headings/maths.jpg) no-repeat;
}

h1#navPhysicsHeader {
	width:164px;
	height:37px;
	text-indent:-999em;
	background:url(../images/page_headings/physics.jpg) no-repeat;
}

h1#navPupilSupportHeader {
	width:286px;
	height:37px;
	text-indent:-999em;
	background:url(../images/page_headings/pupil_support.jpg) no-repeat;
}

h1#navTechnologyHeader {
	width:286px;
	height:37px;
	text-indent:-999em;
	background:url(../images/page_headings/technology.jpg) no-repeat;
}

h1#navBusinessHeader {
	width:324px;
	height:75px;
	text-indent:-999em;
	background:url(../images/page_headings/business_studies.jpg) no-repeat;
}

h1#navHistoryHeader {
	width:340px;
	height:75px;
	text-indent:-999em;
	background:url(../images/page_headings/history_modern_st.jpg) no-repeat;
}

h1#navModernHeader {
	width:342px;
	height:75px;
	text-indent:-999em;
	background:url(../images/page_headings/modern_lang.jpg) no-repeat;
}

h1#navPEHeader {
	width:339px;
	height:75px;
	text-indent:-999em;
	background:url(../images/page_headings/pe.jpg) no-repeat;
}

h1#navREHeader {
	width:339px;
	height:38px;
	text-indent:-999em;
	background:url(../images/page_headings/re.jpg) no-repeat;
}

h1#navProspectusHeader {
	width:340px;
	height:76px;
	text-indent:-999em;
	background:url(../images/page_headings/request_prospectus.jpg) no-repeat;
}

h1#navTimesHeader {
	width:339px;
	height:77px;
	text-indent:-999em;
	background:url(../images/page_headings/times_school_day.jpg) no-repeat;
}

h1#navVacanciesHeader {
	width:338px;
	height:90px;
	text-indent:-999em;
	background:url(../images/page_headings/vacancies.jpg) no-repeat;
}

h1#navBrigadeHeader {
	width:336px;
	height:62px;
	text-indent:-999em;
	background:url(../images/page_headings/girls_brigade.jpg) no-repeat;
}

h1#navDukeHeader {
	width:233px;
	height:74px;
	text-indent:-999em;
	background:url(../images/page_headings/duke_edinburgh.jpg) no-repeat;
}

h1#navSchoolCalendarHeader {
	width:267px;
	height:74px;
	text-indent:-999em;
	background:url(../images/page_headings/school_calendar.jpg) no-repeat;
}

h1#navMinutesHeader {
	width:264px;
	height:75px;
	text-indent:-999em;
	background:url(../images/page_headings/minutes_agendas.jpg) no-repeat;
}

h1#school_policiesHeader {
	width:267px;
	height:75px;
	text-indent:-999em;
	background:url(../images/page_headings/school_policies.jpg) no-repeat;
}

h1#standardsHeader {
	width:357px;
	height:88px;
	text-indent:-999em;
	background:url(../images/page_headings/standards_quality.jpg) no-repeat;
}

h1#exam_timetablesHeader {
	width:299px;
	height:66px;
	text-indent:-999em;
	background:url(../images/page_headings/exam_timetables.jpg) no-repeat;
}

h1#exam_resultsHeader {
	width:333px;
	height:75px;
	text-indent:-999em;
	background:url(../images/page_headings/exam_results09.jpg) no-repeat;
}

h1#speechDramaHeader {
	width:250px;
	height:75px;
	text-indent:-999em;
	background:url(../images/page_headings/speech_drama.jpg) no-repeat;
}

h1#activeLearningHeader {
	width:250px;
	height:75px;
	text-indent:-999em;
	background:url(../images/page_headings/active_learning.jpg) no-repeat;
}

h1#entryNurseryHeader {
	width:250px;
	height:75px;
	text-indent:-999em;
	background:url(../images/page_headings/entry_nursery.jpg) no-repeat;
}

h1#mathleticsHeader {
	width:286px;
	height:37px;
	text-indent:-999em;
	background:url(../images/page_headings/mathletics.jpg) no-repeat;
}

h1#scisHeader {
	width:89px;
	height:37px;
	text-indent:-999em;
	background:url(../images/page_headings/scis.gif) no-repeat;
}

h1#scholarHeader {
	width:200px;
	height:37px;
	text-indent:-999em;
	background:url(../images/page_headings/sholar.gif) no-repeat;
}

h1#scholarHeader {
	width:200px;
	height:37px;
	text-indent:-999em;
	background:url(../images/page_headings/scholar.gif) no-repeat;
}

h1#swine_fluHeader {
	width:266px;
	height:72px;
	text-indent:-999em;
	background:url(../images/page_headings/swine_flu.gif) no-repeat;
}

h1#easy_fundHeader {
	width:264px;
	height:64px;
	text-indent:-999em;
	background:url(../images/page_headings/easy_fundraising.gif) no-repeat;
}

h1#complaintsHeader {
	width:270px;
	height:110px;
	text-indent:-999em;
	background:url(../images/page_headings/complaints_policy.gif) no-repeat;
}

h1#celebratingWiderAchievementsHeader {
	width:360px;
	height:67px;
	text-indent:-999em;
	background:url(../images/page_headings/celebrating_achievements.jpg) no-repeat;
}

h1#accessibilityHeader {
	width:281px;
	height:37px;
	padding-top:10px;
	margin-bottom: 20px;
	text-indent:-999em;
	background:url(../images/page_headings/accessibility.gif) no-repeat;
}

h1#sitemapHeader {
	width:167px;
	height:37px;
	padding-top:10px;
	margin-bottom: 20px;
	text-indent:-999em;
	background:url(../images/page_headings/sitemap.gif) no-repeat;
}

.error {
	color:red;
	font-size:0.9em;
	font-weight:600;
	font-style: italic;
}

.success {
	color:green;
	font-size:0.9em;
	font-weight:600;
	font-style: italic;
}

#upper a:link, #main_footer a:link {color:#000000; text-decoration:none;}
#upper a:visited, #main_footer a:visited {color:#000000; text-decoration:none;}
#upper a:hover, #main_footer a:hover {color:#005AAB; text-decoration:underline;}

span.title a:link {
	color:#523e15;	
	font-size:0.95em;
}

span.title a:visited {
	color:#523e15;	
}

span.title a:hover {
	text-decoration: underline;
	color:#523e15;	
}

span.title {
	font-size:0.95em;
}

span.date {
	color:#404040;
	font-size:0.8em;
}

.event_item span.content  a:link {
	color:#523e15;	
}

.event_item span.content  a:visited {
	color:#523e15;	
}

.event_item span.content a:hover {
	text-decoration: underline;
	color:#523e15;	
}

span#event_link  a:link {
	color:#523e15;	
}

span#event_link  a:visited {
	color:#523e15;	
}

span#event_link  a:hover {
	text-decoration: underline;
	color:#523e15;	
}

#main_body_no_submenu #page_tree {
	min-height: 500px;
	font-size: 1.2em;
}