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

/*----------> Design and Code by <----------

Byte Technology
831.656.9178
www.byte-technology.com

------------------------------------------*/

/*----------------> HTML <----------------*/

body {
	margin: 0 auto 20px auto;
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	background: #C5C5D1 url(../images/backgroundPage.png) repeat-x;
}

p {
	line-height: 2;
	margin: 0 0 15px 0;
}

td {
	vertical-align: top;
}

ul {
	line-height: 2;
}

ol {
	line-height: 2;
}

img {
	border: none;
}

/*----------------> Links <----------------*/

a:link {
	color: #000000;
	text-decoration: underline;
}

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

a:active {
	color: #000000;
	text-decoration: underline;
}

a:visited {
	color: #000000;
	text-decoration: underline;
}

/*----------------> Headers <----------------*/

h1 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 17px;
	font-weight: bold;
	color: #464411;
}


h2 {
	margin: 45px 0 15px 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color: #000066;
}

h3 {
	margin: 25px 0 15px 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color: #A98354;
}

h4 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color: #464411;
}

h5 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

h6 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

/*----------------> CSS Container <----------------*/

.container {
	width: 924px;
	margin: 0 auto 0 auto;
}

/*----------------> Home Page <----------------*/

.letter{
	float: left;
	width: 307px;
	margin: 10px 0 10px 35px;
	padding: 15px 35px;
	background: #DEDDD4;
}

.letter p{
	line-height: 1.25;
}

.links{
	float: left;
	width: 270px;
	margin: 10px 0 10px 35px;
}

.advertisement {
	width: 270;
	height: 192px;
	margin: 0 0 12px 0;
}

.harborCams {
	width: 270;
	height: 133px;
	background: url(../images/boxHarborCam.jpg) no-repeat;
	margin: 0 0 12px 0;
	color: #FFFFFF;
}

.harborCams ul {
	line-height: 1;
	margin: 0 0 0 15px;
	padding: 6px 0 0 0;
	list-style: none;
}

.harborCams li {
	margin: 0;
	padding: 0 0 5px 0;
}

.harborCams a:link,
.harborCams a:hover,
.harborCams a:active,
.harborCams a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

.weatherLocal {
	width: 270;
	height: 175px;
	margin: 0 0 12px 0;
}

.tidesLocal {
	width: 270;
	height: 62px;
	margin: 0 0 12px 0;
}

.harborExchange {
	width: 270;
	height: 133px;
	margin: 0 0 10px 0;
	background: url(../images/boxHarborExchange.jpg) no-repeat;
	color: #FFFFFF;
}

.harborExchange ul {
	line-height: 1;
	margin: 0 0 0 15px;
	padding: 15px 0 0 0;
	list-style: none;
}

.harborExchange li {
	margin: 0;
	padding: 0 0 5px 0;
}

.harborExchange a:link,
.harborExchange a:hover,
.harborExchange a:active,
.harborExchange a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

/*----------------> Interior Pages <----------------*/

.headerImage {
	width: 924px;
}

.bodyBackground {
	width: 924px;
	background: #FFFFFF;
}

.navigation {
	float: left;
	width: 142px;
	margin: 10px 0 10px 35px;
	color: #000066;
	text-transform: uppercase;
	font-weight: bold;
}

.navigation ul {
	line-height: 1.5;
	margin: 0;
	padding: 0;
	list-style: none;
}

.navigation li {
	margin: 0 0 15px 0;
}

.navigation a:link,
.navigation a:hover,
.navigation a:active,
.navigation a:visited {
	color: #000066;
	text-decoration: none;
}

.interiorBody {
	float: left;
	width: 675px;
	margin: 10px 35px 10px 35px;
}

.thumbnailsPushRight {
	float: right;
	width: 320px;
	height: 120px;
	margin: 0 0 35px 35px;
}

.imagesPushRight {
	float: right;
	width: 320px;
	margin: 0 0 35px 35px;
}

.boxBackground {
	background: #FFFFFF url(../images/backgroundBox.jpg) top right no-repeat;
	padding: 0 10px 0 10px;
}

.boxBackground ul {
	margin: 10px 0 10px 25px;
	padding: 0;
}

.redhotLink {
	color: #CC0000;
	font-weight: bold;
}

.redhotLink a:link,
.redhotLink a:hover,
.redhotLink a:active,
.redhotLink a:visited {
	color: #CC0000;
	font-weight: bold;
}

.tableShadeLightBlue {
	background-color: #EAEAEE;
}

.tableShadeLightTan {
	background-color: #E4D9CB;
}

.pushLeft {
	float: left;
	margin: 0 20px 20px 0;
	padding: 0;
}

.pushRight {
	float: right;
	margin: 0 0 20px 20px;
	padding: 0;
}

.backToListings {
	text-align: right;
	font-size: 10px;
}

.environmnetNotice {
	background-color: #FFFFFF;
	padding: 5px 0 5px 0;
	color: #006600;
	text-align: center;
}

.googleSearchBox {
	border: 1px solid #000066;
	padding: 5px;
	margin: 0;
}

.googleSearchButton {
	margin: 5px 0 0 0;
}

/*----------------> Footer <----------------*/

.footer {
	width: 924px;
	height: 113px;
	background: #000033 url(../images/backgroundFooter.jpg) no-repeat;
}

.footerLeft {
	float: left;
	width: 342px;
	font-size: 12px;
	margin: 20px 0 0 35px;
	color: #FFFFFF;
}

.footerCenter {
	float: left;
	width: 330px;
	font-size: 12px;
	margin: 20px 0 0 0;
	color: #FFFFFF;
}

.footerRight {
	float: left;
	width: 182px;
	font-size: 12px;
	margin: 20px 35px 0 0;
	color: #FFFFFF;
}

.footerRight a:link,
.footerRight a:hover,
.footerRight a:active,
.footerRight a:visited{
	color: #FFFFFF;
	text-decoration: none;
}