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

body {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #0065a4; 
	background-image:url(../graphics/background_new.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#1990B0;
}
#container {
	width: 830px;  
	margin: 14px auto 0 auto; 
	padding:0;
	text-align: left; 
	background-image: url(../graphics/body_back_new.gif);
	background-position:top center;
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	min-height:737px;
}

#sidebar {
	float: left; 
	width: 185px; 
	margin:0 0 0 26px;
}
#mainContent {
	float:right; 
	margin: 0 20px 0 0; 
	padding: 0;
	width:587px;
} 
#footer {
	background-image: url(../graphics/body_back_bottom.gif);
	background-position:top center;
	background-repeat:no-repeat;
	width: 830px;  
	margin: 0 auto 30px auto; 
	padding:0;
}

/* Floats and spacers */

.spacer{
	clear:left;
	height:0;
	overflow:hidden; 
	font-size:1px;
}
.spacer2{
	clear:left;
	height:5px;
	overflow:hidden; 
	font-size:1px;
}
.spacer3{
	clear:left;
	height:10px;
	overflow:hidden; 
	font-size:1px;
}
.fltrtlogo {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	width: 125px;
}
.fltrt {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	padding: 4px; 
	border: solid 1px #E51737;
}
.fltlft { 
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 4px; 
	border: solid 1px #E51737;
}
.fltcen { 
	margin: 0 auto 10px auto;
	display: block;
	padding: 4px; 
	border: solid 1px #E51737;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Other */
a img {
border:none;
}
a:active {
outline: none;
}
a:focus {
-moz-outline-style: none;
}
 


/* Footer Divs */

#footer p {
	margin: 0;
	padding: 40px 0 0 40px;
	font-size:0.70em;
	color: #FFFFFF;
}
#footer a{
	text-decoration: none;	
	color: #FFFFFF;
}
#footer a:hover{
	text-decoration: underline;	
}
#footer a:visited{
	color: #FFFFFF;
}

/* Sidebar */

#sidebar h1 {
	margin: 36px 0 20px 39px;
	padding: 0;
}
.phone {
	margin:6px 0;
}
#logos{
	margin: 12px auto 0 auto; 
	padding: 0;
	width: 185px;
	background:#A5BEDC;
}
.bl_logo{
	margin: 0 0 0 6px; 
	padding: 0;
	float: left;
}

/* MainNav */

#nav{
	margin: 0; 
	padding: 0;
	list-style-type:none;
	width: 185px;
}
#nav li{
	margin: 0 0 1px 0; 
	padding: 0;
	font-size:0.76em;
	font-weight:bold;
	color: #0065A4;
	list-style-type:none;
	display: block;
	background-color:#BED0E7;
	height:30px;
}
#nav a{
	display: block;
	text-decoration: none;	
	color: #002C62;
	margin: 0; 
	padding: 7px 10px 8px 12px;
}
#nav a:hover, #nav a.selected {
	color: #FFFFFF;
	background: #E51737;
	text-decoration:none;
}
#nav a:active {
	background: #820023;
	color: #FFFFFF;
}

/* Subnav */

#subnav {
	margin: 0 auto;
	padding: 0;
	width: 185px;
	list-style-type:none;
	overflow: hidden;
	}
#subnav li {
	margin: 0 0 1px 0; 
	padding: 0;
    list-style: none;
	display: block;
	}
#subnav a {
	padding: 30px 0 0 0;
	height /**/:30px; /* for IE5/Win only */	
	margin: 0; 
	overflow: hidden;
	height: 0px !important; 
	display: block;
	}	
#subnav a:hover, #subnav a.selected {
	background-position: -185px 0;
	}
#subnav a:active {
	background-position: -185px 0;
	}
#tdiving a  {
	width: 185px;
	background: url(../graphics/sitenav/diving.gif) top left no-repeat;	
}
#tsailing a  {
	width: 185px;
	background: url(../graphics/sitenav/sailing.gif) top left no-repeat;	
}
#tpowerboating a  {
	width: 185px;
	background: url(../graphics/sitenav/powerboating.gif) top left no-repeat;	
} 


/* Main Content */

.toppic {
	margin:41px 0 0 0;
}

.header_pic {
	margin: 20px 0 20px 10px;
}


/* Home Left */ 
#home_left {
float:left;
width:330px;
margin:0 0 0 10px;
}
#home_left p {
margin: 0 0 12px 0;
padding:0;
font-size: 0.76em;
color: #0065a4;
line-height: 180%;
}






/* News */
#home_right {
	width: 210px;
	float: right;
	margin: 0 5px 15px 0;
	padding: 0;
}
#home_right h3 {
	margin:0;
	padding:0;
}
.sidenews_story{
	width: 210px;
	margin: 5px auto 10px auto;
	padding: 0 0 5px 0;
	border-bottom: solid 1px #0065A4;
}

#home_right p {
	margin: 0 8px 5px 8px;
	padding: 0;
	font-size:0.7em;
	color: #0065A4;
	line-height: 160%;
}
#home_right a {
	text-decoration: none;	
	color: #E51737;
}
#home_right a:hover {
	text-decoration: underline;	
}
#home_right a:visited {
	color: #E51737;
}

/* Email Area */

