﻿* { margin: 0px; padding: 0px }

body
{
	background-color: #FFFFFF;
	background-image: url(Images/bg.jpg);
	background-repeat:repeat-x;
	font-family: Verdana, Arial, Sans-Serif;
	height:100%;
}


		
		a:active, a:focus
		
	{
		outline:0;
		}

div#pageContainer
{
	width: 1009px;
	margin: 0 auto;
	background-color:#FFFFFF;
	border-left:1px gray solid;
	border-right:1px gray solid;
	height:100%;
	
	

}

div#searchbar
{
	width:1009px;
	margin: 0 auto;
	background-color:#FFFFFF;
	height:50px;
	
}

div#searchbox
{
	
	
	background-color:#FFFFFF;
	height:50px;
	float:right;
	width:310px;
	margin-right:10px;
	border:0px blue solid;
	padding-top:15px;
	
	
		
}

.searchbox
{
	color:#000000;
	font-size:16px;
	font-family:Trebuchet MS;
	
	
}

div#date
{

float:left;
color:#333333;
font-size:10px;
font-family:Trebuchet MS;
margin-left:15px;
margin-top:19px;


}

.date
{

font-size:14px;

}


div#menucontainer
{
	position: relative;
	height: 125px;
	width: 1009px;
	border:0px red solid;
	padding-bottom:20px;
	

	
	
}

div#logoimage
{
	float:left;
	border:0px blue solid;
	width:241px;
	height:159px;
	
}




div.header
{

position: relative;
	width: 1009px;
	height: 215px;
	#height: 198px;
	
	/*background-image: url(Images/Header_Home.jpg);*/
	border:0px red solid;
	margin:0 auto;
	
	
	
}

div.headerintro
{
    width: 950px;
	height: 163px;
	background-image: url(Images/header_Intro.jpg);
	background-repeat:no-repeat;
}

div.headerjumPrim
{	
    	width: 950px;
	height: 163px;
	background-image: url(Images/header_JumPrimary.jpg);
	background-repeat:no-repeat;
}

div.headerranchPrim
{
	width: 950px;
	height: 163px;
	background-image: url(Images/header_ArPrimary.jpg);
	background-repeat:no-repeat;
}

div.headerranchSec
{
	width: 950px;
	height: 163px;
	background-image: url(Images/header_ArSecondary.jpg);
	background-repeat:no-repeat;
}

div.header h1
{
	display: none;
}

div.mainMenu
{
	position: relative;
	height: 80px;
	width:760px;
	border:0px blue solid;
	float:right;
	margin-right:5px;
}

div.mainMenu.blue
{
	background-image: url(Images/mainMenuBG.gif);
}

div.mainMenu.yellow
{
	background-image: url(Images/mainMenuBGYellow.gif);
}

div.mainMenu.red
{
	background-image: url(Images/mainMenuBGRed.gif);
}

.parentsLink
{
	float: left;
	margin: 4px 20px 4px 38px;
}

div.mainMenu ul
{
	list-style: none;
	
	
}

div.mainMenu ul li
{
	float: left;
	display: block;
	margin: 0px -4px 0px 1px;
	padding: 10px 0px 9px 0px;
	text-align: center;
	font-size: 0.6em;
	
}

/* Blue Menu Styles */
div.mainMenu ul li.maincurrent
{
	width: 157px;
	height:92px;
		background-repeat:no-repeat;
	background-image: url(Images/blueMainActive.gif);
}	

div.mainMenu ul li.maincurrent a
{
	width: 157px;
	height:92px;

}

div.mainMenu ul li.maincurrent:hover
{
	width: 157px;
	height:92px;
	background-image: url(Images/blueMainActivehover.gif);
}

div.mainMenu ul li.jumeirahblue
{
	width: 136px;
	background-image: url(Images/yellowMainBlue.gif);
}

div.mainMenu ul li.ranchesblue
{
	width: 136px;
	background-image: url(Images/redMainBlue.gif);
}

div.mainMenu ul li.ranchespurple
{
	width: 136px;
	background-image: url(Images/purpleMainBlue.gif);
}

/* yellow menu styles */
div.mainMenu ul li.jumeirahcurrent
{
	width: 148px;
	height:93px;
	background-image: url(Images/yellowMainActive.gif);
	background-repeat:no-repeat;
}


div.mainMenu ul li.jumeirahcurrent:hover
{
	width: 148px;
	height:93px;
	background-image: url(Images/yellowMainActivehover.gif);
	background-repeat:no-repeat;
}

div.mainMenu ul li.mainyellow
{
	width: 113px;
	background-image: url(Images/blueMainYellow.gif);
}

div.mainMenu ul li.ranchespurpleyellow
{
	width: 136px;
	background-image: url(Images/purpleYellow.gif);
}

div.mainMenu ul li.ranchesyellow
{
	width: 136px;
	background-image: url(Images/redMainYellow.gif);
}

/* purple menu styles */

div.mainMenu ul li.primaryranchescurrent
{
	width: 148px;
	height:93px;
	background-image: url(Images/purpleactive.gif);
	background-repeat:no-repeat;
}

