
body {
margin: 0 auto;
padding: 0;
background: #F0F2FF; 
color:#003366; 
font-size:12px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
}


#wrap {
background: #FFFFFF;
color:#003366;
border:  none;
margin: 10px auto;
width: 900px;
}

/*header_index */
#header_index {
clear: both;
margin: 0px 0em 0px 0em;
padding: 0;
height: 166px;
background-color: #F0F2FF;
background: url(images/header_index.jpg);
}

#header_index .logo {
float: left;
width: 300px;

}

#header_index .lead {
	float: right;
	width: 200px;
	padding: 10px 20px 10px 0px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}


#header_index .lead a {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}

#header_index p {
width: 500px;
float: right;
text-align: center;
color: #FFFFFF;
margin: 0px 0px 0px 0px;
font-size: 0.8em;
line-height: 1.2em;
height: 35px;}

/*header_sailing_lessons */
#header_sailing_lessons {
clear: both;
margin: 0px 0em 0px 0em;
padding: 0;
height: 166px;
background-color: #F0F2FF;
background: url(images/header_sailing_lessons.jpg);
}

#header_sailing_lessons .logo {
float: left;
width: 300px;

}

#header_sailing_lessons .lead {
	float: right;
	width: 200px;
	padding: 10px 20px 10px 0px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}


#header_sailing_lessons .lead a {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}

#header_sailing_lessons p {
width: 500px;
float: right;
text-align: center;
color: #FFFFFF;
margin: 0px 0px 0px 0px;
font-size: 0.8em;
line-height: 1.2em;
height: 35px;}

/*header_charters */
#header_charters {
clear: both;
margin: 0px 0em 0px 0em;
padding: 0;
height: 166px;
background-color: #F0F2FF;
background: url(images/header_charters.jpg);
}

#header_charters .logo {
float: left;
width: 300px;

}

#header_charters .lead {
	float: right;
	width: 200px;
	padding: 10px 20px 10px 0px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}


#header_charters .lead a {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}

#header_charters p {
width: 500px;
float: right;
text-align: center;
color: #FFFFFF;
margin: 0px 0px 0px 0px;
font-size: 0.8em;
line-height: 1.2em;
height: 35px;}


/*header_adventure_sailing */
#header_adventure_sailing {
clear: both;
margin: 0px 0em 0px 0em;
padding: 0;
height: 166px;
background-color: #F0F2FF;
background: url(images/header_adventure_sailing.jpg);
}

#header_adventure_sailing .logo {
float: left;
width: 300px;

}

#header_adventure_sailing .lead {
	float: right;
	width: 200px;
	padding: 10px 20px 10px 0px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}


#header_adventure_sailing .lead a {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}

#header_adventure_sailing p {
width: 500px;
float: right;
text-align: center;
color: #FFFFFF;
margin: 0px 0px 0px 0px;
font-size: 0.8em;
line-height: 1.2em;
height: 35px;}

/*header_LGBT_sailing */
#header_LGBT_sailing {
clear: both;
margin: 0px 0em 0px 0em;
padding: 0;
height: 166px;
background-color: #F0F2FF;
background: url(images/header_LGBT_sailing.jpg);
}

#header_LGBT_sailing .logo {
float: left;
width: 300px;

}

#header_LGBT_sailing .lead {
	float: right;
	width: 200px;
	padding: 10px 20px 10px 0px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}


#header_LGBT_sailing .lead a {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}

#header_LGBT_sailing p {
width: 500px;
float: right;
text-align: center;
color: #FFFFFF;
margin: 0px 0px 0px 0px;
font-size: 0.8em;
line-height: 1.2em;
height: 35px;}

/*header_the_fleet */
#header_the_fleet {
clear: both;
margin: 0px 0em 0px 0em;
padding: 0;
height: 166px;
background-color: #F0F2FF;
background: url(images/header_the_fleet.jpg);
}

#header_the_fleet .logo {
float: left;
width: 300px;

}

#header_the_fleet .lead {
	float: right;
	width: 200px;
	padding: 10px 20px 10px 0px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}


#header_the_fleet .lead a {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}

#header_the_fleet p {
width: 500px;
float: right;
text-align: center;
color: #FFFFFF;
margin: 0px 0px 0px 0px;
font-size: 0.8em;
line-height: 1.2em;
height: 35px;}

/*header_schedule */
#header_schedule {
clear: both;
margin: 0px 0em 0px 0em;
padding: 0;
height: 166px;
background-color: #F0F2FF;
background: url(images/header_schedule.jpg);
}

#header_schedule .logo {
float: left;
width: 300px;

}

#header_schedule .lead {
	float: right;
	width: 200px;
	padding: 10px 20px 10px 0px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}


#header_schedule .lead a {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}

#header_schedule p {
width: 500px;
float: right;
text-align: center;
color: #FFFFFF;
margin: 0px 0px 0px 0px;
font-size: 0.8em;
line-height: 1.2em;
height: 35px;}

/*header_gallery */
#header_gallery {
clear: both;
margin: 0px 0em 0px 0em;
padding: 0;
height: 166px;
background-color: #F0F2FF;
background: url(images/header_gallery.jpg);
}

#header_gallery .logo {
float: left;
width: 300px;

}

#header_gallery .lead {
	float: right;
	width: 200px;
	padding: 10px 20px 10px 0px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}


#header_gallery .lead a {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}

#header_gallery p {
width: 500px;
float: right;
text-align: center;
color: #FFFFFF;
margin: 0px 0px 0px 0px;
font-size: 0.8em;
line-height: 1.2em;
height: 35px;}

