@charset "utf-8";
/* CSS Document */

body{
	background: #E0F2FF;	
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h2{
	font-size: 1.1em;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
}

p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#outerwrapper{
	background: url(../images/shadow-borders.jpg) top left repeat-y;
	width: 970px;
	/*height: 618px;*/
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}

#head{
	background: url(../images/sunflowerHead.jpg) top left no-repeat;
	width: 950px;
	margin: 0 auto 0 auto;
	height: 272px;
	font-size: 1.2em;
}

#head #contact{
	width: 950px;
	text-align: right;
	padding-top: 105px;
	letter-spacing: -0.05em;
}

#head #threeButtons{
	margin: 45px 0 0 0;
	float: right;
	width: 640px;
}

#head #threeButtons div{
	padding: 0 8px;
	float: left;
}

#head #threeButtons div img{
	border: 0;
}

#content{
	width: 950px;
	margin: 0 auto 0 auto;
}

#menu{
	float: left;
}

#mainBody{
	float: right;
	text-align: left;
	width: 650px;
	margin-top: 45px;
	padding-bottom: 42px;
}

#mainBody img#headTitle{
	display: block;	
}

div.text{
	width: 495px;
	float: left;
	font-size: 0.9em;
	margin-top: 20px;
}

div.text p.top{
	padding-top: 10px;
}

div.text p.middle{
	padding-top: 10px;
}

div.text p.bottom{
	padding-top: 10px;
	padding-bottom: 5px;
}

div.text #theTeam, div.text #mealsTimetable{
	text-align: center !important;
	border-collapse:collapse;
}

div.text #theTeam th, div.text #theTeam td, div.text #mealsTimetable td, div.text #mealsTimetable th{
	padding: 8px 10px;
	border: #4DB5FE dotted 2px;
	margin-top: 20px;
}

div.text #mealsTimetable{
	margin: 10px auto 10px auto;
}

div.text #mealsTimetable th#noteCell{
	font-size: 0.8em;
}

div.text p.mealsTimetableWrapper{
	text-align: center;	
}

div.text #sessionRates{
	margin: 0 auto 20px auto;
	border-collapse:collapse;
}

div.text #sessionRates th, div.text #sessionRates td{
	padding: 10px;	
	font-weight: normal;
	text-align: center;
	border: #4DB5FE dotted 2px;
}

div.image{
	float: right;
	padding-right: 56px;
}

#bestWishes{
	padding-left: 45px;	
	padding-top: 20px;
}

#bestWishes img{
	padding-top: 5px;
	padding-left: 50px;	
}

#menu ul, #menu li{
	list-style-type: none;
}

#menu li{
	background: url(../images/dottedLine.jpg) bottom center no-repeat;
	border-bottom: #FC0 2px dotted;
	width: 241px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#menu li a{
	display: block;
	width: 241px;
	height: 27px;
}

#menu li a:hover{
	zoom: 1;	
}

#menu li a#active img{
	position: absolute; left: -999em; top: -999em;
}

#menu li a:hover img{
	position:absolute; left:-999em; top:-999em;
}

#menu li a img{
	border: 0;	
}

#menu li#home a{
	background: url(../images/home-hover.jpg) top left;
}

#menu li#team a{
	background: url(../images/team-hover.jpg) top left;	
}

#menu li#tour a{
	background: url(../images/tour-hover.jpg) top left;	
}

#menu li#nutrition a{
	background: url(../images/nutrition-hover.jpg) top left;	
}

#menu li#safety a{
	background: url(../images/safety-hover.jpg) top left;	
}

#menu li#ofsted a{
	background: url(../images/ofsted-hover.jpg) top left;	
}

#menu li#rates a{
	background: url(../images/rates-hover.jpg) top left;	
}

#menu li#faq a{
	background: url(../images/faq-hover.jpg) top left;	
}

#menu li#find a{
	background: url(../images/find-hover.jpg) top left;	
}

#rateBox{
	margin: 40px auto 0 40px;
	width: 241px;
	text-align: center;
}

#rateBox table{
	width: 241px;
	border: #FC0 2px dotted;
	border-collapse: collapse;
}

#rateBox table td, #rateBox table th{
	border: #FC0 2px dotted;
}

#rateBox td#menuLink{
	font-size: 0.8em;	
}

#foot{
	margin: 0 auto 0 auto;
	background: url(../images/bottom-shadow-border.jpg) top center no-repeat;
	width: 970px;
	height: 31px;
}

#bdm{
	margin: 0 auto 20px; auto;
	width: 950px;
	text-align: right;
	font-size: 0.8em;
}

#bdm a{
	color: #000;
	text-decoration: none;
}

#bdm a:hover{
	text-decoration: underline;
}

div.clearFloat{
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 0px;
}