/*

Copyright Notice - - - - - - - - - - - - - - - - - - - - - 
  
This file copyright 2006-2009 Emagineering, LLC
  
Copyright - - - - - - - - - - - - - - - - - - - - -
	
*/

/* Global Styles */

* { 
margin: 0;
padding: 0;
}
body.reservations div#contentInisde p {
font-size:12px;
}
#maincontainer {
	width:900px;
	margin:0 auto;
	background:url(/ACC907_CL1438/Images/bgHomePage.jpg) top left no-repeat;
	background-color:#1C3151;
	min-height: 600px !important;

	}
#wrapperColored {
	width:880px;
	float:left;
	margin:250px 10px 10px 10px; 
	background:#f2e4ad;
	color:#000000;
}



body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	line-height: 1.8em;
	text-align: left;
	background:#1f4578;
	margin:10px 0 0 0;
	background:#1f4578;
}


#footer {
	margin:0 auto;
	text-align:center;
	padding:2px 6px 20px 6px;
	height:20px;
	clear:both;
	font-size:10px;
	background:#1f4578;
}
#navWrapper {
width:800px;
position:absolute;
left:155px;
top:15px;
}

#navWrapper li{
list-style:none;
}
#mainnav {
	width: 890px;
	text-align: right;
	padding:15px 10px 0 0;
	position:relative;

}
#headerimage {
	float:right;
	width:600px;
}
#wrapper {
	width:880px;
	float:left;
	margin:540px 10px 10px 10px;
	background:#f2e4ad;
}
#left {
	width:310px;
	float:left;
	padding:10px 0 10px 0;
	text-align:center;
}
#leftInside {
	width:270px;
	float:left;
	padding:10px 0 10px 10px;
	text-align:left;
	min-height:300px;
	background-color:#f2e4ad;
}
#contentInisde {
	float:left;
	width:570px;
	padding:25px 15px 10px 15px;
	background:#f2e4ad;
}
#newsletter {
	margin:0 auto;
	background-color:#1C3151;
	width:880px;
	float:left;
	padding:5px 0px 5px 0px;
	color:#bbc2cb;
	text-align:center;
	font-size:10px;
}



.moduletable {
	border:none;
	margin:0px;
	padding:0px;
}

h6 {
background:url(/acc907_cl1438/Images/campres_poweredby_01.gif) top left no-repeat;
width:130px;
height:35px;
display:block;
padding:24px 0px 0px 0px;
}
h6 a{
font-variant:small-caps;
font-size:9px;
text-decoration:none;
color:#FFFFFF;
}

/* Semantic Content Styles */

h1, h2, h3, h4, h5, h6 {line-height: 1.5em;}

h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
h6 {font-size: 9px;}

p {}

ul {}
ol {}
li {}
ul li {}
ol li {}

dl {}
dt {}
dd {}

address {}
abbr {}
acronym {}
blockquote {}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

img {border: 0;}
a img {border: 0;} 

hr {}

pre {}
code {font-family: courier new, courier, monospace;}

/* Hyperlink Styles */

a {}
a:hover {}

/* Form Styles */

form {}
label {}
input {} 
input.text {} 
input.radio, input.checkbox {border: 0; background: transparent;} 
input.button {}
input.image {border: 0;} 
select {}
option {}
textarea {}

/* Layout Styles */

div#wrapper {
margin: 20px auto 0 auto; 
text-align: left; 
width: 920px;
background: transparent url(../images/drop_shadow.jpg)  900px repeat-y;
} 

div#header {
width: 254px;
height: 213px;
background: transparent url(../images/bg_logo_01.jpg) top left no-repeat;
}

div#header h1 {
padding: 35px 0 0 0px;
}

div#header h1 a {
display: block;
width: 254px;
height: 142px;
background: transparent;
text-decoration: none;
text-indent: -9999px;
font: normal 18px/1.4em verdana, helvetica, arial, sans-serif;
}

div#header p {
text-align: center;
font-family:  "Trebuchet MS", Arial, Verdana;
font-size: 12px;
color: #ded085;
font-weight: bold;
text-transform: uppercase;
padding: 15px 0 0 0;
}

div#colOne {
float: left;
width: 254px;
height: 848px;
background: url(../images/bg_colone_01.jpg) top left no-repeat;
}

div#colOne h2 {
padding: 12px 0 0 13px;
}
div#colOne h2 a {
display: block;
width: 228px;
height: 38px;
background: transparent url(../images/newsletter_off.gif) top left no-repeat;
text-decoration: none;
text-indent: -9999px;
font: normal 16px/1.4em verdana, helvetica, arial, sans-serif;
}
div#colOne h2 a:hover {
background: transparent url(../images/newsletter_on.gif) top left no-repeat;
}

