@charset "utf-8";
/* CSS Document */

body {
	background-color:#00617C;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:100%;
}

#wrap {
	margin:0px auto;
	width:915px;
}

#page {
	position:relative;
	width:915px;
	margin:30px 0px 30px 0px;
	padding:10px 0px 10px 0px;
	background-color:#ffffff;
}

.clear { 
	clear:both; 
	height:1px;
}

.float-left {
	width: 495px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float:left;
}
.float-right {
	width: 400px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float: left;
}



/*
COLOUR & ALIGNMENT ELEMENTS
*********************************************************************************************************/

.left {
	text-align:left;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.justify {
	text-align:justify;
}

.aqua_blue {
color:#00617C;
}

.blue {
color:#007ea4;
}

.green {
color:#669933;
}


/*
HTML ELEMENTS
*********************************************************************************************************/
p {
	margin:0px 10px 0px 10px;
	padding:0px 0px 10px 0px;
	font-size: 75%;
	color:#000000;
	line-height:150%;
}

p.crumbs {
	margin:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	font-size: 70%;
	color:#000000;
	line-height:100%;
}

#title_strapline h1 {
	margin:0px 0px 0px 10px;
	padding:25px 0px 0px 0px;
	font-size: 200%;
	color:#00617c;
}

#title_strapline h2 {
	margin:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	font-size: 110%;
	font-style:italic;
	color:#669933;	
}

h1 {
	margin:0px 0px 0px 0px;
	padding:0px 10px 5px 10px;
	font-size: 200%;
	color:#007ea4;
}

h2 {
	margin:0px 0px 0px 0px;
	padding:0px 10px 5px 10px;
	font-size: 110%;
	color:#669933;
}

h3 {
	margin:0px 10px 0px 10px;
	padding:0px 0px 5px 0px;
	font-size: 110%;
	color:#333333;
}

h4 {
	margin:10px 10px 0px 10px;
	padding:0px 0px 5px 0px;
	font-size: 100%;
	color:#007ea4;
}

h5 {
	margin:10px 10px 0px 10px;
	padding:0px 0px 5px 0px;
	font-size: 90%;
	color:#669933;
}

h6 {
	margin:0px 10px 0px 10px;
	padding:0px 0px 5px 0px;
	font-size: 80%;
	color:#000000;
}

a {
	color:#669933;
	text-decoration:underline;
}
	
a:hover {
	color:#007ea4;
	text-decoration:underline;
}

#content-right-home a, #content-right-home a:hover, #content-right a, #content-right a:hover { font-weight:bold; }

#content-right a.sub_category {
	color:#007ea4;
	text-decoration:none;
	font-weight:normal;
}
	
#content-right a.sub_category:hover {
	color:#669933;
	text-decoration:underline;
	font-weight:normal;
}

ul, ol {
	margin:0px 20px 10px 40px;
	padding:0px 0px 0px 0px;
	font-size: 80%;
	color:#000000;
}

li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;;
}


/*
TITLE STYLES
*********************************************************************************************************/
#title {
	position:relative;
	width:895px;
	height:70px;
	margin:0px 10px 1px 10px;
	padding:0px 0px 0px 0px;
	background-color:#669933;
	background-image:url(../images/bg_greengrad.jpg);
	background-repeat:repeat-x;
}

#title img.standing_waves {
	margin:20px 0px 0px 26px;
	padding:0px 0px 0px 0px;
}

#title .float-right {
	text-align:right;
}

#title ul {
margin:48px 16px 0px 0px;
padding:0px 0px 0px 0px;
list-style-type:none;
font-size:70%;
color:#ffffff;
}

#title a {
	color:#ffffff;
	text-decoration:none;
}

#title a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#title li {	
	margin: 0px;
	padding: 0px 0px 0px 10px;
	display:inline; 
	color:#FFFFFF;
}

/*
HEADER STYLES
*********************************************************************************************************/
#header {
	position:relative;
	width:895px;
	margin:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	background-color:#616161;
	border-top: 5px solid #007ea4;
}

/*
NAVIGATION STYLES
*********************************************************************************************************/
#navhover {
	width:895px;
	margin:1px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	background-image:url(../images/nav_back.jpg);
background-repeat:repeat-x;
}

#navhover ul {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style-type:none;
}

#navhover a {
width:111px;
height:27px;
float:left;
color:#ffffff;
padding: 13px 0px 0px 0px;
text-align:center;
font-size:85%;
text-decoration:none;
font-weight:bold;
background-image:url(../images/nav_back.jpg);
background-repeat:repeat-x;
}

#navhover a:hover {
	background-color:#009999;
	background-image:url(../images/nav_backhover.jpg);
	background-repeat:repeat-x;
}

#navhover a.on {
	background-color:#009999;
	background-image:url(../images/nav_backhover.jpg);
	background-repeat:repeat-x;
}

#navhover li {
	display:inline;
	padding:0px;

}
#navhover li.nolink {
	display:inline;
	width:1px;
	height:40px;
	background-image:url(../images/nav_spacer.jpg);
	background-repeat:repeat-x;
	float:left;
}

/*
TITLE, TRIM and STRAPLINE
*********************************************************************************************************/
#title_strapline {
	position:relative;
	width:895px;
	margin:0px 10px 0px 10px;
	padding:10px 0px 0px 0px;
	border-top: solid 5px #669933;
	background-image:url(../images/bg_strapline2.jpg);
	background-repeat: repeat-x;
}

#title_strapline h1 {
	margin:0px 0px 0px 10px;
	padding:25px 0px 0px 0px;
	font-size: 200%;
	color:#007ea4;
}

#title_strapline h2 {
	margin:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	font-size: 110%;
	font-style:italic;
	color:#669933;	
}

