body 
{
	margin:0;
	padding:0;
	background-color:#005372;
	background-image:url('../Images/Structure/bg_tile.jpg');
	background-repeat:repeat-x;
	font-family:Arial;
	color:#022a4a;
}
a { color: #1fa6d7; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }
.Cleared { clear:both; overflow:hidden; height:0; background-color:Red;}
#container
{
	width:100%;
	background-image:url('../Images/Structure/ocean_bg.jpg');
	background-repeat:no-repeat;
	background-position:top center;
}
#content
{
	width:966px;
	margin:0 auto;
	padding-top:16px;
}
#page-top
{
	height:13px;
	background-image:url('../Images/Structure/page-top.jpg');
	background-repeat:no-repeat;
	overflow:hidden;
}
#page-content
{
	background-image:url('../Images/Structure/repeat-y.jpg');
	background-repeat:repeat-y;
}
#page-header { height:110px; overflow:hidden;}
#BHC_Logo 
{
	float:left;
	padding:15px 0 0 25px;
}
#NavRightSide
{
	float:right;
}
#TopNav { text-align:right; }
#TopNav ul { float: right; margin:1px 0 0 0; padding:0;}
#TopNav ul li
{
	display:inline;
	list-style:none;
	border-right:solid #d0d0d0 1px;
	padding:0;
	margin:0;
	
}
#TopNav ul li.last { border:0; margin:0 12px 0 0;}
#TopNav ul li a
{
	color:#868686;
	text-decoration:none;
	text-transform:uppercase;
	font-size:70%;
	margin:0 7px;
}
#TopNav #FollowUs {
	float: right;
	width: 56px; height: 24px;
	background: transparent url(../Images/Structure/follow-us-on.gif) no-repeat left top;
	padding-left: 93px;
	margin-right: 12px;
	text-align: left;
}
#TopNav #FollowUs a {
	float: left;
	display: block;
	height: 24px;
	width: 28px;
	text-indent: -90000px;
}
#MainNav
{
	margin:60px 0 0 0;
}
#MainNav ul.nav_orange { margin:0 15px 0 0; padding:0; float:left; }
#MainNav ul.nav_orange li
{
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}
#MainNav ul.nav_orange li img { margin:0; padding:0;}

#MainNav ul.main_nav { margin:0 10px 0 0; padding:0; float:left; }

#MainNav ul.main_nav li
{
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}
#MainNav ul.main_nav li a
{
	color:#022a4a;
	font-size:80%;
	font-weight:bold;
	text-decoration:none;
}
#page-body 
{
	background-image:url('../Images/Structure/repeat-y-navblue.jpg');
	background-repeat:repeat-y;
	width:963px;
}
/*#page-left-nav-top-cap
{
	height:40px;
	width:262px;
	background-color:#ffffff;
	margin:0 0 0 3px;
}*/


#page-left-nav-top
{
	width:262px;
	float:left;
	display:inline; /* ie double margin bug fix */
	margin:0 0 0 3px;
	padding:0px;
	background-color:#dbecf2;
	background-image:url('../Images/Structure/left-nav-right-fade-light.jpg');
	background-repeat:no-repeat;
	background-position:top right;
}

