BODY{
	background:url('../images/background_papyrus.gif');
	font-size:14px;
	font-family:Tahoma,verdana,arial,san-serif;
	margin: 0px;
}

p,div{margin:0px;}

#firstLinks, #firstLinks li{	
	margin:0;
	padding:0;
	list-style:none;
}

#firstLinks a{
	color:#F3F0DD;
	font-size:.8em;
	text-decoration:none;
}

#firstLinks a:hover{
	color:#622c1c;
}

#headerDiv img{
display:block;
}

.headerImageHolder{
	position:relative;top:0px;left:0px;
}


#img1 {position:absolute; left:0px; top:0px; z-index:1; }
#img2 {position:absolute; left:0px; top:0px; z-index:3;visibility:hidden;}



/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.fix:before,
.fix:after,
 {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.fix:after {
  clear: both;
}

IMG {
behavior: url(includes/iepngfix.htc);
}

a:link, a:visited{
color:#333;
text-decoration:none;
}

a:hover{
color:#622C1C;
text-decoration:underline;
}
a:active{
color:#880000;
}

h1 {
margin:0px;
padding:0px;
font-weight:100;
	font-size: 24px;
	color:#622C1C;
}
h2 {
margin:0px;
margin-left:100px;
padding:0px;
	font-size: 14px;
	color:#A19A42;
	margin-bottom:15px;
}
h3 {
font-family:Palatino Linotype,Palatino,times,serif;
margin:0px;
font-weight:bold;
padding:0px;
	font-size: 14px;
	color:#622C1C;
	letter-spacing:.3em;
	margin-bottom:15px;
}


#gutsDiv{
	background:#FFF url(../images/historic_glacier_map_bkg.jpg) no-repeat;
		background-position:bottom left;
z-index:0;
	padding-top:15px;
}
#gutsDiv2{
	background:#FFF url(../images/sub_background.jpg) no-repeat;
		background-position:bottom left;
z-index:0;
	padding-top:15px;
	clear:both;
}


#bodyDiv{
	LEFT: 0px;
	POSITION: relative;
	TOP: 0px;
	TEXT-ALIGN: left;
	border: solid #622C1C 1px;
	background-color:#FFF;
	margin-bottom:15px;
	z-index:1;
}

#homepageDBFocus{
	clear:both;
	width:96%;
	margin:auto;
	max-width:300px;
	border:solid 1px #999;padding:2%;
	font-weight:bold;
	text-align:center;line-height:1.5em;
	margin-bottom:10px;margin-top:10px;color:#333;
}

#hpSpaFocus{
	background:url('../images/actspa_hpfocus.gif')  center center no-repeat;
	background-size:100%;
font-family:Palatino Linotype,Palatino,times,serif;
height:10.5em;}


#hpSpaFocus a {
	display:block;text-align:center;
}

#hpSpaFocus a#activityLink{
	float:left;
	width:50%;
	position:relative;
	top:75%;
font-size:18px;vertical-align:bottom;
font-weight:bold;
}

#hpSpaFocus a#spaLink{
	position:relative;
	top:15%;
	width:40%;
	text-align:center;
	float:right;
font-size:18px;
font-weight:bold;
}

#hpPhotoFocus{
	margin-top:15px;background:url('../images/photoevent_hpfocus.gif') no-repeat;
	font-family:Palatino Linotype,Palatino,times,serif;
	background-size:100%;height:10.5em;
}

#hpPhotoFocus #eventsLink{
display:block;float:right;width:100%;text-align:center;
font-size:17px;position:relative; top:15%;
font-weight:bold;	
}

#hpPhotoFocus #galleryLink{
display:block;float:left;width:60%;text-align:center;
font-size:17px;position:relative;top:45%;
font-weight:bold;	
}

@media only screen and (min-width: 520px) and (max-width: 620px) {
	/* SPECIAL FIX FOR HOMEPAGE FOCUS AREA*/
	#hpSpaFocus a#spaLink{
		top:20%;
	}
	#hpSpaFocus a#activityLink{
	top:60%;	
	}
	#hpPhotoFocus #eventsLink{
		 top:10%;
	}
	
	#hpPhotoFocus #galleryLink{
		top:35%;
	}
	
}

