@charset "UTF-8";

body{
	position:relative;
	left:0px;
	margin: 0;
	background:#455F82 url(../img/bgvert-repeat.jpg) top center repeat-y;/*Background strips and blue color*/
	font-family:Tahoma, Geneva, sans-serif;
}

p{
	margin:10px 0px 10px 0px;
}

a,
a:link,
a:visited,
a:active{/* This is applied as the default for all <a> */
	color:#2956a1;
	text-decoration:underline;
	font-size:inherit;
}

a:hover{/* This is the rollover default for all <a> */
	color:#2956a1;
	text-decoration:none;
	font-size:inherit;
}

h1{	/*This is the default for all <h1>*/
	font-size:32px;
	font-weight:bold;
}

h2{	/*This is the default for all <h2>*/
	font-size:24px;
	font-weight:bold;
}

h3{	/*This is the default for all <h3>*/
	font-size:20px;
	margin:0px;
}

h4{	/*This is the default for all <h4>*/
	font-size:18px;
	font-weight:bold;
	margin-bottom:0px;
}

h5{/*This is the default for all <h5>*/
	font-size:16px;
	font-weight:bold;
}

*[style="font-size: xx-small;"]{font-size:8px !important;}
*[style="font-size: x-small;"]{font-size:10px !important;}
*[style="font-size: small;"]{font-size:12px !important;}
*[style="font-size: medium;"]{font-size:14px !important;}
*[style="font-size: large;"]{font-size:18px !important;}
*[style="font-size: x-large;"]{font-size:24px !important;}
*[style="font-size: xx-large;"]{font-size:36px !important;}


#main{
	background:url(../img/bodytop-bg.png) top center no-repeat;/*Top shadow with a sliver of the logo*/
	padding-top:15px;
}

#main-body{
	width:936px;
	background:url(../img/bgvert-shadow.png) top center repeat-y; /*vertical shadow for both sides of each page*/
	margin:0px auto auto auto;
	overflow:auto;
}

#content-width{
	width:900px;
	margin:0px auto;
}

#head{
	background:url(../img/header-img.jpg) top center no-repeat; /*header image with logo - Transparent gif is applied to the front end to create the link*/
	width:900px;
	height:93px;
}

/*Styles applied to both top navs*/
#topnav{ 
	float:right;
	width:370px;
	padding:25px 20px 0px 0px;
	height:51px;
}

	#topnav-primary{
		font-family:Geneva, Arial, sans-serif;
		text-transform:uppercase;
		line-height: 1.25em;
		font-size:10px;
		font-weight:bold;
		color:#56425e;
		text-align:right;
	}

		#topnav-primary a{
			display:inline;
			padding:0px 3px 0px 3px;
			color:#894ca2;
			text-decoration:none;
		}

		#topnav-primary a:hover{
			display:inline;
			padding:0px 3px 0px 3px;
			color:#503701;
			text-decoration:underline;
		}

	#topnav-secondary{
		margin-top:15px;
		padding-left:0px;
		font-size:11px;
		font-weight:bold;
		color:#56425e;
		white-space:nowrap;
		text-align:right;
	}

		#topnav-secondary a{
			display:inline;
			padding:0px 3px 0px 3px;
			color:#705b49;
			text-decoration:none;
		}

		#topnav-secondary a:hover{
			display:inline;
			padding:0px 3px 0px 3px;
			color:#503701;
			text-decoration:underline;
		}

#flash{ /*Width and height for the flash container that is on the homepage*/
	width:900px;
	height:275px;
}

#flashbehind{ /*Background image that loads before the flash so you don't see a white box, just the first slide of the flash*/
	width:900px;
	height:275px;
	background:url(../img/flash-head-alt.jpg) top center no-repeat;
}

#content-containter{
	float:left;
    padding:12px 16px;
	background:#FFFEF4 url(../img/topcontent-bg.png) top left no-repeat;
	width:868px;
	height:auto;
	overflow:auto;
}

#leftnav-container{
	width:204px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}
	
#leftnav-container #contentarea-rt{
	margin-top:20px;
	margin-left:24px;
}

#leftnav-top{
	background:url(../img/sidenav.png) left top no-repeat;
	width:204px;
	height:36px;
}

#leftnav{
	background:url(../img/sidenav.png) top right repeat-y;
	width:204px;
	padding:0px;
}

/*The navigation styles are needed for the collapsible navigation*/