div.mainMenu ul li.primaryranchescurrent:hover
{
	width: 148px;
	height:93px;
	background-image: url(Images/purpleactivehover.gif);
	background-repeat:no-repeat;
}



div.mainMenu ul li.mainpurple
{
	width: 113px;
	background-image: url(Images/bluepurple_line.gif);
}

div.mainMenu ul li.jumeirahpurple
{
	width: 136px;
	background-image: url(Images/yellowpurple_purple.gif);
}

div.mainMenu ul li.secondaryranchespurple
{
	width: 136px;
	background-image: url(Images/redpurple_line.gif);
}


/* red menu styles */
div.mainMenu ul li.ranchescurrent
{
	width: 157px;
	height:92px;
	background-repeat:no-repeat;
	background-image: url(Images/redMainActive.gif);
}

div.mainMenu ul li.ranchescurrent:hover
{
	width: 157px;
	height:92px;
	background-repeat:no-repeat;
	background-image: url(Images/redMainActivehover.gif);
}

div.mainMenu ul li.mainred
{
	width: 113px;
	background-image: url(Images/blueMainRed.gif);
}

div.mainMenu ul li.jumeirahred
{
	width: 136px;
	background-image: url(Images/yellowMainRed.gif);
}

div.mainMenu ul li.primaryranchespurple
{
	width: 136px;
	background-image: url(Images/purpleRED.gif);
}

div.mainMenu ul li.ranchesred
{
	width: 136px;
	background-image: url(Images/redMainRed.gif);
}


div.mainMenu ul li a strong
{
	display: block;
	font-size: 1.6em;
	font-weight: 500;
}

div.mainMenu ul li a
{
	text-decoration: none;
	color: #000;
}

/* sixform menu styles */

div.mainMenu ul li.sixformcurrent
{
	width: 155px;
	height:92px;
	background-repeat:no-repeat;
	background-image: url(Images/sixformcurrent.gif);
}

div.mainMenu ul li.sixformcurrent:hover
{
	width: 155px;
	height:92px;
	background-repeat:no-repeat;
	background-image: url(Images/sixformcurrenthover.gif);
}

div.subMenublue
{
	position: relative;
	padding: 20px 10px 19px 30px;
	#padding: 15px 10px 19px 30px;
	background-image: url(Images/subMenuBGBlue.gif);
height: 12px;
}

div.subMenuyellow
{
	position: relative;
	padding: 20px 10px 19px 30px;
		#padding: 15px 10px 19px 30px;
	background-image: url(Images/subMenuBGYellow.gif);
height: 12px;
}

div.subMenured
{
	position: relative;
	padding: 20px 10px 19px 30px;
		#padding: 15px 10px 19px 30px;
	background-image: url(Images/subMenuBGRed.gif);
height: 12px;
}

div.subMenuPurple
{
	position: relative;
	padding: 20px 10px 19px 30px;
		#padding: 15px 10px 19px 30px;
	background-image: url(Images/purplemenu.gif);
height: 12px;
}


div.subMenu a
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.65em;
	padding: 5px 18px 5px 10px;
	background-position: top right;
	background-repeat: no-repeat;
}

div.subMenublue a
{
    color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.65em;
	padding: 5px 18px 5px 10px;
	background-position: top right;
	background-repeat: no-repeat;
	background-image: url(Images/subMenuSeparatorBlue.gif);
}

div.subMenuyellow a
{
    color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.65em;
	padding: 5px 18px 5px 10px;
	background-position: top right;
	background-repeat: no-repeat;
	
	background-image: url(Images/subMenuSeparatorYellow.gif);
}

div.subMenured a
{
    color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.65em;
	padding: 5px 18px 5px 10px;
	background-position: top right;
	background-repeat: no-repeat;
	
	background-image: url(Images/subMenuSeparatorRed.gif);
}

div.subMenuPurple a
{
    color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.65em;
	padding: 5px 18px 5px 10px;
	background-position: top right;
	background-repeat: no-repeat;
	
	background-image: url(Images/subMenuSeparatorRed.gif);
}

div#content
{
	position: relative;
	
	background-color: #fff;
	border:0px green solid;
	/*background-image: url(Images/pageBG.gif);*/
	background-repeat: repeat-x;
	background-position: top left;
	/*border-bottom: 11px solid #004575;*/
	padding: 20px 5px 20px 20px;
	padding-left:10px;
	_padding-top:50px;
	_margin-top:-60px;
	min-height:250px;
	
	
}

div#leftnav
{
	float: left;
	width: 238px;
	
	
    /*_margin: 0px -0px;*/
    _margin-right: -30px;
	border:#000000 0px solid;
	
}

div#featuredschool
{
	float: left;
	width: 222px;
	height:421px;
	margin-left:5px;
    /*_margin: 0px -0px;*/
    _margin-right: -30px;
	border:#FF0000 0px solid;
	background-image:url(Images/celebrating.jpg);
	background-repeat:no-repeat;
	margin-top:10px;	
	_PADDING-RIGHT: 30px! important;
}


