/* Desktop Styles */
@media only screen and (min-width: 961px) {

body {
	background-image: url('../images/graphics/tin.jpg');
	background-repeat: repeat;
	
}
#container {
	width:1200px;
	height:650px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	background-image: url('../images/graphics/tan_grad_long.jpg');
	
	
	
}
#header {
	width:1200px;
	height:152px;
	margin-left:auto;
	margin-right:auto;
	background-image:url('../images/graphics/header_sunset.jpg');
	background-repeat:no-repeat;
	padding-top:95px;
	text-align:center;
	margin-bottom:-60px;
}
#header a {
	color:#ffffff;
}
/*
#action {
	width:1200px;
	height:1px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-20px;
	margin-bottom:20px;
	color:#000000;
	font-family:"Monotype Corsiva";
	font-size:24px;
	
}
*/
#action a {
	color:#ffffff;
}


h1 	{
	font-family:"Monotype Corsiva";
	font-size:30px;
	color:#ffffff;
	
	
}


h2 	{
	font-family:"Monotype Corsiva";
	font-size:30px;
	color:#7b0618;
	
	
}

h3 {
	font-family:"Monotype Corsiva";
	font-size:20px;
	font-weight:lighter;
	color:#7b0618;

}

#nav_div {
	width:150px;
	text-align:center;
	float:left;
	

}
#nav_div_header {
	width:1200px;
	text-align:center;

}
#nav_div_header a {
	color:#ffffff;
	font-size:20px;
	font-family: "Comic Sans MS";

}

.buttons {
	width:150px;
	margin-left:4px;
	margin-right:4px;
	text-align:center;
}


/* buttons */
#nav_div a:link {
	margin-bottom:3px;
	display: inline-block;
	background-image: url('../buttons/button8.jpg');
	background-repeat: repeat;
	font-family:"Comic Sans MS";
	font-size: 18px;
	color: #7b0618;
	text-decoration: none;
	padding: 12px 2px 12px 2px;
	overflow: visible;
	width:150px;
}

#nav_div a:visited {
	margin-bottom:3px;
	display: inline-block;
	background-image: url('../buttons/button8.jpg');
	background-repeat: repeat;
	font-family: "Comic Sans MS";
	font-size: 18px;
	color: #7b0618;
	text-decoration: none;
	padding: 12px 2px 12px 2px;
	width:150px;
	overflow: visible;

}

#nav_div a:hover {
	display: inline-block;
	background-image: url('../buttons/button9.jpg');
	background-repeat: repeat;
	font-family:"Comic Sans MS";	
	font-size: 18px;
	color: #7b0618;
	
}
#nav_div a:active {
	display: inline-block;
	background-image: url('../buttons/buttonA.jpg');
	background-repeat: repeat;
	font-family:"Comic Sans MS";
	font-size: 18px;
	color: #7b0618;
}
#nav_div ul {
	margin:0px;
	padding:0px;
}
#nav_div li {
	list-style:none;
	font-size: 10px;
}

/*This is the nested navigation buttons*/
ul .nested_nav_cabins {
	display:none;
}

li:hover .nested_nav_cabins  {
	display:block;
	width:185px;
	position: absolute;
	top:188px;
	font-size: 11px;
	
}

.cab_nav {
	float:left;
	margin-left:4px;
	margin-right:8px;
	width:113px;
	text-align: center;
}

#content {
	width:1100px;
	margin-left:40px;
	
}
#editable {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	font-family:"Comic Sans MS";
	font-size:14px;
	
	
}
#footer {
	width:1000px;
	height:45px;
	background-color:#cfb492;
	text-align:center;
	color:#7b0618;
	margin-left:auto;
	margin-right:auto;
	margin-top:12px;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:10px;
	
}
#footer a {
	color:#7b0618;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:10px;
}
#footer a:hover {
	font-weight:bold;
	color:#7b0618;
}
#footer a:visited {
	color:#7b0618;
}
#footer a:active {
	color:#7b0618;
}
img.left {
	float:left;
	padding-right:12px;
}
img.right {
	float:right;
	padding-left:12px;
}
.center {
	margin-left:auto;
	margin-right:auto;

}
img.center {
	margin-left:auto;
	margin-right:auto;

}

p.center {
	text-align:center;
}

img.center{
	margin-left:auto;
	margin-right:auto;

}

p.right {
	text-align:right;
}

p.justify {
	text-align:justify;
}

#tour {
	width:560px;
	height:480px;
	margin-left:auto;
	margin-right:auto;
}
#cabins  {
	width:875px;
	height:650px;
	white-space: nowrap;
	overflow:auto;
	font-size:20px;
}


#cabinleft {
	float:left;
	padding-right:10px;
	font-size:20px;
}

#cabincenter {
	float:left;
	padding-right:10px;
	font-size:20px;	
}

#cabinright {
	float:left;
	padding-right:10px;
	font-size:20px;	
}

