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

/* Dark Blue: #5790CA
   Darker Blue: #0C5BAA;
   Red: #FF3333

*/


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #CCCCCC;
	padding: 2em;
	margin: 0;
}

#content {
	width: 802px;
	
	padding: 0;
	margin: auto;
	voice-family: "\"}\""; 
	voice-family:inherit;
	}
	

html>body #content { /*hack*/
	width: 802px;
} 

#border_wrap {
	border: 1px solid #5790CA;
	border-bottom: none;
	}

#top_head {
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
	color: #FF3333;
	font-style: italic;
		}

#header {
	border-top: 6px solid #5790CA;

	}

#tabs {
	font-family: Arial, Helvetica, sans-serif;
	width: 802px;
	height: 50px;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
	left: 0;
	top: 0;
	z-index: 10;
	background-color: #cccccc;
		}

ul#navlist {
	position: absolute;
	bottom: 0; /*This value seems to work when matching bottom padding of navlist a:link for FIREFOX.Others seem to rquire zero.*/
	left: 10px; /*This is an "estimate" to make it appeared centered, since I am having bad luck controlling it*/
	padding: 0;
	/*white-space: nowrap;*/
	margin: 0;
	}

#navlist li {
	display: inline;
	list-style-type: none;
	}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited { 
	display: -moz-inline-stack; /*Ffox doesn't support inline-block, so need this FF-only line. Others ignore (in this order) & use next line instead*/
	display: inline-block; /*changed for IE. Inline worked for others. Change to inline block fine, but messed up Firefox—see padding under ul#navlist*/
	padding: 7px 9px 5px 9px;
	margin: 0 3px;
	border-top: 2px solid #5790CA;
	border-right: 2px solid #5790CA;
	border-left: 2px solid #5790CA;
	border-bottom: none;
	text-decoration: none;
	color: #5790CA;
	font-weight: bold;
	font-size: 14px;
	background-color: #FFF;
	}

#navlist a:hover, 
 #home a.z_home, #home a.z_home:visited, #boats a.z_boats, #boats a.z_boats:visited, #service a.z_service, #service a.z_service:visited, #about a.z_about, #about a.z_about:visited, #news a.z_news, #news a.z_news:visited, #resources a.z_resources, #resources a.z_resources:visited, #contact a.z_contact, #contact a.z_contact:visited /*ADD :VISITED like you did for home, too, to make it jive well with ie6*/
  {
	background-color: #5790CA;
	color: #FFFFFF;
	}

#main_content {
	padding: 20px 0;
	background-color: #FFFFFF;
	}

#main_content_inner {
	padding: 20px;
	color: #444444;
	background-color: #FFF;
	}
	
#main_content_inner p {
	margin-left: 10px;
		}
	
#logos {
	margin: 0 23px 20px 23px;
	padding: 0px 0px 10px 0px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	
		}
		
#logos img {
	padding: 0 10px;
	}

#footer {
	font-family: Arial, Helvetica, sans-serif;
	width: 285px; /*802 less right & left padding */
	background: url(../images/swoosh.gif) no-repeat;
		padding: 45px 417px 0 100px;
	height: 27px; /*72 less top padding*/
	text-align: center;
	color: #666666;
		}
		
#footer a {
	font-weight: bold;
	margin: 0 3px;
	}
	
	
#sub_footer {
	text-align: center;
	color: #333333;
	font-weight: bold;
	padding: 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	}

a:link, a:visited, a:active {
	color: #5790CA;
	}

a:hover {
	text-decoration: none;
	}
	
.float_left {
	float: left;
	}
	
.float_right {
	float: right;
	}
	
img.float_right {
	margin: 0 0 5px 20px;
	}
	
img.float_left {
		margin: 0 20px 5px 0;
	}
	
#column1 {
	width: 270px;
	padding: 0 14px 0 23px;
	vertical-align: top;
	}
	
#column2 {
	width: 265px;
	padding: 0 14px 0 14px;
	vertical-align: top;
	}
	
	
#column3 {
	width: 162px;
	padding: 0 23px 0 14px;
	vertical-align: top;
	border-left: 1px solid #333333;
	font-size: 11px;
	}
	
#column3 p { margin: 0 0 10px 0;}

/*--------------------------- FEATURED BOAT STUFF ----------------------------*/	
		
h1 {
	font-weight: bold;
	font-size: 20px;
	background: url(../images/bubbles_headers.gif) no-repeat;
	color: #FFF;
	padding: 5px 0 5px 65px;
	margin-top: 0;
	margin-bottom: 0;
	}

h4 { /*featured Boat Header*/
	font-weight: bold;
	font-size: 14px;
	color: #0C5BAA;
	margin: 7px 0 3px 10px;
	}

.featured_boat {
	margin-top: 0;
	border-left: 2px solid #5790CA;
	}