div#celebrating, div#sportsholder
{
	float: left;
	width: 190px;
	height:140px;
	margin-top:185px;
    /*_margin: 0px -0px;*/
    _margin-right: -30px;
	border:#FF0000 0px solid;

	margin-left:15px;
	
}

div#celebrating p, div#sportsholder p
{
	font-size:13px;
}

div#celebrating a, div#sportsholder a
{
	font-size:10px;
	color:White;
	text-decoration:none;	
}

div#awards
{
	float: left;
	width: 190px;
	height:60px;
	margin-top:23px;
	#margin-top:20px;
    /*_margin: 0px -0px;*/
    _margin-right: -30px;
	border:#FF0000 0px solid;
    margin-left:15px;
	
}

div#sportdownloads
{
	float: left;
	width: 190px;
	height:60px;
	margin-top:12px;
	#margin-top:12px;
    /*_margin: 0px -0px;*/
    _margin-right: -30px;
	border:#FF0000 0px solid;
    margin-left:15px;
	
}


div#events
{
	float:right;
	width: 229px;
	height:185px;
	
    /*_margin: 0px -0px;*/
     margin-right:15px;
	_margin-right:5px;
	border:#FF0000 0px solid;
	background-image:url(Images/events.jpg);
	#padding-bottom:20px;
	_#padding-bottom:0px;
	padding-top:70px;
	margin-top:-10px;
	background-repeat:no-repeat;
	
}

div#sportsevents
{
	float:left;
	width: 220px;
	height:421px;
	
	margin-top:10px;
    /*_margin: 0px -0px;*/
    _margin-right: -30px;
    margin-left:24px;
    margin-right:24px;
	border:#FF0000 0px solid;
	background-image:url(Images/sportsback.jpg);
	background-repeat:no-repeat;
}

div#sportsholder
{
	border:0px red solid;
	height:153px;

	min-height:125px;
	border-bottom:0px #FFF solid;
	width:190px;
	margin-left:20px;


}

div#sideMenu
{
	float: left;
	width: 190px;
	margin: 0px 5px;
    /*_margin: 0px -0px;*/
    _margin-right: -30px;
	padding-bottom: 20px;
	border:#FF0000 1px solid;
}


div#sideMenu a:hover
{

}

div.headteacher
{	
	float: left;
	width: 435px;
	height:148px;
	margin: 0px 10px 0px 0px;
	margin-top:118px;
	margin-left:42px;
	border:blue 0px solid;
	background-image:url(Images/headteacher.jpg);
	background-repeat:no-repeat;
	
}

div.mainpagetext
{	
	float: left;
	width: 435px;
	margin: 0px 10px 0px 0px;
	font-size: 13px;
	padding-bottom: 0px;
	margin-left:42px;
	margin-top:100px;
	border:blue 0px solid;
	color:Gray;
	font-family:"Trebuchet MS";
	
}

div.mainpagetextinner
{	
	float: left;
	width: 470px;
	_width:450px;
	margin: 0px 10px 0px 0px;
	font-size: 13px;
	margin-left:30px;
	_margin-left:15px;
	margin-top:0px;
	border:blue 0px solid;
	color:Gray;
	font-family:"Trebuchet MS";
	
}

div.awards
{	
	float: left;
	width: 550px;
	margin: 0px 10px 0px 0px;
	font-size: 13px;
	margin-left:30px;
	_margin-left:15px;
	margin-top:20px;
	border:blue 0px solid;
	color:Gray;
	font-family:"Trebuchet MS";
	
}


div#pageTextinner
{	
	float: left;
	width: 490px;
	
	margin: 0px 10px 0px 0px;
	font-size: 0.8em;
	padding-bottom: 20px;
	margin-left:0px;
	margin-top:-30px;
	border:#FF0000 0px solid;
	
	
}

div#pageTextinner2
{	
	float: left;
	width: 600px;
	
	margin: 0px 10px 0px 0px;
	font-size: 0.8em;
	padding-bottom: 20px;
	margin-left:0px;
	margin-top:-30px;
	border:#FF0000 0px solid;
	
	
}

div#pageTextheavy
{	
	float: left;
	width: 710px;
	
	margin: 0px 10px 0px 0px;
	font-size: 0.8em;
	padding-bottom: 20px;
	margin-left:0px;
	margin-top:-30px;
	border:#FF0000 0px solid;	
}


div.mainpagetextheavy
{	
	float: left;
	width: 600x;
	margin: 0px 10px 0px 0px;
	font-size: 13px;
	margin-left:30px;
	_margin-left:15px;
	margin-top:20px;
	border:blue 0px solid;
	color:Gray;
	font-family:"Trebuchet MS";
	
}

div.mainpagetextheavy a 
{	
	
	
	font-family:"Trebuchet MS";
	
	
	
}




