html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0px;	padding: 0px;	border: 0px;	vertical-align: baseline;	font: normal 11pt Arial, Helvetica, sans-serif;	}

/* Removes dotted line when focus */
:focus { outline: none; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0px; }

caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {  }
blockquote, q {  }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Clearing floats without extra markup
   .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }

/* Regular clearing, just in case! */
.clear {	clear: both;	height: 50px;}
.clearAction {	clear: both;	height: 25px;}
/*````````````````````````````````````*/
* {	margin: 0;}
html, body {	height: 100%;}
.wrapper {	min-height: 100%;	height: auto !important;	height: 100%;	margin: 0 auto -150px;	text-align: center;}
.footer, .push {	height: 150px; /* .push must be the same height as .footer */}

html,body{	margin:0;	padding:0;	font-family: Arial, Helvetica, sans-serif;}
body{	text-align:center;	background: #d4efff url(../images/back.jpg) repeat-x;}
#container{	text-align:left;	width:960px;	margin: 0 auto;	padding: 0px;	border-top: none;	border-right: none;	border-bottom: none;	border-left: none;}
#header {	text-align: right;	width: 960px;	height: 200px;}
#sidebar {	width: 100px;	float: right;	border-bottom: none;	border-left: none;	border-top-style: none;	border-right-style: none;	height: 286px;}
#content{	float: left;	padding: 0px;	margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px;}

a:link {	font-weight: bold;	color: #0066FF;	text-decoration: none;}
a:visited {	font-weight: bold;	color: #0066FF;	text-decoration: underline;}
a:hover {	font-weight: bold;	color: #004E80;	text-decoration: underline;}
a:active {	font-weight: bold;	color: #000000;}
.foot a:link {	font-weight: bold;	color: #66CCCC;	text-decoration: none;}
.foot a:visited {	font-weight: bold;	color: #D4EFFF;	text-decoration: underline;}
.foot a:hover {	font-weight: bold;	color: #004E80;	text-decoration: underline;}
.foot a:active {	font-weight: bold;	color: #000000;}
#about #nav-about a, #centre #nav-centre a, #contact #nav-contact a, #enrolments #nav-enrolments a, #home #nav-home a,  #contactus #nav-contactus a  {	color: #000000;	border-top: 1px solid #90D7B5;	border-right: 1px solid #333;	border-bottom: 1px solid #333;	border-left: 1px solid #90D7B5;	background: url(../images/buttonDown.jpg) no-repeat;}
.nav ul {	list-style-type:none;	margin:0;	padding:0;}
.nav li {	float:left;	position:relative;	z-index:100;	list-style: none;}
.nav table {	position:absolute;	border-collapse:collapse;	z-index:80;	left:-1px;	top:25px;}
.nav a, .nav :visited, .nav :link   {	display:block;	width:141px;	text-decoration:none;	text-align:center;	font:bold 14px/14px Arial, Helvetica, sans-serif;
	background:url(../images/buttonUp.jpg) repeat-x; padding:7px 0;	border-left:1px solid #90D7B5;	border-right:1px solid #333;	border-bottom:1px solid #333;	
	color: #FFFFFF;	border-top: 1px solid #90D7B5;}
.nav :hover {	color:#000000;	background:url(../images/buttonDown.jpg) repeat-x;}
.nav ul ul {	visibility:hidden;	position:absolute;	width:149px;	height:0;	color: #6600FF;}
.nav ul li:hover ul,.nav ul a:hover ul {	visibility:visible;	color: #FF6600;}

.space {	width: 830px;	height: 50px;	float: left;	display: inline;}
#photos {	float: left;	width: 325px;	text-align: left;	margin: 0px;	padding: 0px;}
.photos {	border-top: none;	border-right: none;	border-bottom: none;	border-left: none;	margin: 0px;	padding: 0px;}
#text {	float: right;	width: 500px;	margin: 0px 25px 0px 0px;	padding: 50px 0px 0px;	text-align: left;}
.text {	float: right;	width: 635px;}
#footer{	text-align: center;	padding: 0px;	margin: 100px auto 0px;	border-top: none;	border-right: none;	border-bottom: 3px solid #006600;	border-left: none;
	height: 150px;	clear: both;	background: url(../images/backFoot.jpg) center;}
#footerText {	width: 960px;	padding: 0px;	text-align: center;	height: 100px;	margin-right: auto;	margin-bottom: 0px;	margin-left: auto;}
.foot {	font-size: 10pt;}
#footerContent {	width: 100%;	text-align: center;	margin-right: auto;	margin-left: auto;}
.clear {	clear: both;	margin: 0px;	padding: 0px;}
h1 {	color: #04A758;	margin: 0px;	font: italic bolder 30px Arial, Helvetica, sans-serif;	text-align: left;	padding: 0px;}
h2 {	color: #04A758;	font: italic bolder 30px Arial, Helvetica, sans-serif;	text-align: left;	padding: 0px;	margin-top: 30px;	margin-right: 0px;	margin-left: 0px;}
h3 {font-family: Arial, Helvetica, sans-serif;	font-size: 13px;	font-weight: normal;	color: #000000;}
h4 {font-weight: bold;	margin: 0px;	padding: 0px 0px 10px;	clear: both;}
.small {	font-size: 9px;}
.belowFoot {	text-align: center;	margin-right: auto;	margin-left: auto;	display: block;}
hr {	color: #FFFFFF;}.boxL {	width: 300px;	float: left;	border: 1px solid #263E98;	margin-right: 25px;	margin-bottom: 25px;	padding: 10px;	background: #FFFFFF;}
.black {	font: normal 11pt Arial, Helvetica, sans-serif;	color: #000000;}	
.grey {	color: #666666;}.white {	color: #FFFFFF;	font-weight: bold;}
.heading {	color: #C3C718;	margin: 0px;
	font: italic bolder 30px Arial, Helvetica, sans-serif;	padding: 25px 0px 0px;}hr {	border-top: 1px solid #263E98;	border-right: none;	border-bottom: none;	border-left: none;}
.heading {	color: #00a656;	margin: 0px;	font: italic bolder 30px Arial, Helvetica, sans-serif;	text-align: left;	padding: 0px;}
.italic {	font-style: italic;}
.right {	float: right;	border: 3px solid #AED8CE;	margin-left: 25px;	margin-bottom: 15px;}
.imgRight {	float: right;	margin-bottom: 15px;	margin-left: 15px;	border-top: none;	border-right: none;	border-bottom: none;	border-left: none;	margin-top: 15px;}
p {	margin-bottom: 15px;}
.one {	background: url(../images/home1.jpg) no-repeat;	height: 200px;	width: 300px;	margin: 0px 0px 15px;	padding: 0px;}
.two {	background: url(../images/home2.jpg) no-repeat;	margin-bottom: 15px;}
.three {	background: url(../images/home3.jpg) no-repeat;	padding: 0px;	margin-top: 0px;}
#action {	width: 100%;	text-align: center;	display: block;	border: 1px solid #F92905;	clear: both;	padding-bottom: 15px;	margin-bottom: 25px;}
li {	list-style: none;}
.rightContact {	float: right;	margin-right: 175px;	border-top: none;	border-right: none;	border-bottom: none;	border-left: none;}
#photosCentre {	float: right;	width: 300px;	text-align: left;	padding: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;}
.C1 {	background: url(../images/centre1.jpg) no-repeat;	height: 200px;	width: 300px;	margin: 0px 0px 15px;	padding: 0px;}
.C2 {	background: url(../images/centre2.jpg) no-repeat;	height: 200px;	width: 300px;	margin: 0px 0px 15px;	padding: 0px;}
.C3 {	background: url(../images/centre3.jpg) no-repeat;	height: 200px;	width: 300px;	margin: 0px 0px 15px;	padding: 0px;}
.C4 {	background: url(../images/centre4.jpg) no-repeat;	height: 200px;	width: 300px;	margin: 0px 0px 15px;	padding: 0px;}
.C5 {	background: url(../images/centre5.jpg) no-repeat;	height: 200px;	width: 300px;	margin: 0px 0px 15px;	padding: 0px;}
.C6 {	background: url(../images/centre6.jpg) no-repeat;	height: 200px;	width: 300px;	margin: 0px 0px 15px;	padding: 0px;}
.C7 {	background: url(../images/centre7.jpg) no-repeat;	height: 200px;	width: 300px;	margin: 0px 0px 15px;	padding: 0px;}

.E1 {	background: url(../images/e1.jpg) no-repeat;	height: 200px;	width: 300px;	margin: 0px 0px 15px;	padding: 0px;}
.E2 {	background: url(../images/e2.jpg) no-repeat;	height: 200px;	width: 300px;	margin: 0px 0px 15px;	padding: 0px;}
.E3 {	background: url(../images/e3.jpg) no-repeat;	height: 200px;	width: 300px;	margin: 0px 0px 15px;	padding: 0px;}
.E4 {	background: url(../images/e4.jpg) no-repeat;	height: 200px;	width: 300px;	margin: 0px 0px 15px;	padding: 0px;}
.E5 {	background: url(../images/e5.jpg) no-repeat;	height: 200px;	width: 300px;	margin: 0px 0px 15px;	padding: 0px;}
.E6 {	background: url(../images/e6.jpg) no-repeat;	height: 200px;	width: 300px;	margin: 0px 0px 15px;	padding: 0px;}
#text2 {
float: left;	width: 650px;	margin: 0px;	padding: 0px;	text-align: left;}
#contact {float: left;	width: 300px;	text-align: left;	margin: 0px 25px 0px 0px;	padding: 0px;}
#contactMap {	float: right;	width: 630px;}
#text2 li {	margin-bottom: 15px;	list-style: url(none) none;}
.text li {	margin-bottom: 15px;	list-style: url(none) none;}
.enrol li {	margin-bottom: 15px;	list-style: url(none) none;}