/*============================
colours
light blue background etc #89b8fe
dark blue & main text #183867
leftCol background #d7e5fb
=============================*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
}
body {
	font-size: small;
	font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
	color: #183867;
	text-align:center; /*for IE6 etc*/
	background: #89b8fe url(../site_graphics/body_back.jpg) repeat-x fixed center top;
	padding: 0 0 30px 0;
}
div.clearit {
	clear: both;
}
/*-------------------
contains everything
--------------------*/
div#outerWrap {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	border: 1px solid #183867;
	border-top: none;
	background: #fff;
}
/*-------------------------------------
banner at top of page including Flash
-------------------------------------*/
div#bannerWrap {
	width: 960px;
	height: 250px;
	text-align: center;
	padding: 0;
	background-color: #FFF;
	overflow: hidden;
}
div#bannerWrap img {
	display: block;/*prevents unwanted margin*/
}
/*==============
main navigation
==============*/
div.menuWrap {
	width: 960px;
	background: #89b8fe url(../site_graphics/nav-back.gif) repeat-x left bottom;
	border-top: 1px solid #fff;
}
table.menuHolder {
	margin: 0 auto;
}
div.menuWrap table.menuHolder ul.navTop {  
	padding:0;   
	list-style: none;
	height: 31px; 
	display: table;
	z-index: 999;
}
div.menuWrap table.menuHolder ul.navTop li {
	margin: 0 auto;
	position: relative;
	float: left;
	z-index: 999;
} 
div.menuWrap table.menuHolder ul.navTop li a {
	height: 31px;
	padding: 0 20px;
	color: #fff;
	font-weight: 900;
	font-size: 14px;
	line-height: 31px;
	display:  block;
	text-decoration: none;
	text-align: center;
	background: url(../site_graphics/nav-divider.gif) no-repeat right 0px;
	float: left;
} 
div.menuWrap table.menuHolder ul.navTop li a:hover, div.menuWrap table.menuHolder ul.navTop li a:active, div.menuWrap table.menuHolder ul.navTop li a:focus { 
	background: url(../site_graphics/nav-divider.gif) no-repeat right -31px;
	color: #fff; 
	text-decoration: underline;
	z-index: 999;
}
div.menuWrap table.menuHolder ul.navTop li a.classes:hover {
}
div.menuWrap table.menuHolder ul.navTop a.currentPage:link, div.menuWrap table.menuHolder ul.navTop a.currentPage:visited, div.menuWrap table.menuHolder ul.navTop a.currentPage:hover, div.menuWrap table.menuHolder ul.navTop a.currentPage:active, div.menuWrap table.menuHolder ul.navTop a.currentPage:focus {  
	text-decoration: none;
	background: url(../site_graphics/nav-divider.gif) no-repeat right -62px;
	z-index: 999;
}
/*==================
submenu
====================*/
div.menuWrap table.menuHolder ul.navTop ul {  
	width: 150px;
	position: absolute;   
	left: 0; 
	top: 31px;  
	display: none;
	margin: 0 0 0 -1px;   
	padding: 0;   
	list-style: none;
	z-index: 999;
	background: #85b4f9;
	border: 1px solid #416ba8;
	border-top: none;
	text-align: left; 
}
div.menuWrap table.menuHolder ul.navTop ul li {  
	border-top: 1px solid #fff;
	background: url(../site_graphics/nav-back.gif) repeat-x left bottom;
	z-index: 999;
}
div.menuWrap table.menuHolder ul.navTop ul a:link, div.menuWrap table.menuHolder ul.navTop ul a:visited {
	width: 120px; 
	height: 31px;
	display: block;
	text-align: left; 
	padding: 0 0 0 30px;
	color: #fff;
	background: url(../site_graphics/nav-back.gif) repeat-x left bottom;
	z-index: 999;
} 
div.menuWrap table.menuHolder ul.navTop ul a:hover {  
	text-decoration: underline;
	background: url(../site_graphics/subnav-divider.gif) no-repeat 120px center; 
	z-index: 999;
} 
/*-------------
menu lower row
-------------*/
div.menuWrap table.menuHolder ul.navBottom {  
	padding: 0;   
	list-style: none;
	height: 31px; 
	z-index: 5;
}
div.menuWrap table.menuHolder ul.navBottom li {
	margin: 0 auto;
	position: relative;
	float: left;
	z-index: 5;
} 
div.menuWrap table.menuHolder ul.navBottom li a {
	height: 31px;
	padding: 0 20px;
	color: #fff;
	font-weight: 900;
	font-size: 14px;
	line-height: 31px;
	display:  block;
	text-decoration: none;
	text-align: center;
	background: url(../site_graphics/nav-divider.gif) no-repeat right 0px;
	float: left;
	z-index: 5;
} 
div.menuWrap table.menuHolder ul.navBottom li a:hover, div.menuWrap table.menuHolder ul.navBottom li a:active, div.menuWrap table.menuHolder ul.navBottom li a:focus { 
	background: url(../site_graphics/nav-divider.gif) no-repeat right -31px;
	color: #fff; 
	text-decoration: underline;
	z-index: 5;
}


