* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
color: #154453;
font-family: Verdana, Arial, Tahoma, sans-serif;
background: #f5f2dd url(img/bg.gif) top center repeat-x;
text-align: center;
height: 100%;
}
body {
font-size: 70%;
}
p {padding: 7px 0 7px 0;}

a {
color: #015a77;
text-decoration: underline;
}
a:hover{
color: #016d90;
text-decoration: none;
}

.hidden { visibility: hidden;}

h1, h2, h3 {
font-weight: bold;
}
h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.3em;
color: #445320;
}
h3 {
font-size: 1.2em;
}
h1 a, #header h2{
color: #fff;
}
.clear { clear: both; }
#mainContainer {
width: 800px;
margin: 0 auto;
min-height: 100%;
text-align: left;
}
* html #mainContainer {
height: 100%;
}
/**************************
HEADER
**************************/
#header {
height: 264px;
background: #d1f6fc url(img/header_bg.gif) repeat-x;
}

#header h1 {
	width: 800px; height: 264px; margin: 0px auto; padding: 0px; background: transparent url("img/header.gif") top center no-repeat; text-indent: -10000px; font-size: 9px;
}
#header h1 a {
	width: 800px; height: 264px; margin: 0px auto; padding: 0px; background: transparent url("img/header.gif") top center no-repeat; display: block; text-decoration: none; 
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
padding-left: 0px;
}
* html .outer {
padding-right: 10px;
}
.inner {
width: 800px;
padding-bottom: 175px;
}
* html .inner {
width: 100%;
}
.float-wrap {
float: left;
width: 800px;
margin-left: -0px; /*** Same length as .outer padding-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: right;
width: 570px;
}
* html #content {
position: relative;  /*** IE needs this  ***/
}
.contentWrap{
padding: 0px;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}

#photoscroll {
	margin: 8px 0px 0px -6px;
	width: 567px;
	height: 261px;
	background: transparent url("img/photo_scroll_bg.gif") top center no-repeat;
	}
	
.scroll_photo {
	padding: 20px 0px 0px 21px;
	}
	
#scroll_buttons {
	margin: 0px 0px 0px -6px;
	width: 517px;
	height: 47px;
	background: transparent url("img/scroll_buttons_bg.gif") top center no-repeat;
	text-align: right;
	padding-right: 50px;
	}	

#imageDiv {position:relative;}

#tallyspace {
	position:relative;
	margin: 0;
	padding-right: 74px;
	font-size: 10px;
	color: #fceb83;	
	}
	
#subheader_graphic h1{
	padding: 0px;
	margin:10px 0px 5px 10px;
	height:46px;
	width:400px;
	/* Default image. More defined below */
	background-image: url("");
	background-position: 0 0;
	background-repeat: no-repeat;
	}

html>body #subheader_graphic h1{
	width:400px;
	height: 46px;
	}

/* specify new images for different pages Look for different ids on body tag */
#Home #subheader_graphic h1{ width: 141px; height: 30px; margin: -25px 0px 10px 0px; background-image: url("img/subheader_welcome.gif"); }
#Calendar-page #subheader_graphic h1{ background-image: url("img/subheader_calendar.gif"); }
#Rates-page #subheader_graphic h1{ background-image: url("img/subheader_rates.gif"); }
#Amenities-page #subheader_graphic h1{ background-image: url("img/subheader_amenities.gif"); }
#Attractions-page #subheader_graphic h1{ background-image: url("img/subheader_attractions.gif"); }
#Contact-page #subheader_graphic h1{ background-image: url("img/subheader_contact.gif"); }

.form {
	border: 1px solid #154453;
	line-height: 18px;
	}
	
.float_left {
	float: left;
	padding-right: 5px;
	}
	
.dividerline {
	clear: left;
	width: 70%;
	height: 2px;
	border-bottom: 1px dashed #788b49;
	padding: 0px 0px 0px 0px;
	margin-bottom: 6px;
	}	
	
.clearline {
	clear: left;
	width: 70%;
	height: 2px;
	}	
	
.photo_right {
	float: right;
	clear: right;
	padding: 5px 5px 10px 5px;
	}
	
.photo_left {
	float: left;
	padding: 5px 20px 5px 0px;
	}
	
.photo_contact {
	float: right;
	clear: right;
	padding: 0px 0px 15px 10px;
	}
	
/**************************
ATTRACTIONS
**************************/	
.callout {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal;
	margin: 0;
	padding: 0px 0px 2px 0px;
	float:left;
	width:555px;
	clear: both;
	}

.callout img {
	width: 100px;
	float:left;
	margin-bottom: 3px;
	border: 2px solid #445320;
	}
	
.callout a {
	width: auto;
	float:left;
	padding-bottom: 0px;
	}	

.callout h2 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-style: bold;
color: #445320;
text-decoration: underline;
margin: 0px;
	}

.callout h2 a {
text-decoration: underline;
color: #445320;
}	

.callout * {
	width:80%;
	float:right;
	}

.callout * * {
	width:auto;
	float:none;
	}
	
.dividerline2 {
	clear: both;
	width: 555px;
	height: 2px;
	border-bottom: 1px dashed #788b49;
	padding: 0px 0px 0px 0px;
	margin-bottom: 6px;
	}	
	
/**************************
LEFT COLUMN
**************************/
#left {
float: left;
width: 215px;
background: transparent url("img/nav_bg.gif") top center no-repeat;
}
* html #left {
position: relative;  /*** IE needs this  ***/
}
#left ul {
list-style: none;
padding-bottom: 4px;
}
#left li {
padding-bottom: 2px;
}

.quickfacts {
	width: 200px;
	margin-left: 30px;
	}
	
/*************************
RIGHT COLUMN
**************************/
#right {
float: right;
width: 1px;
}
* html #right {
position: relative;  /*** IE needs this  ***/
margin-right: 0px; /*** IE gets this margin. ***/
}
#right ul {
list-style: none;
padding-bottom: 0px;
}
#right li {
padding-bottom: 0px;
}
/**************************
FOOTER
**************************/
#footer {
width: 100%;
height: 175px;
margin: 0 auto;
margin-top: -175px;
text-align: center;
background: transparent url("img/footer_bg.gif") top center repeat-x;
color: #83994d;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 10px;
}

#footer a:link, #footer a:active, #footer a:visited, #footer a:hover { 
	color: #9ccbd9;
}

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

#footertext {
padding-top: 144px;
}

#copyright {
padding-top: 3px;
color: #83994d;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 10px;
}

#copyright  a:link, #copyright a:active, #copyright a:visited, #copyright a:hover { 
	color: #7d9445;
	text-decoration: none;
}

#copyright a:hover { 
	color: #95ac5d;
	text-decoration: none;
}