@charset "UTF-8";

html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend, a, img {
	margin: 0;
	padding: 0;
	border: 0;
	outline:none;
}

h1 {
	
}

h2 {
	font-size: 40px;
	text-align: right;
}
	
	.green {
		color: #D4F039;
	}
	
h3 {
	font-size: 34px;
	padding: 0 0 5px;
}

h4 {
	color: #5F97D1;
	font-size: 18px;
	padding: 5px 0;
	text-align: left;
}

	h4 a {
		color: #D4F039;
		text-decoration: none;
	}
	
		h4 a:hover {
			text-decoration: underline;
		}

h5 {
	color: #D4F039;
	font-size: 14px;
}

body {
	background: #093056 url(../images/bg.gif) top repeat-x;
	color: #FFF;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}

	#container {
		width: 910px;
	}
	
		#header {
			width: 100%;
			height: 85px;
		}
		
			#logo {
				width: 300px;
				height: 85px;
				float: left;
				background: url(../images/header/logo.gif) center center no-repeat;
			}
			
				#logo h1 {
					width: 100%;
					height: 100%;
				}
				
					#logo h1 a {
						width: 100%;
						height: 100%;
						display: block;
						text-indent: -10000px;
					}
		
			#navigation {
				text-align: right;
				font-size: 14px;
				margin: 25px 0 0;
				float: left;
				width: 610px;
				line-height: 60px;
			}
			
				#navigation a {
					color: #D4F039;
					text-decoration: none;
					padding: 0 10px;
				}
				
					#navigation a:hover {
						color: #CFCFCF;
					}
		
		.banner {
			width: 100%;
			height: 220px;
		}
			
			#banner-home {
				background: url(../images/banner/home.jpg) no-repeat;
			}
			
			.banner h2 {
				width: 455px;
				padding: 10px 0 0;
				margin: 0 0 0 450px;
			}
		
		#content {
			background: #002346 url(../images/content/top.gif) top right no-repeat;
			margin: 20px 0 0;
			float: left;
			width: 100%;
		}
		
			#content-left {
				padding: 15px 25px;
				width: 540px;
				float: left;
			}
		
				#content-left p {
					line-height: 20px;
					padding: 5px 0;
				}
					
					#sitemap,
					#rules {
						list-style-type: disc !important;
					}
					
						#sitemap li {
							margin: 3px 0;
						}
						
						#sitemap a {
							color: #D4F039;
							text-decoration: none;
						}
						
						#rules p {
							padding: 5px 0 !important;
						}
						
					#content-left p a {
						color: #5F97D1;
						text-decoration: none;
					}
					
						#content-left p a:hover,
						#sitemap a:hover {
							text-decoration: underline;
						}
						
							.locations {
								margin: 0 0 0 -5px;
							}
							
								.locations a {
									padding: 0 5px;
								}
				
				#content-left ul {
					list-style-type: none;
					margin: 10px 0 0 15px;
				}
				
					#content-left ul p {
						padding: 5px 10px;
					}
			
			#top-scroll {
				width: 215px;
				height: 61px;
				background: url(../images/content/content-right/scroll.png) no-repeat;
				position: absolute;
				float: left;
				top: 296px;
				left: 620px;
				overflow: hidden;
			}
			
				.scroll {
					color: #002346;
					text-decoration: none;
					width: 215px;
					text-indent: 15px;
					text-align: center;
					display: block;
					font-size: 20px;
					font-weight: bold;
					padding: 10px 0;
				}
				
					.scroll-small {
						display: block;
						width: 215px;
						text-indent: 15px;
						font-weight: normal;
						font-size: 14px;
					}
					
					.scroll:hover {
						color: #31608F;
					}
			
			#content-right {
				float: left;
				width: 240px;
				padding: 60px 25px 25px !important;
				padding: 60px 23px 25px 22px;
				background: #093056 url(../images/content/content-right/bottom.gif) bottom no-repeat;
				margin: 0 0 20px;
			}
			
				#content-right blockquote {
					margin: 0;
					padding: 0;
				}
				
					blockquote p {
						font-style: italic;
						font-size: 20px;
						line-height: 24px;
						font-family: Georgia, serif;
						margin: 0 0 20px;
					}
				
					#content-right cite {
						color: #5F97D1;
						font-size: 16px;
						width: 100%;
						display: block;
						font-style: normal;
						text-align: center;
					}
						
		#fleet {
			width: 100%;
			background: #002346;
			clear: left;
			float: left;
			position: relative;
		}
		
			#fleet-top {
				width: 840px;
				padding: 0 30px 0 10px;
				background: #31608f url(../images/fleet/top.gif) right top no-repeat;
				float: left;
				position: relative;
			}
			
				#fleet-scroll-top {
					width: 215px;
					height: 61px;
					/*margin: -9px 0 8px;*/
					background: url(../images/content/content-right/scroll.png) no-repeat;
					position: absolute;
					top: -9px;
					left: 10px;
					z-index: 10;
				}
				
					#fleet-scroll-top h3 {
						font-size: 20px;
						width: 100%;
						text-align: center;
						text-indent: 15px;
						color: #002346;
						padding: 10px 0 0;
					}
					
					#fleet-scroll-top p {
						width: 100%;
						text-align: center;
						text-indent: 15px;
						color: #002346;
					}
					
						#fleet-scroll-top p a {
							color: #002346;
						}
						
							#fleet-scroll-top p a:hover {
								color: #31608F;
							}
				
				#remaining-memberships {
					width: 615px;
					height: 60px;
					line-height: 60px;
					padding: 0 10px 0 0;
					float: left;
					margin: 0 0 0 215px !important;
					margin: 0 0 0 107px;
				}
				
					#remaining-memberships h4 {
						color: #FFF;
						font-size: 16px;
						text-align: right;
						padding: 0;
					}
				
			#fleet-content {
				width: 840px;
				background: #31608F;
				padding: 0 30px 0 10px;
				float: left;
			}
			
				.fleet-boat {
					width: 100%;
					height: 136px; /*WAS 140*/
					margin: 0 0 10px;
					background: #093056 url(../images/fleet/bg.gif) no-repeat;
					position: relative;
				}
				
					.fleet-boat-image {
						width: 240px;
						height: 110px;
						margin: 13px !important;
						margin: 13px 7px;
						float: left;
					}
					
						#boat-1 {
							background: url(../images/fleet/boats/boat-1.jpg) no-repeat;
						}
						
						#boat-2 {
							background: url(../images/fleet/boats/boat-2.jpg) no-repeat;
						}
						
						#boat-3 {
							background: url(../images/fleet/boats/boat-3.jpg) no-repeat;
						}
					
					.fleet-boat-content {
						width: 524px;
						float: left;
						padding: 13px 25px;
					}
					
						.fleet-boat h4 {
							color: #FFF;
							padding: 0 0 5px;
						}
					
							.boat-location {
								color: #D4F039;
							}
							
						.fleet-boat p {
							color: #6AA9EA;
							line-height: 20px;
						}
						
				.fleet-boat-scroll {
					width: 150px;
					height: 48px;
					background: url(../images/fleet/boat-scroll.jpg) no-repeat;
					/*float: left;*/
					position: absolute;
					/*margin: 95px 0 0 670px;*/
					top: 95px;
					left: 675px;
				}
				
					.fleet-boat-scroll a {
						font-size: 16px;
						text-decoration: none;
						text-align: center;
						text-indent: 12px;
						font-weight: bold;
						display: block;
						padding: 7px 0;
						color: #002346;
					}
					
						.fleet-boat-scroll-small {
							display: block;
							font-weight: normal;
							font-size: 12px;
						}
						
						.fleet-boat-scroll a:hover {
							color: #31608F;
						}
						
			#fleet-bottom {
				width: 880px;
				height: 10px;
				background: #31608f url(../images/fleet/bottom.gif) right bottom no-repeat;
				float: left;
			}
			
		#page-bottom {
			width: 100%;
			height: 20px;
			background: #FFF;
			clear: left;
			background: #002346 url(../images/footer/bg.gif) right bottom no-repeat;
			padding: 0 0 15px;
		}
		
		#footer {
			width: 100%;
			clear: left;
			margin: 15px 0;
		}
		
			#footer p {
				width: 100%;
				text-align: center;
				text-indent: -20px;
				line-height: 20px;
			}
			
				#footer p a {
					color: #D4F039;
					text-decoration: none;
					padding: 0 10px;
				}
				
					#footer p a:hover {
						color: #CFCFCF;
					}
					
				.footer-span {
					padding: 0 10px;
				}