#rates {
	width:1100px;
	margin-left:auto;
	margin-right:auto;
	height:630px;
	overflow:auto;
	
}


#ratesleft {
	float:left;
	background-image:url('../images/rates.png');
	background-repeat:no-repeat;
	font-size:16px;
	width:206px;
	color:#ffffff;
	text-align:center;
	font-size:24px;

}

#ratescenter {
	float:left;
	background-image:url('../images/rates.png');
	background-repeat:no-repeat;
	font-size:16px;	
	width:206px;
	color:#ffffff;
	text-align:center;
	font-size:24px;
	margin:auto;


}

#ratesright {
	float:left;
	background-image:url('../images/rates.png');
	background-repeat:no-repeat;
	font-size:16px;	
	width:206px;
	color:#ffffff;
	text-align:center;
	font-size:24px;
	margin:auto;


}
#included {
	width:350px;
	height:630px;
	float:left;

}
#ratesextra {
	width:425px;
	float:left;
	margin-top:375px;
	position:absolute;
}

p.maroon {
	color:#7b0618;
	font-size:18px;
	font-weight:bold;
}


#cabincall {
	float:right;
	margin-right:-12px;
}
#cab_rules {
	width:825px;
	height:610px;
	margin-left:auto;
	margin-right:auto;
	overflow:auto
}

#wow {
	width:600px;
	height:480px;
}

#homewow {
	width:800px;
	height:235px;
	overflow:hidden;

}

#wow_cabins {
	width:485px;
	height:450px;
	float:right;

}
#attractions {
	width:900px;
	height:525px;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	white-space:nowrap;

}

#attleft {
	width:275px;
	float:left;
}
#attcenter {
	width:275px;
	float:left;
}
#attright {
	width:275px;
	float:left;
}


#homeslide {
	width:800px;
	height:230px;
	margin-top:-10px;
	overflow:hidden;
}

/*these are the syles for the contact form*/

#contact_table {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 12px;
	color: #444444;
	text-align: center;
	width: 740px;
	table-layout: auto;
	empty-cells: show;
	position: inherit;
	white-space: nowrap;
	height: auto;
	overflow: auto;
}
#form_cell_right {
	vertical-align: top;
	text-align: center;
}
#form_cell_left {
	vertical-align: top;
	text-align: left;
}
#question {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 12px;
	color: #444444;
	width: 275px;
	height: 100px;
}
#submit_cell {
	
}
#contact_div {
	width:800px;
	margin-left:auto;
	margin-right:auto;

}

p.rules {
	line-height:20px;
}

#policy {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
	width:800px;
	height:620px;
	overflow:auto;
	padding-right:20px;
	padding-left:20px;
	color:#7b0618;
	background-color:#ffffff;

}

#about h1 {
	font-size:14px;
	text-align:justify;
	white-space:normal;
	font-weight:normal;
}
#weather {
	width:195px;
	float:right;
}
#tofrom {
	float:right;
}
#gps {
	float:left;
}
#lake_pics img  {
	border:none;
	border-width:0px;
	float:left;
}
#right {
	float:right;
}
img.toppad {
	padding-top:12px;
}

#location {
	width:1000px;
	height:500px;
}


}

/* Tablet Styles */
@media only screen and (min-width: 401px) and (max-width: 960px) {

body {
	background-image: url('../images/graphics/tin.jpg');
}

#header {
	max-width:100%;
	font-size:16px;
	color:#ffffff;
	background-image:url('../images/graphics/header_sunset.jpg');

}

#header a {
	color:#ffffff;
}
#container {
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	
}

#editable {
	font-size:14px;
	
	
}
#footer {
	font-size:14px;
	background-color:#ffffff;
	text-align:center;
	margin-top:10px;
	font-size:14px;

	
}


div {
	max-width:100%;
	margin-left:10px;
	background-color:#cfb492;


}
img {
	max-width:100%;
}

#nav_div {
	text-align:center;
}

/* buttons */
#nav_div a:link {
	margin-bottom:3px;
	display: inline-block;
	background-image: url('../buttons/button8.jpg');
	background-repeat: repeat;
	font-family:"Comic Sans MS";
	font-size: 18px;
	color: #7b0618;
	text-decoration: none;
	padding: 12px 2px 12px 2px;
	overflow: visible;
	width:100%;
}

#nav_div a:visited {
	margin-bottom:3px;
	display: inline-block;
	background-image: url('../buttons/button8.jpg');
	background-repeat: repeat;
	font-family: "Comic Sans MS";
	font-size: 18px;
	color: #7b0618;
	text-decoration: none;
	padding: 12px 2px 12px 2px;
	width:100%;
	overflow: visible;

}

#nav_div a:hover {
	display: inline-block;
	background-image: url('../buttons/button9.jpg');
	background-repeat: repeat;
	font-family:"Comic Sans MS";	
	font-size: 18px;
	color: #7b0618;
	
}
#nav_div a:active {
	display: inline-block;
	background-image: url('../buttons/buttonA.jpg');
	background-repeat: repeat;
	font-family:"Comic Sans MS";
	font-size: 18px;
	color: #7b0618;
}



