/*  Hand coded and authored by Dallas Larsen
	Co author: Josh Jarman
	Free for public use(in whole or part) as long as this credit stays intact 
*/
html, body {
	margin: 0px;
	padding: 0px;

}
a img{
	border:0px;
}
body {
	width: 100%;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size:62.5%;
	font-weight:normal;
	background:url('/images/bg.jpg');

}
#PrimaryNavigation, #placesSubnav, #thingsSubnav, p, #footer, #siteby, #copyright{
	font-size:1.2em;
}
div {
	display: block;
	padding: 0px;
	margin: 0px;
}
div.emptyDiv hr{ display:none;}
h1, h2, h3, h4 {
	display: block;
	padding: 0px;
	margin: 0px;
}
a{ 
	text-decoration:none;
	color:#3399cc;
}
a:hover{
	text-decoration:underline;
	color:#63A90F;
	
}
.jumptop{ text-align:right; display:block;padding:5px 0px 5px 0px;margin:0px;clear:both;}
.jumptop a{ color:#3399cc;}
.jumptop a:hover{ color:#63A90F;}
.loneText{display:block;padding:10px 0px 5px 0px;font-size:1.2em;}
ul { padding: 0px inherit; margin: 0px; }

li { behavior: url('../js/IEfixes.htc'); } /*This allows the css only menu to work in IE < IE7 by use of some javascript to make IE 'learn' to use :hover with any selector...Ironic?*/

.ReplaceWithImage {
	margin-left: -999em;
	left: -999em;
	display: block;
	height: 1px;
	width: 1px;
	position: absolute;
}		
#wrapper{
	width: 792px;
	margin: 0px auto;
}	
#topShadow{
	position: absolute;
	top: 0px;
	width: 792px;
	height:16px;
	background: url('/images/top_shadow.png') center bottom no-repeat;
	_background: none; /*ie5-6fix*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/top_shadow.png',sizingMethod='image'); /*ie5-6fix png-24*/
}

#pageContainer {
	position: absolute;
	top: 16px;
}
#pageContentContainer {
	background: url('/images/page_shadow.png') center repeat-y;
	_background: url('/images/page_shadow_ie.png') left top repeat-y; /*ie5-6fix png-8*/
	padding: 0px 5px 0px 7px;
	_padding: 0px 6px 0px 6px; /*ie5-6fix*/
	margin: 0px;
	_width: 790px;
}
#headerContainer {
	width: 780px;
	height: 205px;
	overflow: hidden;
}
#headerContainer img {
	position: absolute;
	top: 0px;
	width: 780px;
	height: 205px;
}
#headerContainer #TourismNorthernRockies {
	position: absolute;
	top: 30px;
	width: 189px;
	height: 106px;
	background: url('/images/nr_logo.png') left top no-repeat;
	_background: none; /*ie5-6fix*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nr_logo.png',sizingMethod='image'); /*ie5-6fix png-24*/
	left: 567px;
	z-index: 998;
}
#BottomBar {
	position: absolute;
	font-size:1.6em;
	font-weight:normal;
	left: 7px;
	top:175px;
	height: 25px;
	width: auto;
	background-color: #000;
	opacity: 0.60;
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	filter: alpha('opacity=60');
	color: #FFF;
	padding: 7px 15px 0px 15px;
	z-index: 980;
}
#BottomBar a {
	color: #5D0250;
}
/*Main Navigation*/
#PrimaryNavigation {
	display: block;
	list-style: none;
	position: absolute;
	top: 205px;
	height: 70px;
	width: 780px;
	padding: 0px;
	margin: 0px;
	background-color: #333;
	z-index: 999;
}
#PrimaryNavigation li {
	width: 156px;
	height: 47px;
	list-style: none;
	display: block;
	float: left;
	z-index: 999;
}
#PrimaryNavigation li a {
	 display: block;
	 height: 100%;
	 width: 100%;
	 z-index: 999;
}
#places_primary { background: url("/images/brown_nav/places.jpg") top left no-repeat;  }
#places_primary:hover { background: url("/images/brown_nav/places.jpg") bottom left no-repeat; }
#things_primary { background: url("/images/brown_nav/things.jpg") top left no-repeat;  }
#things_primary:hover { background: url("/images/brown_nav/things.jpg") bottom left no-repeat; }
#directions_primary { background: url("/images/brown_nav/directions.jpg") top left no-repeat; }
#directions_primary:hover { background: url("/images/brown_nav/directions.jpg") bottom left no-repeat; }
#events_primary { background: url("/images/brown_nav/events.jpg") top left no-repeat; }
#events_primary:hover { background: url("/images/brown_nav/events.jpg") bottom left no-repeat; }
#gallery_primary { background: url("/images/brown_nav/gallery.jpg") top left no-repeat; }
#gallery_primary:hover { background: url("/images/brown_nav/gallery.jpg") bottom left no-repeat; }


