/* @override http://turtlebay.org/css/main.css */

body {
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: #666666;
	margin: 0;
	padding: 0;
	background: #2E5A89 url(../images/bg_header.jpg) no-repeat center top;
}

p, li, dd {
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	letter-spacing: .005em;
	line-height: 1.5em;
	color: #666666;
	margin: 12px 0;
	padding: 0;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.65em;
	letter-spacing: .04em;
	font-weight: normal;
	color: #003758;
	padding: 0;
	margin: 28px 0 12px 0;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em;
	letter-spacing: .085em;
	font-weight: bold;
	text-transform: uppercase;
	color: #806111;
	border-bottom: 1px solid #D2CBB1;
	padding: 0 0 2px 0;
	margin: 22px 0 0 0;
	clear: left;
}

h3 {
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	letter-spacing: .005em;
	font-weight: bold;
	color: #005383;
	padding: 0;
}

.darkBlue {
	color: #005383;
}

strong {
	color: #4092C3;
}

ul {
	list-style: none;
	margin: 12px 0;
	padding: 0;
	list-style-image: url(../images/bulletImage.gif);
}

ul li {
	margin: 0 12px;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

/* @group homeLayout */

.thrColFixHdr #container {
	width: 955px;
	margin: 0 auto;
	text-align: left;
	background-color: #F3F0E9;
	padding-bottom: 10px;
	z-index: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.thrColFixHdr #sidebar1 {
	float: left;
	width: 290px;
	margin: 0;
	padding: 0 0 0 20px;
}

.thrColFixHdr #sidebar2 {
	float: right;
	width: 290px;
	margin: 0;
	padding: 0 20px 0 0;
}

.thrColFixHdr #mainContent {
	float: left;
	width: 290px;
	margin: 0;
	padding: 0 0 0 20px;
}

.thrColFixHdr #footer {
	padding: 20px 10px;
	

/* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align: center;
	position: relative;
}

.thrColFixHdr #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: 18px 0;

/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #b0e0f1;
	font-size: x-small;
}

.thrColFixHdr #txtNav {
	margin: 0 0 20px 0;
	padding: 10px;
	border-bottom: #4092C3 solid 1px;
}

.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;
}

/* @end */

/* @group 2columnLayout */

.twoColFixHdr #container {
	width: 955px;
	margin: 0 auto;
	text-align: left;
	background-color: #F3F0E9;
	z-index: 0;
	padding-bottom: 10px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.twoColFixHdr #sidebar1 {
	float: left;
	width: 220px;
	margin: 0;
	padding: 5px 0 5px 20px;
}

.twoColFixHdr.floatMenuBody #sidebar1 {
	position:absolute;
	float: left;
	top: 362px;
	/*top:150px;*/
	/*right:50%;*/
	/*margin-right:235px;*/
	margin: 0px;
	width:220px;
	height: 600px;
	/*padding-top: 215px;*/
	padding: 0 0 0 20px;
	z-index: 20;
}
.twoColFixHdr.floatMenuBody2 #sidebar1 {
	/*position:absolute;*/
	float:left;
	width:220px;
	margin: 0;
	padding: 0 0 0 20px;
	z-index: 20;
}

.twoColFixHdr #mainContent {
	float: left;
	width: 670px;
	margin: 0;
	padding: 0 20px 0 20px;
}
.twoColFixHdr.floatMenuBody #mainContent {
	padding-left: 265px;
}

.twoColFixHdr.floatMenuBody2 #mainContent {
	float: right;
	width: 675px;
}

.twoColFixHdr #footer {
	padding: 10px;
	

/* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align: center;
	position: relative;
	z-index: 10;
}

.twoColFixHdr #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: 18px 0;

/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #80B7D7;
	font-size: x-small;
}

.twoColFixHdr #txtNav {
	margin: 0 0 20px 0;
	padding: 10px;
	border-bottom: #4092C3 solid 1px;
}

/* @end */

/* @group Header */

#headerContainer {
	width: 100%;
	height: 87px;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}

#headerContainer h1 {
	line-height: 0.001em;
	padding: 0;
	margin: 0;
}

#header {
	width: 955px;
	margin: 0 auto;
	position: relative;
	display: block;
	padding: 20px 0 0;
	text-align: left;
}

#header h1 a {
	margin: 0;
	width: 394px;
	height: 44px;
	background: url(../images/logo_turtlebay_header.png) no-repeat 0 0;
	

/*position: absolute;*/
	display: block;
	text-indent: -9999px;
	border: none;
	overflow: hidden;
	padding: 0;
}

/* @end */

/* @group Link Styles */

a:link {
	color: #005383;
	text-decoration: underline;
}

#footer a:link, #footer a:visited {
	color: #80B7D7;
	text-decoration: underline;
}

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