#ratesleft {
	float:left;
	background-image:url('../images/rates.png');
	background-repeat:no-repeat;
	font-size:16px;
	width:206px;
	color:#ffffff;
	text-align:center;
	font-size:24px;

}

#ratescenter {
	float:left;
	background-image:url('../images/rates.png');
	background-repeat:no-repeat;
	font-size:16px;	
	width:206px;
	color:#ffffff;
	text-align:center;
	font-size:24px;
	margin:auto;


}

#ratesright {
	float:left;
	background-image:url('../images/rates.png');
	background-repeat:no-repeat;
	font-size:16px;	
	width:206px;
	color:#ffffff;
	text-align:center;
	font-size:24px;
	margin:auto;


}
p.maroon {
	color:#7b0618;
	font-size:18px;
	font-weight:bold;
}

#policy {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
	padding-right:10px;
	padding-left:10px;
	color:#7b0618;
	background-color:#ffffff;

}
#wow {
	width:100%;
	height:250px;

}

#tour {
	width:100%;
	height:250px;
	margin-left:auto;
	margin-right:auto;
}

#location {
	width:100%;
	height:200px;
}
#homewow {
	width:100%;
	height:240px;
	overflow:hidden;

}

#wow_cabins {
	width:100%;
	height:250px;
	float:right;

}

#homeslide {
	width:100%;
	height:240px;
	margin-top:-10px;
	overflow:hidden;

}

}


/* Mobile Styles */
@media only screen and (max-width: 400px) {

body {
	background-image: url('../images/graphics/tin.jpg');
}

#header {
	max-width:100%;
	font-size:16px;
	color:#ffffff;
	background-image:url('../images/graphics/header_sunset.jpg');

}

#header a {
	color:#ffffff;
}
#container {
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	
}

#editable {
	font-size:14px;
	
	
}
#footer {
	background-color:#ffffff;
	text-align:center;
	margin-top:10px;
	font-size:14px;
	
}


div {
	max-width:100%;
	margin-left:10px;
	background-color:#cfb492;


}
img {
	max-width:100%;
}

#nav_div {
	text-align:center;
}

/* buttons */
#nav_div a:link {
	margin-bottom:3px;
	display: inline-block;
	background-image: url('../buttons/button8.jpg');
	background-repeat: repeat;
	font-family:"Comic Sans MS";
	font-size: 18px;
	color: #7b0618;
	text-decoration: none;
	padding: 12px 2px 12px 2px;
	overflow: visible;
	width:100%;
}

#nav_div a:visited {
	margin-bottom:3px;
	display: inline-block;
	background-image: url('../buttons/button8.jpg');
	background-repeat: repeat;
	font-family: "Comic Sans MS";
	font-size: 18px;
	color: #7b0618;
	text-decoration: none;
	padding: 12px 2px 12px 2px;
	width:100%;
	overflow: visible;

}

#nav_div a:hover {
	display: inline-block;
	background-image: url('../buttons/button9.jpg');
	background-repeat: repeat;
	font-family:"Comic Sans MS";	
	font-size: 18px;
	color: #7b0618;
	
}
#nav_div a:active {
	display: inline-block;
	background-image: url('../buttons/buttonA.jpg');
	background-repeat: repeat;
	font-family:"Comic Sans MS";
	font-size: 18px;
	color: #7b0618;
}


#ratesleft {
	float:left;
	background-image:url('../images/rates.png');
	background-repeat:no-repeat;
	font-size:16px;
	width:206px;
	color:#ffffff;
	text-align:center;
	font-size:24px;

}

#ratescenter {
	float:left;
	background-image:url('../images/rates.png');
	background-repeat:no-repeat;
	font-size:16px;	
	width:206px;
	color:#ffffff;
	text-align:center;
	font-size:24px;
	margin:auto;


}

#ratesright {
	float:left;
	background-image:url('../images/rates.png');
	background-repeat:no-repeat;
	font-size:16px;	
	width:206px;
	color:#ffffff;
	text-align:center;
	font-size:24px;
	margin:auto;


}
p.maroon {
	color:#7b0618;
	font-size:18px;
	font-weight:bold;
}

#policy {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
	padding-right:10px;
	padding-left:10px;
	color:#7b0618;
	background-color:#ffffff;

}
#wow {
	width:100%;
	height:250px;

}

#tour {
	width:100%;
	height:250px;
	margin-left:auto;
	margin-right:auto;
}

#location {
	width:100%;
	height:200px;
}
#homewow {
	width:100%;
	height:100px;
	overflow:hidden;

}

#wow_cabins {
	width:100%;
	height:250px;
	float:right;

}

#homeslide {
	width:100%;
	height:125px;
	margin-top:-10px;
	overflow:hidden;
}


}