/* wrapper and area classes for overall layout */
body{
	font-family: Tahoma; 
	font-size: .81em;
	color: #3c281e;
	background: url(site-images/site-bg.jpg) repeat 0px 0px; 
	margin: 0px;
	padding-top: 5px;
	}
	
#wrapper-centersite-hdr{
border: 0px solid red;
background: url(site-images/paw-prints.gif) no-repeat 739px bottom;
}
#wrapper-centersite{
border: 0px solid blue;
background: url(site-images/site-bot.jpg) no-repeat 0px bottom;
}
#wrapper-bottom{
text-align: center;
margin:0px auto;
width:900px;
background: url(site-images/body-bg.jpg) repeat-y 0px 0px;
border: 0px solid blue;
}

#wrapper{
text-align: left;
background: url(site-images/hdr-top.jpg) no-repeat 0px 0px;
border: 0px solid black;
}
#wrapper-centerfooter{
text-align: center;
margin:0px auto;
width:900px;
border: 0px solid blue;
}
#wrapper-footer{
border: 0px solid blue;
text-align: center;
width: 850px;
color: ##ffffff;

}
.wrapper-popup-centered{
text-align: center;
margin:0px auto;
width: 500px;
}
.wrapper-popup{
float: left;
width: 350px;
margin: 10px;
padding: 30px;
text-align: left;
background: #ffffff;
}
#wrapper-home{
margin-top: 10px;
background: url(site-images/home-bg.jpg) no-repeat 2px 0px;
height: 490px;
border: 0px solid black;

}
#site-by-locus{
width: 295px;
padding-top: 4px;
float: right;
text-align: right;
border: 0px solid purple;
}
#site-for{
width: 395px;
float: left;
padding-top: 4px;
text-align: left;
border: 0px solid purple;
}

/* END wrapper and area classes for overall layout */

/*********** LAYOUT ***************/
#logo {
margin: 75px 0px 0px 20px;
float: left;
}

#utilities {
float: left;
width: 250px;
border: 0px solid black;
margin: 20px 0px 0px 35px;
}
#utilities  a{
font-size: .8em;
line-height: 1em; 
color: #338491;
border-right:1px solid #338491;
margin-right: 5px;
padding-right: 10px;
}
#utilities a.last{
border-right:0px solid #338491;
}
#utilities   a:visited{
color: #338491;
}
#utilities   a:hover{
color: #000000;
}
.last{
	border: 0px;
}
#search{
float: left;
border: 0px solid black;
margin: 20px 0px 0px 35px;
padding: 0px;
}
#searchskamania{
background: url(site-images/search-skamania.jpg) no-repeat 0px 0px;
padding: 0px;
margin: 4px 0px 0px 0px;
height: 20px;
width: 120px;
display: block;
float: left;
border: 0px solid black;
}

#searchgo{
padding: 0px 0px 0px 0px;
margin: 0px;
border: 0px solid black;
}
#searchform{
border: 0px solid black;
margin: 0px;
padding: 0px;
}
#searchmembers{
padding: 0px;
margin: 0px 228px 0px 20px;
height: 20px;
width: 125px;
display: block;
float: right;
border: 0px solid black;
}

#keyword{
margin: 5px;
padding: 0px;
}

#utilities2{
height: 300px;
width: 75px;
margin: 10px 0px 0px 20px;
border: 0px solid black;
float: left;
}
#utilities2-right{
height: 300px;
width: 75px;
margin: 10px 0px 0px 20px;
border: 0px solid black;
border-left: 1px dotted black;
padding: 0px 0px 0px 15px;
float: left;
}

#utilities2 a.util-weather{
	background: url(/site-images/weather.jpg) no-repeat 0px 0px; 
		width: 75px;
	height: 70px;
	display: block;
	border: 0px solid black;
	text-decoration: none;
}
#utilities2 a.util-weather:visited{
	background: url(/site-images/weather.jpg) no-repeat 0px 0px; 

}
#utilities2 a.util-weather:hover{
	background: url(/site-images/weather.jpg) no-repeat 0px -70px; 
}