a:visited {
	color: #005383;
	text-decoration: underline;
}

a:hover {
	color: #4092C3;
	text-decoration: none;
}

a:active {
	color: #005383;
	text-decoration: underline;
}

a.footLink:link {
	padding: 8px 10px;
	color: #006EAF;
	font-size: 0.75em;
}

a.footLink:visited {
	padding: 8px 10px;
	color: #006EAF;
	font-size: 0.75em;
}

a.footLink:hover {
	padding: 8px 10px;
	color: #005383;
	font-size: 0.75em;
}

a.footLink:active {
	padding: 8px 10px;
	color: #005383;
	font-size: 0.75em;
}

p#cookieCrumb {
	position: relative;
	top: 0;
	right: -30px;
	float: right;
	margin: 6px 0;
	padding: 0;
	text-align: right;
}

/* @end */

/* @group Nav Column Styles */

div#navColumn {
	margin: 15px 0 0 0;
	padding: 15px 10px;
	background: #80B7D7 url(../images/navColumn-bg.gif) top left no-repeat;
	min-height: 150px;
	width: 200px;
}

div#navColumnCap {
	margin: 0 0 15px 0;
	padding: 0;
	width: 220px;
	height: 5px;
	background: transparent url(../images/navColumn-footCap.gif) top left no-repeat;
}

div#navColumn h2 {
	color: #003758;
	border-bottom: 1px solid #91AFC3;
	margin: 0 0 12px 0;
}

div#navColumn h2 a:link, div#navColumn h2 a:visited, div#navColumn h2 a:hover, div#navColumn h2 a:active {
	text-decoration: none;
}

div#navColumn ul {
	list-style-image: none;
}

div#navColumn ul li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.015em;
	margin: 0 0 3px 0;
	padding: 0;
	display: block;
}

div#navColumn ul li a:link {
	color: #003758;
	padding: 3px 10px 4px 10px;
	text-decoration: none;
	display: block;
}

div#navColumn ul li a:visited {
	color: #003758;
	padding: 3px 10px 4px 10px;
	text-decoration: none;
	display: block;
}

div#navColumn ul li a:hover, div#navColumn ul li.selected a {
	color: #fff;
	text-decoration: none;
	padding: 3px 10px 4px 10px;
	display: block;
	

/*background: transparent url(../images/navColumnLi-topCap.gif) no-repeat left;*/
	background-color: #587f95;
}

div#navColumn ul li a:active {
	color: #003758;
	padding: 3px 10px 4px 10px;
	text-decoration: none;
	display: block;
}

/* @end */

/* @group Fact Column Styles */

div#factColumn {
	margin: 15px 0 0 0;
	padding: 15px 10px;
	background: #FFE090 url(../images/factColumn-bg.gif) top left no-repeat;
	min-height: 150px;
	width: 200px;
}

div#factColumnCap {
	margin: 0 0 15px 0;
	padding: 0;
	width: 220px;
	height: 5px;
	background: transparent url(../images/factColumn-footCap.gif) top left no-repeat;
}

div#factColumn h2 {
	margin: 0 0 12px 0;
}

div#factColumn p {
	color: #806111;
}

div#factColumn p strong {
	color: #806111;
}

/* @end */

/* @group DL Styles */

dl.catListing dt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em;
	letter-spacing: .085em;
	font-weight: bold;
	text-transform: uppercase;
	color: #806111;
	border-bottom: 1px solid #D2CBB1;
	padding: 0 0 2px 0;
	margin: 22px 0 0 10px;
}

dl.catListing dd {
	margin-top: 4px;
}

dl.catListing dt a:link {
	color: #806111;
	text-decoration: none;
}

dl.catListing dt a:visited {
	color: #806111;
	text-decoration: none;
}

dl.catListing dt a:hover {
	color: #005383;
	text-decoration: none;
}

dl.catListing dt a:active {
	color: #806111;
	text-decoration: none;
}

dl.catListing dd a:link {
	color: #666666;
	display: block;
	text-decoration: none;
	padding: 10px;
}

dl.catListing dd a:visited {
	color: #666666;
	display: block;
	text-decoration: none;
	padding: 10px;
}

dl.catListing dd a:hover {
	color: #005383;
	text-decoration: none;
	display: block;
	padding: 10px;
	background: #FFF0C8 url(../images/dd-hoverBG.gif) top left repeat-x;
}

dl.catListing dd a:active {
	color: #666666;
	display: block;
	text-decoration: none;
	padding: 10px;
}

/* @end */

/* @group Images Styles */

.imgThumb {
	float: right;
	width: 110px;
	position: relative;
	top: 14px;
	margin-left: 8px;
	margin-bottom: 12px;
	border: 4px #FFE090 solid;
}