#title_strapline .float-left {
	width: 605px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float:left;
}
#title_strapline .float-right {
	width: 280px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float: left;
}
#title_strapline .float-right .sponsors {
	margin: 0px 0px 0px 0px;
	padding: 32px 0px 0px 0px; 
	text-align:right;
}
#title_strapline .float-right .sponsors img.logo {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	 
}

.dotted_line {
	height:1px;
	margin:10px 20px 0px 20px;
	padding:0px 0px 0px 0px;
	background: url(../images/bg_dot.gif);
	background-repeat: repeat-x;
}

/*
CONTENT STYLES
*********************************************************************************************************/
#content {
	position:relative;
	width:895px;
	margin:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	border-bottom: solid 5px #007ea4;
}

#content-left {
	width:605px;
	margin:20px 0px 0px 0px;
	padding:0px 0px 30px 0px;
	float:left;
}

#content-left img {
	margin:0px 0px 0px 0px;
	padding:0px 0px 12px 10px;
}

#content-right-home {
	width:280px;
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	float:left;
}

#content-right {
	width:280px;
	margin:5px 0px 0px 0px;
	padding:20px 0px 30px 0px;
	float:left;
}

#content-right-home p, #content-right p {
	margin:0px 0px 0px 10px;
	padding:10px 10px 0px 35px;
	font-size: 70%;
	color:#666666;
	line-height:150%;
	background: url(../images/bullet.gif) no-repeat top left;
}

#content-right-home .feature, #content-right .feature {
	height:20px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	background: url(../images/bg_featurebottom.jpg);
	background-repeat: repeat-x;
}

#content-right-home h4.bg_blue, #content-right h4.bg_blue {
	height:23px;
	margin:1px 0px 0px 10px;
	padding:7px 10px 0px 10px;
	font-size: 90%;
	color:#ffffff;
	background-color:#007ea4;
	background-image:url(../images/bg_feature_blue.jpg);
	background-repeat:repeat-x;
}

#content-right-home h4.bg_green, #content-right h4.bg_green {
	height:23px;
	margin:1px 0px 0px 10px;
	padding:7px 10px 0px 10px;
	font-size: 90%;
	color:#ffffff;
	background-color:#007ea4;
	background-image:url(../images/bg_feature_green.jpg);
	background-repeat:repeat-x;
}

#content-right-home h4.bg_orange, #content-right h4.bg_orange {
	height:23px;
	margin:1px 0px 0px 10px;
	padding:7px 10px 0px 10px;
	font-size: 90%;
	color:#ffffff;
	background-color:#007ea4;
	background-image:url(../images/bg_feature_orange.jpg);
	background-repeat:repeat-x;
}

#content-right-home h4.bg_blue a, #content-right h4.bg_blue a,
#content-right-home h4.bg_green a, #content-right h4.bg_green a,
#content-right-home h4.bg_orange a, #content-right h4.bg_orange a
{
	color:#ffffff;
	text-decoration:none;
}

#content-right img.photo {
	width:270px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	border-top: solid 6px #00617C;
}

#content-right img.photo_news {
	width:270px;
	margin:45px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	border-top: solid 6px #00617C;
}

#content-right p.photo_desc {
	margin:1px 0px 20px 10px;
	padding:6px 6px 8px 6px;
	font-size: 80%;
	color:#ffffff;
	background: none;
	background-color:#669933;
	text-align:center;
}

/*
--- COURSE STYLES ---
******************************************************************/

.courses_list {
	width:590px;
	margin: 0px 0px 40px 0px;
	padding: 0px;
}

.courses_list ul {
	width:600px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}

.courses_list li {
	width:590px;
	margin:0px 0px 1px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	border-bottom: 1px dotted #e5e5e5;
}

.courses_list a {
display:block;
width:570px;
color:#00617C;
margin:0px 0px 0px 0px;
padding: 5px 0px 5px 20px;
text-decoration:none;
font-weight:bold;
background: #ffffff url(../images/arrow_blue.gif) no-repeat top left;
}

.courses_list a:hover {
display:block;
width:570px;
color:#669933;
background: #ededed url(../images/arrow_green.gif) no-repeat top left;
}

.pictures {
	width:590px;
	margin:0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}

/*
--- GALLERY STYLES ---
******************************************************************/

#gallery-wide {
	width:895px;
	margin:0px 0px 20px 0px;
	padding:10px 0px 10px 0px;
	text-align:center;
}

#gallery-wide h3 {
	text-align:left;
}

#gallery-wide h4 {
	text-align:center;
}

#gallery-wide table.gallery {
	width:895px;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#gallery-wide table.gallery img {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#gallery-wide table.gallery p {
	width:180px;
	margin:1px 0px 0px 0px;
	padding:5px 10px 5px 10px;
	font-size: 90%;
	font-style:italic;
	font-weight:bold;
	color:#ffffff;
	background-color:#007ea4;
}

#gallery-wide table.picgallery {
	width:895px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#gallery-wide table.picgallery img {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#gallery-wide table.picgallery td.description p {
	width:500px;
	margin:1px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	color:#000000;
	font-size:75%;
	text-align:left;
}


/*
FOOTER STYLES
*********************************************************************************************************/
img.waterfooter {
	border-bottom:1px solid #ffffff;
}

#footer {
	position:relative;
	width:895px;
	margin:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	background-color:#669933;
	border-top: solid 1px #ffffff;
}

#footer p {	
	margin:0px 10px 0px 10px;
	padding:10px 0px 10px 0px;
	font-size: 70%;
	color:#ffffff;
}

#footer a {
	color:#ffffff;
	text-decoration:underline;
}
#footer a:hover {
	color:#ffffff;
	text-decoration:none;
}