#navigation {
	background:url(../img/sidenav.png) top right repeat-y;
	margin:0px;
	padding:19px 0px 0px 0px;
	text-indent:0px;
	width:204px;
}

  #navigation a.head { /*Style of navigation links that are unselected*/
	  cursor:pointer;
	  color:#705b49;
	  display:block;
	  font-size:12px;
	  font-weight:bold;
	  margin:0px 8px 0px 8px;
	  padding:3px 15px;
	  text-decoration: none;
  }
  
  #navigation a.head:hover { /*Hover state of the navigation link*/
	  color:#ffffff;
	  background-color:#705b49;
  }
  
  #navigation a.selected { /*Style of the navigation for the select link*/
	  background-color:#907e6f;
	  color:#ffffff;
  }
  
  #navigation a.current { /*Style of the navigation for the current page*/
	  background-color:#907e6f;
	  color:#ffffff;
  }
  
/*Styles for the sublinks in the navigation that are hidden*/
  #navigation ul { 
	  background:url(../img/sidenav.png) right top repeat-y;
	  margin:0px;
	  width:188px;
	  padding:3px 8px 0px 8px;
	  font-size:11px;
  }
  
	#navigation li {
		list-style:none outside none; display:inline;
	}
	
		#navigation li li a {
			color:#705b49;
			display:block;
			text-indent:10px;
			text-decoration: none;
			padding:3px 0px 3px 15px;
			font-weight:bold;
		}
	
		#navigation li li a:hover {
			background-color:#705b49;
			color:#ffffff;
			font-weight:bold;
		}

  #navigation ul.cabins { 
	  height:80px;
  }
  
    #navigation ul.packages { 
	  height:60px;
  }
  
  

/*Style for the leftnav-mid section that is only on the homepage*/
	#leftnav-mid{ 
		background:url(../img/sidenav-moose.png) top center no-repeat;
		padding:150px 0px 10px 23px;
		vertical-align:text-bottom;
		}

		#leftnav-mid p{
			font-size:13px;
			margin-bottom:18px;
		}
	
		#leftnav-mid a{
			color:#2956a1;
			text-decoration:none;
			font-size:12px;
		
		}
	
		#leftnav-mid a:hover{
			color:#2956a1;
			text-decoration:underline;
			font-size:12px;
		}
	
		#leftnav-mid p.tollfree{
			color:#614e67;
			font-size:14px;
			font-weight:bold;
			margin-bottom:inherit;
		}
		
#leftnav-btm{
	background:url(../img/sidenav.png) bottom left no-repeat;
	height:35px;
	padding-left:23px;
	width:181px;
	font-size:12px;
	color:#705b49;
	text-align:left;
	line-height:1em;
	margin-top: 25px;
	}

	#leftnav-btm a{ /*Style used only for the bottom nav in the left column on the homepage Note: for subpage a similar style can be found in contentarea-rt styles*/
		font-size:12px;
		color:#705b49;
		text-decoration:none;
	}
	
	#leftnav-btm a:hover{
		font-size:12px;
		color:#4d3c2d;
		text-decoration:underline;
	}

#content-area{ /*Style for the content-area which is the whole box right of the left nav*/
	padding:0 0 0 19px;
	line-height:1.3em;
	overflow: auto;
	/*width:645px;*/
}

#content-area h1, .mceContentBody h1{ /*Page Heading Style*/
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	color:#2956a1;
	font-weight:normal;
	margin-top:0px;
	white-space:nowrap;
	line-height:.5em;

}

#content-area table.heading, .mceContentBody table.heading{ /*Page Heading Table Width*/
	width:622px;
}

#content-area table.heading td#line, .mceContentBody td#line{ /*Page Heading Adjustable Line*/
	background-image:url(../img/blue-line.gif);
	background-repeat: repeat-x;
	background-position:0px 8px;
	width:90%;
}

