html, body {
	color: #555555;
	font: 12px  arial, helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: #ffffff url(images/bg.gif) repeat-y top left;
	line-height: 1.3;
}

body {
	background: #ffffff url(images/bg.jpg) no-repeat top left;
	height: 750px;
	min-width: 718px;
}

a {
	color: #3b7abe;
	text-decoration:none;
	border:0;
}

img {
	border:0;
}


a:hover {
	text-decoration:underline;
}

#header{
	height: 100px;
	margin: 0; 
}

#wrapper {
	margin: 0 auto;
	width: 718px;  
}

#border {
	padding: 0 0 7px;
	margin: 0;
	background:url(images/bg.gif) repeat-y top right;
}

#contentholder{
	padding-top:10px;
	background:url(images/top.gif) no-repeat top right;
}

#content{
	float:left;
	width:586px;
	background:#ffffff;
	border-left: #9fbde1 1px solid;
	border-right: #9fbde1 1px solid;
	padding: 0 10px;
}

.main{
	float:left;
	width:565px;
	padding:0 10px;
	min-height:300px;
	height:auto !important;
	height:300px;
}

.left{
	float:left;
	width:340px;
	padding-left:20px
}

.right{
	float:left;
	width:210px;
	padding:0 0 10px 10px
}

.right img{
	padding: 12px 0 0;
	display:block;
}

#footer {
	padding:0;
	margin: 0;
	text-align:right;
	color: #2886C8;
	font-size: 11px;
	line-height: 1.7;
	background:url(images/bottom.gif) no-repeat top right;
}

#footer a {
	color: #2886C8;
	padding-right: 10px;
}

#footer span {
	color: #ffffff;
	display:block;
	text-align:center;
	padding:1px 0 5px 110px;
}

p{
	font-size: 12px;
	margin: 10px 0;
	padding: 0;
}

.footsponsors{
	padding: 0 15px 0 20px;
}

.bold{
	font-weight:bold;
}

h1{
	padding:10px 0px;
	margin:0;
	font-size:18px;
}

.clear{
	clear:both;
}


#nav{
	padding:5px 0 0;
	margin: 2;
	width:110px;
	height:372px;
	float:left;
	text-align:right;
	background:url(images/nav.gif) no-repeat top left;
	list-style: none;
	line-height: 1;
}

#nav span{
	display:none;
}

#nav a:link, #nav a:visited{
	display:block;
}

#nav ul{
	margin: 0; 
	padding: 0 0 0 0;
	float:right;
}
#nav li{
	margin: 0; 
	padding: 0;
	display:inline;
	float:right;
	background-repeat:no-repeat;
	background-position:top right;
}
#nav li a{
	display:inline;
	background-repeat:no-repeat;
	background-position:top right;
	height: 26px;
	border-width: 0;
}

#nav li li a, #nav li li{
	background-position:top left;
}

#nav li a:hover {background:none;}


.home {background: url(images/nav/home_on.gif);}
.news {background: url(images/nav/news_on.gif);}
.calendar {background: url(images/nav/calendar_on.gif);}
.membership {background: url(images/nav/membership_on.gif);}
.governance {background: url(images/nav/governance_on.gif);}
.hallhire {background: url(images/nav/hallhire_on.gif);}
.sponsors {background: url(images/nav/sponsors_on.gif);}
.events {background: url(images/nav/events_on.gif);}
.patrols {background: url(images/nav/patrols2_on.gif);}
.nippers {background: url(images/nav/nippers_on.gif);}
.competition {background: url(images/nav/competition_on.gif);}
.gallery {background: url(images/nav/gallery_on.gif);}
.links {background: url(images/nav/links_on.gif);} 
.contact {background: url(images/nav/contact_on.gif);}

.home a {background: url(images/nav/home.gif);}
.news a {background: url(images/nav/news.gif);}
.membership a {background: url(images/nav/membership.gif);}
.governance a {background: url(images/nav/governance.gif);}
.hallhire a {background: url(images/nav/hallhire.gif);}
.sponsors a{background: url(images/nav/sponsors.gif);}
.events a {background: url(images/nav/events.gif);}
.patrols a {background: url(images/nav/patrols2.gif);}
.nippers a {background: url(images/nav/nippers.gif);}
.competition a {background: url(images/nav/competition.gif);}
.gallery a {background: url(images/nav/gallery.gif);}
.links a {background: url(images/nav/links.gif);}
.contact a {background: url(images/nav/contact.gif);}



.newsitem {background: url(images/nav/newsitem_on.gif);}
.newsletter {background: url(images/nav/newsletter_on.gif);}
.myplace {background: url(images/nav/myplace_on.gif);}
.newsitem a {background: url(images/nav/newsitem.gif);}
.newsletter a {background: url(images/nav/newsletter.gif);}
.myplace a {background: url(images/nav/myplace.gif);}





