@charset "utf-8";
/* CSS Document */
/* Style Sheet for TrailsNorthwest.com */


body {
	background:#101010  ;
	font-family: Arial, Helvetica, sans-serif; 
	text-align: center; 
	margin: 3px;}



ul {
	padding-left: 15px;} 


p {
	font-size: 12px; 
	color: #000000;}
	
	
strong {
	font-weight: bold;}
	
	
em {
	font-weight: bold;}




/* Headline Styles */


h3, h4, h5 {
	color: #000000;}


h1 {
	font-size: 34px; 
	text-align: center;
	color: #FFF;
	margin-top: 3px;
	margin-bottom: 1px;}


h2 {
	font-size: 20px; 
	text-align: center;
	color: #FF0}


h3 {
	font-size: 18px; 
	text-align: center;}


h4 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 2px;}	


h5 {
	font-size: 13px;
	font-style: italic;
	color: #FFF;
	text-align: center;}	



/* Link Styles */


a {
	color: #FFF;}
	

a:link {
	color: #FFF;	
	text-decoration: none;}


a:visited {
	color: #FFF;
	text-decoration: none;}


a:hover {
	background-color: #F7FE72;
	color: #900;}
	

a:active {
	text-decoration: none;}
	
	
a img {
	border: none;
	text-decoration: none;}

/* Special Link Class Style*/
/* 
FYI: to use this class, for the link...
<a href="blue.htm" class="blue">Blue Bold Link</a>
*/


a.blue:link {
	color: #0000ff; background: #ffffff; font-weight: bold;}
a.blue:active {
	color: #ff0000; background: #ffffff; font-weight: bold;}
a.blue:visited {
	color: #0000ff; background: #ffffff; font-weight: bold;}
a.blue:hover {
	color: #ff0000; background: #ffffff; font-weight: bolder;}



/* Logo Banner */


#logo_slogan {
	width: 980px; 
	margin-left: 20px; 
	text-align: center;}




/* Main Navigation */


#main_nav {
	width: 980px; 
	margin-left: 20px; 
	background-color: #495E69;
	font-size: 18px;
	text-align: center;
	clear: both;}


#main_nav li {
	display: inline; 
	list-style-type: none; 
	padding-right: 25px;} 



/* Main Navigation Page Selected Styles */


#home #main_nav .home a {
	font-weight: bold;
	background-color: #D8D8D8;
	color: #4B0505;
	cursor: default;}
	
#webcams #main_nav .webcams a {
	font-weight: bold;
	background-color: #D8D8D8;
	color: #4B0505;
	cursor: default;}
	
#map #main_nav .map a {
	font-weight: bold;
	background-color: #D8D8D8;
	color: #4B0505;
	cursor: default;}
	

#forestservice #main_nav .forestservice a {
	font-weight: bold;
	background-color: #D8D8D8;
	color: #4B0505;
	cursor: default;}
	
#parkservice #main_nav .parkservice a {
	font-weight: bold;
	background-color: #D8D8D8;
	color: #4B0505;
	cursor: default;}

#wta #main_nav .wta a {
	font-weight: bold;
	background-color: #D8D8D8;
	color: #4B0505;
	cursor: default;}
	
#trailscom #main_nav .trailscom a {
	font-weight: bold;
	background-color: #D8D8D8;
	color: #4B0505;
	cursor: default;}
	
#contact #main_nav .contact a {
	font-weight: bold;
	background-color: #D8D8D8;
	color: #4B0505;
	cursor: default;}

/* Left Column Navigation */


#left_links {
	float: left; 
	width: 200px; 
	margin-left: 20px;
	background-color: #003800;}


#left_links li {
	list-style-type: none; 
	font-size: 14px; 
	margin-top: 0.6em; 
	margin-bottom: 0.4em;}



/* Index Page Center Column Content */


#center_content {
	float: left; 
	width: 550px; 
	margin-left: 5px;
	padding: 10px;}



/* Secondary Pages Left-Center Column Content */


#information {
	float: left; 
	width: 980px; 
	margin-left: 10px;
	padding: 10px;}



/* Right Column Navigation */

#right_links {
	float: left; 
	width: 200px; 
	margin-left: 5px; 
	background-color: #003800;}


#right_links li {
	list-style-type: none; 
	font-size: 14px; 
	margin-top: 0.5em; 
	margin-bottom: 0.3em;}



/* Full Length Banner */


#banner {
	width: 980px; 
	margin-left: 20px;
	text-align: center; 
	clear: both;}



/* Full Length Copyright Footer */


#footer {
	width: 980px; 
	margin-left: 20px;
	margin-right: 20px;
	background-color: #BED0AE;
	text-align: center;
	clear: both;}
	
#footer a:link {
	color: #00F;
    text-decoration: none;}

	
#footer a:visited {
	color: #00F;
    text-decoration: none;}
	


/* Page Size Layout Wrapper */


.wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;}



/* Index Page Center Column Content Styles*/


.news_box {
	width: 550px;
	background-image: url(images/RoundBoxBottom-blkbit-gray2c.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #dadada;
	padding-bottom: 0px;}


.news_box h4 {
	background-image: url(images/RoundBoxTop-blkbit-gray2c.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 5px 0px 0px 10px;}


.news_box p {
	padding: 0px 10px 10px 10px;}



/* Secondary Pages Left-Center Column Content Styles */


.information_box {
	width: 550px;
	background-image: url(images/RoundBox-LongBottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #dadada;
	padding-bottom: 0px;}


.information_box h4 {
	background-image: url(images/RoundBox-LongTop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 5px 0px 0 10px;}


.information_box p {
	padding: 10px;}
	



/* Image Styles */


div.img {
	margin: 1.4px;
	height: auto;
	width: auto;
	float: left;
	text-align: center;}	


div.img img {
	display: inline;
	margin: 0.5px;
	border: none;}



/* Feedback Form Styles */

fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #900;
	background: #f8f8f8;}
	
legend {
	font-weight: bold;}
	
label {
	display: block;
	cursor: pointer;}
	
input {
	width: 30em;}
	
textarea {
	width: 35em;
	height: 10em;}
	
input.submit {
	width: auto;}
	
input[type="text"]:focus, textarea:focus {
	background: #ffc}
	
input[type="text"], text area {
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;}
	
.required {
	font-size: 0.70em;
	color: #F00}