#content-area table.heading td, .mceContentBody  table.heading td{ /*Page Heading Table Cell Formatting*/
	text-align:right;
	height:20px;
}

	#content-area h2, .mceContentBody h2{ /*Style for the H2 tag like the purple one on the homepage*/
		font-family:"Times New Roman", Times, serif;
		font-size:22px;
		color:#614e67;
		font-weight:bold;
		margin-top:0px;
		line-height:1.25em;
	}

	#content-area h5, .mceContentBody h5{ /*Sub heading style and color like blue subheadings on the homepage*/
		font-size:16px;
		color:#2e539b;
		font-weight:bold;
		margin:0px;
		line-height:1em;
	}

		#content-area h5 a, .mceContentBody h5 a {
			font-size:16px;
			color:#2e539b;
			font-weight:bold;
			margin:0px;
			line-height:1em;
			text-decoration: none;
		}

		#content-area h5 a:hover, .mceContentBody h5 a:hover {
			color:#17397b;
			text-decoration: none;
		}

	#content-area img.imgrt, .mceContentBody img.imgrt{ /*Float Image Right*/
		float:right;
		border:none;
		margin:0px 0px 5px 10px;
	}

	#content-area img.imgrt-border, .mceContentBody img.imgrt-border{ /*Float Image Right w/Border*/
		float:right;
		border:1px solid #2956a1;
		margin:0px 0px 5px 10px;
	}
	
	#content-area img.img-border, .mceContentBody img.img-border{ /*Float Image Right w/Border*/
		border:1px solid #2956a1;
	}

	#content-area img.imgleft, .mceContentBody img.imgleft{ /*Float Image Left*/
		float:left;
		border:none;
		margin:0px 10px 5px 0px;
	}
	
	#content-area img.imgleft-border, .mceContentBody img.imgleft-border{ /*Float Image Left w/Border*/
		float:left;
		border:1px solid #2956a1;
		margin:0px 10px 5px 0px;
	}
	
	#content-area img.imgleft-shadow, .mceContentBody img.imgleft-shadow{
		float:left;
		background:url(../img/img-shadow.png) bottom right no-repeat;
		padding:0 8px 8px 0;
		margin-right:4px;
		}
		
	#content-area img.imgrt-shadow, .mceContentBody img.imgrt-shadow{
		float:right;
		background:url(../img/img-shadow.png) bottom right no-repeat;
		padding:0 8px 8px 0;
		margin-left:4px;
		}
		
	
		
	#content-area img.img-shadow, .mceContentBody img.img-shadow{
		background-image:url(../img/img-shadow.png);
		background-position:bottom right;
		background-repeat:no-repeat;
		padding:0 8px 8px 0;
	}

	#content-area a strong,
	#content-area a b,
	.mceContentBody a strong,
	.mceContentBody a b	{ /*Linked Bold Color*/
		color:#2956a1;
		text-decoration:inherit;
		}

	#content-area p,
	#content-area div p,
	#content-area li,
	.mceContentBody p,
	.mceContentBody div p,
	.mceContentBody li{ 
		margin-top:0px;
		font-size:13px;
		line-height:1.3em;
	}
	
	#content-area table, .mceContentBody table{ /*Style applied to any generic table in the content-area*/
		margin-top:0px;
		font-size:13px;
		line-height:1.3em;
		margin-bottom: 10px;
	}
	
	#content-area table td, .mceContentBody table td{
		padding:5px;
	}
	
	#content-area p.bestmidwest, .mceContentBody p.bestmidwest{ /*Style applied to the Best of the Midwest Magazing box at the bottom of a majority of the subpages*/
		display:block;
		width:250px;
		margin:10px auto;		
	}
	
	#content-area p.bestmidwest img, .mceContentBody p.bestmidwest img{
		float:left;
		margin:0px 10px 0px 0px;
	}
	
	#content-area div.call2action, .mceContentBody div.call2action{
		width:50%;
		float:left;
		margin:10px 10px 10px 0px;
		padding:0px;
	}
		
	#content-area div.call2action p,
	#content-area div.call2action h3,
	#content-area div.call2action h4,
	#content-area div.call2action h5,
	.mceContentBody div.call2action p,
	.mceContentBody div.call2action h3,
	.mceContentBody div.call2action h4,
	.mceContentBody div.call2action h5
	{
		margin:0px;
	}
	
	#content-area .boxleft, .mceContentBody .boxleft{ /*Style used on a div that contains and image and text caption that is floated left*/
		width:250px;
		float:left;
		margin:0px 10px 10px 0px;
		padding:0px;
		font-size:13px;
		line-height:1.3em;
		text-align:center;
		}
	
	#content-area .boxrt, .mceContentBody .boxrt{ /*Style used on a div that contains and image and text caption that is floated right*/
		width:250px;
		float: right;
		margin:0px 10px 10px 10px;
		padding:0px;
		font-size:13px;
		line-height:1.3em;
		text-align:center;
	}
	
	
	
.testimonials { 
	color: #2e539b;
	font-style: italic;
	margin: 0 20px 10px 20px;
}

#contentarea-mid{ /*Sub page content box*/
	line-height:2em;
	float:left;
	width:623px;
	padding:0 19px 10px 0;
	color:#000000;
}