#utilities2 a.util-webcams{
	background: url(/site-images/webcams.jpg) no-repeat 0px 0px; 
		width: 75px;
	height: 70px;
	display: block;
	border: 0px solid black;
	text-decoration: none;
}
#utilities2 a.util-webcams:visited{
	background: url(/site-images/webcams.jpg) no-repeat 0px 0px; 

}
#utilities2 a.util-webcams:hover{
	background: url(/site-images/webcams.jpg) no-repeat 0px -70px; 
}

#utilities2 a.util-weddings{
	background: url(/site-images/weddings.jpg) no-repeat 0px 0px; 
		width: 75px;
	height: 70px;
	display: block;
	border: 0px solid black;
	text-decoration: none;
}
#utilities2 a.util-weddings:visited{
	background: url(/site-images/weddings.jpg) no-repeat 0px 0px; 

}
#utilities2 a.util-weddings:hover{
	background: url(/site-images/weddings.jpg) no-repeat 0px -70px; 
}
#utilities2 a.util-photos{
	background: url(/site-images/photos.jpg) no-repeat 0px 0px; 
		width: 75px;
	height: 70px;
	display: block;
	border: 0px solid black;
	text-decoration: none;
}
#utilities2 a.util-photos:visited{
	background: url(/site-images/photos.jpg) no-repeat 0px 0px; 

}
#utilities2 a.util-photos:hover{
	background: url(/site-images/photos.jpg) no-repeat 0px -70px; 
}

#utilities2 a.util-maps{
	background: url(/site-images/maps.jpg) no-repeat 0px 0px; 
		width: 75px;
	height: 70px;
	display: block;
	border: 0px solid black;
	text-decoration: none;
}
#utilities2 a.util-maps:visited{
	background: url(/site-images/maps.jpg) no-repeat 0px 0px; 

}
#utilities2 a.util-maps:hover{
	background: url(/site-images/maps.jpg) no-repeat 0px -70px; 
}



#utilities2-right a.util-weather{
	background: url(/site-images/weather.jpg) no-repeat 0px 0px; 
		width: 75px;
	height: 70px;
	display: block;
	border: 0px solid black;
	text-decoration: none;
}
#utilities2-right a.util-weather:visited{
	background: url(/site-images/weather.jpg) no-repeat 0px 0px; 

}
#utilities2-right a.util-weather:hover{
	background: url(/site-images/weather.jpg) no-repeat 0px -70px; 
}

#utilities2-right a.util-webcams{
	background: url(/site-images/webcams.jpg) no-repeat 0px 0px; 
		width: 75px;
	height: 70px;
	display: block;
	border: 0px solid black;
	text-decoration: none;
}
#utilities2-right a.util-webcams:visited{
	background: url(/site-images/webcams.jpg) no-repeat 0px 0px; 

}
#utilities2-right a.util-webcams:hover{
	background: url(/site-images/webcams.jpg) no-repeat 0px -70px; 
}

#utilities2-right a.util-weddings{
	background: url(/site-images/weddings.jpg) no-repeat 0px 0px; 
		width: 75px;
	height: 75px;
	display: block;
	border: 0px solid black;
	text-decoration: none;
}
#utilities2-right a.util-weddings:visited{
	background: url(/site-images/weddings.jpg) no-repeat 0px 0px; 

}
#utilities2-right a.util-weddings:hover{
	background: url(/site-images/weddings.jpg) no-repeat 0px -70px; 
}


#utilities2-right a.util-maps{
	background: url(/site-images/maps.jpg) no-repeat 0px 0px; 
		width: 75px;
	height: 70px;
	display: block;
	border: 0px solid black;
	text-decoration: none;
}
#utilities2-right a.util-maps:visited{
	background: url(/site-images/maps.jpg) no-repeat 0px 0px; 

}
#utilities2-right a.util-maps:hover{
	background: url(/site-images/maps.jpg) no-repeat 0px -70px; 
}
#utilities2-right a.util-photos{
	background: url(/site-images/photos.jpg) no-repeat 0px 0px; 
		width: 75px;
	height: 70px;
	display: block;
	border: 0px solid black;
	text-decoration: none;
}
#utilities2-right a.util-photos:visited{
	background: url(/site-images/photos.jpg) no-repeat 0px 0px; 

}
#utilities2-right a.util-photos:hover{
	background: url(/site-images/photos.jpg) no-repeat 0px -70px; 
}

