@charset "UTF-8";
body  {
	font: .80em Verdana, Arial, Helvetica, sans-serif;
	background: #232399 url(../images/common/background-gradient2.jpg) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
a {
	color: #000;
	text-decoration: none;
}

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

/*Links in body*/
#mainContent a {
	text-decoration: underline;
	color: #3566CC;
}

a.external {
	background: url(../images/common/externalLink.gif) no-repeat right top;
	padding-right: 13px;
}
a.highlightedLink {
	color: #06C;
	text-decoration: underline;
}
#mainContent .imgCaptionWrapper .imgPhotograper a.external {
	text-decoration: none;
}
#container  {
	width: 933px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF url(../images/common/sidebar_background.gif) repeat-y;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;

} 

/* ############### HEADER #########################*/

#header  {
	background: #3566CC url(../images/common/header_left_corner.gif) no-repeat;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 116px;
	position: relative;
} 
#header #tagLine  {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	background-image: url(../images/common/logo.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 15px;
	top: 12px;
	z-index: 3;
	width: 570px;
	text-indent: -9000px;
	height: 104px;
}
/*List of all of the header images. The main rule is listed first. The remaining rules override the image due to specificity    */

#container #header #headerImageBox  {
	background-image: url(../images/headerImages/3boats.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 116px;
}

#template #container #header #headerImageBox {
	background-image: url(../images/headerImages/3boats.gif);
}

#sanMiguel #container #header #headerImageBox {
	background-image: url(../images/headerImages/san-miguel.jpg);
}

#santaCruz #container #header #headerImageBox {
	background-image: url(../images/headerImages/santa-cruz.jpg);
}

#santaRosa #container #header #headerImageBox {
	background-image: url(../images/headerImages/santa-rosa.jpg);
}

#anacapa #container #header #headerImageBox {
	background-image: url(../images/headerImages/anacapa.jpg);
}

#santaBarbara #container #header #headerImageBox {
	background-image: url(../images/headerImages/santa-barbara.jpg);
}

#sanClemente #container #header #headerImageBox {
	background-image: url(../images/headerImages/san-clemente.jpg);
}

#catalina #container #header #headerImageBox {
	background-image: url(../images/headerImages/catalina.jpg);
}

#bigSur #container #header #headerImageBox {
	background-image: url(../images/headerImages/big-sur.jpg);
}


#truth #container #header #headerImageBox {
	background-image: url(../images/headerImages/truth-bow.jpg);
}

#conception #container #header #headerImageBox {
	background-image: url(../images/headerImages/conception-header.jpg);
}

#vision #container #header #headerImageBox {
	background-image: url(../images/headerImages/vision-stern.jpg);
}

#divingOverview #container #header #headerImageBox {
	background-image: url(../images/headerImages/diver.jpg);
}

#photography #container #header #headerImageBox {
	background-image: url(../images/headerImages/diver-with-camera.jpg);
}

#cortesBank #container #header #headerImageBox {
	background-image: url(../images/headerImages/cortes-bank.jpg);
}
#captains #container #header #headerImageBox {
	background-image: url(../images/headerImages/captains.jpg);
}

#crew #container #header #headerImageBox {
	background-image: url(../images/headerImages/crew-chef.jpg);
}

#fishing #container #header #headerImageBox {
	background-image: url(../images/headerImages/diver-with-spear-gun.jpg);
}

#islandExcursionsOverview #container #header #headerImageBox {
	background-image: url(../images/headerImages/hiker-wave.jpg);
}

#kayakExcursionsOverview #container #header #headerImageBox {
	background-image: url(../images/headerImages/kayak-group.jpg);
}

#schoolGroupsOverview #container #header #headerImageBox {
	background-image: url(../images/headerImages/kids-on-swimstep.jpg);
}

/* END HEADER IMAGE LIST */


#header #tagLine a  {
	display:block;
	background-image: url(../images/common/logo.gif) no-repeat;
	height: 87px;
}
#container #headerBorder  {
	background-color: #66CBFF;
	height: 5px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #4B5865;
	border-left-color: #4B5865;
	
	
/* ############### END HEADER #########################*/

}
#sidebar1  {
	float: left; /* since this element is floated, a width must be given */
	width: 200px;
	padding-bottom: 15px;
}
.imageWrapperLeft {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	border: 1px solid #999;
}

#calendar #container #mainContent .imageWrapperLeft {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.imageWrapperRight {
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
	border: 1px solid #999;
}
.imgCaptionWrapper {
	font-size: 0.8em;
	background-color: #D8E5EE;
	padding: 5px;
	color: #3566CC;
}
.imgCaptionWrapper p {
	margin: 0px;
	padding: 1px;
	overflow: auto;
}

.imgPhotograper {
	font-style: italic;
}

#home .imgCaption  {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.columnWrapperLeft  {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
}

.columnImageWrapperLeft  {
	width: 200px;
	margin: 0px 0px 5px;
	padding: 0px;
	/*float: left;*/
	border: 1px solid #999;
}

#home .columnText   {
	padding: 0 5 0 5px;
}

#sidebar1 #searchBox  {
	background-color: #CCC;
	padding: 3px;
	border: 1px solid #333;
	text-align: center;
	margin: 5px;
}
/******************* MENU LINKS */

#home #homeLink, 
#aboutUs #aboutUsLink,
	#captains #captainsLink, 
	#crew #crewLink, 
	#awards #awardsLink, 
	#articles #articlesLink, 
	#history #historyLink, 
	
