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

body { 
	background-color: #003366;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;	
	color: #003366;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #003366;
	text-decoration: underline;
}
a:visited {
	color: #002142;
}
a:hover {
	text-decoration: underline;
	color: #CDB371;
}
a:active {
	text-decoration: none;
}
hr {
	clear: both;
	border: 0;
	height: 1px;
	color: #EFEFEF;
	background-color: #EFEFEF;
}
.left {
	float: left;
}
.right {
	float: right;
}
.required {
	color: #F00;
	width: 5px;
}
.rssfeed {
	float: right;
}

/*--- Styles End ---*/
/*----------------------------------------------------*/
/*--- Site Layout Start ---*/
#holder {
	z-index: 1;
	position: relative;
	width: 980px;
	margin: 0px auto;
	background-color: #FFF;
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
}
#holder #logo {
	z-index: 4;
	position: absolute;
	top: 14px;
	left: 6px;
}
#holder #logo a {
	height: 140px;
	width: 141px;
	display: block;
	text-indent: -10000px;
	background-image: url(../images/template/logo_small.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: hand;
	cursor: pointer;
}
#holder #logobig {
	z-index: 4;
	position: absolute;
	top: 14px;
	left: 6px;
}
#holder #logobig a {
	height: 201px;
	width: 202px;
	display: block;
	text-indent: -10000px;
	background-image: url(../images/template/logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: hand;
	cursor: pointer;
}



.largelogo {
	height: 201px;
	width: 202px;
	display: block;
	text-indent: -10000px;
	background-image: url(../images/template/logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: hand;
	cursor: pointer;
}


#holder h1 {
	color: #FFF;
	font-size: 1em;
	text-transform: uppercase;
	margin-bottom: 5px;
}
#holder p {
	font-size: 0.8em;
	padding-bottom: 15px;
	line-height: 1.5em;
}
#accesslinks {
	display: none;
}
#topnav {
	overflow: hidden;
	width: 975px;
	margin: 0px auto;
	background-color: #003466;
	background-image: url(../images/template/topnav-bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 5px 5px 12px 0px;
}
#topnav ul {
	float: right;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#topnav ul li {
	display: inline;
	margin: 0px;
}
#topnav ul li a {
	float: left;
	display: block;
	padding: 1px 5px;
	margin: 0px 0px 0px 1px;
	color: #FFF;
	font-weight: normal;
	font-size: 0.7em;
	border-right: 1px solid #FFF;
	text-decoration: none;
}
#topnav ul li a:hover {
	color: #FFF;
	text-decoration: underline;
}
#topnav ul li .active {
	color: #146D94;
	background-color: #FFF;
	text-decoration: none;
}
#topnav ul li .mailinglist {
	border-right: 0px;
}
#telephonenumbers {
	float: right;
	padding: 15px 0px;
	width: 21em;
	height: 35px;
}
#telephonenumbers h2 {
	text-transform: uppercase;
	font-size: 0.7em;
	color: #999;
	margin: 0px;
	padding: 0px;
}
#telephonenumbers p {
	text-transform: uppercase;
	font-size: 1em;
	color: #003366;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#telephonenumbers #grill {
	float: left;
	padding: 0px 25px 0px 0px;
	text-align: right;
}
#telephonenumbers #marina {
	padding: 0px 15px 0px 30px;
	text-align: right;
}
#homebanners {
	width: 970px;
	height: 290px;
	position: relative;
	padding-bottom: 10px;
}
#homebanners .homebanner {
	position: absolute;
	top:0;
	left:0;
	display:block;
	background-color: #003366;
	width: 970px;
	height: 290px;
	padding: 5px;
}
.homebanner.current {
	z-index: 2;
}
#homebanners .homebanneroverlay {
	position: absolute;
	top:0;
	left:0;
	display:block;
	width: 970px;
	height: 290px;
	padding: 5px;
	z-index: 3;
	background-image: url(../images/template/overlaybannerhome.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -10000px;
}
#bannerbg {
	width: 970px;
	height: 200px;
	position: relative;
	padding-bottom: 10px;
}
#banner {
	position: absolute;
	top:0;
	left:0;
	display:block;
	background-color: #003366;
	width: 970px;
	height: 200px;
	padding: 5px;
}
#bannerbg .banneroverlay {
	position: absolute;
	top:0;
	left:0;
	display:block;
	width: 970px;
	height: 200px;
	padding: 5px;
	z-index: 3;
	background-image: url(../images/template/overlaybanner.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -10000px;
}
#mainnav {
	overflow: hidden;
	width: 970px;
	margin: 0px auto;
	padding-right: 20px;
	clear: both;
}
#mainnav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: right;
}
#mainnav ul li {
	display: inline;
	margin: 0px;
}
#mainnav ul li a {
	float: left;
	display: block;
	padding: 0px;
	margin: 0px 0px 0px 5px;
	width: 110px;
	height: 50px;
	background-image: url(../images/template/mainnav.jpg);
	background-repeat: no-repeat;
	text-indent: -10000px;
}