#blue #places_primary { background: url("/images/blue_nav/places.jpg") top left no-repeat;  }
#blue #places_primary:hover { background: url("/images/blue_nav/places.jpg") bottom left no-repeat; }
#blue #things_primary { background: url("/images/blue_nav/things.jpg") top left no-repeat;  }
#blue #things_primary:hover { background: url("/images/blue_nav/things.jpg") bottom left no-repeat; }
#blue #directions_primary { background: url("/images/blue_nav/directions.jpg") top left no-repeat; }
#blue #directions_primary:hover { background: url("/images/blue_nav/directions.jpg") bottom left no-repeat; }
#blue #events_primary { background: url("/images/blue_nav/events.jpg") top left no-repeat; }
#blue #events_primary:hover { background: url("/images/blue_nav/events.jpg") bottom left no-repeat; }
#blue #gallery_primary { background: url("/images/blue_nav/gallery.jpg") top left no-repeat; }
#blue #gallery_primary:hover { background: url("/images/blue_nav/gallery.jpg") bottom left no-repeat; }

#PrimaryNavigation li ul {
	display: none;
	list-style: none;
	position: absolute;
	top: 47px;
	left: 0px;
	margin: 0px;
	padding: 0px 0px 20px 15px;
	_padding-left:25px;
	width: 780px;
	height: 47px;
	z-index: 999;
}
#PrimaryNavigation li:hover ul, #PrimaryNavigation li.hover ul{ display: block; } /* li.hover forces IE 'learn' to use :hover with any selector works with  IEfixes.htc */
#PrimaryNavigation li ul li {
	list-style: none;
	display: inline;
	width: auto;
	float: left;

	_margin: 2px 0px 20px -6px; /*ie5-6fix fix*/
}
#PrimaryNavigation li ul li a {
	color: #FFF;
	padding: 4px 10px;
	text-decoration: none;
	_padding:8px 12px 3px 7px; /*ie5-6fix*/
	_display: inline; /*IE didn't like block*/
	_padding:4px 12px 30px 7px;/*ie5-6fix 6px too much*/

}
#PrimaryNavigation li ul li a:hover { color: #39F; }
.breadcrumbs{
	font-size:1.2em;
	margin-bottom:5px;
}


/*Home page map*/
#mapContainer { height: 407px; margin-bottom: 5px; }
.map {
	display: block;
	position: absolute;
	top: 275px;
	height: 337px;
	width: 780px;
	padding: 0px;
	margin: 0px;
	background: url('/images/tourism_map.jpg') no-repeat;
}
.map dt { display: inline; }
.map dd {
	background: #666;
	color: #FFF;
	padding: 4px;
	width: auto;
	position: absolute;
	left: -9999px;
	z-index: 11;
}
.map.on dd img { position: relative; }
.image_newline { display: block;} /*use on a map icon to linebreak*/
.map a.location, .map a.fn_location {
	font-size:1.1em;
	background: url('/images/point.png') left center no-repeat;
	display: block;
	outline: none;
	text-decoration: none;
	text-indent: 9px;
	width: 150px;
	padding-left: 6px;
	height: 15px;
	position: absolute;
	z-index: 10;
	color: #2e6307;
	font-weight: bold;
	letter-spacing: 1px;
}
.map a.fn_location {
	font-size: 1.2em;
	background: url('/images/fn_star_point.png') left center no-repeat;
	text-indent: 20px;
	padding-top: 5px;
	height: 22px;
}
.map a.fn_location:hover {
	background: url('/images/fn_star_point_hover.png') left center no-repeat -1px -1px;
	height: 22px;
}
.map a.location:hover {
	background: url('/images/point_hover.png')  no-repeat ;
	height: 15px;
}
#map_sliver {
	display: block;
	position: absolute;
	top: 275px;
}