div#pageText
{	
	float: left;
	width: 490px;
	height:530px;
	margin: 0px 10px 0px 0px;
	font-size: 0.8em;
	padding-bottom: 20px;
	margin-left:0px;
	margin-top:-30px;
	border:#FF0000 0px solid;
	background-image:url(Images/quote.jpg);
	background-position:top;
	background-repeat:no-repeat;
	
	
}

div#pageText h2
{
	font-size: 1.3em;
	margin-bottom: 0.9em;
	
}

div#pageText a
{
	color:#6BB2E2 !important;
	
}

div#pageTextheavy a
{
	color:#6BB2E2 !important;
}

div#pageText li
{
	margin-left: 1.5em;
}

div#pageText p
{
	margin-bottom: 0.9em;
}

div#pageText p.preamble
{
	font-size: 1.25em;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div#breadcrumbs
{
	margin: 0px 0px 15px 0px;
	margin-left:30px;
	font-size: 16px;
	font-family:"Trebuchet MS";
	color: #000000;
	
}



div#breadcrumbs h4
{
	
	color:black;
	font-size:20px;
}

div#breadcrumbs h5
{
	color:#0183ca;
	padding-bottom:3px;
	font-size:14px;
}

div#breadcrumbs h6
{
	color:#b2c135;
	padding-bottom:3px;
	font-size:14px;
}

div#breadcrumbs h1
{
	color:#552b78;
	padding-bottom:3px;
	font-size:14px;
}

div#breadcrumbs h2
{
	color:#ac2723;
	padding-bottom:3px;
	font-size:14px;
}

div#breadcrumbs h3
{
	color:#f47b20;
	padding-bottom:3px;
	font-size:14px;
}








div#breadcrumbs a
{
	font-size: 16px;
	color: #000000;
	text-decoration: none;
}

/* front page styles */

div.frontBox
{
	float: left;
	padding: 0px;
	margin-right: 10px;
	background-color: #005A9F;
	color: #fff;
	width: 165px;
	padding-bottom: 6px;
}

div.frontBox p
{
	padding: 0px 6px;
}

div.frontBox.yellow h3
{
	padding: 4px;
	background-image: url(Images/yellowBoxBG.gif);
	font-size: 1.2em;
}

div.frontBox.red h3
{
	padding: 4px;
	background-image: url(Images/redBoxBG.gif);
	font-size: 1.2em;
}


/* front page styles for IE 6.0 - start */

div.frontBoxyellow
{
	float: left;
	padding: 0px;
	margin-right: 10px;
	background-color: #005A9F;
	color: #fff;
	width: 165px;
	padding-bottom: 6px;
	height:475px;
}

div.frontBoxyellow p
{
	padding: 0px 6px;
}

div.frontBoxyellow h3
{
	padding: 4px;
	background-image: url(Images/yellowBoxBG.gif);
	font-size: 1.2em;
}

div.frontBoxred
{
	float: left;
	padding: 0px;
	margin-right: 10px;
	background-color: #005A9F;
	color: #fff;
	width: 165px;
	padding-bottom: 6px;
	height:475px;
}

div.frontBoxred p
{
	padding: 0px 6px;
}

div.frontBoxred h3
{
	padding: 4px;
	background-image: url(Images/redBoxBG.gif);
	font-size: 1.2em;
}

/* front page styles - end */


div.thirdBox
{
	float: left;
	width: 440px;
	padding: 0px;
	margin-right: 20px;
	padding-bottom: 6px;
}

div.thirdBox p
{
	margin-bottom: 0.9em;
}

div.thirdBox p.preamble
{
	font-size: 1.25em;
}

div#newsBox
{
	float: left;
	width: 160px;
}

div.newsColumn
{
	float: left;
	width: 157px;	
	padding: 6px 10px 6px 0px;
	color: #002E54;
}

div.newsholder
{
	float: right;
	width: 157px;	
	color: #002E54;
	padding-right:2px;
	padding-top:8px;
	
}

div.newsholder h3
{
	color: #0062AC;
	font-size: 0.9em;
	border-bottom: 1px dotted #0062AC;
	
}

div.newsColumn h3
{
	color: #0062AC;
	font-size: 0.9em;
	border-bottom: 1px dotted #0062AC;
	margin-bottom: 0.8em;
}

div.newsColumn div.newsDate
{
	font-weight: bold;
	margin-bottom: 0.7em;
}

div.newsRepeater
{
	padding: 6px 10px 6px 0px;
	color: #002E54;
}

div.newsRepeater h3
{
	color: #0062AC;
	font-size: 0.9em;
	border-bottom: 1px dotted #0062AC;
	margin-bottom: 0.8em;
}

div.newsRepeater p.newsdate
{
	font-weight: bold;
	margin-bottom: 0.7em;
}

div.newsRepeater p.newsschool
{
	font-weight: bold;
	margin-bottom: 0.7em;
	font-size: 0.8em;
}

div#imagespage
{
	
border:0px red solid;
width:230px;
float:right;
}


div#awarddatetitle
{
	
border:1px red solid;
width:350px;
float:left;
color:#000000;
font-size:14px;

}

/* Image heavy page - start */

div#ImageHeavyPage
{
	float: left;
	width: 670px;
}

div.ImageHeavyPageText
{	
	float: left;
	width: 440px;
	margin: 0px 0px 0px 0px;
	padding-bottom: 20px;
	/*border:#FF0000 1px solid; */
}

div.ImageHeavyPageText h2
{
	font-size: 1.3em;
	margin-bottom: 0.9em;
	
}

div.ImageHeavyPageText li
{
	margin-left: 1.5em;
}

div.ImageHeavyPageText p
{
	margin-bottom: 0.9em;
}

div.ImageHeavyPageText p.preamble
{
	font-size: 1.25em;
}

div.ImageHeavy
{   
	float: right;
	width: 200px;
	margin: 0px 10px 0px 0px;
	font-size: 0.7em;
	padding-bottom: 20px;
	/*border:#FF0000 1px solid; */
}

/* Image heavy page - end */

/* eventsCalendar Start */

div#eventsView
{
	background-color: #fff;
	padding : 10px;
}

div#eventsCalendar
{
	float: left;
	margin-right: 10px;
	margin-left:-9px;
}

div#eventsSideLinks
{
	float: left;
	border: 1px solid #E5E9F1;
	background-color: #fff;
	width: 350px;
	margin-right:10px;
}

div.sideLinkItem
{
	padding: 10px;
	padding-left: 14px;
	border-bottom: 1px solid #E5E9F1;
	cursor: pointer;
}

div.sideLinkItem:hover
{
	background-color: #EBF3FF;	
}

p.sideLinkDate
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	color: #465C6E;
	margin: 0px;
	font-style: italic;
}