html>body #page-left-nav-top
{
	width:262px;
	float:left;
	display:inline; /* ie double margin bug fix */
	margin:0 0 0 3px;
	padding:0px;
	background-color:#dbecf2;
	background-image:url('../Images/Structure/left-nav-right-fade-light.jpg');
	background-repeat:no-repeat;
	background-position:top right;
}
#page-left-nav-top h1
{	font-size:130%;
	margin:0 0 0 25px;
	color:#022a4a;
}
#page-left-nav-top ul { margin:0 20px 0 20px;padding:0; }
#page-left-nav-top ul li 
{ 
	list-style:none; 
	border-bottom:solid #FFFFFF 1px;
	padding:6px 0 6px 0;
	background-image:url('../Images/Structure/leftnav-arrow.jpg');
	background-repeat:no-repeat;
	background-position:5px center;
}
#page-left-nav-top ul li:hover
{ 
	background-color:#e5f2fa;
	background-image:url('../Images/Structure/leftnav-arrow-selected.jpg');
	background-position:15px center;
}
#page-left-nav-top ul li.last { border:0; }
#page-left-nav-top ul li.selected-sub
{
	background-color:#e5f2fa;
	background-position:15px 14px;
	padding:6px 0 0 0;
	background-image:url('../Images/Structure/leftnav-arrow-selected.jpg');
}
#page-left-nav-top ul li.selected-nosub
{
	background-color:#e5f2fa;
	background-position:15px center;
	padding:6px 0 6px 0;
	background-image:url('../Images/Structure/leftnav-arrow-selected.jpg');
}
#page-left-nav-top ul li a 
{
	color:#022a4a;
	text-decoration:none;
	font-size:70%;
	padding-left:30px;
}
#page-left-nav-top ul li ul
{
	display:none;
	background-color:#d3e5eb;
	width:100%;
	margin:7px 0 0 0;
	padding:0 0 6px 0;
	border-top:solid #FFFFFF 1px;
}
#page-left-nav-top ul li ul li
{
	background-image:none;
	border:0;
	padding:5px 10px 0 10px;
}
#page-left-nav-top ul li ul li:hover
{
	background-image:none;
	background-color:#d3e5eb;
	border:0;
}
#page-left-nav-top ul li ul li.last
{
	padding:5px 15px 5px 15px;
}
#page-left-nav-top ul li ul li a
{
	color:#7999b1;
	display:inline-block;
}
#page-left-nav-top ul li ul li.highlight a, #page-left-nav-top ul li.selected-sub ul li.highlight ul li.highlight a
{
	color:#022A4A;
}
#page-left-nav-top ul li ul li a:hover
{
	color:#022A4A;
}

#page-left-nav-top ul li.selected-sub ul li.highlight ul{display:block; padding-left:15px; width:190px; border-top:none;}

#page-left-nav-top ul li.selected-sub ul li.highlight ul li{padding-right:0px;}

#page-left-nav-top ul li.selected-sub ul li.highlight ul li a{color:#7999B1;}

#page-left-nav-top ul li ul.display
{display:block; border:none; margin:2px 0 4px; padding-left:0px !important;}

#page-left-nav-bottom
{
	width:262px;
	height:240px;
	margin-top:45px;
	background-color:#002f53;
	background-image:url('../Images/Structure/left-nav-dark-wave-cap.jpg');
	background-repeat:no-repeat;
	background-position:top left;
}
#page-left-nav-bottom-padded
{
	padding:55px 20px;
}

#page-left-nav-bottom-padded .whale-exhibit-callout{width:190px; margin: 0px auto;}

#page-left-nav-bottom-padded img { margin-top:8px; }
#page-left-nav-bottom-padded h2
{
	margin:0;
	padding:0;
	color:#50cfff;
	font-size:100%;
}
#page-left-nav-bottom-padded p
{
	color:#baecff;
	margin:5px 0 0 0;padding:0 5px 0 0;
	font-size:60%;
}
#page-left-nav-bottom-padded a
{
	color:#ff5a00;
	font-size:70%;
	text-decoration:none;
}
#page-left-nav-bottom-repeat
{
	height:80px;
	background-color:#002f53;
	background-image:url('../Images/Structure/left-nav-dark-blue.jpg');
	background-repeat:repeat-y;
	background-position:top right;
}
#page-body-content 
{
	width:696px;
	float:right;
	margin-right:0px;
	display:inline; /* ie double margin bug fix */
}
#page-body-content-padded
{
	margin:25px;
}
#page-body-content-padded h1
{
	font-size:150%;
	font-weight:normal;
	margin:0 0 10px;
	padding:0;
}
#page-body-content-padded h1 strong
{
	color:#ff5a00;
}
#page-body-content-padded h2
{
	color:#ff5a00;
	font-size:110%;
	font-weight:normal;
	margin:10px 0 0 0;
	padding:0;
}
#page-body-content-padded p 
{
	font-size:80%;
	line-height:20px;
}