#location01 { top: 320px; left: 590px; }
#location02 { top: 205px; left: 596px; }
#location03 { top: 90px; left: 547px; }
#location04 { top: 225px; left: 506px;z-index:700; }
#location05 { top: 232px; left: 465px; height:50px;}
#location06 { top: 215px; left: 425px;z-index:2; width:200px; height:40px}
#location07 { top: 225px; left: 405px;}
#location08 { top: 190px; left: 360px; }
#location09 { top: 165px; left: 318px;}
#location10 { top: 94px; left: 284px; width:165px;}
#location11 { top: 54px; left: 210px; }
#location12 { top: 40px; left: 195px; }
#location13 { top: 225px; left: 170px;z-index:99; }

/*Main content holder*/
#twoColumnContent {
	padding: 0px;
	margin: 0px;
	display: block;
	width: 780px;
}
#twoColumnContent #columnOne, #twoColumnContent #columnTwo {
	position: relative;
	margin: 5px 0px 10px 10px;
	_margin: 5px 0px 10px 5px;
	padding: 0px;
	width: 355px;
	float: left;
	padding: 0px 10px;
}

#twoColumnContent #columnOne {
	_margin-right: 6px;
	width: 250px;
}
#twoColumnContent #columnOne h2{
	color:#63A90F;
	font-size: 2em;
	font-family:"Trebuchet MS";
	margin-bottom:3px;
	clear:both;
}
#twoColumnContent #columnTwo {
	width: 450px;
	padding-top: 180px;
}

#twoColumnContent #subpagecolumnOne, #twoColumnContent #subpagecolumnTwo {
	position: relative;
	margin: 5px 0px 10px 10px;
	_margin: 5px 0px 10px 5px;
	padding: 0px;
	width: 355px;
	float: left;
}
#twoColumnContent #subpagecolumnOne {
	_margin-right: 6px;
	width: 228px;
	padding: 0px 0px 0px 10px;
}
#twoColumnContent #subpagecolumnTwo {
	width: 510px;
	margin: 5px 0px 10px 0px;
	padding: 180px 10px 0px 5px;
	_padding:185px 10px 0px 0px ;

}
#columnTwo h1, #subpagecolumnTwo h1{
color:#DF5400;
	font-size: 2.1em;
	font-family:"Trebuchet MS";
	margin-bottom:3px;
	clear:both;
}
#columnTwo h2, #subpagecolumnTwo h2{
	color:#8E6925;
	font-size: 2em;
	font-family:"Trebuchet MS";
	margin-bottom:3px;
	clear:both;
}
#columnTwo h3, #subpagecolumnTwo h3{
	color:#1576ba;/*#63A90F;*/
	font-size: 1.6em;
	clear:both;
}
#columnTwo h4, #subpagecolumnTwo h4{
	color:#fff; /*#1576ba;*/
	font-size: 1.4em;
	padding:5px;
	margin-bottom:5px;
	margin-top:5px;
	background:#79C123;
	clear:both;

	
}
#subpagecolumnTwo h4.hiking,
#subpagecolumnTwo h4.wildlife,
#subpagecolumnTwo h4.hbr,
#subpagecolumnTwo h4.boating,
#subpagecolumnTwo h4.fishing,
#columnTwo h4.fishing,
#subpagecolumnTwo h4.riding,
#subpagecolumnTwo h4.biking,
#subpagecolumnTwo h4.hunting,
#columnTwo h4.hunting,
#subpagecolumnTwo h4.golf,
#subpagecolumnTwo h4.skiing,
#subpagecolumnTwo h4.atvsnow,
#subpagecolumnTwo h4.campaccom,
#columnTwo h4.campaccom
{
	background-color:#79C123;
	background-repeat:no-repeat;
	background-position:470px 9px;
	padding:18px 10px 0px 10px;
	height:37px;
}