div#colOne h3 {
padding: 12px 0 0 13px;
}
div#colOne h3 a {
display: block;
width: 228px;
height: 38px;
background: transparent url(../images/chat_off.gif) top left no-repeat;
text-decoration: none;
text-indent: -9999px;
font: normal 16px/1.4em verdana, helvetica, arial, sans-serif;
}
div#colOne h3 a:hover {
background: transparent url(../images/chat_on.gif) top left no-repeat;
}

div#attractionsBox {
width: 228px;
background: transparent url(../images/bg_attractions_01.gif) bottom center no-repeat !important;
background: transparent url(../images/bg_attractions_01.gif) no-repeat;

margin: 12px 0 0 13px;
padding:0px 0px 10px 0px;

}
div#attractionsBox h2 {
display: block;
width: 228px;
height: 30px;
background: transparent url(../images/nearby_attractions.gif) top left no-repeat;
text-decoration: none;
text-indent: -9999px;
font: normal 14px/1.3em verdana, helvetica, arial, sans-serif;
}

div#attractionsBox h4 {
line-height: 1.3em;
padding: 5px 0 0 15px;
}
div#attractionsBox h4 a {
text-decoration: underline;
color: #731b17;

}
div#attractionsBox h4 a:hover {
text-decoration: none;
}

div#attractionsBox ul {
margin: 0 0 0 21px;
padding: 0 8px 0 8px;
list-style-image:url(../images/thing.gif)
}
div#attractionsBox li {
padding: 0 5px 2px 0;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 11px;
color: #62492B;
}
div#attractionsBox li a {
color: #62492B;
text-decoration: none;
}
div#attractionsBox li a:hover {
text-decoration: underline;
}
div#attractionsBox p {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 10px;
padding: 2px 0px 0 15px;
}
div#attractionsBox p a {
text-align: right;
color: #62492B;
text-decoration: none;
}
div#attractionsBox p a:hover {
text-decoration: underline;
}

div#colOneAddress h4 {
line-height: 1.3em;
padding: 8px 0 0 15px;
}
div#colOneAddress h4 a {
text-decoration: underline;
color: #731b17;

}
div#colOneAddress h4 a:hover {
text-decoration: none;
}

div#colOneAddress p {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 10px;
padding: 2px 0px 0 15px;
}




div#colTwo {
float: left;
width: 646px;
background: #ffffff;
}

html>body div#colTwo {
height: auto;
}

div#splash {
width: 646px;
height: 235px;
background: transparent url(../images/Splash_IMG_3225B.jpg) top left no-repeat;
}
body.proList #splash {
background: transparent url(../images/Splash_molas_636_235.jpg) top left no-repeat;
}
body.lodgingPro #splash {
background: transparent url(../images/Splash_IMG_3223.jpg) top left no-repeat;
}
body.destination #splash {
background: transparent url(../images/Splash_IMG_3221B.jpg) top left no-repeat;
}
body.proList #splash {
background: transparent url(../images/Splash_molas_636_235.jpg) top left no-repeat;
}
body.proList #splash {
background: transparent url(../images/Splash_molas_636_235.jpg) top left no-repeat;
}
body.proList #splash {
background: transparent url(../images/Splash_molas_636_235.jpg) top left no-repeat;
}
body.default #content img {
border:solid 1px #62492B;
}
div#colNav {
width: 646px;
height: 40px;
background: transparent url(../images/bg_nav_main_01.jpg) top left no-repeat;
}

div#resBox {
width: 254px;
height: 219px;
background: transparent url(../images/bg_resbox_01_old.jpg) top left no-repeat;
}


/* Content Area Styles */

div#content {
margin: 6px 14px 14px 14px;
min-height: 520px;

}
html>body div#content {
height: auto;
}

div#content p, div#content li, 
div#content dd, div#content dt {
font-size: 14px; 
line-height: 1.3em;
}

div#content p a, div#content li a, 
div#content dd a, div#content dt a {
color: #731b17;
text-decoration: underline;
}
div#content p a:hover, div#content li a:hover,
div#content dd a:hover, div#content dt a:hover {
text-decoration: none;
}
div#content p {
padding: 5px 5px 5px 0;
}

div#content ul, div#content ol {
margin: 0 0 0 25px;
padding: 3px 10px 4px 15px;
}
div#content li {
padding: 0 0 5px 0;
}

div#content h1, 
div#content h2, 
div#content h3, 
div#content h4, 
div#content h5, 
div#content h6 {
line-height: 1.3em; 
padding: 5px 0 5px 0;
color: #62492B;
}

div#content h1 {font-size: 16px;}
div#content h2 {font-size: 15px;}
div#content h3 {font-size: 14px;}
div#content h4 {font-size: 12px;}
div#content h5 {font-size: 11px;}
div#content h6 {font-size: 10px;}