#specialsDiv{
color:#6C840A;
margin-bottom:15px;
font-size:14px;
}
#specialsDiv div img{
margin-top:10px;
margin-bottom:0px;
}
#specialsDiv div{
background:#E2E2E2 url('../images/belton_lodging_specials.jpg') no-repeat;
background-size:100%;
padding-top:170px;
color:#333;
}

#specialsDiv  UL {
margin:0px;
padding:0px;
margin-left:15px;
list-style:none;
}

#specialsDiv a:link, #specialsDiv a:visited{
color:#6C840A;
text-decoration:none;
}

#specialsDiv a:hover{
text-decoration:underline;
}

#specialsDiv  UL LI {
background:url(../images/glacier_lodging_specials.gif) no-repeat;
background-position:left middle;
margin-top:10px;
padding-left:35px;
}

#contentDiv{
padding:1em;
padding-bottom:2em;
}

#contentDiv p{
margin-top:.6em;
margin-bottom:.6em;
}
#contentDiv p img{
border: solid 3px #622C1C;
margin:10px;
}

#lodgingFocus,#lodgingFocus1{
	border:solid 1px #DCCC34;
	padding:10px;
	margin-left:10px;
	font-weight:bold;
	text-align:center;
	line-height:1.5em;
	margin-bottom:10px;color:#333;	
}


/*    END OF STYLES THAT APPLY TO ALL */

@media only screen and (max-width: 480px){
#bodyDiv #headerDiv  img{
		width:100%;
		height:auto;
		}
}

@media only screen and (max-width: 480px){  /* FOOTER drop to one column*/
#footerDiv div,#footerDiv div#C,#footerDiv div#A{
	clear:both;
	float:none!important;
	text-align:center;
	padding-left:1em;
}

	#footerlinks a{
		display:block;
		font-size:1.6em;
		padding:.25em;
	}
#footerlinks span{
display:none;
}

#footerlinks {
margin-top:30px;	
}

}
@media only screen and (max-width: 480px){
	#homeLeftCol  img{
	width:100%;
	}
	#homeLeftCol iframe{
		width:100%;	
	}
		#homeRightCol{
		width:90%;
		margin-right:2.5%;
		
		clear:both;
	}
		#homeLeftCol {
		width:100%;
		clear:both;
		text-align:center;
	}
	
	h1 {
	font-size:1.2em;	
	}
	#contentDiv p img{
	width:100%;	
	}
	#contentDiv p {
		text-align:justify;
	}
	#contentDiv p img{
	width:100%;	
	margin: 1em 0;
	}
	
	#contentDiv #primary-content div{
		width:100%;	
	}
	#contentDiv #primary-content div img{
		width:100%;	
		
	}



}

@media only screen  and (max-width: 480px) {
	#centennialBox img{
		width:100%;
	}
	
	
	h3 {
	font-size:1em;
	letter-spacing:0em;
	margin-bottom:.5em;
	}

	#rates1{
	width:100%;
	float:right;
	}
	#rates2{ /*contains photos*/
	clear:both;float:right;width:100%;	
	}
	#rates2 p{
		width:100%!important;	
		float:none!important;
	}
	#rates2 img{ 
	 width:100%!important;
	 margin-left:0!important;
	}

	#TA_selfserveprop868{
	 width:90%!important;
	 float:none;
	 max-width:283px;
	
	}
	#TA_selfserveprop868 img{
	width:auto!important;
	}
	
	#TA_selfserveprop868 div{
		width:90%!important;
		
	}
	
	.contact label{
		width:100%!important;
		text-align:center!important;
	}
	.contact input,select,textarea{
	clear:both;	
	width:100%!important;
	}
	.contact input[type=submit]{
		margin-left:0!important;	
	}
}



@media only screen and (min-width: 480px) and (max-width: 520px) { /* Go To Single Col*/
	
	#homeLeftCol {
		width:100%;
		clear:both;
		text-align:center;
	}