#subpagecolumnTwo h4.wildlife{	
	background-image:url('/images/icon_binoculars.png');	
}
#subpagecolumnTwo h4.hbr{
	background-image:url('/images/icon_hbr.png');
	background-position:392px 9px;
}
#subpagecolumnTwo h4.hiking{
	background-image:url('/images/icon_hiking.png');
}
#subpagecolumnTwo h4.boating{
	background-image:url('/images/icon_boating.png');
}
#subpagecolumnTwo h4.fishing,
#columnTwo h4.fishing{
	background-image:url('/images/icon_fishing.png');
}
#subpagecolumnTwo h4.riding{
	background-image:url('/images/icon_riding.png');
}
#subpagecolumnTwo h4.biking{
	background-image:url('/images/icon_biking.png');
}
#subpagecolumnTwo h4.hunting,
#columnTwo h4.hunting{
	background-image:url('/images/icon_hunting.png');
}
#subpagecolumnTwo h4.golf{
	background-image:url('/images/icon_golf.png');
}
#subpagecolumnTwo h4.skiing{
	background-image:url('/images/icon_skiing.png');
}

#subpagecolumnTwo h4.atvsnow{
	background-image:url('/images/icon_atvsnow.png');
	background-position:432px 9px;
}
#subpagecolumnTwo h4.campaccom,
#columnTwo h4.campaccom{
	background-image:url('/images/icon_campaccom.png');
	background-position:432px 9px;
}
#columnTwo h4.campaccom {
	background-position:660px 9px;
}
#columnTwo h4.fishing,
#columnTwo h4.hunting{
	background-position:700px 9px;
}

#columnTwo h5, #subpagecolumnTwo h5{
	color:#333;
	font-size:1.5em;
	padding:0px 0px;
	margin:0px 0px;
	margin-bottom:3px;
	font-weight:bold;

}
#columnTwo h5 span, #subpagecolumnTwo h5 span,
#columnTwo dt span, #subpagecolumnTwo dt span,
#subpagecolumnTwo h2 span
{ font-weight:normal;}

#columnTwo p, #subpagecolumnTwo p{
	margin-top:0px;
	font-size:1.2em;
	color:#333;
	line-height:118%;
}

#columnTwo dl, 
#columnTwo dt, 
#columnTwo dd, 
#subpagecolumnTwo dl, 
#subpagecolumnTwo dt, 
#subpagecolumnTwo dd{ 
	position:relative;
	padding:0px;
	margin:0px;
	font-size: 1.1em;
	font-family:"Trebuchet MS";
	}
#columnTwo dl, #subpagecolumnTwo dl{ 
	padding:0px;
	background:#F2EFEA;
	margin-top:10px;
	margin-bottom:15px;
	border-right:0px solid #333;
	
	}	
#columnTwo dt, #subpagecolumnTwo dt{
	font-size:1.3em;
	font-weight:bold;
	color:#333;
	padding:5px 0px 2px 5px;
}

 #subpagecolumnTwo dl{clear:both;}
#columnTwo dd, #subpagecolumnTwo dd{	padding:3px 0px 0px 5px; line-height:118%;}
#columnTwo dl dd.ddnote, #subpagecolumnTwo dl dd.ddnote, #subpagecolumnTwo dl dd.ddnotefish{margin:0px;padding:5px;color:#333;}
#subpagecolumnTwo dl dd.ddnotefish{background:#3399cc;}
#columnTwo dl dd.ddnote b, #subpagecolumnTwo dl dd.ddnote b,#subpagecolumnTwo dl dd.ddnotefish b { color:#333;font-weight:normal;}
#subpagecolumnTwo dl dd.ddnotefish a{ }
#columnTwo dl dd.ddnote a, #subpagecolumnTwo dl dd.ddnote a { color:#63A90F;}
#columnTwo dd a, #subpagecolumnTwo dd a{ color:#3399cc;}
#columnTwo dd a:hover, #subpagecolumnTwo dd a:hover{ color:#63A90F;}