#page-body-content-padded li
{
	font-size:80%;
	line-height:20px;
}

#page-body-content-padded a
{
	line-height:20px;
}

#page-bottom
{
	height:76px;
	background-image:url('../Images/Structure/page-bottom.jpg');
	background-repeat:no-repeat;
}
#footer-top { margin-top:20px; }
#footer-top #footer-top-left { float:left; }
#footer-top #footer-top-left ul { margin:0; padding:0; }
#footer-top #footer-top-left ul li 
{
	list-style:none;
	display:inline;
	padding:0 10px 0 10px;
	border-right:solid #3082a4 1px;	
}
#footer-top #footer-top-left ul li.last
{
	border:none;
}
#footer-top #footer-top-left ul li a
{
	color:#4bcaff;
	font-size:70%;
	text-decoration:none;
}
#footer-top #footer-top-left ul li a:hover { color:#FFFFFF; }
#footer-top #footer-top-left ul li a.selected { color:#FFFFFF; }

#footer-top #footer-top-right { float:right;}
#footer-top #footer-top-right p { margin:5px 5px 0 0; padding:0; color:#4bcaff; font-size:70%; }

#footer-bottom 
{
	margin: 10px 0 0 0; 
	background-color:#045e80;
	height:41px;
}
#footer-bottom .left-cap { float:left; }
#footer-bottom .right-cap { float:right; }
#footer-bottom ul { float:left; margin:10px 0 0 15px;padding:0; }
#footer-bottom ul li
{
	list-style:none;
	display:inline;
	padding:0 8px;
	border-right:solid #06759f 1px;
}
#footer-bottom ul li.last { border:none; padding-right: 0; }
#footer-bottom ul li a
{
	color:#a2d6ec;
	font-size:70%;
	text-decoration:none;
	font-weight:normal !important;
}
#footer-copyright .left {float:left; text-align:left; width:400px;}
#footer-copyright .right {float:right; text-align:right; width:400px;}
#footer-copyright p
{
	margin:10px 0 30px 0;
	padding:0;
	font-size:70%;
	color:#4392b1;
	text-transform:uppercase;
}

#footer-copyright p a{color:inherit;}
/* home page */
#flash-placeholder
{
	height:355px;
}
#home-lower-left
{
	width:329px;
	height:140px;
	float:left;
	margin-left:3px;
	display:inline;
	background-image:url('../Images/Structure/home_lower_left.jpg');
	background-repeat:no-repeat;
}
#home-lower-center
{
	width:313px;
	height:140px;
	float:left;
	background-image:url('../Images/Structure/home_lower_center.jpg');
	background-repeat:no-repeat;
}
#home-lower-right
{
	width:318px;
	height:140px;
	float:left;
	background-image:url('../Images/Structure/home_lower_right.jpg');
	background-repeat:no-repeat;
}

#home-lower-left img,#home-lower-center img,#home-lower-right img
{
	float:left;
	width:120px;
	height:101px;
	padding:20px;
}

#home-lower-left .text,#home-lower-center .text,#home-lower-right .text
{
	float:left;
	width:150px;
	padding:15px 0;
}

#home-lower-left .text h1,#home-lower-center .text h1,#home-lower-right .text h1
{
	color:#ff5a00;
	font-size:120%;
	margin:0px;
	padding:0px;
	line-height: 20px;
}

#home-lower-left .text p,#home-lower-center .text p,#home-lower-right .text p
{
	color:#A2D6EC;
	font-size:70%;
	margin:3px 0;
	
}

#home-lower-left .text a,#home-lower-center .text a,#home-lower-right .text a
{
	color:#ff5a00;
	text-decoration:none;
}

#tickets-container #tickets-left
{
	float:left;
}
#tickets-container #tickets-right
{
	float:right;
}

