* {
	margin: 0;
	padding: 0;
}
body, html {
	height: 100%;
}
body, select, input, textarea {
	font: 100%/1.2 arial, helvetica, sans-serif;
}
body {
	text-align: center;
	background: #00663D url(images/body-back.jpg);
	background-repeat: repeat-x;
}
#container {
	position: relative;
	width: 950px;
	_overflow: hidden;
	text-align: left;
	
	/*background:url(images/container-back.jpg);*/background: #fff;
	margin: 0 auto;
}
#container #header {
	position: relative;
	height: 185px;
	background: url(images/header.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#container #header a#home span {
	margin-left: -1000em;
}
#container #header a#home {
	display: block;
	position: absolute;
	top: 50px;
	left: 0;
	height: 120px;
	width: 620px;
}
#container #header h1, #container #header h2 {
	margin-left: -1000em;
}
#container #header #reserve {
	position: absolute;
	right: 0px;
	top: 60px;
	width: 250px;
	height: 100px;
	color: #fff;
	font-size: 1.2em;
}
#container #header #reserve p {
	margin-left: -1000em;
}
#container #header #reserve a#button {
	position: absolute;
	top: 60px;
	left: 0px;
	display: block;
	width: 250px;
	height: 25px;
}
#container #header #reserve a#button span {
	margin-left: -1000em;
}
#container #header #facebook {
	position: absolute;
	top: 5px;
	left: 670px;
	width: 160px;
	height: 23px;
}
#container #header #french {
	position: absolute;
	top: 5px;
	left: 850px;
	width: 100px;
	height: 23px;
}
#container #header #facebook span, #container #header #french span {
	margin-left: -1000em;
}
#secondarynav {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 4px 0;
	font-size: 12px;
	color: #fff;
	height: 35px;

}
#secondarynav a {
	color: #fff;
	text-decoration: none;
	margin: 0 4px;
}
#secondarynav a:hover {

}
#container #photo {
	position: relative;
}
#container .index {
	height: 300px;
	background: url(images/header-index.jpg);
}
#container .directions {
	
	
	/*border-top: 4px solid #fff;*/height: 200px;
	background: url(images/header-directions.jpg);
}
#container .reservations {
	
	
	/*border-top: 4px solid #fff;*/height: 200px;
	background: url(images/header-front.jpg);
}
#container .specials {
	
	
	/*border-top: 4px solid #fff;*/height: 200px;
	background: url(images/header-pool.jpg);
}

#container .activities {
	
	
	height: 200px;
	background: url(images/header-activities.jpg);
}

#container .about {
	height: 200px;
	
	/*border-top: 4px solid #fff;*/background: url(images/picture-happycampers.jpg);
}
#container #menu {
	position: relative;
	height: 37px;
	background: #2A1003;
	
	/*background:#288077 url(images/menu-back.jpg);
background-repeat:no-repeat;*/z-index: 8;
}
#menu #nav {
	z-index: 99;
}
#menu #nav li {
	display: inline;
	float: left;
	position: relative;
	margin: 9px 14px 0;
	list-style: none;
}
#menu #nav a:hover {
	color: #C4F2FF;
}
#menu #nav li.sub {
	float: right;
	font-size: 12px;
	margin: 12px 12px 0;
	text-align: center;
}
#menu #nav li.sub a {
	font-size: 13px;
	margin: 0;
	padding: 0;
	height: 14px;
}
/* MENU STYLES */

#nav, #nav ul {
	/* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 99;
}
#nav li.more {
	padding-right: 15px;
	background: url(images/morearrow.jpg);
	background-position: 100% 20%;
	background-repeat: no-repeat;
}
#nav a {
	text-decoration: none;
	color: #fff;
	display: block;
	float: left;
	height: 27px;
	font-family: arial, helvetica, sans-serif;
	font-size: 15px;
}
#nav .reservation {
	font-weight: 800;
	/*text-transform:uppercase;*/
	color:#28C746;
}
#nav li ul {
	
	
	/* second-level lists */position: absolute;
	background-position: top left;
	background-repeat: repeat-x;
	width: 13em;
	left: -999em;
	
	/* using left instead of display to hide menus because display: none isn't read by screen readers */z-index: 98;
	padding: 0;
	/*background: url(images/dropdown-back.jpg);*/
	background:#2A1003;
	/*border-left: 1px solid #4B6677;
	border-right: 1px solid #4B6677;
	border-bottom: 1px solid #4B6677;*/
}
#nav li:hover ul, #nav li.sfhover ul {
	
	
	/* lists nested under hovered list items */left: -5px;
	top: 27px;
	left: 0px;
	z-index: 98;
}
#menu #nav li ul li {
	display: block;
	width: 13em;
	margin: 0;
}
#nav li ul li a {
	display: block;
	font-size: 12px;
	height: 20px;
	width: 13em;
	padding: 5px 7px;
}
#nav li ul li a:hover {
	color: #B0FFFB;
	width: 13em;
}
/* END MENU STYLES */