#photo{
margin: 20px 0px 0px 20px;
background: url(site-images/photo-bg.jpg) no-repeat 0px 0px;
padding: 21px;
border: 0px solid red;
}
#didyouknow-wrapper{
}
#didyouknow{
position: absolute;
background: url(site-images/dyk-bg.gif) no-repeat 0px 0px;
width: 216px;
height: 204px;
border: 0px solid black;
top: 100px;
left: 648px;
clear: both;
}
#didyouknow-content{
margin: 25px 0px 0px 0px;
position: static;
border: 0px solid transparent;

}
#didyouknow-content p{
border: 0px solid black;
margin: 10px 0px 0px 35px;
width: 150px;
padding: 0px;
}

#hdr-dyk{
position: static;
margin: 25px 0px 0px 40px;
height: 25px;
border: 0px solid black;
background: url(site-images/hdr-did-you-know.jpg) no-repeat 0px 0px;
}

#didyouknow-below{
position: absolute;
width: 140px;
height: 100px;
border: 0px solid black;
top: 300px;
left: 710px;
clear: both;
}
#didyouknow-content-below{
margin: 25px 0px 0px 0px;
position: static;
border: 0px solid transparent;

}

#snapshots{
padding: 0px 0px 14px 0px;
border: 0px solid black;
}
.snapshot-left{
padding: 0px 15px 0px 6px;
border: 0px solid black;
}
.snapshot-right{
padding: 0px 6px 0px 15px;
border: 0px solid black;
}

/**********STANDARDS ********************/

h1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #483124;
}

h2 {
	font-size: 1em;
	font-weight: bold;
	color: #483124;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
}

li, .bodytext{
}
textarea{
	font-family: Tahoma; 
	font-size: .9em;
}
p{
	line-height: 1.4em;
	margin: 2px 0px 2px 0px;
	padding: 0px;
}

a{
	color: #6b4934;
}

a:link{
	color: #6b4934;
}
a:visited{
	color: #6b4934;
}
a:hover{
	color: #000000;
}
a:active{
	color: #6b4934;
}
.smalltext{
font-size: .85em;
line-height: 1.2em; 
color: #000000;
}
.smalltext a{
	color: #000000;
}

.smalltext a:link{
	color: #000000;
}
.smalltext a:visited{
	color: #000000;
}
.smalltext a:hover{
	color: #666666;
}
.smalltext a:active{
	color: #000000;
}
.smalltextwhite{
font-size: .9em;
line-height: 1em; 
color: #ffffff;
}
.smalltextwhite a{
	color: #ffffff;
}

.smalltextwhite a:link{
	color: #ffffff;
}
.smalltextwhite a:visited{
	color: #ffffff;
}
.smalltextwhite a:hover{
	color: #666666;
}
.smalltextwhite a:active{
	color: #ffffff;
}
.footertext{
font-size: .9em;
line-height: 1.4em; 
color: #ffffff;
}
 a.footertext{
	color: #ffffff;
}

.footertext a:link{
	color: #ffffff;
}
.footertext a:visited{
	color: #ffffff;
}
.footertext a:hover{
	color: #666666;
}
.footertext a:active{
	color: #ffffff;
}
/*****ALL STANDARD FORMS************/
#standard-form{ 
	margin-left: 10px;
	}
.standard-form-row {
  clear: both;
  padding-top: 3px;
  width: 340px;
  border: 0px solid black;
}
.standard-form-fullcolumn {
	width: auto;
	padding-left: 10px;
	border: 0px solid #ff0000;
	}
.standard-form-column1 {
	float: left;
	clear: left;
	width: 100px;
	text-align: right;
	margin: 3px 10px 5px 0px;
	border: 0px solid #ff0000;
	}