/* schedule page */
#schedule-table, #1812-salute-rates{margin:15px 0 0 0;}
#schedule-table p, #1812-salute-rates p
{
	padding:0;
	margin:0;
}
#schedule-table .headline,
#1812-salute-rates .headline
{
	background-color:#eaedd8;
	margin:0;
	padding:10px 0 10px 20px;
	height:20px;
}
#schedule-table .date-block,
#1812-salute-rates .date-block
{
	
	background-color:#fafbf6;
	margin:2px 0 0 0;
	padding:0 0 10px 20px;
}
#schedule-table .date-block p, #1812-salute-rates .date-block p { font-size:75%; }
#schedule-table .date-block h3,
#1812-salute-rates .date-block h3
{
	font-size:80%;
	color:#4bcaff;
	padding:15px 0 0 0;
	margin:0;
}
#rates-table
{
	width:100%;
	margin:15px 0 0 0;
}
.rates-table{width:100%;}
#rates-table td, .rates-table td { background-color:#fbfcf7; }
#rates-table td.center, .rates-table td.center { text-align:center; }
#rates-table p, .rates-table p { margin:0; padding:0; }
#rates-table .capt, .rates-table .capt { background-color:#eaedd8; padding:0 0 0 20px; }
.rates-table .capt{padding:0;}
#rates-table .rateheader, .rates-table .rateheader { background-color:#f5f7ec; }
.rates-table .rateheader-alt{background-color:#f2f5d8; }
.rates-table .rateheader, .rates-table .rateheader-alt {text-align:center;}
.rates-table .rate-service-section {padding:10px 20px; text-align:left;}
.rates-table .rate-header-blue {background-color:#20aade; color:#ffffff; font-weight:bold; padding:2px 0px 2px 0px;}

#rates-table .fineprint, .rates-table .fineprint { font-size:90%; padding:0 0 0 20px;}
.rates-table .schedule-bound-header, .rates-table .schedule-hub-header{color:#244662; font-weight:bold; text-align:center; padding:5px 0;}
.rates-table .schedule-bound-header{background-color:#a2dbef; }
.rates-table .schedule-hub-header{background-color:#dbecf2; }
#finedetails p, finedetails p { font-size:75%; margin:0; padding:0;}
#finedetails h2, finedetails h2 { font-size:110%; }
#finedetails ul, finedetails ul { margin:0;padding:0;}
#finedetails ul li, finedetails ul li { margin:0 0 0 15px; }

.commuter-link{color:#20aade; font-weight:bold;}
.blue{color:#20aade !important; font-size:130% !important;}

#times ul {
	margin: 0;
	padding: 0;
}

#times ul li {
	list-style: none;
	position: relative;
	font-size: 80%;
}

#times ul li span {
	position: absolute;
	left: 0;
	font-weight: bold;
	text-decoration: underline;
}

#times ul li strong {
	position: relative;
	left: 70px;
	font-weight: normal;
	text-transform: uppercase;
}

table.calendar {
	text-align: center;
	font-size: 80%;
}

table.calendar .header {
	font-weight: bold;
	background-color: #eaeed9;
}

table.calendar th {
	text-align: center;
	padding: 10px;
}

table.calendar td {
	text-align: center;
 	padding: 10px;
}

table.calendar .current {
	background-color: #dbecf2;
	font-weight: bold;
	color: #60c2e8;
}

/* whale bios */
.whale-bio{
    margin-bottom:25px;
}

.whale-bio h2{
    color:#022A4A !important;
    margin-bottom:8px !important;
}

.whale-bio .img-div{
    float:left;
    margin-right:17px;
    width:141px;
}

.whale-bio .img-div img{
    border-width:0px;
}

.whale-bio .bio-div{
    float:right;
    width:480px;
}

.whale-bio div p{
    margin:0;
}




/* ----- BHC Weddings Sub-Category CSS /// add into real CSS later ----- */
/* ----- also using for celebrations sub-category ----- */

.weddings ul, .celebrations ul { 
	font-weight:bold;
	margin:0px;
	padding:0px 0px 0px 15px;
}


.weddings ul li, .celebrations ul li {
	font-size:80%;
	font-weight:normal;
	margin:0px;
	padding:5px 0px 0px 0px;
}

.weddings h3, .celebrations h3 {
	font-size:100%;
	margin:25px 0px 0px 0px;
}

.weddings h4, .celebrations h4 {
	font-size:90%;
	margin:25px 0px 0px 0px;
}

.weddings p, .celebrations p {
	margin-top:3px;
}

.weddings table, .celebrations table {
	text-align:left; 
	font-size:80%;
	padding-bottom:25px;
	width:400px;
}

.weddings table td{padding:3px 0px; }

.celebrations table td {padding:3px 0px; width:50%;}

.weddings table th, .celebrations table th { width:20%; text-align:left; }



	/* ----- Online Planner ----- */
	
	
	h1.weddingPlan {
		color:#ff5a00;
		font-size:29px;
	}
	
	.planSection {
		border-top:1px solid #003155;
		clear:both;
		padding:18px 0px 0px 0px;
	}
	
	.clearFix { width: 100%; height: 1px; margin: 0 0 -1px; clear: both; }
	
	.planSection p { color:#002d4f; margin:0px 0px 25px 0px; }
	.planSection p input { margin-left:10px; padding-bottom:3px; }
	.planSection ul { list-style:none; margin:0px; padding:0px; }
	.planSection ul li { display:inline; }
	#page-body-content-padded .planSection h2 { font-size:13px; margin:0px; font-weight:bold; }
	
	.planSection .contactInfoLeft { float:left; padding-top:15px; width:250px; }
	.planSection .contactInfoRight { float:left; padding-top:15px; width:300px; }
	
	.planSection .vessel { padding:15px 0px; }
	
	.planSection .eventInfoLeft { float:left; padding-top:5px; width:290px; padding-bottom:20px; _padding-bottom:0px; }
	.planSection .eventInfoRight { float:left; padding-top:5px; padding-left:0px; width:270px; padding-bottom:20px; _padding-bottom:0px; }
	
	.planSection .contactInfoLeft p, .planSection .contactInfoRight p, .planSection .eventInfoLeft p, .planSection .eventInfoRight p { text-align:right; }
	
	.celebrations .planSection .eventInfoLeft p, .celebrations .planSection .eventInfoRight p { text-align: left;	}
	
	.planSection .date, .planSection .altDate { float:left; padding-left:10px; font-size:80%; }
	.celebrations .planSection .date, .celebrations .planSection .altDate { padding-left: 0; }

	.planSection .time { width:105px; }
	
	
	.planSection .assistance { padding-bottom:15px; }
	
	.planSection ul.assistance li, .planSection ul.theme li, .planSection ul.vessel li {
		padding:0px 7px 0px 0px;
	}
	
	#page-body-content-padded .planSection ul.assistance li {
		padding-right:5px;
		font-size:75%;
	}
	
	.planSection ul li input { margin:-2px 4px 0 0; vertical-align:middle; }
	
	.planSection .theme { padding-bottom:15px; }
	
	#page-body-content-padded .planSection p.hear, #page-body-content-padded .planSection p.preferredVessel { margin:15px 0px 20px 0px; }
	
	.planSection .calendar { float:left; border:0px; width:20px; }
	
	.planSection .calendar img { padding-left:3px; border:0px; }
	


/* ----- Nav Adjustment for the new nav 1.22.2010 ----- */

#MainNav {
margin:60px 0 0;
padding:0 0 0 30px;
width:775px;
}

#MainNav ul.main_nav {
float:left;
margin:0 0 0 0;
padding:0;
width:775px;
}

#MainNav ul.main_nav li {
border:0 none;
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 -3px 0 -2px;
padding:0;
}

.concierge-btn{float:right; margin:0px 10px 0px 0px;}


.photo-gallery {width: 520px; margin: 20px 0;}
	.photo-gallery.six-images {width: 620px;}