/*header_news */
#header_news {
clear: both;
margin: 0px 0em 0px 0em;
padding: 0;
height: 166px;
background-color: #F0F2FF;
background: url(images/header_news.jpg);
}

#header_news .logo {
float: left;
width: 300px;

}

#header_news .lead {
	float: right;
	width: 200px;
	padding: 10px 20px 10px 0px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}


#header_news .lead a {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}

#header_news p {
width: 500px;
float: right;
text-align: center;
color: #FFFFFF;
margin: 0px 0px 0px 0px;
font-size: 0.8em;
line-height: 1.2em;
height: 35px;}


/*header_about */
#header_about {
clear: both;
margin: 0px 0em 0px 0em;
padding: 0;
height: 166px;
background-color: #F0F2FF;
background: url(images/header_about.jpg);
}

#header_about .logo {
float: left;
width: 300px;

}

#header_about .lead {
	float: right;
	width: 200px;
	padding: 10px 20px 10px 0px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}


#header_about .lead a {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}

#header_about p {
width: 500px;
float: right;
text-align: center;
color: #FFFFFF;
margin: 0px 0px 0px 0px;
font-size: 0.8em;
line-height: 1.2em;
height: 35px;}


/*header_affiliates */
#header_affiliates {
clear: both;
margin: 0px 0em 0px 0em;
padding: 0;
height: 166px;
background-color: #F0F2FF;
background: url(images/header_affiliates.jpg);
}

#header_affiliates .logo {
float: left;
width: 300px;

}

#header_affiliates .lead {
	float: right;
	width: 200px;
	padding: 10px 20px 10px 0px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}


#header_affiliates .lead a {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}

#header_affiliates p {
width: 500px;
float: right;
text-align: center;
color: #FFFFFF;
margin: 0px 0px 0px 0px;
font-size: 0.8em;
line-height: 1.2em;
height: 35px;}


/*header_shop */
#header_shop {
clear: both;
margin: 0px 0em 0px 0em;
padding: 0;
height: 166px;
background-color: #F0F2FF;
background: url(images/header_shop.jpg);
}

#header_shop .logo {
float: left;
width: 300px;

}

#header_shop .lead {
	float: right;
	width: 200px;
	padding: 10px 20px 10px 0px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}


#header_shop .lead a {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}

#header_shop p {
width: 500px;
float: right;
text-align: center;
color: #FFFFFF;
margin: 0px 0px 0px 0px;
font-size: 0.8em;
line-height: 1.2em;
height: 35px;}


/*header_contact */
#header_contact {
clear: both;
margin: 0px 0em 0px 0em;
padding: 0;
height: 166px;
background-color: #F0F2FF;
background: url(images/header_contact.jpg);
}

#header_contact .logo {
float: left;
width: 300px;

}

#header_contact .lead {
	float: right;
	width: 200px;
	padding: 10px 20px 10px 0px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}


#header_contact .lead a {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}

#header_contact p {
width: 500px;
float: right;
text-align: center;
color: #FFFFFF;
margin: 0px 0px 0px 0px;
font-size: 0.8em;
line-height: 1.2em;
height: 35px;}







#avmenu {
clear: left;
float: left;
width: 184px;
margin: 20px 0px 0px;
padding: 0;
font-size: 0.9em;
}

#avmenu ul {	
list-style: none;
width: 184px;
margin: 0 0 20px 0;
padding: 0;
font-size: 1.1em;
}	

#avmenu li {
margin-bottom: 4px;
}

#avmenu li a {
text-decoration: none;
color:#003366;
display: block;
padding: 0px 0px 0px 10px;
background: #FFFFFF;
}

.announce {
margin: 10px 30px 20px 34px;
padding: 10px;
width: 130px;
color:#003366;
background-color: #FFFFFF;
line-height: 1.3em;
}

#extras {
float: right;
width: 150px;
margin: 20px 20px 20px 20px;
padding: 0;
font-size: 0.9em;
line-height: 1.5em;
}

#extras p {
margin: 0 0 1.5em 0;
}

#extraswide {
float: right;
width: 200px;
margin: 20px 20px 20px 20px;
padding: 0;
font-size: 0.9em;
line-height: 1.5em;
}

#contentschedule {
width: auto;
margin: 2px 184px 20px 184px;
padding: 0px 20px 20px 50px;
line-height: 1.6em;
text-align: left;
}

#contentschedule h2 {
font-size: 16px;
margin: 0 0 0.5em 0;
}

#contentschedule h3 {
font-size: 14px;
color:#FF9900;
margin: 0 0 0.5em 0;
}

#contentschedule img {
padding: 0px;
display:inline;
}

#content {
width: auto;
margin: 2px 184px 20px 184px;
padding: 0px 20px 20px 30px;
line-height: 1.6em;
text-align: left;
}

#content h2 {
font-size: 16px;
margin: 0 0 0.5em 0;
}

#content img {
padding: 0px;
display:inline;
}

.right {
margin: 0px 7px 0px 10px;
float: right;
}

h3 {
font-size: 1.3em;
margin: 0 0 10px 0;
}

a {
text-decoration: none;
color:#0083D7;
}

a:hover {
text-decoration: underline;
color: #0083D7;
}


#footer {
clear: both;
margin: 0 auto;
padding: 0px 0em 0px 0em;
width: 900px;
text-align: center;
color: #FFFFFF;
font-size: 0.9em;
height: 125px;
background: #FFFFFF url(images/waves_footer.jpg) no-repeat right;
border: none;}

#footer a {
color: #FFFFFF;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

#footer p {
	text-align: center;
	font-size: x-small;
	padding: 90px;

}

.left {
margin: 0px 7px 0px 5px;
float: left;
}

.right {
margin: 0px 7px 0px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

