/*============================
colours
light blue background etc #89b8fe
light blue/purple #dee5f8
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: 70px;
	text-align: center;
	padding: 0;
	background-color: #FFF;
	overflow: hidden;
}
div#bannerWrapLarge {width: 960px;
	height: 250px;
	text-align: center;
	padding: 0;
	background-color: #FFF;
	overflow: hidden;
}
div#bannerWrap img, div#bannerWrapLarge img {
	display: block;/*prevents unwanted margin*/
}

.prospectusBanner {
}
/*==============
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 {
	text-align: left;
	margin: 0;
}
div#upperWrap a:link, div#upperWrap a:visited, div.wideBox a:link, div.wideBox a:visited, div.pdfBox a:link,  div.pdfBox 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, div.pdfBox a:hover, div.pdfBox a:active, div.pdfBox a:focus {
	color: #fff;
	background: #a42134;
}
/*====================================
box that stretches across whole page 
====================================*/
p.infoBoxTop {
	margin: 0 25px;
	padding: 20px 30px;
	/*line-height: 30px;
	background: #fff url(../site_graphics/missedback.gif) no-repeat center center;*/
}
div#upperWrap h1#titleHeading {
	margin: 0 auto;
	padding: 0 0 0 55px;
	color: #fff;
	background: url(../site_graphics/wide_box_blankheading.gif) no-repeat center top;
	line-height: 33px;
	font-size: 14px;
	text-align: left;
}
/*====================================
PDF box that stretches across whole page 
====================================*/
div.pdfBox {
	width: 908px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	text-align: left;
	border-top: none;
}
div.pdfBox h2.prospectusHeading {
	background: url(../site_graphics/wide_box_heading-prospectus.gif) no-repeat center top;
	text-indent: -9000px;
	line-height: 33px;
	margin: 0;
	padding: 0;
}
div.pdfBox div.box {
	border: 1px solid #89b8fe;
	padding: 10px 0;
}
div.pdfBox div.box p {
	margin: 0 20px;
	padding: 5px 10px;
}
div.pdfBox div.box img {
	float: right;
	margin: 0 0 10px 10px;
}
/*==================
accordion container
===================*/
div#accordionWrap, div#accordionWrapTwo {
	margin: 0 25px 20px 25px;
	background: #89b8fe;
	padding: 0 0 8px 0;
}
div#accordionWrap div.topBorderOuter, div#accordionWrapTwo div.topBorderOuter  {
	margin: 0;
	padding: 8px 0 0 0;
	background: url(../site_graphics/wide_box_heading2.gif) no-repeat center top;
}
/*=====================
calendar Panel
=====================*/
div#calendarWrap {
	width: 800px;
	margin: 20px auto;
}
/*=============================
doors for classes & clubs page
=============================*/
div#doorsWrap {
	width: 844px;
	margin: 0 auto;
	height: 185px;
}
div#doorsWrap ul.nav {
	width: 844px;
	height: 185px;
	margin: 0 auto;
	background: url(../site_graphics/class_doors3.jpg) no-repeat 0 0;
	position: relative;
}
div#doorsWrap ul.nav li {
	display: inline;
}
div#doorsWrap ul.nav li a:link,div#doorsWrap ul.nav li a:visited {
	position: absolute;
	top: 0;
	width: 91px;
	height: 185px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
div#doorsWrap ul.nav .classR a:link, div#doorsWrap ul.nav .classR a:visited {
	left: 0;
}
div#doorsWrap ul.nav .classR a:hover, div#doorsWrap ul.nav .classR a:active, div#doorsWrap ul.nav .classR a:focus {
	background: url(../site_graphics/class_doors3.jpg) no-repeat 0 -185px;
}
div#doorsWrap ul.nav .class1 a:link, div#doorsWrap ul.nav .class1 a:visited {
	left: 108px;
}
div#doorsWrap ul.nav .class1 a:hover, div#doorsWrap ul.nav .class1 a:active div#doorsWrap ul.nav .class1 a:focus {
	background: url(../site_graphics/class_doors3.jpg) no-repeat -108px -185px;
}
div#doorsWrap ul.nav .class2 a:link, div#doorsWrap ul.nav .class2 a:visited {
	left: 216px;
}
div#doorsWrap ul.nav .class2 a:hover, div#doorsWrap ul.nav .class2 a:active div#doorsWrap ul.nav .class2 a:focus {
	background: url(../site_graphics/class_doors3.jpg) no-repeat -216px -185px;
}
div#doorsWrap ul.nav .class3 a:link, div#doorsWrap ul.nav .class3 a:visited {
	left: 324px;
}
div#doorsWrap ul.nav .class3 a:hover, div#doorsWrap ul.nav .class3 a:active div#doorsWrap ul.nav .class3 a:focus {
	background: url(../site_graphics/class_doors3.jpg) no-repeat -324px -185px;
}
div#doorsWrap ul.nav .class4 a:link, div#doorsWrap ul.nav .class4 a:visited {
	left: 432px;
}
div#doorsWrap ul.nav .class4 a:hover, div#doorsWrap ul.nav .class4 a:active div#doorsWrap ul.nav .class4 a:focus {
	background: url(../site_graphics/class_doors3.jpg) no-repeat -432px -185px;
}
div#doorsWrap ul.nav .class5 a:link, div#doorsWrap ul.nav .class5 a:visited {
	left: 540px;
}
div#doorsWrap ul.nav .class5 a:hover, div#doorsWrap ul.nav .class5 a:active div#doorsWrap ul.nav .class5 a:focus {
	background: url(../site_graphics/class_doors3.jpg) no-repeat -540px -185px;
}
div#doorsWrap ul.nav .class6 a:link, div#doorsWrap ul.nav .class6 a:visited {
	left: 648px;
}
div#doorsWrap ul.nav .class6 a:hover, div#doorsWrap ul.nav .class6 a:active div#doorsWrap ul.nav .class6 a:focus {
	background: url(../site_graphics/class_doors3.jpg) no-repeat -648px -185px;
}
div#doorsWrap ul.nav .clubs a:link, div#doorsWrap ul.nav .clubs a:visited {
	left: 766px;
}
div#doorsWrap ul.nav .clubs a:hover, div#doorsWrap ul.nav .clubs a:active div#doorsWrap ul.nav .clubs a:focus {
	background: url(../site_graphics/class_doors3.jpg) no-repeat -766px -185px;
}
/*====================
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;
}