#homeLeftCol  img{
	width:auto;	
}
	#homeRightCol{
		
		clear:both;
		margin-top:1em;
	}

#specialsDiv,#hpSpaFocus,#hpPhotoFocus {
	margin:auto;
	width:348px;
	overflow:hidden;
	}

	h1 {
	font-size:1.4em;	
	}

}

@media only screen  and (max-width: 520px) {
	

	
	
	#homeRightCol{
	margin-top:1em;
	padding:0 1em 0 1em;
	text-align:justify;
	}
	
	#centennialBox{
	clear:both;width:100%;
	padding:0;margin-left:0;
	font-weight:bold;text-align:center;
	line-height:1.5em;
	margin-bottom:1em;;
	color:#333;
}
		/* set the widths of some bodyimages to 100% for layout clarity*/
	
	.setto520Full{
		width:100%;
		margin: 1em 0!important;
	}
	
	.setto520Half{
		width:50%;
	}
	
	#lodgingFocus,#lodgingFocus1{
	width:100%;
	clear:both;
	float:none;
	margin:0 0 1em 0;
	padding: 1em 0;
}
	
	#lodgingFocus li,#lodgingFocus1 li{
	list-style:none;
	}
	
	#rates1{
	width:100%;
	float:right;
	}
	#rates2{ /*contains photos*/
	clear:both;float:right;width:100%;	
	}
	#rates2 p{
		width:50%;	
		float:left;
	}
	#rates2 img{ 
	 width:90%;
	 margin-left:0!important;
	}
	#TA_selfserveprop868{
	 width:50%;
	
	}
	#TA_selfserveprop868 div{
		width:100%!important;
		
	}
	
}


@media only screen and (max-width: 560px) { /* turn top links into a dropdown menu*/
	#firstLinks{
		background :url('../images/quick_linkbkg.png') right center no-repeat;	
		position:absolute;
		top:5px;
		height: 30px;
		display:block;
		width:30%;
		z-index:55;
		left:65%;
		float:right;
		padding-right:0px!important;
		
		
	}
	
	#firstLinks li{
		clear:both;
		float:none;
		visibility:hidden;	
		display:none;
		background:#622c1c;
		width:160%;
		text-align:right;
		
		border:solid 1px #622c1c;
	}
	
	#firstLinks li:first-child{
		margin-top:30px;	
	}
	
	#firstLinks li a{
		display:block;
		padding-top:1em ;
		padding-bottom:1em ;
		width:93%;
	}
	
	#firstLinks:hover, #firstLinks.hover_effect{
		background : #622c1c url('../images/quick_linkbkgw.png') right center no-repeat ;	
	}
	
	#firstLinks:hover > li, #firstLinks.hover_effect > li{
		visibility:visible;
		display:block;
		cursor:pointer;
	}

	#firstLinks li:hover {
		background:#ffffff;
		cursor:pointer;
	}
	#firstLinks li:hover > a {
		color:#622c1c;
	}
	
	
	/**/

	
	#bodyDiv{
		position:relative;
		top:40px;
		
	}
	#GstreetView {
		float:none;
	width:100%;	
	}
	
	
	#footerDiv{
	
		font-size:1.6em;
	}
	#footerDiv div#C {
		line-height:2em;	
	}
	
	#footerlinks {
			font-size:1.3em;
		padding:.25em;
	}
	#footerlinks{
		padding-top:1em;
		margin-bottom:2em;
	}
}


@media only screen and (min-width:480px) and (max-width: 775px) {
		#headerDiv{
		width:65%;
		float:right;
		height:128px;
		overflow:hidden;
	}
	
	#navDiv{
		border-top:solid #622C1C 1px;
		width:35%;
		height:126px;
		border-bottom:solid #622C1C 1px;
		background:#F3F0DD;
		float:left;
		z-index:50;
	}
	
		#img1 img, #img2 img {
		
		
	}
		#bodyDiv #headerDiv .homepage img{
		margin-top:-30px;
		height:200px;
	}
		#bodyDiv #headerDiv  img{
		height:128px;
	}
	
}