#email_contact p {
	margin: 0;
	padding: 10px 0;
	font-size:0.70em;
	color: #E51737;
	font-weight:bold;
}
#email_contact a{
	text-decoration: none;	
	color: #E51737;
}
#email_contact a:hover{
	text-decoration: underline;	
}
#email_contact a:visited{
	color: #E51737;
} 


 /* Breadcrumbs */
 
 #breadcrumbs{
	margin: 5px 0 10px 10px;
	padding: 0;
	width: 608px;
	color: #0065A4;
	font-size:0.70em;
}
*html #breadcrumbs{ width: 400px; float: left; margin: 5px 0 12px 10px; }
#breadcrumbs a{
	text-decoration: none;	
	color: #0065A4;
}
#breadcrumbs a:hover{
	text-decoration: underline;	
}
#breadcrumbs a:visited{
	color: #0065A4;
}

/* Contact */

/*contact*/
.cr_label1{
	margin: 0 0 8px 15px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.76em;
	color: #0065A4;
	line-height: 200%;
	width: 110px;
	float: left;
}
*html .cr_label1{ margin: 0 0 8px 7px; }
.cr_label2{
	margin: 0 0 8px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.76em;
	color: #0065A4;
	line-height: 200%;
	width: 170px;
	float: left;
}
#ContactForm label{
	float:left;
	width:110px;
	padding:0;
	margin: 0 0 3px 0;
	text-align:left; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.76em;
	color: #0065A4;
	line-height: 200%;
}
#ContactForm label2{
	width:400px;
	padding:0;
	margin: 0 0 3px 0;
	text-align:left; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.76em;
	color: #0065A4;
	line-height: 200%;
}
#ContactForm fieldset{
	padding:0;
	margin: 0 0 10px 0;
	display:block;
	border: 0;
}
legend{
	color: #B0600E;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding:0;
	margin: 8px 0 10px 0;
}
#ContactFormsubmit{
	padding:0;
	margin: 0;
}

/*volunteers*/
#volunteersForm{
	padding:0;
	margin: 10px 0;
}
#volunteersForm label{
	float:left;
	width:100px;
	padding:0;
	margin: 0 0 8px 0;
	text-align:left; 
	color:#0065A4;
	font-size:0.70em;
	line-height: 150%;
}
label.label_large  {
	width:200px;
}
#volunteersForm fieldset{
	padding:0;
	margin: 0 0 10px 0;
	display:block;
	border: 0;
}
#titleof, #surname, #forename, #address, #county, #postcode, #dob, #hometel, #mobile, #email, #comments, #name, #address, #phone, #fax, #email3, #comments, #marketing {
	border: solid 1px #A5BEDC;
	background: #F2F9F8;
	font-family: Arial, Helvetica, sans-serif;
	color: #0065A4;
	font-size: 0.70em;
	padding: 2px 4px 3px 4px;
	margin: 0 0 3px 0;
}
#volunteersFormsubmit{
	padding:0;
	margin: 0 0 0 100px;
}


/* Page Content */

#pg_content{
	margin: 5px 20px 0 0;
	padding: 0;
	width: 370px;
	float: left;
}	
#pg_content2{
	margin: 5px 0 10px 12px;
	padding: 0;
	width: 550px;
	float: left;
}
#info_content{
	margin:0 0 0 10px;
	padding: 0;
	width: 300px;
	float: left;
}
#picture_column{
	margin: 5px 0 0 0;
	padding: 0;
	width: 210px;
	float: right;	
}
*html #pg_content{ margin: 0 10px 0 0; }
#pg_content h3{
	margin: 12px 0 12px 0;
	padding: 0;
}
#mainContent_right_inner h3, #mainContent_right_inner2 h3{
	margin: 12px 0 12px 0;
	padding: 0 0 0 0;
	color: #B0600E;
	font-size: 1.1em;
}
#pg_content2 h3, #pg_content h4, #info_content h3, #info_content h4, #home_left h4{
	margin: 12px 0 12px 0;
	padding: 0;
	color: #B0600E;
	font-size: 1.1em;
}
#pg_content h4, #pg_content2 h4{
	margin: 5px 0 15px 0;
	padding: 0;
}
#pg_content p, #pg_content2 p, #info_content p{
	margin: 0 0 12px 0;
	padding: 0;
	font-size:0.76em;
	color: #0065a4;
	line-height: 200%;
}
#pg_content ul, #pg_content2 ul, #info_content ul{
	margin: 0 0 15px 0; 
	padding: 0 0 0 20px;
	list-style-type:none;
}
#pg_content li, #pg_content2 li, #info_content li{
	margin: 0; 
	padding: 0 0 0 15px;
	font-size:0.76em;
	color: #0065A4;
	line-height: 200%;
	background-image:url(../graphics/bullet.gif);
	background-repeat:no-repeat;
	background-position:0 8px;
}
#pg_content a, #pg_content2 a, #info_content a{
	text-decoration: none;	
	color: #0065a4;
}
#pg_content a:hover, #pg_content2 a:hover, #info_content a:hover{
	text-decoration: underline;	
}
#pg_content a:visited, #pg_content2 a:visited, #info_content a:visited{
	color: #0065a4;
}

/* Table */

th {
	font-size: 0.70em;
	font-weight: bold;
	color: #002C62;
}
td {
	font-size: 0.70em;
	font-weight: normal;
	color: #002C62;
}