#container #content {
	position: relative;
	padding: 0 0 30px;
}

#container #content #sidebar {
	float: right;
	width: 200px;
	padding: 40px 30px 0 20px;
}
#container #content #leftcol {
	width: 420px;
	float: left;
	padding: 22px 0 0 20px;
	_padding: 22px 0 0 0px;
}

#container #content #leftcol ul.special {
	;
}
#container #content #leftcol ul.special li {
	margin: 5px 0 0;
	width: 210px;
	float: left;
	display: block;
	background: #eee;
	height: 150px;
}

#container #content #text {
	position: relative;
	padding: 10px 25px;
}
#container #content #text.rightcol {
	float: right;
	width: 450px;
}
#container #content #text.sidebar {
	width: 650px;
	float: left;
}
#container #content #text.rightcol h2 {
	color: #01A1AB;
	font-size: 1.3em;
	font-family: arial, helvetica, sans-serif;
	font-weight: 400;
	margin: 20px 0 7px;
}
#container #content #text p, #container #content #sidebar p, #container #content #leftcol p {
	font-size: .8em;
	line-height: 19px;
	margin: 5px 0 15px;
}

#container #content #sidebar p
{
color:#333;
font-size:11px;
text-align:justify;
}

#container #content #text .countdown
{
margin:20px 0;
/*padding:10px;*/
/*background:#F79C1A;*/
font-size:16px;
color:#DE7E00;
font-weight:800;
}

#container #content #text p.intro {
	font-size: .9em;
	color: #00871D;
	font-weight: 800;
	line-height: 18px;
	margin: 5px 0 10px;
}

#container #content #text p.light {
color:#088EB4;
}

#container #content #text .terms {
	color: #666;
	font-size: .7em;
	margin: 10px 0;
	background: #eee;
	padding: 10px 15px;
}
#container #content #text img.r {
	padding: 0 0 15px 15px;
}
#container #content #text img.l {
	padding: 0 15px 15px 0;
}
#container #content #text ul {
	margin: 0 0 0 30px;
}
#container #content #text ul li {
	font-size: .8em;
	list-style: disc;
	margin: 0 0 10px;
}
#container #content #text img {
	border: 0;
}
#container #content #text img.map {
	margin-left: -25px;
	margin-right: -25px;
}
#container #content #text a {
	color: #00625A;
}
#container #content #text h2 {
	color: #01A1AB;
	font-size: 1.5em;
	font-weight: 400;
	margin: 20px 0 15px;
}
#container #content #text h3 {
	color: #285D80;
	font-weight: 800;
	font-size:21px;
	margin: 20px 0 15px;
}
#container #content #text h4 {
	color: #285D80;
	font-weight: 800;
	margin: 20px 0 5px;
}
#container #content #text h5 {
	color: #285D80;
	font-weight: 400;
	margin: 20px 0 15px;
}


#container #content .col
{
margin:0 30px;
width:350px;
float:left;
}

#container #content.attractions
{
padding: 0 0 90px;
background:url(images/back-attractions.jpg);
background-position:100% 100%;
background-repeat:no-repeat;
}


.floatright
{
float:right;
margin:0 0 15px 20px;
}

/* Activites table styles */

table.activity
{
margin:10px 0;	
}

table.activity td
{
	padding:7px 7px 15px;
	font-size:12px;
	border-bottom:1px solid #ddd;
}


/* Cabin table styles */

table.cabins
{
margin:10px 0;
}

table.cabins th
{
vertical-align:top;
padding:5px 0;
border-bottom:1px solid #ddd;
width:150px;
}

table.cabins td
{
vertical-align:top;
padding:5px;
border-bottom:1px solid #ddd;
}


table.cabins tr.odd
{
background:#eee;
}

#container #content #text table.cabins td li
{
font-size:11px;
margin:0 0 3px;
}

/* Rates Table */

table.rates
{
border-top:1px solid #333;
border-left:1px solid #333;
}