.dlThumb {
	float: right;
	clear: right;
	width: 110px;
	position: relative;
	top: 2px;
	margin-left: 8px;
	margin-bottom: 12px;
	border: 4px #FFE090 solid;
}

.imgBorder {
	border: 4px #FFE090 solid;
}

.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;
	border: 4px #FFE090 solid;
}

.fltlft {


/* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	border: 4px #FFE090 solid;
}

/* @end */

/* @group Button Styles */

a.btnBuyNow img {
	width: 70px;
	height: 20px;
	border: none;
}

a.btnBuyNow:link img {
	background: url(../images/btn-buyNow.gif) top left no-repeat;
}

a.btnBuyNow:hover img {
	background: url(../images/btn-buyNow-ovr.gif) top left no-repeat;
}

a.btnBuyNow:visited img {
	background: url(../images/btn-buyNow.gif) top left no-repeat;
}

a.btnBuyNow:active img {
	background: url(../images/btn-buyNow-ovr.gif) top left no-repeat;
}

a.btnLearnMore img {
	width: 81px;
	height: 20px;
	border: none;
}

a.btnLearnMore:link img {
	background: url(../images/btn-learnMore.gif) top left no-repeat;
}

a.btnLearnMore:hover img {
	background: url(../images/btn-learnMore-ovr.gif) top left no-repeat;
}

a.btnLearnMore:visited img {
	background: url(../images/btn-learnMore.gif) top left no-repeat;
}

a.btnLearnMore:active img {
	background: url(../images/btn-learnMore-ovr.gif) top left no-repeat;
}

a.btnSignUp img {
	width: 85px;
	height: 20px;
	border: none;
	margin-top: 5px;
}

a.btnSignUp:link img {
	background: url(../images/btn-signUp.gif) top left no-repeat;
}

a.btnSignUp:hover img {
	background: url(../images/btn-signUp-ovr.gif) top left no-repeat;
}

a.btnSignUp:visited img {
	background: url(../images/btn-signUp.gif) top left no-repeat;
}

a.btnSignUp:active img {
	background: url(../images/btn-signUp.gif) top left no-repeat;
}

/* @end */

/* @group Calendar Styles */

.calendarDescription {
	float: left;
	width: 235px;
	position: relative;
	top: 18px;
}

.calendarDescription h3 {
	margin: 0;
	padding: 0;
}

ul.calendarLearnMore {
	clear: both;
	top: -24px;
	left: 12px;
}

.calendarIcon {
	position: relative;
	top: 12px;
	float: left;
	clear: left;
	width: 47px;
	height: 47px;
	margin: 4px 10px 30px 0;
	background: url(../images/dateIcon.gif) top left no-repeat;
}

p.month {
	position: relative;
	top: -6px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: .06em;
	color: #BF9119;
}

p.date {
	position: relative;
	top: -24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	text-align: center;
	font-weight: bold;
	letter-spacing: .08em;
	color: #806111;
}

/* @end */

/* @group Human. Nature. Fact Styles */

p.fact {
	color: #005383;
}

p.fact strong {
	color: #003758;
}

/* @end */

/* @group Sitemap */

#sitemap ul li {
	font-size: 1em;
	padding: 0 10px;
}

#sitemap ul {
	padding: 0 0;
	margin: 0;
	line-height: 1em;
}

#sitemap ul li ul li {
	margin-bottom: 20px;
}

#sitemap ul li ul li ul li {
	margin-bottom: 0;
}

/* @end */

span.navsearch-label {
	display: none;
}

form.search {
	display: block;
	position: relative;
	margin: 0;
	padding: .3em 0 0 0;
	height: 8px;
	width: 185px;
	float: right;
	z-index: 10;
}

input.navsearch, input#CAT_Custom_102616_Max {
	width: 140px;
	font-size: 12px;
	color: #999;
	padding: 2px 5px 3px 19px;
	background: #fff url(../images/magnify-glass.jpg) no-repeat 2px 1px;
	border: 1px solid #999;
}
input#CAT_Custom_102616_Max {
	width: 127px;
	padding: 5px 5px 5px 35px;
	background: #fff url(../images/input-date-icon.jpg) no-repeat 5px 5px;
	
}

div#datepicker.dpDiv {
	padding-top: 300px;	
}
div#topnav {
	display: block;
	position: absolute;
	right: 20px;
	top: 46px;
	width: 200px;
}

div#topnav ul {
	list-style: none;
	line-height: 1em;
	list-style-image: none;
	padding: 0;
	margin: 0;
	text-align: right;
}

div#topnav ul li {
	margin: 0;
	padding: 0;
	display: inline;
}

div#topnav a:link, div#topnav a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	border-right: 1px solid #1c3447;
	padding: 0 12px 0 11px;
	font: 1.25em Georgia, "Times New Roman", Times, serif;
	letter-spacing: .1em;
}

