body
{
	color:#000;
	background: #000066 url(../images/cback.gif) top left;
	padding:0;
	margin:22px 0;

	/* this centers the container div in IE 5 */
	text-align:center;
}

/* modern browsers will inherit the center styling above, so we need to reset it for the rest of the page */
* div
{
	text-align:left;
}

#container
{
	width:740px;
	margin:0 auto;

	/* this image creates the illusion of the left div extending all the way down */
	background: #ffffff url(../images/left_back.gif) repeat-y top left;

	/* this is just so we can absolutely position the logo */
	position:relative;
}

#logo
{
	position:absolute;
	top:14px;
	left:11px;
}

#logo img
{
	/* gets rid of the line feed that the image generates, you'll see this a lot */
	display:block;

	border:1px solid #B8B89C;
}








/* HEADER AREA */

/*#header
{
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}*/

#header img
{
	display:block;
}



/* LEFT NAVIGATION */

#left
{
	float:left;
	width:225px;
}

#nav
{
	width:200px;
	background-color: #E7E7D2;
	border: 1px solid #B8B89C;

	/* add some space at the top of the nav and center it with auto */
	margin: 19px auto;

	padding: 0;
	list-style:none;
}

#nav li
{
	margin: 0;
	padding: 0;
}

#nav li#last
{
	line-height: .7em;
	margin: 0;
	padding: 0;
}

#nav a
{
	display: block;
	color: #000066;
	padding: 3px 0 3px 10px;
	width:190px;
	text-decoration: none;
	font: bold 0.7em/1.5em arial, helvetica, sans-serif;
	border-bottom: 1px dashed #B8B89C;
}

/* IE box model hack */
* html #nav a
{
	width:200px;
	w\idth:190px;
}
	
#nav a:hover, #nav a.active
{
	background: #CDCDB7;
}








/* SUB LEVEL NAVIGATION */


#nav ul
{
	margin:0;
	padding: 0 0 0 10px;
	list-style:none;
	background-color:#F7F7E4;
}

#nav ul a
{
	padding: 3px 0 3px 10px;
	width:180px;
	font: normal 0.7em/1.65em arial, helvetica, sans-serif;
	background-color:#F7F7E4;
}

/* IE box model hack */
* html #nav ul a
{
	width:190px;
	w\idth:180px;
}
	
#nav ul a:hover, #nav ul a.active
{
	font: bold 0.7em/1.65em arial, helvetica, sans-serif;
	background: #CDCDB7;
}







/* BELOW THE NAVIGATION */


#left img
{
	display:block;
	border:1px solid #999999;

	/* centers the image and makes sure we have some space below it if needed */
	margin:10px auto 15px auto;
}


.quote
{
	border:1px solid #B8B89C;
	background-color:#E7E7D2;
	margin:0 auto;
	width:200px;
	color:#000066;
}

.quote h2
{
	background-color:#355A74;
	color:#ffffff;
	font: italic bold 0.7em/1.2em georgia, times, 'times new roman', serif;
	margin:0;
	padding:5px 0;
	text-align:center;
	border-bottom:1px solid #B8B89C;
}

.quote p
{
	font: normal 0.7em/1.2em georgia, times, 'times new roman', serif;
	margin:0;
	padding:8px;
}

.quote p.date
{
	text-align:right;
}








/* MAIN CONTENT AREA */


#main
{
	font: normal 0.7em/1.5em arial, helvetica, sans-serif;
	float:right;
	width:515px;
}

#main h1
{
	border-bottom:1px solid #CDCDB7;
	font: bold 1.2em/1.2em arial, helvetica, sans-serif;
	color:#000033;
	margin:0px;
	padding:14px 0 13px 15px;
}

#main p
{
	padding:0 20px 0 15px;
}

#main p.indent
{
	padding:0 20px 0 35px;
}

#main ul
{
	/* Moz and FF */
	margin: 0 0 0 25px;
	/* IE */
	padding: 0 0 0 25px;
}

#main ul a
{
	color: #000099;
	text-decoration:none;
}

#main ul a:hover
{
	color: #000066;
	text-decoration:underline;
}

#main a
{
	color: #000099;
	text-decoration:none;
}

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

#main ol
{
	/* Moz and FF */
	margin-right:15px;
	margin-left:25px;
	/* IE */
	padding-right:15px;
	padding-left:25px;
}






/* BOAT DESCRIPTION AREA */

#breadcrumb
{
	margin:10px 0;
}

#breadcrumb a
{
	color:#000066;
	text-decoration:none;
}

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

#largeImage
{
	padding:2px 0 0 15px;
}

#mainImage
{
	display:block;
	border:1px solid #B8B89C;
	width:301px;
	height:226px;
}