div.menuWrap table.menuHolder ul.navBottom a.currentPage:link, div.menuWrap table.menuHolder ul.navBottom a.currentPage:visited, div.menuWrap table.menuHolder ul.navBottom a.currentPage:hover, div.menuWrap table.menuHolder ul.navBottom a.currentPage:active, div.menuWrap table.menuHolder ul.navBottom a.currentPage:focus {  
	text-decoration: none;
	background: url(../site_graphics/nav-divider.gif) no-repeat right -62px;
	z-index: 5;
}




/*==================
submenu navBottom
====================*/
div.menuWrap table.menuHolder ul.navBottom ul {  
	width: 210px;
	position: absolute;   
	left: 0; 
	top: 31px;  
	display: none;
	margin: 0 0 0 -1px;   
	padding: 0;   
	list-style: none;
	background: #85b4f9;
	border: 1px solid #416ba8;
	border-top: none;
	text-align: left; 
	z-index: 5;
}
div.menuWrap table.menuHolder ul.navBottom ul li {  
	border-top: 1px solid #fff;
	background: url(../site_graphics/nav-back.gif) repeat-x left bottom;
}
div.menuWrap table.menuHolder ul.navBottom ul a:link, div.menuWrap table.menuHolder ul.navBottom ul a:visited {
	width: 180px; 
	height: 31px;
	display: block;
	text-align: left; 
	padding: 0 0 0 30px;
	color: #fff;
	background: url(../site_graphics/nav-back.gif) repeat-x left bottom;
	z-index: 5;
} 
div.menuWrap table.menuHolder ul.navBottom ul a:hover {  
	text-decoration: underline;
	background: url(../site_graphics/subnav-divider.gif) no-repeat 180px center; 
	z-index: 5;
} 
/*=========================
all content below menu
=========================*/
div#upperWrap {
	background: url(../site_graphics/leftcol-back.gif) no-repeat 0 bottom;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 1px 0;
}
div#upperWrap a:link, div#upperWrap a:visited, div.wideBox a:link, div.wideBox a:visited {
	color: #a42134;
	font-weight: bold;
}
div#upperWrap a:hover, div#upperWrap a:active, div#upperWrap a:focus,  div.wideBox a:hover,  div.wideBox a:active,  div.wideBox a:focus {
	color: #fff;
	background: #a42134;
}
/*====================
leftCol - intros etc
====================*/
div#leftCol {
	width: 604px;
	margin: 25px 0 0 25px;
	background: #d7e5fb;
	border: 1px solid #183867;
	border-bottom: 0;
	text-align: left;
}
div#leftCol img {
	display: block;
	float: right;
	margin: 0;
}
div#leftCol img.headingBanner {
	float: none;
	margin: 0 0 5px 0;
	background: url(../site_graphics/leftcol-back.gif) no-repeat left bottom;
}
div#leftCol p {
	padding: 0 25px 10px 25px;
}
div#leftCol h2 {
	margin: 0 20px 5px 20px;
	padding: 0 5px 2px 5px;
	font-size: 16px;
	border-bottom: 1px solid #183867;
}
/*=================================
accordion container for leftCol only
====================================*/
div#accordionWrap, div#accordionWrapTwo {
	margin: 0 20px 20px 20px;
	background: #89b8fe;
	padding: 0 2px;
}
/*==========================
email form on Contact page
==========================*/
div#formWrap {
	text-align: center;
	width: 480px;
	margin: 5px auto 15px auto;
	border: 1px solid #000;
	padding: 10px 0;
	background: #E3F0FF;
}
div#formWrap table {
	width: 480px;
}
div#formWrap table td.left {
	width: 150px;
	text-align: right;
	vertical-align: top;
}
div#formWrap table td.right {
	text-align: left;
	vertical-align: middle;
}
div#formWrap table td.leftMesg {
	text-align: right;
	vertical-align: top;
}
div#formWrap table td p {
	font-weight: bold;
	padding: 10px;
}
div#formWrap table td.rightSend{
	text-align: left;
	vertical-align: middle;
	padding: 10px 10px 10px 0;
}
textarea {
	width: 310px;
}
/*==================================
rightCol - weather, page names etc
=================================*/
div#rightColWrap {
	width: 279px;
	margin: 0 25px 0 0;
	text-align: left;
	float: right;
	display: inline;
}
div#rightColWrap h2 {
background: url(../site_graphics/small_box_news.gif) no-repeat center top;
	text-indent: -9000px;
	line-height: 33px;
}
div#rightColWrap h2#foundationHeading {
	background: url(../site_graphics/foundation_heading.gif) no-repeat center top;
}
div#rightColWrap h2#classOneHeading {
	background: url(../site_graphics/class-1_heading.gif) no-repeat center top;
}
div#rightColWrap h2#classTwoHeading {
	background: url(../site_graphics/class-2_heading.gif) no-repeat center top;
}
div#rightColWrap h2#classThreeHeading {
	background: url(../site_graphics/class-3_heading.gif) no-repeat center top;
}
div#rightColWrap h2#classFourHeading {
	background: url(../site_graphics/class-4_heading.gif) no-repeat center top;
}
div#rightColWrap h2#classFiveHeading {
	background: url(../site_graphics/class-5_heading.gif) no-repeat center top;
}
div#rightColWrap h2#classSixHeading {
	background: url(../site_graphics/class-6_heading.gif) no-repeat center top;
}
div#rightColWrap h2#clubsHeading {
	background: url(../site_graphics/clubs_heading.gif) no-repeat center top;
}
div#rightColWrap h2#galleriesHeading {
	background: url(../site_graphics/galleries_heading.gif) no-repeat center top;
}
div#rightColWrap h2#ptaHeading {
	background: url(../site_graphics/pta_heading.gif) no-repeat center top;
}
div#rightColWrap h2#linksHeading {
	background: url(../site_graphics/links_heading.gif) no-repeat center top;
}
div#rightColWrap h2#vacanciesHeading {
	background: url(../site_graphics/vacancies_heading.gif) no-repeat center top;
}
div#rightColWrap h2#contactHeading {
	background: url(../site_graphics/contact_heading.gif) no-repeat center top;
}
div#rightColWrap div.box, div.wideBox div.box {
	border: 1px solid #89b8fe;
}
div#rightColWrap div.box p,  div.wideBox div.box p {
	padding: 5px 10px;
}
div#rightColWrap h2.weatherHeading {
	margin-top: 25px;