table.rates th
{
border-right:1px solid #333;
border-bottom:1px solid #333;
text-align:center;
padding:4px;
}

table.rates td
{
background:#8ABDDA;
padding:4px;
font-size:13px;
border-bottom:1px solid #333;
border-right:1px solid #333;
}

table.rates .shade td
{
background:#578AA4;
}

table.rates .big
{
font-size:16px;
font-weight:800;
text-align:center;
}

table.rates2
{
border-top:1px solid #333;
border-left:1px solid #333;
}

table.rates2 th
{
border-right:1px solid #333;
border-bottom:1px solid #333;
text-align:center;
padding:4px;
}

table.rates2 th.express
{
background:#eee;
}

table.rates2 td
{
background:#75C47B;
padding:4px;
font-size:13px;
border-bottom:1px solid #333;
border-right:1px solid #333;
}

table.rates2 .shade td
{
background:#4D9C56;
}

table.rates2 .big
{
font-size:16px;
font-weight:800;
text-align:center;
}

/* Reservations form styles */

form.reserve
{
margin:20px 0;
}

form.reserve table
{
margin:0 0 15px;
}

form.reserve table td
{
padding:5px 5px 15px;
font-size:12px;
/*border-bottom:1px solid #eee;*/
line-height:17px;
vertical-align:top;
}

form.reserve input, form.reserve textarea
{
padding:2px;
font-size:12px;
color:#333;
margin:0 7px 0 0;
}

form.reserve input.submit
{
background:#75C47B;
border:3px solid #51A059;
font-size:15px;
}

form.reserve select, form.reserve option
{
padding:2px;
font-size:11px;
}

form.reserve .required
{
color:#CF8000;
font-weight:800;
}


/* Employment form styles */

a#apply
{
display:block;
width:200px;
height:50px;
background:url(images/apply-online.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}

a#apply:hover
{
background-position:top left;
}

a#apply span
{
margin-left:-1000em;
}


form.employment fieldset
{
/*background:#EDE1C7;*/
border-top:5px solid #7DD6E1;
border-left:none;
border-right:none;
border-bottom:none;
margin:10px 0;
padding:15px;
}

form.employment legend
{
padding:0 5px;
color:#006B8D;
margin:0 0 0 -5px;
font-size:18px;
}

form.employment table
{
width:100%;
}

form.employment th
{
font-size:13px;
text-align:center;
padding:0 5px;
}

form.employment td
{
text-align:center;
padding:10px 5px;
font-size:12px;
border:0;
line-height:17px;
vertical-align:top;
border-bottom:1px solid #eee;
vertical-align:middle;
}

#container #content #text form.employment ul, #container #content #text form.employment li
{
list-style:none;
}

#container #content #text form.employment li
{

}

form.employment  input.text
{
border:1px solid #ccc;
padding:3px 5px;
margin:0 0 2px;
}

form.employment .fieldname
{
float:left;
width:200px;
padding:3px 10px 3px 0;
}

form.employment .required 
{
color:#CF8000;
font-weight:800;
}


/* Footer Styles */


#container .clearfooter {
	clear: both;
	
	/*height: 100px;*/;
}

#footer {
	clear: both;
	width: 950px;
	height: 100px;
	margin: 0 auto;
	position: relative;
text-align:left;
padding:17px 0 0;	
	background: url(images/body-back.jpg);
	background-position:0 -100px;
	background-repeat:repeat-x;
}
#footer p {
	font-size: .7em;
	color: #fff;
	line-height: 18px;
	margin: 0 0 10px;
	padding: 0 15px;
}
#footer a {
color: #75CA99;
}

#footer .logos img
{
border:0;
margin-right:7px;
}

#footer span.credit {
	color: #fff;
}

#footer span.credit a {
	color: #75CA99;
}

/* Sitewide styles */

hr {
	height: 1px;
	border: 1px solid #eee;
	background: #eee;
}

span.cap
{
text-transform:uppercase;
}

img.r
{
float:right;
position:relative;
margin:0 0 10px 20px;
}


img.l
{
float:left;
position:relative;
margin:0 20px 10px 0;
}

.clear
{
clear:both;
}


/* Lightbox styles */

#lightbox {
	background-color: #eee;
	padding: 15px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}
#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
}
#lightboxCaption {
	float: left;
}
#keyboardMsg {
	float: right;
}
#lightbox img {
	border: none;
}
#overlay img {
	border: none;
}
#overlay {
	background-image: url(images/overlay.png');
}
* html #overlay {
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}