.standard-form-column2 {
	float: left;
	width: 220px;
	text-align: left;
	margin-right: 10px;
	margin-bottom: 5px;
	border: 0px solid #00ff00;
	}

/*****END ALL STANDARD FORMS HERE ************/

/*****STANDARD COLUMN LAYOUT ****************/
.standard-row {
  clear: both;
  padding-top: 3px;
  padding-bottom: 15px;
  width: 500px;
  border: 0px solid black;
}
.standard-fullcolumn {
	width: auto;
	padding-left: 10px;
	border: 0px solid #ff0000;
	}
.standard-column1 {
	float: left;
	width: 120px;
	text-align: left;
	margin: 3px 10px 5px 0px;
	border: 0px solid #ff0000;
	}
.standard-column2 {
	float: left;
	width: 310px;
	text-align: left;
	margin: 3px 10px 5px 0px;
	border: 0px solid #00ff00;
	}
/*****END STANDARD COLUMN LAYOUT ****************/


/******IMAGE SPOTS *******/
#imagespot1 {
margin: 20px 0px 0px 20px;
background: url(site-images/photo-bg.jpg) no-repeat 0px 0px;
padding: 21px;
border: 0px solid red;
}

/********** END STANDARDS ********************/

/********* PRIMARY NAVIGATION ***************/
#nav-primary {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	position: relative;
	border: 1px solid transparent;

}
#nav-primary ul{
	border: 0px solid black;
	width: 800px;
	height: 25px;
	margin: 30px 0px 0px 30px;
	padding: 0px;
	display: block;
}	
#nav-primary ul li{
	border: 0px solid black;
	list-style-type: none;
	float: left;
	margin: 0px 8px 0px 18px;
	text-align: center;
	padding: 0px 0px 0px 0px;
}

#nav-primary ul li a{
	color: #ffffff;
	text-decoration: none;
}
#nav-primary ul li a:visited{
	color: #ffffff;
}
#nav-primary ul li a:hover{
	color: #ffffff;
	text-decoration: none;
}

/*** SUGGESTED TRIPS ***/
#nav-primary  ul li  a.nav-suggestedtrips{
	text-decoration: none;
	height: 25px;
	width: 110px;
	border: 0px solid black;
	display: block;
	background: url(/site-images/nav-suggestedtrips.jpg) no-repeat 0px 0px; 
}
#nav-primary ul li a.nav-suggestedtrips:visited{
	background: url(/site-images/nav-suggestedtrips.jpg) no-repeat 0px 0px; 
}
#nav-primary ul li a.nav-suggestedtrips:hover{
	text-decoration: none;
	background: url(/site-images/nav-suggestedtrips.jpg) no-repeat 0px -25px; 
}

#nav-primary  ul li  a.nav-suggestedtrips-on{
	text-decoration: none;
	height: 25px;
	width: 110px;
	border: 0px solid white;
	display: block;
	background: url(/site-images/nav-suggestedtrips.jpg) no-repeat 0px -25px; 
}
#nav-primary ul li a.nav-suggestedtrips-on:visited{
	background: url(/site-images/nav-suggestedtrips.jpg) no-repeat 0px -25px; 
}
#nav-primary ul li a.nav-suggestedtrips-on:hover{
	text-decoration: none;
	background: url(/site-images/nav-suggestedtrips.jpg) no-repeat 0px 0px; 
}
/*** TRAVEL TOOLS ***/
#nav-primary  ul li  a.nav-traveltools{
	text-decoration: none;
	height: 25px;
	width: 90px;

	border: 0px solid black;
	display: block;
	background: url(/site-images/nav-traveltools.jpg) no-repeat 0px 0px; 
}
#nav-primary ul li a.nav-traveltools:visited{
	background: url(/site-images/nav-traveltools.jpg) no-repeat 0px 0px; 
}
#nav-primary ul li a.nav-traveltools:hover{
	text-decoration: none;
	background: url(/site-images/nav-traveltools.jpg) no-repeat 0px -25px; 
}