h3.sideLinkTitle
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 15px;
	color: #0062AC;
	margin: 4px 0px;
}

p.sideLinkSummary
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	color: #002E54;
	margin: 13px 0px;
}

a.sideLink
{
	margin: 10px 0px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	color: #002E54;

}

/* eventsCalendar End */

div#footer
{
	color:#808080;
	margin:0 auto;
	border:0px red solid;
	height:25px;
	#height:94px;
	width:1009px;
	_width:1011px! importantpx;
	padding-bottom:150px;
	#padding-bottom:80px;
	padding-top:185px;
	font-family:Trebuchet MS;
	font-size:11px;
	border-left:1px gray solid;
	border-right:1px gray solid;
	
	
	}

div#footer a
{
	color:#808080;
	font-family:Trebuchet MS;
	font-size:11px;
	text-decoration:none;
	

	
}

div#footerright1
{

float:right;
padding-right:45px;
border:0px red solid;






}

div#footerright1 a 
{

margin-left:5px;
margin-right:5px;



}

div#footerright2
{

float:right;
padding-right:50px;
font-size:10px;
border:0px red solid;
width:313px;
padding-top:5px;


}

div#footerright3
{


font-size:10px;
float:right;
margin-top:5px;
padding-right:3px;




}

div#footerlong
{
	color:#808080;
	margin:0 auto;
	border:0px red solid;
	height:25px;
	#height:94px;
	width:1009px;
	_width:1026px;
	padding-bottom:150px;
	#padding-bottom:90px;
	padding-top:245px;
	font-family:Trebuchet MS;
	font-size:11px;
	border-left:1px gray solid;
	border-right:1px gray solid;
	
}

div#footerlong a
{
	color:#808080;
	font-family:Trebuchet MS;
	font-size:11px;
	text-decoration:none;
	

	
}

div#go
{
width:43px;
height:28px;
background-image: url(Images/event_go.jpg);
float:right;
cursor:pointer;
margin-top:-5px;
}

div#eventgo
{
width:58px;
height:33px;
/*background-image: url(Images/whitego.gif);*/
float:right;
margin-top:40px;
#margin-top:39px;
margin-right:20px;
#margin-right:15px;
cursor:pointer;
}

div#newsgo
{
width:58px;
height:33px;
/*background-image: url(Images/whitego.gif);*/
float:right !important;
cursor:pointer;
margin-right:20px;


}


div#gosports
{
width:43px;
height:32px;
background-image: url(Images/go_sports.gif);
float:right;
margin-top:-12px;
background-repeat:no-repeat;
border:0px red solid;

	

}


/*FROM HERE*/


div#mainpageheaders
{

width:431px;
height:39px;
border:0px red solid;
background-image:url(Images/jumeirah_primary_school.jpg);
background-repeat:no-repeat;

}


div#mainpageheadersAR
{

width:431px;
height:39px;
border:0px red solid;
background-image:url(Images/primary_school.jpg);
background-repeat:no-repeat;
}

div#mainpageheadersSecondary
{

width:431px;
height:39px;
border:0px red solid;
background-image:url(Images/secondary_school.jpg);
background-repeat:no-repeat;
}

div#mainpageheadersSix
{

width:431px;
height:31px;
border:0px red solid;
background-image:url(Images/sixth_form.jpg);
background-repeat:no-repeat;

}