background: url(../site_graphics/small_box_weather.gif) no-repeat center top;
}
div#rightColWrap div.picBox {
	padding: 25px 0 0 0;
	overflow: hidden;
}
div#rightColWrap div.picBox img {
	display: block;
	margin: 0;
	border: 1px solid #89b8fe;
}
div.ptaInfoBox {
	border: 1px solid #89b8fe;
	margin: 20px 0;
}
div.ptaInfoBox h3 {
	color: #fff;
	background: #89b8fe;
	padding: 10px;
}
div.ptaInfoBox p {
	padding: 5px 10px;
}
/*====================================
box that stretches across whole page 
====================================*/
div.wideBox {
	width: 910px;
	margin: 0 auto;
	padding: 25px 0 0 0;
	text-align: left;
}
div.wideBox p {
	margin-right: 500px;
}
div.wideBox h2 {
	background: url(../site_graphics/wide_box_aerial.gif) no-repeat center top;
	text-indent: -9000px;
	line-height: 33px;
}
div.wideBox h2#wideBoxGalleriesHeading {
	background: url(../site_graphics/wide_box_heading-galleries.gif) no-repeat center top;
}
div.wideBox h2#wideBoxTourHeading {
	background: url(../site_graphics/widebox_virtual_tour.jpg) no-repeat center top;
}
div.wideBox div.foundationPic {
	background: url(../site_graphics/widebox_pic-foundation.jpg) no-repeat right top;
}
div.wideBox div.classOnePic {
	background: url(../site_graphics/widebox_pic-class-1.jpg) no-repeat right top;
}
div.wideBox div.classTwoPic {
	background: url(../site_graphics/widebox_pic-class-2.jpg) no-repeat right top;
}
div.wideBox div.classThreePic {
	background: url(../site_graphics/widebox_pic-class-3.jpg) no-repeat right top;
}
div.wideBox div.classFourPic {
	background: url(../site_graphics/widebox_pic-class-4.jpg) no-repeat right top;
}
div.wideBox div.classFivePic {
	background: url(../site_graphics/widebox_pic-class-5.jpg) no-repeat right top;
}
div.wideBox div.classSixPic {
	background: url(../site_graphics/widebox_pic-class-6.jpg) no-repeat right top;
}
div.wideBox div.tourPic {
	background: url(../site_graphics/widebox_pic-tour.jpg) no-repeat right top;
}
div.thirdsBox {
	width: 285px;
	float: left;
	margin: 0 27px 0 0;
}
div.thirdsBoxRight {
	width: 285px;
	float: right;
	margin: 0;
}
div.thirdsBox div.box img, div.thirdsBoxRight div.box img {
	display: block;
	float: none;
}
div.thirdsBox h2.meals {
	background: url(../site_graphics/thirdsbox_meals.gif) no-repeat center top;
}
div.thirdsBox h2.calendar {
	background: url(../site_graphics/thirdsbox_calendar.gif) no-repeat center top;
}
div.thirdsBoxRight h2.tour {
	background: url(../site_graphics/thirdsbox_tour.gif) no-repeat center top;
}
/*====================
telephone number etc
======================*/
div#footer {
	margin: 25px;
	font-weight: bold;
	border-top: 1px solid #89b8fe;
	border-bottom: 1px solid #89b8fe;
	text-align: center;
}
div#footer p {
	padding: 5px 10px;
}

div#footer a:link, div#footer a:visited {
	color: #a42134;
	font-weight: bold;
}
div#footer a:hover, div#footer a:active, div#footer a:focus {
	color: #fff;
	background: #a42134;
}