#mainnav-home a {background-position: 0px 0px;}
#mainnav-home a:hover {background-position: 0px -50px;}
#mainnav-home .active {background-position: 0px -100px;}

#mainnav-moorings a {background-position: -110px 0px;}
#mainnav-moorings a:hover {background-position: -110px -50px;}
#mainnav-moorings .active {background-position: -110px -100px;}

#mainnav-bargrill a {background-position: -220px 0px;}
#mainnav-bargrill a:hover {background-position: -220px -50px;}
#mainnav-bargrill .active {background-position: -220px -100px;}

#mainnav-functions a {background-position: -330px 0px;}
#mainnav-functions a:hover {background-position: -330px -50px;}
#mainnav-functions .active {background-position: -330px -100px;}

#mainnav-boatsales a {background-position: -440px 0px;}
#mainnav-boatsales a:hover {background-position: -440px -50px;}
#mainnav-boatsales .active {background-position: -440px -100px;}

#mainnav-sailinganddiving a {background-position: -550px 0px;}
#mainnav-sailinganddiving a:hover {background-position: -550px -50px;}
#mainnav-sailinganddiving .active {background-position: -550px -100px;}

#mainnav-contactus a {background-position: -660px 0px;}
#mainnav-contactus a:hover {background-position: -660px -50px;}
#mainnav-contactus .active {background-position: -660px -100px;}

#body {
	background-color: #FFF;
	padding: 0px;
}
#body #contentholder {
	width: 980px;
	padding: 0px;
	margin: 0px auto;
}
#body #contentholder #footer {
	clear: both;
	background-color: #FFF;
	margin-top: 15px;
	overflow: hidden;
	padding: 15px 15px 0px 15px;
	border-top: 1px #EFEFEF solid;
}
#body #contentholder #footer #address {
	float: left;
	padding-right: 40px;
}
#body #contentholder #footer #address h5 {
	padding-bottom: 0px;
	font-size: 0.7em;
	color: #003366;
}
#body #contentholder #footer #address p {
	padding-bottom: 15px;
	font-size: 0.7em;
	line-height: 1.5em;
}
#body #contentholder #footer #bottomlinks {
	float: right;
}
#body #contentholder #footer #bottomlinks p {
	padding-bottom: 15px;
	font-size: 0.7em;
	line-height: 1.5em;
	text-align: right;
}

/*--- Site Layout End ---*/
/*----------------------------------------------------*/
/*---  Homepage Layout Start ---*/

#body #contentholder #homecontent {
	width: 735px;
	float: left;
	margin-bottom: 15px;
}
#body #contentholder #homecontent #intro {
	background-color: #FFF;
	margin-bottom: 5px;
	padding: 15px 15px 0px 15px;
}
#body #contentholder #homecontent #intro h1 {
	color: #003366;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
}
#body #contentholder #homecontent #intro p {
	font-size: 0.8em;
	padding-bottom: 15px;
	line-height: 1.5em;
}
#body #contentholder #homecontent #news {
	background-color: #FFF;
	margin-bottom: 0px;
	padding: 15px 15px 0px 15px;
	border-top: 1px solid #EFEFEF;
	clear: both;
}
#body #contentholder #homecontent #news .news {
	margin: 10px 5px 5px 5px;
	width: 215px;
	float: left;
	padding: 5px;
	background-color: #EFEFEF;
}
#body #contentholder #homecontent #news h2 {
	color: #003366;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
}
#body #contentholder #homecontent #news .date {
	color: #999;
	font-size: 0.7em;
	font-weight: normal;
	padding-bottom: 5px;
}
#body #contentholder #homecontent #news h3 {
	font-size: 0.9em;
	margin: 0px 0px 0px 0px;
	color: #003366;
}
#body #contentholder #homecontent #news p {
	font-size: 0.8em;
	line-height: 1.5em;
}
#body #contentholder #homecontent #news .image {
	border: 1px solid #FFF;
}
#body #contentholder #homecontent #mailinglist {
	background-color: #FFF;
	margin-bottom: 15px;
	padding: 15px 15px 0px 15px;
	clear: both;
}
#body #contentholder #homecontent #mailinglist h2 {
	color: #003366;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
}
#body #contentholder #homecontent #mailinglist p {
	font-size: 0.8em;
	line-height: 1.5em;
}
#body #contentholder #homebanners {
	width: 230px;
	float: right;
	padding-top: 15px;
}
#body #contentholder #homebanners .banner {
	border: 5px solid #EFEFEF;
	margin-bottom: 15px;
}