div#mainpageheaders_introjess
{

width:431px;
height:39px;
border:0px red solid;
background-image:url(Images/intro_jess.jpg);
background-repeat:no-repeat;

}

div.mainpageschools
{	
	float: left;
	width: 425px;
	margin: 0px 10px 0px 0px;
	font-size: 13px;
	margin-left:30px;
	_margin-left:15px;
	margin-top:10px;
	border:blue 0px solid;
	color:Gray;
	font-family:"Trebuchet MS";
	
}

div#NewsTicker
{
	
border:0px red solid;
width:230px;
height:280px;
float:right;
margin-right:5px;
background-image:url(Images/latest_news_green.jpg);
}

.newsinner
{
	color:Black;
}

div#IntroEventsMain
{
	
border:0px blue solid;
width:230px;
height:230px;
float:right;
margin-top:30px;
background-image:url(Images/events_green.jpg);


}


div#ArPrimNewsMain
{
	
border:0px red solid;
width:230px;
height:280px;
float:right;
margin-right:5px;
background-image:url(Images/latest_news_purple.jpg);


}

div#ArPrimEventsMain
{
	
border:0px blue solid;
width:230px;
height:230px;
float:right;
margin-top:30px;
background-image:url(Images/events_purple.jpg);


}


div#ArSecNewsMain
{
	
border:0px red solid;
width:230px;
height:280px;
float:right;
margin-right:5px;
background-image:url(Images/latest_news_red.jpg);


}

div#ArSecEventsMain
{
	
border:0px blue solid;
width:230px;
height:230px;
float:right;
margin-top:30px;
background-image:url(Images/events_red.jpg);


}




div#SixFormNewsMain
{
	
border:0px red solid;
width:230px;
height:280px;
float:right;
margin-right:5px;
background-image:url(Images/latest_news_orange.jpg);


}

div#SixFormEventsMain
{
	
border:0px blue solid;
width:230px;
height:230px;
float:right;
margin-top:30px;
background-image:url(Images/events_orange.jpg);


}



div#rightcol
{


border:0px red solid;
width:235px;
float:right;
margin-top:-35px;

}

div#headteachers
{
	float: left;
	width: 190px;
	height:150px;
	/*_margin: 0px -0px;*/
    _margin-right: -30px;
	border:#FF0000 0px solid;
	margin-top:30px;
	margin-left:30px;
	
}



div#footerhome
{
	color:#808080;
	margin:0 auto;
	border:0px red solid;
	height:25px;
	#height:94px;
	width:1009px;
	_width:1026px;
	padding-bottom:150px;
	#padding-bottom:65px;
	padding-top:50px;
	font-family:Trebuchet MS;
	font-size:11px;
	border-left:1px gray solid;
	border-right:1px gray solid;
	
	}

div#footerhome a
{
	color:#808080;
	font-family:Trebuchet MS;
	font-size:11px;
	text-decoration:none;
	

	
}

/* --------------- */
/* Ticker Vertical */

#NewsVertical 
{
	display: block;
	margin-top:70px;
	position: relative;
	overflow:hidden;
	margin-left:30px;
	margin-right:10px;
	height:177px;
	#height:200px;
	border:0px red solid;
	border:0px green solid;

}

#mainpageeventtext
{
	display: block;
	overflow: hidden;
	position: relative;
	margin-top:-10px !important;
	#margin-top:-39px !important;
	margin-left:0px;
	margin-right:10px;
	border:0px red solid;
	float: left;
	width:200px;
	height:115px;	
}

#NewsTickerVertical
{
	height:200px !important;
	position:relative !important;
	border:0px green solid;

}

ul#NewsTickerVertical div, ul#innerTickerVertical div
{
float:left;
}


#NewsTickerVertical li
{
	display: block;
	color: #4e4e4e;
	text-align: left;
	font-size: 11px;
	height:200px !important;
	border:0px blue solid;
	
}

#EventsTickerVertical li 
{
	display: block;
	color: #4e4e4e;
	text-align: left;
	font-size: 11px;
	height:160px !important;
	border:0px blue solid;
}

#NewsTickerVertical li a:link,
#NewsTickerVertical li a:Visited,
#EventsTickerVertical li a:link,
#EventsTickerVertical li a:Visited
{
	display: block;
	color: #6bb2e2;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
}

.allnews
{
	margin-top:-30px;
	margin-left:160px;
	float:left;
	color: #6bb2e2;
	font-size: 12px;
	text-decoration:none;	
	z-index:1000px;
}

.homeallnews
{
	display:none;
	margin-top:-28px;
	margin-left:140px;
	float:left;
	color: white;
	font-size: 12px;
	z-index:1000px;
}

.sf_newsSummary
{
	font-size:11px;
	padding-bottom:4px;
}

.sf_newsSummary2
{
color:white;
	
}

.mainpagetextinner p, .mainpagetextinner dt
{
	color:Gray !important;	
}

.mainpagetextinner a 
{
	color:#6bb2e2 !important;	
}

.eventssummary
{
	margin-top:55px;
	margin-left:20px;
	margin-right:10px;
	height:140px;
	padding:6px;
	
}