.reports {background: url(images/nav/reports_on.gif);}
.committees {background: url(images/nav/committees_on.gif);}
.gear {background: url(images/nav/gear_on.gif);}
.safety {background: url(images/nav/safety_on.gif);}
.surfguard {background: url(images/nav/surfguard_on.gif);}
.firstaid {background: url(images/nav/firstaid_on.gif);}
.clubmail {background: url(images/nav/clubmail_on.gif);}
.history {background: url(images/nav/history_on.gif);}
.fees {background: url(images/nav/fees_on.gif);}
.newmember {background: url(images/nav/newmember_on.gif);}
.renewing {background: url(images/nav/renewing_on.gif);}
.social {background: url(images/nav/social_on.gif);}
.competitions {background: url(images/nav/competitions_on.gif);}
.carnivals {background: url(images/nav/carnivals_on.gif);}
.general {background: url(images/nav/general_on.gif);}
.weeklynews {background: url(images/nav/weeklynews_on.gif);}
.trainingevents {background: url(images/nav/trainingevents_on.gif);}
.contacts {background: url(images/nav/contacts_on.gif);}
.rules {background: url(images/nav/rules_on.gif);}
.safety {background: url(images/nav/safety_on.gif);}
.reporting {background: url(images/nav/reporting_on.gif);}
.fees {background: url(images/nav/fees_on.gif);}
.facilities {background: url(images/nav/facilities_on.gif);}
.photos {background: url(images/nav/photos_on.gif);}
.trainevent {background: url(images/nav/trainevent_on.gif);}
.xxxxx {background: url(images/nav/xxxxx_on.gif);}
.xxxxx {background: url(images/nav/xxxxx_on.gif);}
.xxxxx {background: url(images/nav/xxxxx_on.gif);}



   

.reports a {background: url(images/nav/reports.gif);}
.committees a {background: url(images/nav/committees.gif);}
.gear a {background: url(images/nav/gear.gif);}
.safety a {background: url(images/nav/safety.gif);}
.surfguard a {background: url(images/nav/surfguard.gif);}
.firstaid a {background: url(images/nav/firstaid.gif);}
.clubmail a{background: url(images/nav/clubmail.gif);}
.history a{background: url(images/nav/history.gif);}
.fees a{background: url(images/nav/fees.gif);}
.newmember a{background: url(images/nav/newmember.gif);}
.renewing a{background: url(images/nav/renewing.gif);}
.social a{background: url(images/nav/social.gif);}
.competitions a{background: url(images/nav/competitions.gif);}
.carnivals a{background: url(images/nav/carnivals.gif);}
.general a{background: url(images/nav/general.gif);}
.weeklynews a{background: url(images/nav/weeklynews.gif);}
.trainingevents a{background: url(images/nav/trainingevents.gif);}
.contacts a{background: url(images/nav/contacts.gif);}
.rules a{background: url(images/nav/rules.gif);}
.safety a{background: url(images/nav/safety.gif);}
.reporting a{background: url(images/nav/reporting.gif);}
.fees a{background: url(images/nav/fees.gif);}
.facilities a{background: url(images/nav/facilities.gif);}
.photos a{background: url(images/nav/photos.gif);}
.trainevent a{background: url(images/nav/trainevent.gif);}
.xxxx a{background: url(images/nav/facilities.gif);}
.xxxx a{background: url(images/nav/facilities.gif);}
.xxxx a{background: url(images/nav/facilities.gif);}









.seniors {background: url(images/nav/seniors_on.gif);}
.courses {background: url(images/nav/courses_on.gif);}

.seniors a {background: url(images/nav/seniors.gif);}
.courses a {background: url(images/nav/courses.gif);}

.carnivals {background: url(images/nav/carnivals_on.gif);}
.training {background: url(images/nav/training_on.gif);}

.carnivals a {background: url(images/nav/carnivals.gif);}
.training a {background: url(images/nav/training.gif);}


.calendar {background: url(images/nav/calendar_on.gif);}
.juniors {background: url(images/nav/juniors_on.gif);}

.calendar a {background: url(images/nav/calendar.gif);}
.juniors a {background: url(images/nav/juniors.gif);}


	#nav ul { /* all lists */
		list-style: none;
		width : 110px;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		width: 110px;
	}
	
	#nav li li { /* all list items */
		width: 130px;
	}
	
	#nav li li a {
		width: 130px;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 110px;
		*margin-left : 0px;
		margin-top : -26px;
		background: #4A84C3;
		width: 130px;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 110px;
		display : block;
		text-decoration : none;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}


form {
  margin: 0;
  padding: 0;
}

legend {
	font-weight:bold;
	font-size:1.2em;
}

label { 
	display: block;
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 5px 0 0;
	text-align: left; 
}

input, textarea {
	width:auto;
	margin:5px 0 0 10px;
}

textarea { overflow: auto; }

form br {
	clear:left;
}




table {
	width: 100%;
	color: #212424;
	margin: 0 0 1em 0;	
	font: 80%/150% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Helvetica, sans-serif;
}
table, tr, th, td {
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
caption {
	width: 100%;
	height: 39px;
	font-size: 0;
	line-height: 0;
	text-indent: -5000em;
	background: url(caption.gif) no-repeat 98% 0;
}


/* HEADER */


thead tr th {
	padding: 5px 0 5px 2px;
	text-align: left;
	border-bottom: 3px solid #3b7abe;
	font-size:14px;
}

/* BODY */

tbody tr td {
	background: #bed4eb;
}
tbody tr.odd td {
	background-color: #8bb5df;
}
tbody tr th, tbody tr td {
	padding: 5px 4px;
	border: 1px solid #3b7abe;
}
tbody tr th {
	padding-right: 1em;
	text-align: right;
	font-weight: normal;
	background: #6697cc;
}
li{
	padding:5px 0;
}

span.smallfont{
	font: 10px  arial, helvetica, sans-serif;
}


table.gallery2 {
	
	background: #ffffff;
	border: 0px;
	border-width: 0px;
	border-style: none;
	width: 550px;
	}

td.gallery2{
	background: #ffffff;
	padding: 10px;
	text-align: center;
	}