div#topnav a:hover {
	color: #bfe2fd;
}

div#topnav li#last a {
	border-right: none;
	padding-right: 0;
}

#footer {
	background: url(../images/bg_footer.jpg) no-repeat center top;
}

#column1 {
	float: left;
	width: 580px;
	

/*width: 520px;*/
	margin: 0;
	padding: 0 0 0 20px;
}

#column2 {
	float: right;
	width: 290px;
	

/*width: 350px;*/
	margin: 0;
	padding: 0 20px 0 20px;
	border-left: solid 1px #ccc;
}

div#column1-sub1 {
	float: left;
	width: 270px;
	margin: 0;
	padding: 0;
}
div#column1-sub2 {
	float: right;
	/*padding: 0 0 0 290px;*/
	margin: 0;
	width: 290px;
}

#column1-sub1 div.sm-list-ad a img {
	display: none;
}

#column1-sub1 h3 a, #column1-sub1 h2.list-title {
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #005383;
	border: none;
	margin: 10px 0 10px 0;
	padding: 0;
	letter-spacing: normal;
	text-transform: none;
}
#column1-sub1 h4, #column1-sub1 h3.list-date {
	font-family: Lucida Grande, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	margin: 0;
	padding: 0;
	line-height: 0;
	color: #666;
}

.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;
}

#flash {
	z-index: 0;
	padding: 0;
	margin: 0;
	display: block;
	position: relative;
}

#flash embed {
	z-index: 0;
}

/* @group Form Collapse Thing */

.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;
}

.CollapsiblePanelTab {
	font: bold 0.8em sans-serif;
	background-color: #DDD;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.CollapsiblePanelContent {
	margin: 0px;
	padding: 8px;
}

.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
}

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
}

.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #3399FF;
}

/* @end */

div.sm-list-ad img {
	float: left;
	padding: 0;
	margin: 11px 12px 15px 0;
	border: solid 5px #FFE090;
}
div.events-daily-results span.list-date {
	display: none;
}

/* @group CSS Box */

/* set the image to use and establish the lower-right position */

.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2, .cssbox_head2 {
	background: transparent url(../images/img.php.png) no-repeat bottom right;
}

.cssbox {
	/* intended total box width - padding-right(next) */
	width: 565px !important;
	/* IE Win = width - padding */
	width: 320px;
	/* the gap on the right edge of the image (not content padding) */
	padding-right: 15px;
	/* use to position the box */
	margin: 20px auto;
	background: none;
}

/* set the top-right image */

.cssbox_head {
	background-position: top right;
	/* pull the right image over on top of border */
	margin-right: -15px;
	/* right-image-gap + right-inside padding */
	padding-right: 40px;
	
	background-color: blue;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

/* set the top-left image */

.cssbox_head h2 {
	background-position: top left;
	margin: 0;
	/* reset main site styles*/
	border: 0;
	/* ditto */ /* padding-left = image gap + interior padding ... no padding-right */
	padding: 25px 0 15px 40px;
	height: auto !important;
	height: 1%;
}
.cssbox_head2 {
	background-position: top left;
	background: none;
	display: block;
	position: relative;
	height: 8px;
	margin: 0;
	padding: 25px;
	/*background-position: top left;
	margin: 0;
	border: 0;
	padding: 25px 0 15px 40px;
	height: auto !important;
	height: 20px;
	display: block;*/
}

/* IE Holly Hack */

/* set the lower-left corner image */

.cssbox_body {
	background-position: bottom left;
	margin-right: 25px;
	/* interior-padding right */
	padding: 0px 0 15px 20px;
}

/* mirror .cssbox_head right/left */

.cssbox div.cssbox_body form p {
	padding: 0;
	margin: 0;
}

/* @end */

/* @group CB Rounded Corner Boxe */

/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	border: 1px solid #ffd159;
	background: #ffefc4;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {
	margin:1.1em 0 0.5em;
	}
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background:url(../images/box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(../images/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background:url(../images/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(../images/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(../images/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(../images/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background: #ffefc4;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

.cb form p {
	margin: 0;
}

input#buttontoday70674 {
	margin: 0 40px 4px 0;
	vertical-align: middle;
}
input#buttongo70674 {
	margin: 0 0 4px 8px;
	vertical-align: middle;	
}

/* @end */

table.photogalleryTable {
	background-color: #fff;
	border: 1px solid #d2cbb1;
	display: block;
	padding: 0 0;
	margin: 0;
}

table.photogalleryTable td.photogalleryItem {
	background-color: #666;
	margin: 12px 0 0 12px;
	padding: 0;
	width: 119px;
	height: 119px;
	overflow: hidden;
	display: inline-block;
}