.imgLeft, .imgCenter, .imgRight{
	border:5px solid #f3f3f3;

}
.imgCenter{
	margin-top:10px;
	margin-bottom:10px;
}
.imgRight{
	float:right;
	margin-left:20px;
	margin-bottom:10px;
	
}
.imgLeft{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	
}
#welcome h2, #things_todo h2 { 
	height: 56px;
	width: 375px;
	margin-left: -10px;
	margin-right: -10px;
}
#welcome h2 { background:url('/images/welcome.jpg') left top no-repeat; }
#things_todo h2 { background:url('/images/things_todo.jpg') left top no-repeat; }

#things_todo ul{ 
	display: block;
	margin: 10px 0px 5px 0px;
	_margin:20px 0px 5px 0px;;
	padding: 6px 0px 0px 105px;
	height: 24px;
	clear: both;
}
#things_todo #accomCamping{ background:url('/images/accom_camp_ul_bg.jpg') left no-repeat;}	
#things_todo #hikeBikeRide { background:url('/images/hike_bike_ul_bg.jpg') left no-repeat;}	
#things_todo #boating { background:url('/images/boat_ul_bg.jpg') left no-repeat;}
#things_todo #fishing { background:url('/images/fish_hunt_ul_bg.jpg') left no-repeat;}
#things_todo ul li{
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
	font-size:1.2em;

}
.things_links{ padding:0px 6px 0px 6px; margin:0px;color:#0987c6;}
.sidenote{ 
	display:block;

	font-weight:normal !important; 
	padding:5px  !important; 
	margin-bottom:5px;
	background:#FEFFDF;
}
/*Places to See and Things to Do subnavs*/
#placesMapShot{
	position:relative;
	display:block;
	width:780px;
	height:185px;
	background:url('../images/places_to_see/places_liardmap.jpg') left no-repeat;

}
#placesSubnav, #thingsSubnav{

	position:relative;
	display:block;
	width:228px;
	margin: 15px 0px 5px 0px;

}


#placesSubnav div{
	width:228px;
	background:url('../images/places_subnav_bg.png') left top no-repeat;
	background-image:url('../images/places_subnav_bg.png');
	background-repeat:no-repeat;
	background-position:top left;
	_background: none; /*ie5-6fix*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/places_subnav_bg.png',sizingMethod='scale'); /*ie5-6fix png-24*/
}

#thingsSubnav div{
	width:228px;
	background:url('../images/things_subnav_bg.png')left top no-repeat;
	background-image:url('../images/things_subnav_bg.png');
	background-repeat:no-repeat;
	background-position:top left;
	_background: none; /*ie5-6fix*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/things_subnav_bg.png',sizingMethod='scale'); /*ie5-6fix png-24*/
}


#placesSubnav h2, #thingsSubnav h2{
	margin:0px;
	padding:0px;
	display:block;
	width:228px;
	height:100px;
	z-index:7;
}

#placesSubnav h2{
	position:relative;
	background:url('../images/places_subnav_head.png') left top no-repeat;
	_background: none; /*ie5-6fix*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/places_subnav_head.png',sizingMethod='scale'); /*ie5-6fix png-24*/
	
}

#thingsSubnav h2{
	background:url('../images/things_subnav_head.png') left top no-repeat;
	_background: none; /*ie5-6fix*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/things_subnav_head.png',sizingMethod='image'); /*ie5-6fix png-24*/

}


#placesSubnav ul, #thingsSubnav ul{
	position:relative;
	margin:-30px 0px 0px 40px;
	padding:0px 0px 25px 0px;
	z-index:17;

}
#placesSubnav ul li, #thingsSubnav ul li{
	list-style-type: disc;
	list-style-image:url('../images/list_arrow.png');
    _list-style-image:url('../images/list_arrow_ie.png');
	padding-left: .1em;
	padding-right: 35px;
	margin-bottom:4px;
	z-index:30;

	
}
#placesSubnav ul li a{ 
 	text-decoration:none;
	color:#5a9b0d;
}