.sf_newsTitle, .sf_newsTitle a
{
	color: #6bb2e2 !important;
	font-size:14px !important;	
	text-decoration:none;
}

.sf_homenewsTitle a
{
	color: black !important;
	font-size:14px !important;		
	font-weight:normal;
}

.sf_newsDate
{
	font-size:11px !important;	
	color:#000000;
	font-weight:normal;
}

.sf_newsDate2
{
	font-size:12px !important;	
	color:#FFFFFF;
	font-weight:normal;
}

div#pageTextheavy p
{
	color:Gray;	
}

.goeventfilter
{
	vertical-align:middle;
	margin-left:10px;
	margin-right:5px;
}

.eventsdatefilterdiv
{
	margin-bottom:25px;
	font-size:11px;	
	
	
		
}

.showallfilter
{
	margin-left:5px;
	color:#6bb2e2;	
	font-size:11px;	
}

.showallfilter a
{
	margin-left:5px;
	color:#6bb2e2;	
	font-size:11px;	
}

.print, .print a
{
	
	color:#6bb2e2;
	font-size:11px;
}



div.mainpagecontent
{	
	float: left;
	width: 735px;
	_width:760px;		
	font-size: 13px;
	padding-bottom: 0px;

	margin-top:15px;
	border:blue 0px solid;
	color:Gray;
	font-family:"Trebuchet MS";
	
}

div#pageContent
{	
	float: left;
	
	width: 720px;
	
	
	font-size: 0.8em;
	padding-bottom: 20px;
	margin-left:0px;
	margin-top:-50px;
	_MARGIN-LEFT: 25px;
	border:#FF0000 0px solid;
	
	
}

div#mainpageevents
{
	float:left;
	_float:right;
	width: 387px;
	
	height:226px;

	border:#FF0000 0px solid;
	background-image:url(Images/eventscalendarmain2.jpg);
	background-repeat:no-repeat;
	
}

div#mainpageeventscontents
{
	padding:20px;
	margin-top:45px;
	#margin-top:40px;
	margin-left:164px;
        #margin-left:155px;
}

table#newswrapper
{

margin-top:70px;
float:left;
}


div.mainpageannouncementcontainer
{
	width:727px;
	height:59px;

	background-image:url(Images/announcement_bground.jpg);
	background-repeat:no-repeat;
	margin-left:4px;
	margin-top:-30px;
	#margin-top:0px;
}

div.mainpageannouncementtext
{
	padding-top:25px;
	padding-left:70px;
}


div.mainpageannouncementtext a
{
	text-decoration:none;
    color:White;
    font-size:13px;
    font-family:"Trebuchet MS";
}