@media only screen  and (max-width: 775px) {  /* extra 20 px to account for scroll*/
	
			/*   NAVIGATION -- Switch to next to header photo*/ 

	
	#gutsDiv{
	clear:both;	
	}
	
	 #gutsDiv,#footerDiv {
		width:100%;	
		
	}
	.headerImageHolder{
		height:40%;
	}
	.headerImageHolder #rotatorSpacer{
	visibility:hidden;
	z-index:2;
	width:100%;
	}
	


	#firstLinks{
		padding:3px;
		padding-right:5px;
	}

	#firstLinks li{
		float:right;	
	}
	
	#firstLinks a{
		padding:0px 5px;
	}
	
	

.eventlisting{
 float:none;;
 width:100%;
}

	
	#specialsDiv{

	
	
	}
	

	
	#contentDiv iframe{
		width:100%;	
	}
	
	#contentDiv #primary-content div{
		width:100%;	
	}
	#contentDiv #primary-content div img{
		width:100%;	
	}
	.fullwidthimage{
		width:100%;	
		margin: 1em 0!important;
	}
	
	#wx_module_3717 iframe{
	width:100%;	
	}
	
	#testimonialsBox div{
width:90%;
	}
	.contact form{
margin-top:1em;
float:left;
display:block;
}
.contact div#contactInformation{
	float:left;
	margin:1em;
	width:40%;
}
	
	#footerDiv{
		font-size:16px;
}

}

@media only screen  and (min-width:520px) and (max-width: 775px) {  /*  SET THE 2 COLUM 50% LAYOUT*/

	 #gutsDiv,#footerDiv {
		width:100%;	
		
	}
#firstLinks{
	
	height:15px;
	line-height:15px;
	
}

	#homeLeftCol {
		float:left;
		width:50%
	}
	#homeLeftCol img{
		width:100%;
	}
	#homeLeftCol iframe{
		width:100%;	
	}
	#homeRightCol{
		width:45%;
		margin:0 2.5%;
		float:left;
	}
	
	#hpSpaFocus,#hpPhotoFocus{
	width:100%;
	float:left;
}

#centennialBox{
	clear:both;float:right;width:410px;
	padding:1em;margin-left:1em;
	font-weight:bold;text-align:center;
	line-height:1.5em;
	margin-bottom:1em;;
	color:#333;
}

#lodgingFocus,#lodgingFocus1{
	width:50%;
	clear:both;
	float:right;
}

.halfWidth{
padding-top:10px;float:left;width:45%;margin-right:5%;
}
#rates1{
	width:60%;
	float:right;
}
#rates2{ /*contains photos*/
clear:both;float:right;width:40%;	
}
#rates2 img{ 
 width:100%;
 margin-left:0!important;
}
#TA_selfserveprop868{
 width:100%;
 min-width:236px;
}

.contact form{
	margin-top:1em;
	float:left;
	display:block;
	width:45%;
}
.contact div#contactInformation{
	float:left;
	margin:1em;
	width:40%;
}


}


@media only screen and (min-width: 775px) {

#bodyDiv{
	width:753px;
	LEFT: 0px;
	MARGIN: auto;
	POSITION: relative;
	TOP: 0px;
	TEXT-ALIGN: left;
	border: solid #622C1C 1px;
	background-color:#fff;
	margin-bottom:15px;
z-index:1;



}
	 #headerDiv,#navDiv,#gutsDiv,#footerDiv {
		width:100%;	
		
	}



#firstLinks{
	width:753px;
	MARGIN: auto;
	text-align:right;
	padding:3px;
	padding-right:12px;
	height:15px;
	line-height:15px;
	
}

#firstLinks li{
float:right;	
}

#firstLinks a{
	padding:0px 5px;
}








#headerDiv{


}

.headerImageHolder{

height:308px;
}
.headerImageHolder #rotatorSpacer{
	display:none;
	visibility:hidden;
}


#navDiv{
border-top:solid #622C1C 1px;
border-bottom:solid #622C1C 1px;
background:#F3F0DD;
height:26px;
z-index:50;
}

#bodyDiv{
	width:753px;
	margin: auto;
}