#thumbnails
{
	padding:5px 0 0 15px;
}

#thumbnails img
{
	margin-right:3px;
	border:1px solid #B8B89C;
}

.caption
{
	margin:0 0 10px 0;
	font-style:italic;
	color:#666666;
}

.boatlayout 
{
	border:1px solid #B8B89C;
}




/* THE PRICING TABLE */


#pricing
{
	margin:0 0 0 15px;
	border:1px solid #B8B89C;
	background-color:#E7E7D2;
	width:304px;
}

#pricing caption
{
	margin-left:15px;
	font-weight:bold;
	text-align:left;
}

#pricing th
{
	background-color:#CDCDB7;
	padding:0 4px;
	color:#000033;
	font: bold 1em/1.5em arial, helvetica, sans-serif;
	text-align:left;
	border-bottom: 1px solid #B8B89C;
}

#pricing th.pcenter
{
	background-color:#CDCDB7;
	padding:0 4px;
	color:#000033;
	font: bold 1em/1.5em arial, helvetica, sans-serif;
	text-align:center;
	border-right: 1px solid #B8B89C;
}

#pricing th.plast
{
	background-color:#CDCDB7;
	padding:0 4px;
	color:#000033;
	font: bold 1em/1.5em arial, helvetica, sans-serif;
	text-align:center;
}

#pricing th.pright
{
	background-color:#CDCDB7;
	padding:0 4px;
	color:#000033;
	font: bold 1em/1.5em arial, helvetica, sans-serif;
	text-align:right;
	border-right: 1px solid #B8B89C;
}

#pricing td
{
	padding:0 4px;
	color:#000066;
	font: normal 1em/1.5em arial, helvetica, sans-serif;
	text-align:left;
}

#pricing td.pcenter
{
	padding:0 4px;
	color:#000066;
	font: normal 1em/1.5em arial, helvetica, sans-serif;
	text-align:center;
	border-right: 1px solid #B8B89C;
}

#pricing td.plast
{
	padding:0 4px;
	color:#000066;
	font: normal 1em/1.5em arial, helvetica, sans-serif;
	text-align:center;
}

#pricing td.pricedesc
{
	padding:0 4px;
	color:#000033;
	font: bold 1em/1.5em arial, helvetica, sans-serif;
	text-align:right;
	border-right: 1px solid #B8B89C;
}

p.waiver
{
	color:#000066;
	margin:0;
}

p.waiver a
{
	color:#000066;
	font: italic normal 1em/1.5em arial, helvetica, sans-serif;
	text-decoration:none;
}

p.waiver a:hover
{
	color:#000033;
	font: italic normal 1em/1.5em arial, helvetica, sans-serif;
	text-decoration:underline;
}



/* FLEET LISTS */

.categorysum
{
	width:450px;
	border:none;
	margin:0 auto 15px auto;
	background-color: #E7E7D2;
}

.categorysum td
{
	padding:0;
}

.categorysum td.thumb
{
	width:80px;
}

.categorysum td.boattitle
{
	width:390px;
	background-color:#CDCDB7;
	padding:1px 0px 1px 0px;
	border-bottom:1px dashed #B8B89C;
}

.categorysum td.boattitle_wi
{
	width:390px;
	background-color:#B5B6BE;
	padding:1px 0px 1px 0px;
	border-bottom:1px dashed #B8B89C;
}

.categorysum td.boattitle p, .categorysum td.boattitle_wi p
{
	margin:0;
	color:#000033;
	font: normal 1.1em/1.5em arial, helvetica, sans-serif;
}

.categorysum .boattitle a, .categorysum td.boattitle_wi a
{
	font: bold 1em/1.5em arial, helvetica, sans-serif;
	text-decoration: none;
	color: #009;
}

.categorysum .boattitle a:hover, .categorysum td.boattitle_wi a:hover
{
	text-decoration: underline;
	color: #003;
}

.categorysum .boatspecs
{
	background-color: #E7E7D2;
}

.categorysum .boatspecs p
{
	margin:0;
	padding:0;
	color:#000033;
	font: normal 1em/1.5em arial, helvetica, sans-serif;
}

.categorysum img
{
	display:block;
	border: 1px solid #B8B89C;
}








/* THE CALLOUT AREA */
img#resume
{
	float:right;
	margin:15px 15px 15px 10px;
}

#right
{
	float:right;
	width:160px;
	margin:5px 15px 15px 10px;

	/* stops IE from doubling the right margin */
	display:inline;
}

#right a.ad img
{
	display:block;
	border:none;

	/* center the images and give them some space */
	margin:15px auto;
}