#placesSubnav ul li a:hover{ 
 	text-decoration:underline;
	color:#0987c6;
}	
#thingsSubnav ul li a{ 
 	text-decoration:none;
	color:#3399cc;
}

#thingsSubnav ul li a:hover{ 
 	text-decoration:underline;
	color:#0987c6;
}

#placesThingsSubnavFoot {
	margin-top:-57px;
	_margin-top: -57px;/*ie5-6fix*/
	display:block;
	width:228px;
	height:67px;
	background:url('../images/subnav_foot.png') left bottom no-repeat;
	_background: none; /*ie5-6fix*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/subnav_foot.png',sizingMethod='scale'); /*ie5-6fix png-24*/
}

/*Events style*/
#columnOne #event h2, #columnOne #contactForm h2{
	color:#333;
}

#contactForm table{ padding-top:25px;}
#columnOne #contactForm  #contact input,
#columnOne #contactForm  #contact textarea{
	width:400px;
}

#columnOne #noColumn h2, #columnOne #noColumn h3{
	color:#333;
}
#columnOne #noColumn h3{
	font-size: 1.6em;
}
#columnOne #noColumn h4{
font-size: 1.4em;
color:#63A90F;
}
#columnOne #noColumn ul{
	margin:3px 0px 0px 10px;
	
	_margin:3px 0px 0px 40px;

	position:relative;
	font-size: 1.2em;
}
#noColumn ul li{
	
	list-style-type: disc;
	list-style-image:url('../images/list_arrow.png');
	_list-style-image:url('../images/list_arrow_ie.png');
	padding-left: .1em;
	padding-right: 35px;
	margin-bottom:4px;
}
#event h3, #contactForm h3{
	font-size: 1.6em;
		color:#333;
	
}
#event h4{
	font-size: 1.4em;
	color:#333;
}
.pdfdownload {
	clear:both;
	position: relative;
	background: #FAF9E4;
	padding: 15px 15px 15px 30px;
	_padding: 15px 15px 13px 30px;
	vertical-align: middle;
	display: block;
	border: none;
	margin: 0px;
	font-size:1.2em;
}

#columnOne #event _p{
	margin:0px;
	padding-top:5px;
	padding-bottom:0px;
}
.pdfdownload:hover {
	text-decoration: none;
}
.pdfdownload img {
	margin-right: 20px;
}
/*Page end stuff*/
#footer {
		width: 790px;
	bottom: -43px;
	margin-left: 1px;
	_margin: 0px;
	padding: 15px 0px 0px 0px;
	height: 43px;
	background: url('/images/footer_bg.png') center top no-repeat;
    _background: none; /*ie5-6fix*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/footer_bg.png',sizingMethod='stretch'); /*ie5-6fix png-24*/
}
#footer a {
	color: #CCC;
	text-decoration: none;
}
#footer a:hover { color: #f0edd3; }
#homeContact, #municipal { 
	position: absolute;
	padding: 0px;
	margin: 0px;
}
#homeContact li, #municipal li { 
	position: relative;
	list-style: none;
	display: block;
	float: left;
	padding: 0px 10px 0px 10px; 
	margin-top:1px;
	_margin-top:-2px;
	letter-spacing: .2em;
	text-align: center;	
	height:15px;	
	
}
#homeContact { left: 30px; }
#homeContact #homeLink{ 
	border-right:0px solid #ccc;
	}
#homeContact a ,#municipal a { color:#ccc; text-decoration:none;z-index:999;}
#homeContact li a:hover ,#municipal li a:hover { color:#f0edd3; text-decoration:none;z-index:999;}
#municipal { left: 553px; }

#copyright,#siteby{
	
	color: #fff;
	float: left;
}
#copyright { margin: 0px 0px 10px 5px; }
#siteby { 
	margin-left: 455px; 
	_margin-left:335px;
	}
#siteby a { text-decoration: none; color: #333; }
#siteby a:hover { color: #3399cc; }