div#content h1 a, 
div#content h2 a, 
div#content h3 a, 
div#content h4 a, 
div#content h5 a, 
div#content h6 a {
color: #701a17;
text-decoration: underline;
}
div#content h1 a:hover, 
div#content h2 a:hover, 
div#content h3 a:hover, 
div#content h4 a:hover, 
div#content h5 a:hover, 
div#content h6 a:hover {
text-decoration: none;
}

div#content a {}
div#content a:hover {}

div#content form {}

div#content input {}
div#content select {}


/* NAVIGATION STYLES */

/* Navigation Styles 

div#topNav {
height: 40px;
}
div#topNav ul {
width: 100%;
padding: 8px 0px 0px 0px; 
list-style: none;
}
div#topNav ul li {
display: block;
float: left;
margin: 5px 0px 7px 7px;
padding-right: 0px;

background:url(../images/thing.gif) -2px 4px no-repeat;

}

div#topNav ul li.sfirst {
margin-left: 0px !important; 
margin-left: 0px;
background-image:none;
}
div#topNav ul li.slast {
border-right: 0px;
}

div#topNav ul li a {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.20em;
color: #171312; 
text-decoration: none;
margin: 0px 0px 5px 13px;

}
*/
/* "currently on" and "hover" states 

div#topNav ul li:hover a,
div#topNav ul li.sfhover a
{
color: #605F53;
}
div#topNav ul li:hover ul li a,
div#topNav ul li.sfhover ul li a {
color: #171312;
}

div#topNav ul ul {
padding: 0px;
margin:0px;
position: absolute;
left: -9999px;
width: 149px;
z-index: 100;
background-color: #F9E2AC;
}

div#topNav ul ul li {
float: none; 
padding:0px;
margin:0px;
width: 171px;
border-bottom:#CCCCCC dotted 1px;
border-right:none;
background-color: #F9E2AC;
background-image:none;
}
div#topNav ul ul li a {
display: block;
color: #F9E2AC;
line-height:20px;
padding: 3px 0px 3px 6px;
margin: 0px 0px 0px 0px;
width: 165px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
background-image:none;
}
div#topNav ul li a:hover {
color: #62492B; 
}

div#topNav ul ul li a:hover,
div#topNav ul ul li:hover a:hover {
color: #ffffff;
background:#A47C36;

}

div#topNav li:hover ul ul,
div#topNav li.sfhover ul ul {
left: -9999px;
}

div#topNav li:hover ul, 
div#topNav li.sfhover ul {
left: auto;
}

div#topNav li:hover ul,
div#topNav li.sfhover ul,
div#topNav li li:hover ul,
div#topNav li li.sfhover ul {
left: auto;
}
*/

div#footerNav {
padding: 4px 0 10px 0;
}
div#footerNav ul {
list-style: none; 
text-align: center;
}
div#footerNav ul li {
display: inline; 
color: #ffffff;
}
div#footerNav li a {
color: #ffffff;
text-decoration: none;
padding: 0 6px 0 3px;
}
div#footerNav a:hover {
color: #079FCB;
text-decoration: underline; 
}