#homeLeftCol{
width:355px;
float:left;
margin-right:27px;
margin-left:15px;
display:block;
}
#beltonLogo{
text-align:center;
}

#hpSpaFocus{
	width:348px;height:140px;
}
#hpPhotoFocus{
	width:348px;height:140px;
}
#specialsDiv{
width:348px;
}


.galleryImage {
border: solid 3px #622C1C;
}

.img_nav:link, .img_nav:visited{
color:#622C1C;
text-decoration:none;
}

.img_nav:hover{
text-decoration:underline;
}

#homeRightCol{
width:325px;
float:left;
padding-right:15px;
}
#homeRightCol p{
line-height:1.5em;
margin-top: 10px;
margin-bottom:10px;
}



	#contentDiv #primary-content div{
		width:352px;	
	}

	#contentDiv #primary-content div img{
		width:350px;	
	}


#centennialBox{
	clear:both;float:right;width:410px;
	padding:1em;margin-left:1em;
	font-weight:bold;text-align:center;
	line-height:1.5em;
	margin-bottom:1em;;
	color:#333;
}

#lodgingFocus,#lodgingFocus1{
	width:300px;
	clear:both;float:right;
}

.eventlisting{
 float:left;
 width:350px;
}

#rates1{
	width:320px;
	float:right;
}
#rates2{ /*contains photos*/
clear:both;float:right;width:320px;	
}


#TA_selfserveprop868{
 width:100%;	
 min-width:236px;
}




#testimonialsBox div{
width:600px;
}









.contact form{
margin-top:1em;
float:left;
display:block;
width:45%;
}
.contact div#contactInformation{
	float:left;
	margin:1em;
	width:50%;
}



#reviewsLinks {
height:120px;	
}

#reviewsLinks div{
	width:100px;
	text-align:center;
	height:75px;
	float:left;
	
	
}

#footerDiv{
		font-size:26px;
}

} /* END OF MQ min width 755 */






/* BACK TO STYLES THAT APPLAY TO ALL*/
.calendarHolder{
	float: left;
    margin: 1em;
    width: 50%;
    text-align:center;
}

.calbox{
	width:70%;
	margin:auto;
	float:none;
	clear:both;
	border:solid 2px #003300;
	background:#efefef;
	margin-bottom:1em;
}


.calendarHolder.fullwidth{
width:100%;
margin:0;
}
.calendarHolder.fullwidth .calbox{
width:40%;
margin:4%;;
float:left;	
clear:none;
}


.calbox h3{
    font-size: 1.5em;
   }

.calbox table{
width:100%;	
}

.calendar-day-np,
.calendar-day{
width:14.285%	
}

.calendar-day.hasvalue .day-number{
visibility:hidden;
}

.calendar-day.in-past{
color:#cccccc;	
}

.calendar-day label div,
.calendar-day label{
width:100%!important;	
text-align:center;
margin:0!important;
}

.legend .hasvalue,
.calendar-day.hasvalue{
	background:#666;
}
.legend .legendbox{
height:1em;
	width:1em;
	display:inline-block;
}

.lodgingSpecialH2{
	font-family: Palatino Linotype,Palatino,times,serif;
	background:#622c1c;
	color:#fff;
	padding:0px;
	text-align:center;font-size:16px;margin:0px;
	line-height:32px;
	height:32px;
	margin-bottom:12px;
	font-weight:bold;
}
.lodgingSpecialH2 img.fimage{
float:left;	
}


.lodgingSpecialH2 img.laimage{
float:right;	
}


.contact label {
float:left;
clear:left;
margin-right:2%;
text-align:right;
margin-bottom:.5em;
width:40%;
}
.contact input{
float:left;
margin-bottom:.5em;
width:50%;
}

.contact input[type=submit]{
	margin-top:1em;
padding: .2em 1em;
font-size:1.2em;
margin-left:40%;
border:solid 1px #063;
border-radius:3px;

}

input[type=submit]:hover{
	background:#999;
	
}

#testimonialsBox{
	
}

#testimonialsBox div{

margin:auto;
margin-top:15px;
border: solid 1px #CCC;
background: #F3F0DD;
padding:15px;
}