#nav-primary  ul li  a.nav-traveltools-on{
	text-decoration: none;
	height: 25px;
	width: 90px;
	border: 0px solid black;
	display: block;
	background: url(/site-images/nav-traveltools.jpg) no-repeat 0px -25px; 
}
#nav-primary ul li a.nav-traveltools-on:visited{
	background: url(/site-images/nav-traveltools.jpg) no-repeat 0px -25px; 
}
#nav-primary ul li a.nav-traveltools-on:hover{
	text-decoration: none;
	background: url(/site-images/nav-traveltools.jpg) no-repeat 0px 0px; 
}
/*** LOCAL SERVICES ***/
#nav-primary  ul li  a.nav-localservices{
	text-decoration: none;
	height: 25px;
	width: 100px;
	border: 0px solid black;
	display: block;
	background: url(/site-images/nav-localservices.jpg) no-repeat 0px 0px; 
}
#nav-primary ul li a.nav-localservices:visited{
	background: url(/site-images/nav-localservices.jpg) no-repeat 0px 0px; 
}
#nav-primary ul li a.nav-localservices:hover{
	text-decoration: none;
	background: url(/site-images/nav-localservices.jpg) no-repeat 0px -25px; 
}

#nav-primary  ul li  a.nav-localservices-on{
	text-decoration: none;
	height: 25px;
	width: 100px;
	border: 0px solid black;
	display: block;
	background: url(/site-images/nav-localservices.jpg) no-repeat 0px -25px; 
}
#nav-primary ul li a.nav-localservices-on:visited{
	background: url(/site-images/nav-localservices.jpg) no-repeat 0px -25px; 
}
#nav-primary ul li a.nav-localservices-on:hover{
	text-decoration: none;
	background: url(/site-images/nav-localservices.jpg) no-repeat 0px 0px; 
}
/*** LOCAL GOVERNMENT***/
#nav-primary  ul li  a.nav-localgovernment{
	text-decoration: none;
	height: 25px;
	width: 120px;
	border: 0px solid black;
	display: block;
	background: url(/site-images/nav-localgovernment.jpg) no-repeat 0px 0px; 
}
#nav-primary ul li a.nav-localgovernment:visited{
	background: url(/site-images/nav-localgovernment.jpg) no-repeat 0px 0px; 
}
#nav-primary ul li a.nav-localgovernment:hover{
	text-decoration: none;
	background: url(/site-images/nav-localgovernment.jpg) no-repeat 0px -25px; 
}

#nav-primary  ul li  a.nav-localgovernment-on{
	text-decoration: none;
	height: 25px;
	width: 120px;
	border: 0px solid black;
	display: block;
	background: url(/site-images/nav-localgovernment.jpg) no-repeat 0px -25px; 
}
#nav-primary ul li a.nav-localgovernment-on:visited{
	background: url(/site-images/nav-localgovernment.jpg) no-repeat 0px -25px; 
}
#nav-primary ul li a.nav-localgovernment-on:hover{
	text-decoration: none;
	background: url(/site-images/nav-localgovernment.jpg) no-repeat 0px 0px; 
}
/*** CHAMBER INFO***/
#nav-primary  ul li  a.nav-chamberinfo{
	text-decoration: none;
	height: 25px;
	width: 90px;
	border: 0px solid black;
	display: block;
	background: url(/site-images/nav-chamberinfo.jpg) no-repeat 0px 0px; 
}
#nav-primary ul li a.nav-chamberinfo:visited{
	background: url(/site-images/nav-chamberinfo.jpg) no-repeat 0px 0px; 
}
#nav-primary ul li a.nav-chamberinfo:hover{
	text-decoration: none;
	background: url(/site-images/nav-chamberinfo.jpg) no-repeat 0px -25px; 
}

#nav-primary  ul li  a.nav-chamberinfo-on{
	text-decoration: none;
	height: 25px;
	width: 90px;
	border: 0px solid white;
	display: block;
	background: url(/site-images/nav-chamberinfo.jpg) no-repeat 0px -25px; 
}
#nav-primary ul li a.nav-chamberinfo-on:visited{
	background: url(/site-images/nav-chamberinfo.jpg) no-repeat 0px -25px; 
}
#nav-primary ul li a.nav-chamberinfo-on:hover{
	text-decoration: none;
	background: url(/site-images/nav-chamberinfo.jpg) no-repeat 0px 0px; 
}