#right p.ad img
{
	display:block;
	border:none;

	/* center the images and give them some space */
	margin:15px auto;
}

#right .specs
{
	background-color:#E7E7D2;
	border:1px solid #B8B89C;
	margin:10px auto 7px;
}

#right .specs h2
{
	background-color:#CDCDB7;
	margin:0;
	padding:1px 4px 1px 4px;
	color:#000033;
	font: bold 1em/1.5em arial, helvetica, sans-serif;
	border-bottom:1px solid #B8B89C;
}

#right .specs p
{
	margin:2px 0;
	padding:2px 4px;
	color:#000033;
	font: normal 1.0em/1.0em arial, helvetica, sans-serif;
}

/* there's a lot of code that creates the weather blurb... */
/* we also need to change the template */

#weather
{
	float:right;
	width:175px;
	margin:20px 15px 10px 10px;

	/* stops IE from doubling the right margin */
	display:inline;
}



#right .quoteright
{
	border:1px solid #B8B89C;
	background-color:#E7E7D2;
	margin:14px auto 10px auto;
	width:160px;
	color:#000066;
}

#right .quoterightskinny
{
	border:1px solid #B8B89C;
	background-color:#E7E7D2;
	margin:14px auto 10px auto;
	width:150px;
	color:#000066;
}

#right .quoteright h2, #right .quoterightskinny h2
{
	background-color:#355A74;
	color:#ffffff;
	font: italic bold 1em/1.2em georgia, times, 'times new roman', serif;
	margin:0;
	padding:5px 0;
	text-align:center;
	border-bottom:1px solid #B8B89C;
}

#right .quoteright p, #right .quoterightskinny p
{
	font: normal 1em/1.2em georgia, times, 'times new roman', serif;
	margin:0;
	padding:8px;
}

#right .quoteright p.date, #right .quoterightskinny p.date
{
	text-align:right;
}


a.sailcallout 
{
	margin-left: 30px;
	text-decoration: none;
	color:#666666;
}


#instnav
{
	width:160px;
	border:1px solid #B8B89C;
	margin:15px auto 0px auto;
	padding:0;
	color:#006;
}

#instnav td
{
	padding:0;
	margin:0;
}

#instnav th
{
	padding-left:6px;
	margin:0;
	background-color:#E7E7D2;
	border-bottom:1px solid #B8B89C;
}

#instnav a
{
	display:block;
	background-color:#F7F7E4;
	color:#006;
	text-decoration:none;
	padding:2px 0px 2px 6px;
	border-bottom:1px dashed #B8B89C;
}

#instnav a#last
{
	display:block;
	background-color:#F7F7E4;
	text-decoration:none;
	padding-left:6px;
	border-bottom:none;
}

#instnav a#lastactive
{
	display:block;
	background-color:#CDCDB7;
	text-decoration:none;
	padding-left:6px;
	font-weight:bold;
	border-bottom:none;
}


#instnav a:hover, #instnav a#active
{
	display:block;
	background-color:#CDCDB7;
	font-weight:bold;
	text-decoration:none;
}

#instnav a#last:hover
{
	display:block;
	background-color:#CDCDB7;
	text-decoration:none;
}


/* THE FOOTER */

#footer
{
	width: 740px;
	margin: 8px auto 4px auto;
}

#footer p
{
	font: normal 0.8em/1em arial, helvetica, sans-serif;
	color: #CCCCCC;
	text-align: center;
	line-height:1.5em;
}
	
#footer p a
{
	color: #ccc;
	text-decoration: none;
}

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

#footer p span
{
	display:none;
}



/* IMAGE CALLOUTS WITHIN CONTENT AREAS */
img.rightaccent {
	float: right;
	margin: 8px 0px 8px 10px;
	border: 1px solid #B8B89C;
	}
	
img.leftaccent {
	float: left;
	margin: 8px 15px 8px 0px;
	border: 1px solid #B8B89C;
	}

img.sailpdf {
	float: right;
	margin: 0px 100px 0px 10px;
	}

div.spacer {
	border-bottom: 1px dashed #CDCDB7;
	margin-top:-1em;
	}

a.link {
	text-decoration: none;
	font: bold 12px arial, helvetica, sans-serif;
	color: #009;
	}
	
a.link:hover {
	text-decoration: underline;
	font: bold 12px arial, helvetica, sans-serif;
	color: #003;
	}


/* SUPPLEMENTAL STYLES */

.clear
{
	/* this forces the main div to go all the way down */
	clear:both;
}


/*controls location and formatting of airport information within directions.htm*/	
table#airports {
	float: right;
	border: 1px solid #B8B89C;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 10px;
	
		/* stops IE from doubling the right margin */
	display:inline;
}
	