.featured_boat img { width: 268px; }
.featured_boat p { margin: 0 0 10px 10px; font-size: 11px; color: #333333;}

.red, a.red:link, a.red: { color: #FF3333; font-weight: bold; }


/*--------------------------- SUB FEATURE STUFF ----------------------------*/	

h2 {
	font-weight: bold;
	font-size: 14px;
	background: url(../images/bubbles_headers.gif) no-repeat;
	color: #FFF;
	padding: 5px 0 5px 65px;
	margin-top: 0;
	margin-bottom: 0;
	}

h5 { /*featured Boat Header*/
	font-weight: bold;
	font-size: 12px;
	color: #000;
	margin: 0px 0 3px 10px;
	padding-top: 7px;
	}
	
.sub_features {
	margin-top: 0;
	border-left: 2px solid #5790CA;
	}
	
.sub_features p { margin: 0 0 10px 10px; font-size: 11px; color: #333333;}
.sub_features img { float: right; margin-left: 5px; margin-bottom: 5px; width: 134px; height: 83px;}

.top_space {margin-top: 20px;}


.inner_header {
	border-bottom: 2px solid #5790CA;
	}


/*-------------------------------- RIGHT COLUMN STUFF ---------------------------*/

h3 {
	color: #FF3333;
	font-size: 14px;
	border-bottom: #000000 solid 1px;
	margin: 0 0 8px 0;

	}
	
/*-------------------------------------------------------------------------------*/

h6 {
	font-size: 14px;
	font-weight: bold;
	color: #FF3333;
	margin-top: 30px;
	margin-bottom: -10px;

}

.asterisk {
	font-size: 90%;
	font-style: italic;
	}

.note {
	font-size: 11px;
	font-style: italic;
	color: #444444;
	font-weight: normal;
	}
	
	
/*------------- Checklist Stuff -----------*/

ul#checklist {
		padding-left: 10px;
	}

ul#checklist li {
	list-style-type: none;
	background-image: url(../images/checkbox.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
	}
	
ul#checklist li.list_head {
	background-image: none;
	padding-left: 0;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 25px;
	}
	
	
/*--------- Submenu (Drop Down) stuff --------- */


.submenu {
	display: none;	/*This will be none to start, with javascript turning it on on hover */
	position: absolute; /*set the positioning coordinates below under the #ID .submenu styles.*/
	background-color: none;
	width: 95px;
	z-index: 5000;
	}
	
#service_sub .submenu { /*This is the positioning for the SERVICES Sub Menu*/
	top: 30px;
	left: 223px;
	}
	
	
#about_sub .submenu { /*This is the positioning for the ABOUT Sub Menu*/
	top: 30px;
	left: 322px;
	}

	
#navlist .submenu a {
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #FF3333;
	padding: 5px;
	}

#navlist .submenu a:hover {
	color: #FFF;
	}
	
li:hover .submenu, li.over .submenu {
	display: block;
	position: absolute;
	z-index: 5000;
		}

	
.blue_border {
	border: 2px solid #5790CA;
	}
#two_across {
	padding-left: 20px;
	}
	
#two_across img {
	width: 349px;
	height: 250px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}
	
.clear {
	clear: both;
	}
	
	
	

  
  
  
  
#admin_form p {
  	clear: both;
  	padding-top: 40px;
  }
  
#admin_form p label {
  	float: left;
	width: 120px;
	text-align: right;
	padding-right: 20px;
	}
	
  
#admin_form p input,  #admin_form p select, #admin_form p textarea {
  	float: left;
	margin-left: 0px;
	width: 250px;}
  
#boat_table td {
  	vertical-align: middle;
	padding: 4px;
	border-bottom: 1px dotted #999999;
	}
	
#boat_table th {
  	vertical-align: middle;
	padding: 4px;
	padding: 4px;
	text-align: left;
	background: #999999;
	color: #FFFFFF;
	}
	
#left_boats {
	width: 330px;
	margin: 10px 0 30px 0;
	padding: 0;
		}
	
#left_boats img {
	width: 160px;
	height: 120px;
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
	border: none;
	}
	
	
#left_boats img.mainpic {
	width: 325px;
	height: 240px;
	float: left;
	margin-right: 0;
			
	}
	
	
#right_boats {
		width: 419px;
		float: right;
		margin: 10px 0 30px 0;
	}
	
#right_boats p {
		margin-top: 0;
		margin-bottom: 3px;
		}
		
.rule_under {
	border-bottom: 1px solid #5790CA;
	margin-top: 15px;
	}
	
.boat_descriptions {
	border: 2px solid #5790CA;
	padding: 5px;
	}

#right_boats p.boat_title {
	font-size: 18px;
	font-weight: bold;
	margin-top: -3px;
}

#aqua_photos {
	width: 759px;
	}
	
#aqua_photos img {
	width: 233px;
	height: 155px;
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;
	border: 0;
	}
	

#calendar {
	padding: 10px;}
	
.news_left {
	width:552px;
	float:left;
	padding:5px;
}

.news_right {
	width:188px;
	padding:5px;
	float:right;
	margin-top:30px;
	text-align: center;
}

#grand_opening { 
	margin: 0px 23px 20px 23px;
	background-color:#C7EFFF;
	border:#06C solid 3px;
	height:479px;
	padding:5px;
	}
	
#grand_opening p {
	padding-left:15px;
	margin-bottom:-5px;
}
	
 #grand_opening div {
	float:right;	
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right:0px;
	font-weight: bold;
	width:255px;
	height:465px;
	background-color:#999;
	color:#FFF;	
	margin-bottom: 20px;
	border-bottom:#666 solid 2px;
	border-top:#fff solid 2px;
	border-right:#CCC solid 2px;
	border-left:#333 solid 2px;
	}

  #grand_opening img {
	  padding:5px;}

.grand_opening_header {
	font-weight: bold;
	font-size: 25px;
	color: #0C5BAA;
	margin: 5px;
	
	text-align: center;
	}
	

#right_pics {
	float: right; 
	margin-left: 20px; 
	margin-top: 20px; 
	border-top: 10px #5790CA solid; 
	border-bottom: 10px #0C5BAA solid; 
	width: 500px;
	margin-bottom: 30px;
}

#right_pics img {
	border-bottom: 1px solid #000;	
}

#dockage_right {
	width:250px; 
	margin-top:20px;
	text-align:center;
	float:right;}
	
#top_locations {
	padding-left: 20px;
	padding-right: 20px;
	
}
	
#top_locations div {
	float: left;
	width: 245px;
	text-align: center;
	border: 1px #0C5BAA solid;
	padding-bottom: 5px;
	font-weight: bold;
	}