/********* SECONDARY NAVIGATION ***************/
#nav-secondary {
	min-height: 350px;
	width: 205px;
	border: 0px solid green;
	margin: 40px 2px 25px 0px;
	padding: 0px 0px 25px 0px;
	float: left;
	background: url(/site-images/nav-border.jpg) repeat-y 200px 0px; 


}
#nav-secondary ul{
	border: 0px solid blue;
	width: 180px;
	font-weight: normal;
	font-size: .95em;
	line-height: 2.1em;
	margin: 0px;
	padding: 0px;
	display: block;
	text-align: right;
}	
#nav-secondary ul li{
	border: 0px solid black;
	list-style-type: none;
	width: 170px;
	margin: 0px 10px 0px 10px;
	text-align: right;
	padding: 0px 0px 0px 0px;
}
#nav-secondary ul li.on{
	font-weight: bold;
}
#nav-secondary ul li a{
	color: #483124;
	text-decoration: none;
}
#nav-secondary ul li a:visited{
	color: #483124;
}
#nav-secondary ul li a:hover{
	color: #6b4934;
	text-decoration: none;

}

/********* THIRD LEVEL NAVIGATION ***************/
#nav-secondary ul li ul{
	border: 0px solid black;
	margin: 0px;
	padding: 0px;
	min-height: 43px;
	font-weight: normal;
	font-size: .9em;
	line-height: 1.1em;
	white-space: nowrap;	
}	

#nav-secondary  ul li ul li{
	display: block;
	width: auto;
	padding: 3px 20px 3px 3px;
	text-align: right;
	margin: 0px 10px 0px 10px;
	border: 0px solid pink;
	background: #BEB19C;
}
#nav-secondary  ul li ul li.on{
	background: url(/site-images/nav-bullet.jpg) no-repeat 145px 5px #BEB19C;; 
	font-weight: bold;
}
#nav-secondary ul li ul li  a:visited{
	color: #000000;
}
#nav-secondary ul li ul li  a:hover{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
#nav-secondary ul li ul li a.on{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
#nav-secondary ul li ul li  a.on:visited{
	color: #000000;
}
#nav-secondary ul li ul li  a.on:hover{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}


/********* MAIN CONTENT *******/
#content{
float: left;
width: 500px;
min-height: 450px;
margin: 30px 0px 0px 20px;
padding: 0px;
border: 0px solid pink;
}

/*****END MAIN CONTENT ************/
/*********  HOME *****************/
.home-row {
  clear: both;
  padding: 20px 20px 20px 40px ;
  width: 800px;
  height: 182px;
  border: 0px solid black;
}
.home-column1 {
	float: left;
	clear: left;
	width: 250px;
	margin: 3px 10px 5px 0px;
	border: 0px solid #ff0000;
	}
.home-column2 {
	float: left;
	width: 250px;
	text-align: left;
	margin: 3px 10px 5px 0px;
	border: 0px solid #00ff00;
	}
.home-column3 {
	float: left;
	width: 270px;
	text-align: left;
	margin: 3px 10px 5px 0px;
	border: 0px solid #00ff00;
	}

/*********  MEMBERS *****************/
.GeneralHeader {
margin: 0px;
padding: 0px;
border: 0px solid black;
}
.GeneralHeader td{
margin: 0px;
padding: 0px;
border: 0px solid black;
line-height: 1px;
font-size: 11px;
}


/********* MODULAR STYLES ***************/


/********* SITE STYLES ***************/
#top {
display: inline;
margin: 0px;
padding: 0px;
}

.center{
	text-align: center;
}
.right{
	text-align: right;
}

.floatright{
	float: right;
}
.floatleft{
	float: left;
}

.border{
	border: 1px solid black;
}
.border-red{
	border: 1px solid red;
}
.border-green{
	border: 1px solid green;
}
.clear{
	clear: both;
}
.hide{
	visibility: hidden;
}
.error{
	color: red;
	font-weight: bold;
}