#testimonialsBox div h4{
margin: 0px;

}


#testimonialsBox div p{
font-style:italic;	

font-size:14px;
line-height: 1.5em;
letter-spacing:.1em;
text-align:justify;
}
#testimonialsBox div span{
	display:block;
	font-weight:bold;
	color:#622C1C;
font-size:12px;
text-align:right;	
}


form#commentCard{
	
}

form#commentCard  label{
	float:left;
	padding-top:10px;
	margin-left:10px;
	padding-left:10px;
	font-weight:bold;
	color:#666;
}

form#commentCard  label.NL, form#commentCard  textarea.NL {
	clear:both;
	margin-left:30%;
	float:left;
}
form#commentCard  label.NL2 {
	clear:both;
	margin-left:50px;
	float:left;
	width:250px;
	text-align:right;
}

form#commentCard div.chkboxholder{
margin-left:30px;
width:300px;
float:left;
}

form#commentCard div.chkboxholder label{
width:220px;
text-align:right;
margin-right:10px;
color:#666;
float:left;
}
@media only screen and (max-width:480px){
	
	form#commentCard  label{
	padding-left:0;	
	}
	
		form#commentCard  label.NL, form#commentCard  textarea.NL {
			margin-left:1em;
		}
				
		form#commentCard  label.NL2 {
			text-align:left;
			width:100%;
			margin-left:0;
		}
			
		form#commentCard div.chkboxholder{
		width:100%;
		margin-left:0;
		}
		form#commentCard div.chkboxholder label{
		text-align:left;
		display:inline-block;
		margin-right:10px;
		color:#666;
		width:auto;
		min-width:60%;
		}
		
				   }

@media only screen and (max-width:580px){
		form#commentCard  label.NL2 {
			text-align:left;
			width:100%;
						margin-left:0;
		}
	
}

@media only screen and (max-width:640px){
		form#commentCard  label.NL2 {
			text-align:left;
						margin-left:0;
		}

}



form#commentCard  fieldset{
border:none;
margin-bottom:20px;
border-bottom:groove 1px #666;
padding-bottom:20px

}


form#commentCard  legend{
	display:block;
	font-size:20px;
	font-weight:bold;
	width:200px;
	font-family: Palatino Linotype,Palatino,times,serif;
	color: #622C1C;
}


form#commentCard div.chkboxholder h4{
	text-align:center;
	margin-bottom:5px;
	border-bottom:solid 1px black;
	font-size:16px;
	
}


form#commentCard  input,form#commentCard  textarea {
	float:left;
		margin-top:13px;
}


form#commentCard textarea{
	width:300px;
	height:150px;
	
}

form#commentCard label.mainQ{
clear:both;
float:left;
margin-top:15px;
font-size:16px;
color:#000;
width:100%;
}


  form#commentCard input#fSubmit{
	
	clear:both;
	margin:auto;  margin-top:20px;
	width:150px;
	margin-left:300px;
}


#footerDiv{

background:#F3F0DD;
border-top:solid #622C1C 1px;
min-height:90px;

	text-align:center;

}
#footerDiv div{float:left;
font-size:14px;
	font-weight:bold;
	font-family:times new roman,times;margin-top:15px;}
#footerDiv #A1{
margin:0px;
text-align:left;
	width:1px;
	color:#622C1C;}
#footerDiv #A{
text-align:left;
	
	padding-left:15px;
	color:#622C1C;}
#footerDiv p{
margin: 15 0 15 0;

	}
#footerDiv #C{
	float:right;
	
	padding-right:15px;
	text-align:right;
	margin-bottom:2em;
	color:#622C1C;}
	
#footerlinks{
text-align:center;
font-family:Palatino Linotype,Palatino,times,serif;
font-weight:bold;font-size:12px;
color:#622C1C;
}


#footerlinks a:link,#footerlinks a:visited {
text-decoration:none;
color:#622C1C;
}

#footerlinks a span {margin:0px;padding0px;}
#footerlinks li:first-letter {font-size:14px;}


#footerlinks a:hover{
text-decoration:underline;
color:#622C1C;
}