div#mainpageNewsTicker
{
	border:0px red solid;
	width:343px;
	height:226px;
	float:left;
	background-image:url(Images/latestnewsmain2.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}

div#lefttext
{	
	float: left;
	width: 180px;
	
	font-size: 12px;
	padding-bottom: 0px;
	margin-left:42px;
	_MARGIN-LEFT:18px;
	color:Gray;
	font-family:"Trebuchet MS";
	line-height:15px;
	
}

div#mainpageeventscalendarimg
{
	float: left;
	padding-right:10px;
	padding-bottom:10px;
}

.sf_datehome
{
	color:black !important;
	font-weight: normal !important;
	font-size:12px !important;
}

.sf_titlehome
{
	color:black !important;
	font-weight: bold !important;
	font-size:14px !important;
	font-family: Trebuchet MS !important;
}


.newstitleshome
{
	color:black !important;
	font-weight: bold !important;
	font-size:14px !important;
	font-family: Trebuchet MS !important;
}

.sf_postTagshome
{
	font-size:12px;
	color:black;
}

.sf_titlepages
{
	color:#6bb5e7 !important;
	font-weight: bold !important;
	font-size:14px !important;
	text-decoration:none;
	
	
}

.sf_datepages
{
	color:#000000 !important;
	font-size:11px !important;
	text-decoration:none;
	padding-bottom:5px;
	
	
}



div#mainpagedirectordiv
{
	width:234px;
	height:421px;
	float:left;
	background-image:url(Images/director.jpg);
	background-repeat:no-repeat;
	margin-top:10px;
}

.newsthumb
{
	float:left;
		
}

.homenewswrap
{
	height:100px;
	width:300px;
}

.homeeventswrap
{
	height:60px;
	margin-top:4px;
	#margin-top:2px;
}

.homeeventcontent
{
	color:#4e4e4e;	
}

.eventcontent
{
	color:#000000;	
	font-size:11px;
	padding-bottom:10px;
}


.printeventstartheader
{

color:#000000;

}

.newslist
{
	height:200px;
	border:0px blue solid;
	overflow:hidden;
	
	
}

.newslist1
{
	height:110px;
	border:0px red solid;
	_width:465px;
	list-style-type:none;	
}


.newsinnerwrap
{

border:0px blue solid;
width:350px;
float:right;
postition:relative;
padding-left:10px;



}

.newsthumb
{

float:left;
border:0px green solid;
postition:relative;
padding-right:10px;



}

.newsthumb2
{

float:left;
border:0px green solid;
postition:relative;

background-color:#fff;
border:1px ##8a8b8d solid;
padding-left:1px;
padding-top:1px;
padding-bottom:1px;
padding-right:1px;


}

.page
{

color:#0183c9;

}

.page a
{

color:#0183c9;

}




/* DOCS LISTS  */
.sf_docTitle a {
	display: block;
	padding-bottom: 5px;
	padding-left: 20px;
	background: transparent url(img/a_pdf.gif) no-repeat 0 0;
}
.pdf .sf_docTitle a {
	background: transparent url(img/a_pdf.gif) no-repeat 0 0;
}
.doc .sf_docTitle a, 
.docx .sf_docTitle a, 
.rtf .sf_docTitle a {
	background: transparent url(img/a_pdf.gif) no-repeat 0 0;
}

.txt .sf_docTitle a {
	background: transparent url(img/a_txt.gif) no-repeat 0 0;
}

.xls .sf_docTitle a, 
.xlsx .sf_docTitle a {
	background: transparent url(img/a_xls.gif) no-repeat 0 0;
}

.ppt .sf_docTitle a, .pptx .sf_docTitle a {
	background: transparent url(img/a_ppt.gif) no-repeat 0 0;
}

.jpg .sf_docTitle a, .jpeg .sf_docTitle a {
	background: transparent url(img/a_jpg.gif) no-repeat 0 0;
}

.gif .sf_docTitle a, .png .sf_docTitle a {
	background: transparent url(img/a_gif.gif) no-repeat 0 0;
}
.sf_expandableList .doc 
{
	background: transparent url(img/a_doc.gif) no-repeat 0 0;
	padding-left: 20px;
	padding-bottom: 3px;
}

.sf_expandableList .pdf
{
	background: transparent url(img/a_pdf.gif) no-repeat 0 0;
	padding-left: 20px;
	padding-bottom: 3px;
	
}

.sf_expandableList .image
{
	background: transparent url(img/a_jpg.gif) no-repeat 0 0;
	padding-left: 20px;
	padding-bottom: 3px;
}

.thumbborder
{

background-color:white;
border:1px #c9c9c9 solid;
padding-left:2px;
padding-top:2px;
padding-bottom:2px;
padding-right:2px;
margin-bottom:10px;


}


.search
{

padding-top:10px;

}

.searchtext
{


padding-bottom:20px;
border-bottom:1px gray solid;
font-size:12px;


}

.searchtext b
{


color:gray !important;
font-size:14px;


}


/* Pager */
sf_pager 
{
	margin: 10px 0;
	padding: 0;
	width: 100%;
	float: left;
	list-style: none;
	clear: both;
	
}
sf_pager li
{
	margin: 0;
	padding: 0 10px 0 0;
	width: auto;
	float: left;
}
sf_pager li a
{
	padding: 3px 5px;
	color:black;
}

.sf_photoListLightbox li
{
	background-image: url(Images/jess_gallery_bground.jpg);
	background-repeat:no-repeat;
	width:175px !important;
	text-align:center;
	margin:0 -10px 0 0 !important;
	display:none;
}

.sf_photoListLightbox li .sf_image
{
	width:175px !important;
	height:120px !important;
	display:table-cell;
	vertical-align:middle;
}
	
ol.sf_photoListLightbox li dd.sf_image img, ol.sf_listAndPage li dd.sf_image img 
{
	position:relative !important;
}

ol.sf_photoListLightbox li dl, ol.sf_listAndPage li dl {
	padding-top:45px !important;
}


.list-album li {
background-image:url("Images/jess_gallery_bground.jpg");
background-repeat:no-repeat;
float:left;
height:265px;
list-style:none outside none;
margin:0 50px 0 0 !important;
text-align:center;
width:173px;
}

.list-album li dd
{
	width:165px !important;
	#margin-left:-10px !important;
	height:160px !important;
	padding-top:50px;
}
	
.list-album li dd img
{
	position:relative !important;
}

ol.sf_photoListLightbox li dl, ol.sf_listAndPage li dl {
	padding-top:45px !important;
}

.list-album li img
{
border:0px;
}

label.album-name
{
display:none;
}

div.importantlinks
{
background-image:url("images/importantlinks.gif");
background-repeat:no-repeat;
margin-left:15px;
margin-top:14px;
padding-left:0;
padding-top:35px;
}
a.importantlink
{
background-image:url("images/arrow.gif");
background-position:right center;
background-repeat:no-repeat;
color:white;
display:block;
font-size:11px;
width:200px;
text-decoration:none;
padding:1px;
}

div.homeeventswrap .sf_titlehome a
{
color:black !important;
font-size:14px !important;
}

.announcement-wrap
{
height:60px;
}

.myselectbox-wrapper
{
	position: absolute;
	top: 205px;
	margin-left: 30px;
	width:300px;
}