@charset "utf-8";
/* CSS Document */
/* Primary CSS document for Glacier Country Montana's Tourism Website */
/* GLOBAL */

/* --------------------------------------------------------------------------
						GENERAL STRUCTURE
----------------------------------------------------------------------------*/
body{
	position:relative;
	background-color:#f5f0dd;
	font-family:Arial, Helvetica, sans-serif;
	color:#f9f9f9;
	font-size:14px;
	line-height:18px;
}
#wrapper{position:relative;width:780px;margin:0 auto;}

#content{width:684px;padding:0 48px 48px;min-height:500px;}

#content #title{margin:0;padding:0;width:auto;height:auto;clear:both;}
#content #text {margin:0;}

#wrapper a img{border:none;}

p{text-align:left;}

a{color:#fff;}
a:hover{text-decoration:none;}
.center {margin:0 auto; display:block;}

/* --------------------------------------------------------------------------
						BODY SPECIFIC COLORS
----------------------------------------------------------------------------*/
body.about #content{background-color:#6f979a;} /* 94B0AD */
body.about #col td,
body.about .linebreak,
body.about #do-this,
body.about .do-pic,
body.about table.nonmem td,
body.about table.nonmem th,
body.about ul.community li, 
body.about ul.sublinks li,
body.about .lineBreak{border-color:#94B0AD;}
body.about h5,
body.about h3 a:hover,
body.about ul.community li:hover, 
body.about ul.sublinks li:hover,
body.about ul.boxes li:hover{background-color:#94B0AD;}

body.go #content{background-color:#60795B;} /* 87987D */
body.go #col td,
body.go .linebreak,
body.go #do-this,
body.go .do-pic,
body.go table.nonmem td,
body.go table.nonmem th,
body.go ul.community li, 
body.go ul.sublinks li,
body.go .lineBreak{border-color:#87987d;}
body.go h5,
body.go h3 a:hover,
body.go ul.community li:hover, 
body.go ul.sublinks li:hover,
body.go ul.boxes li:hover{background-color:#87987D;}

body.do #content{background-color:#CF9B30;} /* D9B05B */
body.do #col td,
body.do .linebreak,
body.do #do-this,
body.do .do-pic,
body.do table.nonmem td,
body.do table.nonmem th,
body.do ul.community li, 
body.do ul.sublinks li,
body.do .lineBreak{border-color:#D9B05B;}
body.do h5,
body.do h3 a:hover,
body.do ul.community li:hover, 
body.do ul.sublinks li:hover,
body.do ul.boxes li:hover{background-color:#D9B05B;}

body.stay #content{background-color:#BE764A;} /* CB926C */
body.stay #col td,
body.stay .linebreak,
body.stay #do-this,
body.stay .do-pic,
body.stay table.nonmem td,
body.stay table.nonmem th,
body.stay ul.community li, 
body.stay ul.sublinks li,
body.stay .lineBreak{border-color:#CB926C;}
body.stay h5,
body.stay h3 a:hover,
body.stay ul.community li:hover, 
body.stay ul.sublinks li:hover,
body.stay ul.boxes li:hover{background-color:#CB926C;}

body.deals #content{background-color:#3D2218;} /*  */
body.ideas #content{background-color:#867363;} /*  */

body.tools #content{background-color:#260D32;} /* B97BA4 */
body.tools #col td,
body.tools .linebreak,
body.tools #do-this,
body.tools .do-pic,
body.tools table.nonmem td,
body.tools table.nonmem th,
body.tools ul.community li, 
body.tools ul.sublinks li,
body.tools .lineBreak{border-color:#B97BA4;}
body.tools h5,
body.tools h3 a:hover,
body.tools ul.community li:hover, 
body.tools ul.sublinks li:hover,
body.tools ul.boxes li:hover{background-color:#B97BA4;}


/* --------------------------------------------------------------------------
							HEADER DIV
----------------------------------------------------------------------------*/
#header{position:relative;height:80px;}

#header img.gclogo{position:absolute;left:-142px;top:20px;}

#header ul.gcsearch{list-style-type:none;float:right;}
#header ul.gcsearch li{text-align:right;}
#header ul.gcsearch li.social{margin:5px 0 0 0;}
#header ul.gcsearch li.social img{width:25px;}
#header ul.gcsearch a{text-decoration:none;}

input.searchGC{
	border:solid #60795b !important;
	border-width:3px 3px 3px 0px !important;
	font-weight:bold !important;
	background-color:#fff !important;
}
input.searchGC:hover{
	background-color:#60795b !important;
	cursor:pointer !important;
	color:#fff !important;
}
input.searchGC-box{
	border:solid #60795b !important;
	border-width:3px 0 3px 3px !important;
	margin-right:-6px !important;
	background-color:#fff !important;
	padding-left:5px !important;
	padding-right:5px !important;
}
input.searchGC-box:active, input.searchGC-box:focus, input.searchGC-box:hover{background-color:#fff;}

/* --------------------------------------------------------------------------
						SIDE MENU (ABOUT, GO, DO, ETC.)
----------------------------------------------------------------------------*/
#menu{position:absolute;left:-182px;top:-14px;margin-top:80px;}
#menu ul{list-style-type:none;}
#menu ul li{width:112px;height:40px;margin-bottom:10px;text-align:left;line-height:40px;}
#menu ul li#active{width:145px;}
#menu li.about{background-color:#6F979A;}
#menu li.go{background-color:#60795B;}
#menu li.do{background-color:#CF9B30;}
#menu li.stay{background-color:#BE764A;}
#menu li.deals{background-color:#3D2218;}
#menu li.ideas{background-color:#867363;}
#menu li.tools{background-color:#260D32;}
#menu li a{display:block;}
#menu img{border:none;}

/* --------------------------------------------------------------------------
						BOX LINKS (FEATURE LINKS)
----------------------------------------------------------------------------*/
ul.boxlinks{list-style-type:none;margin:20px 0;padding:0;text-indent:0;clear:both;}
ul.boxlinks li{float:left;border:1px solid #999;}
ul.boxlinks a{display:block;}

/* --------------------------------------------------------------------------
								FOOTER DIV
----------------------------------------------------------------------------*/
#footer{width:780px;margin-top:15px;clear:both;}
#footer ul.footGray, 
#footer ul.footLinks, 
#footer ul.footGreen, 
#footer ul.footPrimary{width:100%;margin:0;padding:0;text-indent:0;list-style-type:none;}
#footer ul a{text-decoration:none;}
#footer ul a img{border:none;}

#footer ul.footGray{background-color:#867363;height:50px;position:relative;}
#footer ul.footGray li{display:inline;}
#footer ul.footGray li.cities{width:155px;height:50px;position:absolute;right:0;top:5px;}
#footer ul.footGray select{border:1px solid #333;color:#444;margin:5px 0 0 7px;}
#footer ul.footGray a{}

#footer ul.footLinks{height:25px;line-height:25px;}
#footer ul.footLinks li{display:inline;}
#footer ul.footLinks a{margin-right:40px;color:#572700;font-size:12px;text-transform:uppercase;}
#footer ul.footLinks a.last{margin-right:0;}
#footer ul.footLinks a:hover{color:#06F;}

#footer ul.footGreen{background-color:#60795B;height:50px;white-space:nowrap;overflow:hidden;}
#footer ul.footGreen li{display:inline;}
#footer ul.footGreen a{}

#footer ul.footPrimary{margin-top:15px;text-align:center;}
#footer ul.footPrimary li{display:inline;margin:0 10px 0 0;}
#footer ul.footPrimary a{text-transform:uppercase;color:#8a7967;}
#footer ul.footPrimary a:hover{color:#333;}

#footer p.produced{text-align:center;}
#footer em, #footer em a{color:#8a7967;font-size:10px;}

/* --------------------------------------------------------------------------
							TOP LINKS
----------------------------------------------------------------------------*/
ul.toplinks{list-style-type:none;margin:0;padding:45px 0 0;overflow:visible;}
ul.toplinks li{display:inline;float:left;}
ul.toplinks a{}
ul.toplinks img{}

/* --------------------------------------------------------------------------
							MISC PIECES
----------------------------------------------------------------------------*/
div.breaker{display:block;height:1px;}

/* --------------------------------------------------------------------------
						GENERAL CONTENT LAYOUT
----------------------------------------------------------------------------*/

h1, h2, h3, h3 a{color:#F5F0DD;}
h2, h3, h3 a{font-size:18px;}
h3, h3 a{font-weight:normal;}

h1{font-size:32px;font-weight:lighter;}
h2{font-weight:bold;}
h3{
	border:0 solid;
	border-bottom-width: 1px;
	margin:30px 0 10px;
	font-weight:bold;
	clear:both;
}
h3 a{text-transform:capitalize;text-decoration:none;font-weight:bold;}
h3 a:hover{background-color:inherit;}
h5 {
	font-size: 18px;
	font-weight: normal;
	background-color: #7A506B;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 3px;
}

.region1, .region2, .region3{
	background-repeat: no-repeat;
	height: 66px;
	background-position: left top;
	line-height:40px;
	margin:40px 0 10px 0;
}
.region1{background-image: url(../images/secondary/region1-header.png);}
.region2{background-image: url(../images/secondary/region2-header.png);}
.region3{background-image: url(../images/secondary/region3-header.png);}

.spacer{clear:both;}
.lineBreak{border:0 dotted;border-top-width:1px;}
span.header{font-weight:normal;font-size:18px;}

img.pageTitle, #title img{position:relative;display:block;top:20px;clear:both;margin:0 0 60px;}


/* --------------------------------------------------------------------------
						TABLE LAYOUTS
----------------------------------------------------------------------------*/

#col{display:block;width:100%;}
#col tr.title{font-weight:bold;font-family:Helvetica, Arial, sans-serif;}
#col tr:hover{background-color:#87987D;}
#col tr, #col tr.title:hover, #col tr.region:hover{background-color:transparent;}
#col td{border:0 solid;border-bottom-width:1px;}
#col td.region{border:none;}


/* --------------------------------------------------------------------------
					FILLER IMAGE STYLINGS
----------------------------------------------------------------------------*/

.wrapmeBodyL, .wrapmeBodyR, .wrapmeBodyC{margin:10px 0;}
.wrapmeBodyL, .wrapmeBodyR{border:1px solid #fff;}
.wrapmeBodyC{position:relative;display:block;border:1px solid #fff;}
.wrapmeBodyL{float:left;margin-right:10px;}
.wrapmeBodyR{float:right;margin-left:10px;}
.wrapme{float:right;margin:0 0 10px 10px;width:250px;border:1px solid #fff;}

/* --------------------------------------------------------------------------
			GREAT IDEAS IMAGES AT BOTTOM OF SECONDARY PAGES
----------------------------------------------------------------------------*/

#great-ideas{width: 680px;margin:20px 0 0 25px;}

/* --------------------------------------------------------------------------
					GLACIER COUNTRY REGIONS PAGE
----------------------------------------------------------------------------*/
	
#text #cgr {
	width: 100%;
	background-image: url(../images/secondary/about/gcregionsbg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	min-height: 700px;
}
#text #cgr #reg {width: 400px;float: right;}
#text #cgr #reg h1{font-size: 18px;text-transform: uppercase;font-weight: lighter;}
#text #cgr #reg h2{font-size: 16px;font-weight: lighter;margin-top: -20px;margin-left: 5px;}
#text #cgr #reg p{margin-top: 0px;margin-left: 10px;margin-bottom: 30px;}
#eventsSpud{margin-top: 40px;}

/* --------------------------------------------------------------------------
						101 THINGS TO DO
----------------------------------------------------------------------------*/

#do-this
{
	position:relative;
	display:block;
	clear:both;
	width:97%;
	height:110px;
	padding:5px;
	margin:20px 0;
	border:3px solid;
}

.do-text, .do-text1, .do-text2, .do-text3, .do-text4, .do-text5, .do-text6, .do-text7, .do-text8, .do-text9, .do-text10
{
	text-align:justify;
	display:inline-block;
	width:75%;
	color:#f9f9f9;
	background-repeat:no-repeat;
	background-position:top left;
}

.do-text1{background-image:url(../images/secondary/do/101/10.png)}
.do-text2{background-image:url(../images/secondary/do/101/20.png);}
.do-text3{background-image:url(../images/secondary/do/101/30.png);}
.do-text4{background-image:url(../images/secondary/do/101/40.png);}
.do-text5{background-image:url(../images/secondary/do/101/50.png);}
.do-text6{background-image:url(../images/secondary/do/101/60.png);}
.do-text7{background-image:url(../images/secondary/do/101/70.png);}
.do-text8{background-image:url(../images/secondary/do/101/80.png);}
.do-text9{background-image:url(../images/secondary/do/101/90.png);}
.do-text10{background-image:url(../images/secondary/do/101/100.png);}

span.do-title
{
	display:block;
	font-size:20px;
	color:#4F3B13;
	margin-bottom:10px;
	text-transform:capitalize;
}
span.do-title li{list-style-type:none;}

.do-pic
{
	position:absolute;
	width:110px;
	height:110px;
	right:5px;
	border:0 solid;
	border-left-width:1px;
	padding-left:30px;
}

ol.101-things{margin:0;padding:0;}
li.nonum{list-style-type:none;}

.do-side{position:absolute;left:-30px;top:-3px;}

/* --------------------------------------------------------------------------
						MAPS IN IFRAMES (GOOGLE MAPS)
----------------------------------------------------------------------------*/

.maps
{
	background:transparent url(../images/maps-bg.png) repeat top left;
	float:right;
	clear:right;
	margin:0 0 0 10px;
	border:1px solid #fff;
	text-align:center;
}
.maps small{color:#fff;font-size:12px;}	

/* --------------------------------------------------------------------------
						CITIES (COMMUNITIES) PAGE
----------------------------------------------------------------------------*/

.insiderbox
{
	position:relative;
	background-color:#9a816f;
	border:1px solid #fff;
	width:100%;
	display:block;
	height:auto;
	margin-top:30px;
}
.insiderbox p{margin:15px 10px 10px 10px;background:transparent url(../images/secondary/quote.png) no-repeat top left;}

img.insiderimg{position:absolute;top:-24px;left:10px;}
img.quote{position:absolute;bottom:10px;right:10px;}
img.boringmap{display:block;float:right;clear:right;margin-top:20px;width:250px;}

ul.add-info{list-style-type:none;margin:0 10px;padding:0;display:block;float:left;width:300px;}
ul.add-info li{margin-left:20px;}
ul.add-info li.info-title{font-weight:bold;font-size:16px;margin:10px 0;}

/* --------------------------------------------------------------------------
				XML & TABLE LISTINGS (NON-MEMBER LISTINGS)
----------------------------------------------------------------------------*/

table.nonmem{width:100%;border:none;font-size:14px;}
table.nonmem th{
	font-style:italic;
	text-transform:uppercase;
	border:0 solid;
	border-top-width:1px;
	border-bottom-width:1px;
	font-weight:lighter;
}
table.nonmem th.biz{width:60%;text-align:left;}
table.nonmem th.phone{width:20%;text-align:left;}
table.nonmem th.city, table.nonmem td.city{width:20%;text-align:right}

table.nonmem tr:hover{/* color defined in body tags at top */}

table.nonmem td{border:0 solid;border-bottom-width:1px;padding:5px 0;margin:0;}

table.nonmem em{font-size:12px;}

/* --------------------------------------------------------------------------
					SEARCH-SITE-RESULTS PAGE
----------------------------------------------------------------------------*/

#text p.resultsp{margin-left: 25px;}

#text p.resultspdesc a.more{font-size: 12px;color: #F5F0DD;font-weight:bold;}
#text p.resultspdesc a.more:hover{font-size: 12px;color:#003300;}
#text p.resultspdesc{margin-left: 25px;}
#text p.resultsp a{margin-left: 25px;color: #F5F0DD;}
#text p.resultsp a:hover{margin-left: 25px;color:#333333;}

#content #text #col1{float: left;width: 49%;}
#content #text #col2 {float: left;width: 47%;margin-left: 25px;}

/* --------------------------------------------------------------------------
						UNORDERED LIST ITEM
----------------------------------------------------------------------------*/

ul.block{list-style-type:none;display:block;width:100%;margin-left:0;padding-left:0;}
ul.block li{display:inline;margin-right:25px;}
.line, .lineBreak{display:block;position:relative;width:100%;height:1px;margin:10px 0;}
.lineBreak{border:0 dotted;border-top-width:1px;}

p.hi{background-color:#DDB96D;}

ul.boxes{list-style-type:none;display:block;margin:0;padding:0;}

ul.boxes li{display:block;float:left;width:125px;height:150px;border:1px solid #fff;overflow:hidden;}

ul.boxes li:hover{/* color defined in body tags at top */}

span.headerR{position:absolute;right:48px;font-size:18px;}

/* --------------------------------------------------------------------------
						VACATION DEALS
----------------------------------------------------------------------------*/

#text .company{padding: 5px;}
#text .company .business {
	background-color: #2E1912;
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 20px;
	border: 1px dashed #F5F0DD;
}
#text .company .business .businessname{font-size: 24px;font-weight: lighter;}
#text .company .business .businessname img {
	float: left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #F5F0DD;
}
#text .company .business .businessname .url{font-size: 16px;margin-top: 20px;margin-bottom: 20px;}
#text .company .business .businessname .city{text-align: right;}
#text .company .business .packagename {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BDA49B;
	margin-top: 20px;
}
#text .company .business .packagedate{text-align: right;font-weight: bold;}
#text .company .business .packageinfo{width: 475px;}
#text .company .business .packageinfo pre{
	width:475px;
	font-family:Arial, Helvetica, sans-serif;
	white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* --------------------------------------------------------------------------
					GREAT IDEAS AND TRAVEL STYLE
----------------------------------------------------------------------------*/

#great-ideas{width: 680px;margin-left: 35px;margin-top: 20px;margin-bottom: 0px;}
.travelstyle .title{font-size: 18px;color: #F5F0DD;border-bottom:1px solid #F5F0DD;}
.travelstyle .title img{float: right;margin-left: 5px;border: 1px solid #F5F0DD;margin-top: 10px;}
.travelstyle p{color: #F5F0DD;}

/* --------------------------------------------------------------------------
						FORMS FOR MOST OF THE SITE
----------------------------------------------------------------------------*/

.filler{display:block;position:relative;border:1px dotted #fff;width:100%;margin-top:40px;}

img.clasp, img.claspDrop{position:relative;left:-20px;top:11px;margin-right:-15px;z-index:10;}

img.claspDrop{left:-10px;margin-right:-10px;}

.filler input.submit{background-color:#fff;border:1px solid #333;margin-left:118px;}

.subButt{position:relative;width:80%;}

.filler input.submit:hover{background-color:#aaa;border-color:#fff;}

.filler input{z-index:200;margin-left:20px;margin-right:20px;}

.spamChecker{
	position:relative;
	left:20px;
	display:block;
	width:350px;
	border:1px solid #fff;
	padding-bottom:12px;
	margin-top:30px;
}

.spamChecker img.spam{position:absolute;top:-10px;left:20px;}

.filler img.form-title{position:absolute;top:-10px;left:16px;}

.spamChecker select{margin-left:92px;}

.form-info{
position:relative;
float:right;
display:block;
width:200px;
height:100%;
margin-top:26px;
border:1px solid #fff;
margin-right: 10px;
}

img.form-info-title{position:absolute;top:-10px;left:20px;}

.form-info ul{margin:0 0 0 15px;padding:0;list-style-type:none;font-size:12px;}

.form-info ul li#header{font-weight:bold;font-size:14px;}

.filler p.indent{margin-left: 20px;}

/* --------------------------------------------------------------------------
			COMMUNITIES LINKS AND SUBLINKS ON SECONDARY PAGES
----------------------------------------------------------------------------*/

ul.community, ul.sublinks{
	list-style-type:none;
	display:block;
	clear:both;
	margin:0;
	padding:0;
	width:100%;
	position:relative;
}
ul.community li, ul.sublinks li
{
	display:block;
	float:left;
	margin-right:10px;
	width:150px;
	height:30px;
	border:1px solid;
	line-height:30px;
	text-align:center;
	text-decoration:none;
}

ul.community li a, ul.sublinks li a{text-decoration:none;display:block;width:148px;height:28px;}
ul.community li:hover, ul.sublinks li:hover{text-decoration:underline;}

ul.sublinks{margin-top:-20px;}
ul.sublinks:after{
    content:".";
    display:block;
    height:0;
    clear:both;
	visibility:hidden;
}
select{margin-left:20px;}

/* --------------------------------------------------------------------------
			CLEAR FIX
----------------------------------------------------------------------------*/ 

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 

 
.clearfix {
	display: inline-block;
}