/*---  Homepage Layout End ---*/
/*----------------------------------------------------*/
/*---  CMS Page Layout Start ---*/

#body #contentholder #content {
	width: 720px;
	float: right;
	background-color: #FFF;
	margin-bottom: 15px;
	padding: 15px 15px 0px 15px;
}
#body #contentholder #content #breadcrumbs {
	color: #999;
	font-size: 0.7em;
	margin-bottom: 10px;
}
#body #contentholder #content h1 {
	color: #003366;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
}
#body #contentholder #content h2 {
	color: #003366;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
}
#body #contentholder #content h3 {
	color: #003366;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9em;
}
#body #contentholder #content p {
	font-size: 0.8em;
	padding-bottom: 15px;
	line-height: 1.5em;
}
#body #contentholder #content ul {
	list-style: disc;
	margin-bottom: 15px;
}
#body #contentholder #content ul li {
	font-size: 0.8em;
	line-height: 1.5em;
	margin-left: 20px;
	padding-left: 5px;
}
#body #contentholder #content ol {
	list-style: decimal;
	margin-bottom: 15px;
}
#body #contentholder #content ol li {
	font-size: 0.8em;
	line-height: 1.5em;
	margin-left: 25px;
	padding-left: 5px;
}
#body #contentholder #content td {
	font-size: 0.8em;
	padding-bottom: 15px;
	line-height: 1.5em;
}
#body #contentholder #content td p {
	font-size: 1em;
}
#body #contentholder #content .level2 {
	font-size: 0.8em;
	line-height: 1.5em;
	margin-left: 50px;
	padding-left: 5px;
	list-style-type: circle;
}
#body #contentholder #content #pagination {
	border-top: 1px solid #EFEFEF;
	margin: 15px 0px;
	padding: 15px 0px;
	text-align: center;
	clear: both;
}
#body #contentholder #content #pagination ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: right;
}
#body #contentholder #content #pagination ul li {
	display: inline;
	margin: 0px 0px 15px 0px;
	float: left;
}
#body #contentholder #content #pagination ul li a {
	display: block;
	padding: 5px 5px;
	margin: 0px;
	font-weight: bold;
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: bold;
	color: #003366;
}
#body #contentholder #content #pagination ul li a:hover {
	color: #003366;
	background-color: #EFEFEF;
	text-decoration: none;
}
#body #contentholder #content #pagination ul li .active {
	display: block;
	padding: 5px 5px;
	margin: 0px;
	font-weight: bold;
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #003366;
	color: #FFF;
}
#body #contentholder #leftnav {
	width: 230px;
	float: left;
}
#body #contentholder #leftnav h2 {
	display: none;
}
#body #contentholder #leftnav ul {
	list-style: none;
	margin: 0px 0px 5px 0px;
	padding: 0px 5px;
	background-color: #003366;
}
#body #contentholder #leftnav ul li {
	font-size: 0.8em;
	border-bottom: 1px solid #FFF;
}
#body #contentholder #leftnav ul li a {
	padding: 10px 10px;
	display: block;
	background-image: url(../images/template/arrow.gif);
	background-repeat: no-repeat;
	background-position: 15px 10px;
	color: #FFF;
	text-decoration: none;
}
#body #contentholder #leftnav .lastlink {
	border-bottom: none;
}
#body #contentholder #leftnav .active {
	font-weight: bold;
}
#body #contentholder #leftnav .banner {
	border: 5px solid #EFEFEF;
	margin-top: 10px;
}

/*---  CMS Page Layout End ---*/
/*----------------------------------------------------*/
/*---  News Layout Start ---*/

#body #contentholder #content .news {
	margin-top: 10px;
	margin-bottom: 5px;
}
#body #contentholder #content .news .image {
	background-color: #EFEFEF;	
	padding: 5px;
	float: right;
	margin: 0px 0px 10px 10px;
}
#body #contentholder #content .news .date {
	color: #999;
	font-size: 0.7em;
	font-weight: normal;
	padding-bottom: 5px;
	padding-bottom: 10px;
}
#body #contentholder #content .news h3 {
	font-size: 0.9em;
	margin: 0px 0px 0px 0px;
	color: #003366;
}
#body #contentholder #content .news p {
	font-size: 0.8em;
	line-height: 1.2em;
	padding-bottom: 5px;
}
#body #contentholder #content .dateadded {
	color: #999;
	font-size: 0.7em;
	font-weight: normal;
	padding-bottom: 5px;
	padding-bottom: 10px;
}
#body #contentholder #content .newsimage {
	padding: 5px;
	background-color: #EFEFEF;
	float: right;
	margin: 0px 0px 15px 15px;
}