/* OLD Navigation Styles */
/* -------------------------------- 

div#topNav {}
div#topNav ul {
list-style: none;
padding: 12px 0 0 6px;
}
div#topNav ul li {
display: block;
float: left;
}

div#topNav ul li a {
text-decoration: none;
display: block;
color: #ffffff;
padding-left: 2px;
}

/* "currently on" and "hover" states 

div#topNav ul li a:hover,
div#topNav ul li:hover a,
div#topNav ul li.sfhover a,
div#topNav ul li:hover ul li a,
div#topNav ul li.sfhover ul li a {
color: #ffffff;
}

div#topNav ul ul {
padding: 0;
position: absolute;
left: -9999px;
width: 150px;
z-index: 100;
border: 1px solid #9a2c1f;
background-color: #8c9a45;
}

div#topNav ul ul ul {
margin: -1.9em 0 0 148px;
}
div#topNav ul ul li {
display: inline;
float: none;
margin: 0;
}
div#topNav ul ul li a {
display: block;
padding: 5px; /* width should add up to 150px 
width: 140px;
}
div#topNav ul ul li a:hover,
div#topNav ul ul li:hover a:hover {
background-color: #ede2a9;
color: #8c9a45;
}

div#topNav li:hover ul ul,
div#topNav li.sfhover ul ul {
left: -9999px;
}

div#topNav li:hover ul,
div#topNav li.sfhover ul {
left: auto;
}

div#topNav li:hover ul,
div#topNav li.sfhover ul,
div#topNav li li:hover ul,
div#topNav li li.sfhover ul {
left: auto;
}

.navResortInfo a {
display: block;
width: 71px;
height: 18px;
background: transparent url(../images/nav_resortinfo_off.gif) top left no-repeat;
text-decoration: none;
text-indent: -9999px;
}
.navResortInfo a:hover {
background: transparent url(../images/nav_resortinfo_on.gif) top left no-repeat;
}
.navActivities a {
display: block;
width: 65px;
height: 18px;
background: transparent url(../images/nav_activities_off.gif) top left no-repeat;
text-decoration: none;
text-indent: -9999px;
}
.navActivities a:hover {
background: transparent url(../images/nav_activities_on.gif) top left no-repeat;
}
.navAreaInfo a {
display: block;
width: 66px;
height: 18px;
background: transparent url(../images/nav_areainfo_off.gif) top left no-repeat;
text-decoration: none;
text-indent: -9999px;
}
.navAreaInfo a:hover {
background: transparent url(../images/nav_areainfo_on.gif) top left no-repeat;
}
.navLocalEvents a {
display: block;
width: 89px;
height: 18px;
background: transparent url(../images/nav_localevents_off.gif) top left no-repeat;
text-decoration: none;
text-indent: -9999px;
}
.navLocalEvents a:hover {
background: transparent url(../images/nav_localevents_on.gif) top left no-repeat;
}
.navDirections a {
display: block;
width: 76px;
height: 18px;
background: transparent url(../images/nav_directions_off.gif) top left no-repeat;
text-decoration: none;
text-indent: -9999px;
}
.navDirections a:hover {
background: transparent url(../images/nav_directions_on.gif) top left no-repeat;
}
.navGallery a {
display: block;
width: 91px;
height: 18px;
background: transparent url(../images/nav_gallery_off.gif) top left no-repeat;
text-decoration: none;
text-indent: -9999px;
}
.navGallery a:hover {
background: transparent url(../images/nav_gallery_on.gif) top left no-repeat;
}
.navPackages a {
display: block;
width: 74px;
height: 18px;
background: transparent url(../images/nav_packages_off.gif) top left no-repeat;
text-decoration: none;
text-indent: -9999px;
}
.navPackages a:hover {
background: transparent url(../images/nav_packages_on.gif) top left no-repeat;
}
.navContact a {
display: block;
width: 73px;
height: 18px;
background: transparent url(../images/nav_contact_off.gif) top left no-repeat;
text-decoration: none;
text-indent: -9999px;
}
.navContact a:hover {
background: transparent url(../images/nav_contact_on.gif) top left no-repeat;
}

*/

/* Common Styles */

.current {}
.designed {}

.hide {display: none;}
.cloak {visibility: hidden;}

.floatL {float: left;}
.floatR {float: right;}

.clear {clear: both;}
.clearL {clear: left;}
.clearR {clear: right;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.imagePadRight {padding-right: 8px;}
.imagePadTop {padding-top: 8px;}

/* Reservation box styles */

div#resWrapper {
margin: 0px 0 0 20px;
position: absolute;
width: 230px;
height: 210px;
visibility: visible;
padding: 5px 0 0 6px;
/* background: transparent url(../images/bg_res_tree_01.gif) no-repeat;
background-position: 120px 0; */
}
div#resWrapper p {
font-size: 12px;
color: #333333;
padding: 1px 5px 1px 8px;
}

div#resWrapper h4 {
font-size: 13px;
color: #62492B;
padding: 0 0 0 10px;
}
div#resWrapper h4 a {
color: #731b17;
text-decoration: underline;
}
div#resWrapper h4 a:hover {
text-decoration: none;
}

/* These styles are in rooms_group.css - they are NOT being 
pulled into site_details.asp as they should */

/* ------ styles for Room/Site/Cabin Display -------- */

.UnitDisplay { 
margin-bottom: 15px;
}
.UnitDisplay ul li{
line-height: 6px 
}
.UnitImage {
float: right;
margin-right: 5px;
border: 1px solid #333333;
}

/* ------ new add --------- */

.siteDisplayWrapper {
width: 100%;
margin-bottom: 5px;
padding-bottom: 20px;
border-bottom: 1px solid #731b17;
}

.siteItemName h1 {
margin: 0;
}

.siteDisplayRight {
width: 200px;
}

.siteDisplayLeft {
float: left;
width: 400px;
}
.siteDisplayLeft ul li {
line-height: 10px;
}

.siteDisplayButtons {
margin: 0;
width: 500px;
clear: both;
}

/* inp styles */

div#inpCategoryWrapper dd, div#inpCategoryWrapper dt {
font-size: 12px; 
line-height: 1.3em;
}
 
div#inpCategoryWrapper dd a, div#inpCategoryWrapper dt a {
color: #731b17;
text-decoration: underline;
}

div#inpCategoryWrapper dd a:hover, div#inpCategoryWrapper dt a:hover {
text-decoration: none;
}
.inquiryformheadertitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #333333;
line-height: 14px;
padding-bottom: 10px
}