td.column1head {
	background-color: #EFEFFD;
	border-right: 1px solid #B8B89C;
	}
	
td.column2head {
	background-color: #EFEFFD;
	}

td.column1 {
	border-top: 1px solid #B8B89C;
	border-right: 1px solid #B8B89C;
	}

td.column2 {
	border-top: 1px solid #B8B89C;
	text-align: center;
	}

/* controls location of direction callout on the lower left corner of the directions page*/
img.directions {
	float: right;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*SLIDESHOW*/
#slideshow {
	/*If javascript is disabled, hide the slideshow*/
	display: none;
}

#slideshowOff {
	/*If javascript is disabled, show a default picture*/
}




/*EVENTS*/
#main ul.sindent
{
	/* Moz and FF */
	margin: 0 15px 0 20px;
	/* IE */
	padding: 0 15px 0 20px;
}

#main ul.sindent a
{
	color: #000099;
	text-decoration:none;
}

#main ul.sindent a:hover
{
	color: #000066;
	text-decoration:underline;
}

#partnersteve {
	margin-left:40px;
	}



@media print

{
	/* we don't print these */
	#header, #left, #right a.ad, #weather, #breadcrumb, .caption, #pricing caption, .waiver, .action, .clear { display:none; }

	/* much easier to read serif fonts on paper */
	td, p, ul, ol, li, h1, h2, h3, span { font: 10pt/12pt times, 'times new roman', serif; color:black; padding:0; border:none; }


	body			{ margin:0; }
	#container		{ width: 100%; background: transparent; }
	#logo			{ position:relative; margin:0; padding:0; top:0; left:0; }

	#main			{ width:100%; margin:0; padding: 0; color: black; background: transparent; }
	#main h1		{ font: 14pt/18pt times, 'times new roman', serif; color:black; margin:0.5em 0; padding:0; border:none; }
	#main p			{ font: 10pt/12pt times, 'times new roman', serif; color:black; padding:0; border:none; }
	#main ul		{ margin: 0 0 0 2em; padding: 0 0 0 2em; }
	#main ul a		{ color: #000000; text-decoration:none; }

	#largeImage		{ float:left; padding:0 0.5em 0 0; margin:0; }
	#mainImage		{ display:block; border:none; }
	#thumbnails		{ padding:0; }
	#thumbnails img 	{ padding:0 0 0.25em 0; margin:0; border:none; }

	#right			{ float:right; width:180px; margin:0 0 0 1em; padding:0 0 0 1em; border-left:1px solid #999999; }
	#right .specs		{ background: transparent; border:none; margin:0; }
	#right .specs h2	{ background: transparent; margin:0.5em 0 0.5em 0; padding:0 0 0.5em 0; color:#000000; font: bold 10pt/12pt times, 'times new roman', serif; color:black; border-bottom:1px solid #000000; }

	#right .specs h2.first	{ margin-top:0; padding-top:0; }
	#right .specs p		{ margin:0; padding:0; color:#000000; font: 9pt/10pt times, 'times new roman', serif; color:black; }

	#pricing		{ margin:0; border:none; background-color:#ffffff; width:36em; }
	#pricing th		{ background-color:#ffffff; padding:1pt 0; color:#000000; font: 10pt/12pt times, 'times new roman', serif; color:black; text-align:left; border-bottom:1px solid #000000; }
	#pricing td		{ padding:1pt 0; color:#000000; font: 10pt/12pt times, 'times new roman', serif; color:black; text-align:left; }
	#pricing td.pricedesc	{ padding:1pt 0; color:#000000; font: 10pt/12pt times, 'times new roman', serif; color:black; text-align:left; }

	.categorysum		{ border:none; margin:0 0 15px 0; background-color: #ffffff; }
	.categorysum .boattitle	{ background-color:#ffffff; font: 10pt/12pt times, 'times new roman', serif; color:black; border-bottom:1px solid #999999; }
	.categorysum .boattitle a { margin:0 0 0 15px; text-decoration: none; font: 10pt/12pt times, 'times new roman', serif; color:black; }
	.categorysum .boatspecs p { margin:0 0 0 15px; background-color: #ffffff; font: 10pt/12pt times, 'times new roman', serif; color:black; }
	.categorysum img 	{ display:block; border: none; }

	#footer			{ width: auto; margin: 1.5em 0 0 0; }
	#footer p		{ font: 10pt/12pt times, 'times new roman', serif; color:black; color: #999999; text-align: left; margin:0; }
	#footer p a		{ font: 10pt/12pt times, 'times new roman', serif; color:black; color: #999999; text-decoration: none; }
	#footer p span		{ color:#999999; display:inline; }

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

}