#destinations #destinationsLink, 
	#anacapa #anacapaLink,
	#sanMiguel #sanMiguelLink,
	#santaRosa #santaRosaLink,
	#santaCruz #santaCruzLink,
	
	#sanNicolas #sanNicolasLink,
	#sanClemente #sanClementeLink,
	#santaBarbara #santaBarbaraLink,
	#catalina #catalinaLink,
	
	#bigSur #bigSurLink,
	#coastalWrecks #coastalWrecksLink,
	#cortesBank #cortesBankLink,
	#tannerBank #tannerBankLink,

#fleet #fleetLink, 
	#truth #truthLink, 
	#conception #conceptionLink, 
	#vision #visionLink,
	
#divingOverview #divingOverviewLink, 
	#wrecks #wrecksLink, 
	#photography #photographyLink, 
	#fishing #fishingLink,
	#fishCounts #fishCountsLink,
	#diveLocationMap #diveLocationMapLink,
	#diveEquipmentRental #diveEquipmentRentalLink,
	#diveTripPlanning #diveTripPlanningLink,
	#diveTripFAQ #diveTripFAQLink,

#islandExcursionsOverview #islandExcursionsOverviewLink, 
	#hikeLocationMap #hikeLocationMapLink,
	#hikeEquipmentRental #hikeEquipmentRentalLink,
	#hikeTripPlanning #hikeTripPlanningLink,
	#hikeTripFAQ #hikeTripFAQLink,

#kayakExcursionsOverview #kayakExcursionsOverviewLink,
	#kayakLocationMap #kayakLocationMapLink,
	#kayakEquipmentRental #kayakEquipmentRentalLink,
	#kayakTripPlanning #kayakTripPlanningLink,
	
#schoolGroupsOverview #schoolGroupsOverviewLink, 

#specialOccasionsOverview #specialOccasionsOverviewLink, 

#calendar #calendarLink, 

#charterInfo #charterInfoLink,
	#charterInfoRequest #charterInfoRequestLink, 

#gallery #galleryLink, 

#contactOverview #contactOverviewLink
{
	background-image: url(../images/common/menu-bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/**************** END MENU LINKS */

#mainContent  {
	margin: 0 0 0 200px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#mainContent h1     {
	font-size: 1.25em;
	font-weight: normal;
	color: #0066CA;
	text-align: left;

}
#mainContent h2, #mainContent h3 {
	font-size: 1.1em;
	font-weight: normal;
	color: #0066CA;
	text-align: left;
	margin-bottom: -0.75em;
}

#footer  {
	background:#66CBFF;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #444647;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #444647;
} 
#footer p  {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
	font-size: 0.8em;
	color: #333;
}
.width200 {
	width: 200px;
}
.width250 {
	width: 250px;
}
.width300 {
	width: 300px;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
/*    height:0;
    font-size: 1px;
    line-height: 0px;*/
}
#sidebar1 #newsletter {
	padding: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 20px 5px 5px;
}

#videoPlayer {
	margin: 0 0 10 10px;
	padding-bottom: 10px;
	padding-top: 3px;
}

#mainContent ul {
	list-style-position: inside;
	list-style-type: disc;
}

/****Spec tables*****/
#mainContent table {
	border-collapse:collapse;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

#mainContent #boatSpecs table, #mainContent #boatSpecs td
{
	border: 1px solid #666;
	padding: 3px 6px;
}

#mainContent table th
{
	font-size: 1.1em;
	font-weight: normal;
	color: #0066CA;
	text-align: left;
	padding: 5px
}

#mainContent table col#feature
{
	text-align: right;
}


#mainContent table td
{
	padding: 3px 3px 3px 3px;
	text-align: left
}

#mainContent table#boatSpecs td.leftSpecColumn {
	text-align: right;
	width: 150px;
}

.rooseveltQuote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	color: #333;
	text-align: center;
	font-style: italic
}
#container #mainContent #packingList {
	list-style-type: disc;
	list-style-position: outside;
	text-indent: 0px;
	margin-left: 10px;
}
#mainContent #TabbedPanels1 #virtualTour, #mainContent #TabbedPanels1 #bunkDiagram {
	text-align: center;
	padding: 15px;
}
#sidebar1 #socialNetworks img {
	margin-left: 20px;
	margin-top: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*#mainContent #boatBlurb {
	height: 275px;
}*/
#home .columnWrapperLeft .imgCaptionWrapper {
	height: 4.5em;
}
.noTopMargin {
	margin-top: 0em;
}
#fleet .fleetThumbs {
	margin-right: 15px;
	margin-left: 15px;
	width: 200px;
	float: left;
	margin-bottom: 15px;
}
.fleetThumbCaptionWrapper {
	font-size: 1em;
	background-color: #D8E5EE;
	padding: 5px;
	color: #3566CC;
	margin: 0px;
}
#mainContent form {
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	background-color: #D8E5EE;
}

#mainContent p.SectionHeader {
	font-size: 1.5em;
	font-weight: bold;
	color: #333;
	text-align: center;
}
.noteText {
	font-size: .9em;
}
.centeredButton {
	text-align: center;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#contactOverview #container #mainContent #directions {
	padding: 3px 10px;
}

/* GALLERY STUFF */

#gallery .galleryThumbnailWrapper {
	width: 200px;
	border: 1px solid #999;
	margin-bottom: 15px;
	margin-right: 25px;
}
#gallery .galleryThumbHeader, #gallery .galleryThumbHeader a {
	text-align: center;
	background-color: #D8E5EE;
	padding: 5px;
	color: #3566CC;
	/* [disabled]font-weight: bold; */
	text-decoration:none;
}
#calendar #container #mainContent table tr td div #calendarLegend tr td {
	text-align: center;
}