/*---  News Layout End ---*/
/*----------------------------------------------------*/
/*---  Gallery Layout Start ---*/

#body #contentholder #content .gallery {
	margin-top: 10px;
	margin-bottom: 5px;
}
#body #contentholder #content .gallery .image {
	background-color: #EFEFEF;	
	padding: 5px;
	float: right;
	margin: 0px 0px 10px 10px;
}
#body #contentholder #content .gallery .date {
	background-color: #690;	
	color: #FFF;
	padding: 3px;
	font-size: 0.8em;
	font-weight: bold;
}
#body #contentholder #content .gallery h3 {
	color: #690;
	font-size: 0.9em;
	margin: 10px 0px 5px 0px;
}
#body #contentholder #content .gallery a {
	color: #690;
}
#body #contentholder #content .gallery p {
	font-size: 0.8em;
	line-height: 1.2em;
	padding-bottom: 5px;
}
#body #contentholder #content .gallerythumbnail {
	padding: 5px;
	background-color: #EFEFEF;
	float: left;
	margin: 15px;
}

/*---  Gallery Layout End ---*/
/*----------------------------------------------------*/
/*--- Sitemap Layout Start ---*/

#body #contentholder #content #sitemap li {
	margin-bottom: 5px;
}
#body #contentholder #content #sitemap .sitemaplevel2 {
	margin-left: 40px;
}
#body #contentholder #content #sitemap .sitemaplevel3 {
	margin-left: 60px;
}

/*--- Sitemap Layout End ---*/
/*----------------------------------------------------*/
/*--- Form Start ---*/
#form {
	padding: 0px;
	width: 548px;
	margin: 0px auto;
	margin-bottom: 10px;
	border: none;
}
#form h4 {
	color: #E55910;
	font-size: 1.5em;
	margin-bottom: 5px;
	padding: 5px;
}
#form hr {
	clear: both;
	border: 0;
	height: 1px;
	color: #DFE4E0;
	background-color: #DFE4E0;
}
#form .required {
	color: #F00;
	width: 5px;
	float: none;
}
#form .errormessage {
	color: #F00;
	width: 308px;
	float: right;
	margin-bottom: 3px;
	font-size: 0.8em;
	padding: 10px 0px;
}
#form .countdown {
	color: #084BA5;
	width: 308px;
	float: right;
	margin-bottom: 3px;
	font-size: 0.8em;
	padding: 10px 0px;
}
#form .inputtext {
	width: 315px;
	float: right;
	margin-bottom: 3px;
	font-size: 0.8em;
	padding: 10px 0px;
	line-height: 1.3em;
}
#form fieldset {
	background-color: #FFFFFF;
	padding: 5px;
	border: none;
	overflow: hidden;
}
#form legend {
	font-size: 1em;
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
}
#form label {
	font-size: 0.8em;
	line-height: 1.3em;
	width: 220px;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	padding-top: 2px;
	float: left;
	overflow: visible;
}
#form span {
	font-size: 0.8em;
	line-height: 1.3em;
	width: 308px;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	padding-top: 2px;
	float: right;
	margin-bottom: 5px;
}
#form input {
	width: 308px;
	border: 1px #CCC solid;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;	
	font-size: 0.8em;
	color: #999;
	padding: 2px;
}
#form input:focus {
	color: #666;
}
#form select {
	width: 308px;
	border: 1px #CCC solid;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;	
	font-size: 0.8em;
	color: #999;
	padding: 2px;
}
#form select:focus {
	color: #666;
}
#form .fromto {
	width: 118px;
}
#form .fromtoto {
	width: 30px;
	text-align: center;
	font-size: 0.8em;
	float: left;
}
#form textarea {
	width: 308px;
	border: 1px #CCC solid;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;	
	font-size: 0.8em;
	color: #999;
	padding: 2px;
}
#form textarea:focus {
	color: #666;
}
#form .submitbutton {
	margin: 0px 230px;
	background-color: #003366;
	border: none;
	font-size: 0.8em;
	font-family: Helvetica, Arial, sans-serif;
	padding: 5px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	height: 25px;
	width: auto;
}
#form .radio {
	border: none;
	width: auto;
}
#form .radiolabel {
	width: auto;
	float: none;
}
#form .options {
	float: right;
	width: 294px;
}
.formerror{
	color: #C00;
}

/*--- Form End ---*/
.rederror {
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	border: 2px solid #C00;
	background-color: #FFF2F2;
	color: #C00;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.greenerror {

	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	border: 2px solid #009900;
	background-color: #E8FFE8;
	color: #009900;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
/*----------------------------------------------------*/

.signupframe {
	border: none !important;
	width: 500px;
	margin: 0px auto;
}