#contentarea-mid-idx{/*Index content box*/
	line-height:2em;
	float:left;
	width:465px;
	padding:0 19px 10px 0;
	color:#000000;
}

/*contentarea-rt are the styles applied to the right column on the home page and the similar box below the left nav on the subpages*/
#contentarea-rt{
	float:left;
	margin:0px;
	padding:0px;	
	width:158px;
}

	#contentarea-rt img{
		margin-bottom:8px;
	}

	#contentarea-rt p{
		color:#705b49;
		margin:0px;
	}
	
	div.colwidth{width:158px;font-size:13px;}
	
	div.colwidth img{
		margin-bottom:8px;
	}
	
	div.colwidth p{
		color:#705b49;
		margin:0px;
	}
	
/*From here down for contentarea-rt style are the ones that are applied to the address contact info and the bottom nav that is similar to the ones in the left nav on the homepage*/ 
	#contentarea-rt p.address{
			font-size:12px;
			margin-top:10px;
			margin-bottom:18px;
			color:#000;
		}
	
		#contentarea-rt p.address a{
			color:#2956a1;
			text-decoration:none;
			font-size:12px;
		}
	
		#contentarea-rt p.address a:hover{
			color:#2956a1;
			text-decoration:underline;
			font-size:12px;
		}
	
		#contentarea-rt p.tollfree{
			color:#614e67;
			font-size:14px;
			font-weight:bold;
			margin-bottom:inherit;
		}
		
		#contentarea-rt p.tollfree a{
			color:#2956a1;
			text-decoration:none;
			font-size:12px;
		}
	
		#contentarea-rt p.tollfree a:hover{
			color:#2956a1;
			text-decoration:underline;
			font-size:12px;
		}
		
		#contentarea-rt p.btmnav{
			margin-top:10px;
			font-size:12px;
			color:#705b49;
			text-align:left;
			line-height:1em;
		}

		#contentarea-rt p.btmnav a{
			font-size:12px;
			color:#705b49;
			text-decoration:none;
		}
	
		#contentarea-rt p.btmnav a:hover{
			font-size:12px;
			color:#4d3c2d;
			text-decoration:underline;
		}
		
		div.contactwidth{width:158px;}
		
		div.contactwidth p.address{
			font-size:12px;
			margin-top:10px;
			margin-bottom:18px;
			color:#000;
		}
		
		div.contactwidth p.address a{
			color:#2956a1;
			text-decoration:none;
			font-size:12px;
		}
	
		div.contactwidth p.address a:hover{
			color:#2956a1;
			text-decoration:underline;
			font-size:12px;
		}
	
		div.contactwidth p.tollfree{
			color:#614e67;
			font-size:14px;
			font-weight:bold;
			margin-bottom:inherit;
		}
		
		div.contactwidth p.tollfree a{
			color:#2956a1;
			text-decoration:none;
			font-size:12px;
		}
	
		div.contactwidth p.tollfree a:hover{
			color:#2956a1;
			text-decoration:underline;
			font-size:12px;
		}
		
		div.contactwidth p.btmnav{
			margin-top:10px;
			font-size:12px;
			color:#705b49;
			text-align:left;
			line-height:1em;
		}

		div.contactwidth p.btmnav a{
			font-size:12px;
			color:#705b49;
			text-decoration:none;
		}
	
		div.contactwidth p.btmnav a:hover{
			font-size:12px;
			color:#4d3c2d;
			text-decoration:underline;
		}
		
		
		
		
	
#footer-shadow{ /*Style applied to have the shadow at the bottom of each footer*/
	background:url(../img/bodybtm-bg.png) top center no-repeat;
	height:23px;
}



.headerimages {
	margin-top: 9px;
}

.headerimgs-sm {
	width: 134px;
	float: left;
}

.headerimgs-sm img {
	float: left;
	margin: 0 0 4px 0;
}

.headerimgs-lg {
	float: left;
}

.error{
	color:#F00;
	font-weight:bold;
	display:block;
}

body.mceContentBody{
	background:#FFFEF4 !important;
	font-size:13px;
	line-height:2em;
	width:623px;
	padding:0 19px 10px 0;
	color:#000000;
	position:static;
	left:0px;
	margin: 0;
	font-family:Tahoma, Geneva, sans-serif;

}
.mceContentBody a{
	color:#2956a1 !important;
	text-decoration:underline !important;
	font-size:inherit;
}

.mceContentBody a:hover{
	color:#2956a1 !important;
	text-decoration:none !important;
	font-size:inherit;
	}