/*
 ----- color pallet -----
tan: #d8caa8 main-content
light-green: #5c832f side-bar
dark-green: #284907 nav
brown: #382513 text header
dark-bluegray: #363942 body
*/

* { /*zero-out the default margin and padding on all elements*/
	margin: 0;
	padding: 0;
	}
body {
	font-size: 62.5%; /*set the font size to 10px default of 16px * 62.5 = 10px*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #aac474 url(images/bg-body.jpg) repeat; /*set the background image for the album image*/
	color: #969702;
	}
div#wrapper {
	width: 950px; /*set the width of the wrapper - must set width to center the div*/
	margin: 0 auto; /*center the div*/
	}
div#header {
	height: 400px;
	background: url(images/bg-transparent.png) repeat /*rgba(255, 255, 255, .2)*/;
	margin-bottom: 1em;
	position: relative; 
	}
div#header span#header-logo {
	position: absolute;
	z-index: 99;
	display: block;
	width: 252px;
	height: 151px;
	top: 12px;
	left: 41px;
	background: url(images/logo.png) no-repeat;	
	}  
div#header span#header-text {
	position: absolute;
	z-index: 98;
	display: block;
	width: 293px;
	height: 68px;
	top: 55px;
	right: 230px;
	background: url(images/bg-header-follow.png) no-repeat;
	}  
div#header span#header-nav {
	position: absolute;
	z-index: 98;
	display: block;
	width: 180px;
	height: 20px;
	top: 125px;
	right: 15px;
	background: none;
	}        
div#header span#header-nav a {
	color: #969702; 
	font-weight: bold;
	}   
div#header span#header-nav a:hover {
	color: #627f27;
	}              
div#header h1 {
	width: 950px;
	height: 250px;
	text-indent: -5000em;
	position: absolute;
	bottom: 15px;
	left: 15px;
	background: url(images/bg-header-spring.png) no-repeat;
	}	
h3 {
	margin: 0 0 0 25px;
	}
h4 {
	margin: 5px 0 0px 40px;
	}
a {
	color: #969702;
	}
a img {
	border: none;
	}
div#passes ul,
div#policy ul {
	margin: 0 0 15px 15px;
	padding: 5px 10px 5px 30px;
	list-style-type: square;
	}
	
/* ----- Index ----- */

div#header span#index-tourism {
	position: absolute;
	z-index: 99;
	display: block;
	width: 383px;
	height: 258px;
	top: 60px;
	left: 60px;
	background: url(http://www.langladecounty.org/css/images/tourism-button.png) no-repeat;	
	}
div#header span#index-economic {
	position: absolute;
	z-index: 98;
	display: block;
	width: 383px;
	height: 258px;
	top: 60px;
	right: 60px;
	background: url(http://www.langladecounty.org/css/images/economic-button.png) no-repeat;	
	}  

/* ----- Navigation ----- */

div#navigation { 
	height: 4.95em;
	line-height: 4.95em;
	background: url(images/bg-nav.gif) repeat-x;
	}
div#navigation ul {
	list-style-type: none;
	font-size: 1.4em;
	background-color: #000000;
	}
div#navigation ul li {
	float: left;
	}
div#navigation ul li a { 
	float: left;
	color: #fff;
	padding: 0 1em;
	}
div#navigation ul li a:link,
div#navigation ul li a:visited {
	text-decoration: none;	
	}
div#navigation ul li a:hover {
	color: #382513;
	background-color: #d8caa8
	}
div#navigation ul li a:active {
	color: #fff;
	background-color: #384451
	}

/* ----- Main Content ----- */

div#main-contentBg {
	background: url(images/bg-transparent.png) repeat /*rgba(255, 255, 255, .2)*/;
	margin: 10px 0 -5px 0;
	padding: 5px 0 0 0;
	}
div#main-contentBg p {
	clear: both;
	margin: 0;
	padding: 0;
	}
div#main-content {
	width: 620px;
	margin: 10px 10px 10px 15px;
	float: left;
	background-color: #f2f3bd;
	border:hidden;
	}
div#main-content p { 
	font-size: 1.0em; 
	line-height: 1.5; 
	margin: 10px 20px 10px 20px;
	text-align: justify;
	}
div#main-content p a:link,
div#main-content p a:visited {
	color: #627f27;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px #627f27 dotted;
	}
div#main-content p a:hover,
div#main-content p a:focus { 
	background-color: #f8fcd7;
	text-decoration: none; 
	}
div#main-content p img {
	float: right;
	margin: 0 0 3px 3px;
	border: 1px solid #000;
	padding: 3px;
	background-color: #284907;
	}
.floatRight {
	float: right;
	}
.floatLeft {
	float: left;
	}
	
/* ----- H2 ----- */
	
div#main-content h2 {
	margin: 15px 0 10px 15px;
	padding: 0;
	line-height: 28px;
	text-indent: -5000em;
	height: 28px;
	background: url(images/tourism/h2-calendar-of-events.gif) no-repeat left center; 
	}
body#home div#main-content h2 {
	background: url(images/h2-experience.gif) no-repeat left center; 
	}
body#accomodation div#main-content h2 {
	background: url(images/tourism/h2-accomodations.gif) no-repeat left center; 
	}
body#trailsMaps div#main-content h2 {
	background: url(images/tourism/h2-trailsMaps.gif) no-repeat left center; 
	}
body#contact-us div#main-content h2 {
	background: url(images/h2-contact.gif) no-repeat left center; 
	}
body#fishing div#main-content h2 {
	background: url(images/h2-fishing.gif) no-repeat left center; 
	}
body#farmersMarket div#main-content h2 {
	background: url(images/h2-market.gif) no-repeat left center; 
	}
body#hunting div#main-content h2 {
	background: url(images/h2-hunting.gif) no-repeat left center; 
	}
body#rafting div#main-content h2 {
	background: url(images/h2-rafting.gif) no-repeat left center; 
	}
body#kettleBowl div#main-content h2 {
	background: url(images/h2-kettleBowl.gif) no-repeat left center; 
	}
body#kettleBowl div#side-bar h2 {
	background: url(images/h2-trails-downhill.gif) no-repeat left center; 
	}
body#cycling div#main-content h2 {
	background: url(images/h2-cycling.gif) no-repeat left center; 
	}
body#golfing div#main-content h2 {
	background: url(images/h2-golfing.gif) no-repeat left center; 
	}
body#hiking div#main-content h2 {
	background: url(images/h2-hiking.gif) no-repeat left center; 
	}
body#atv div#main-content h2 {
	background: url(images/h2-atving.gif) no-repeat left center; 
	}
body#atv div#side-bar h2 {
	background: url(images/h2-trails-atv.gif) no-repeat left center; 
	}
body#skiing div#main-content h2 {
	background: url(images/h2-skiing.gif) no-repeat left center; 
	}
body#skiing div#side-bar h2 {
	background: url(images/h2-trails-skiing.gif) no-repeat left center; 
	}
body#snowmobile div#main-content h2 {
	background: url(images/h2-snowmobile.gif) no-repeat left center; 
	}
body#snowshoe div#main-content h2 {
	background: url(images/h2-snowshoeing.gif) no-repeat left center; 
	}
body#swimming div#main-content h2 {
	background: url(images/h2-swimming.gif) no-repeat left center; 
	}
body#horseback-riding div#main-content h2 {
	background: url(images/h2-horseback.gif) no-repeat left center; 
	}
body#directory div#main-content h2 {
	background: url(images/h2-directory.gif) no-repeat left center; 
	}
body#outdoorActivities div#main-content h2 {
	background: url(images/h2-outdoor-activities.gif) no-repeat left center;
	}
body#atv div#side-bar h2#trails,
body#kettleBowl div#side-bar h2#trails,
body#skiing div#side-bar h2#trails {
	background: url(images/tourism/h2-trail-conditions.gif) no-repeat left center; 
	}
	
/* ----- Weather ----- */

div#wx_module_7898 {
	background-color: none;
	margin: 20px 45px 10px 55px;
	}
	
/* ----- Trails & Maps Main Content & Outdoor Activities Main Content ----- */

body#trailsMaps div#main-content div ul {
	background-color: #f8fcd7;
	width: 240px;
	margin: 0 0 15px 15px;
	padding: 5px 10px 15px 30px;
	list-style-type: square;
	}
body#trailsMaps div#main-content div ul li {
	font-size: 1.2em;
	line-height: 2.0em;
	}
body#trailsMaps div#main-content div ul li a {
	text-decoration: none;
	}
	
body#outdoorActivities div#main-content h3#h3-atv,
body#trailsMaps div#main-content h3#h3-atv {
	background: url(images/sign-atv.gif) no-repeat left center;
	}
body#outdoorActivities div#main-content h3#h3-downhillSki,
body#trailsMaps div#main-content h3#h3-downhillSki {
	background: url(images/sign-skiing.gif) no-repeat left center;
	}
body#outdoorActivities div#main-content h3#h3-horseback,
body#trailsMaps div#main-content h3#h3-horseback {
	background: url(images/sign-horse.gif) no-repeat left center;
	}
body#outdoorActivities div#main-content h3#h3-roadBike,
body#trailsMaps div#main-content h3#h3-roadBike {
	background: url(images/sign-roadBike.gif) no-repeat left center;
	}
body#outdoorActivities div#main-content h3#h3-snowshoe,
body#trailsMaps div#main-content h3#h3-snowshoe {
	background: url(images/sign-snowshoe.gif) no-repeat left center;
	}
body#outdoorActivities div#main-content h3#h3-skiing,
body#trailsMaps div#main-content h3#h3-skiing {
	background: url(images/sign-xskiing.gif) no-repeat left center;
	}
body#outdoorActivities div#main-content h3#h3-fishing,
body#trailsMaps div#main-content h3#h3-fishing {
	background: url(images/sign-fishing.gif) no-repeat left center;
	}
body#outdoorActivities div#main-content h3#h3-mtnBike,
body#trailsMaps div#main-content h3#h3-mtnBike {
	background: url(images/sign-bike.gif) no-repeat left center;
	}
body#outdoorActivities div#main-content h3#h3-snowmobile,
body#trailsMaps div#main-content h3#h3-snowmobile {
	background: url(images/sign-snomobile.gif) no-repeat left center;
	}
body#outdoorActivities div#main-content h3#h3-mtnBike,
body#trailsMaps div#main-content h3#h3-mtnBike {
	background: url(images/sign-bike.gif) no-repeat left center;
	}
body#outdoorActivities div#main-content h3#h3-golf,
body#trailsMaps div#main-content h3#h3-golf {
	background: url(images/sign-golfing.gif) no-repeat left center;
	}
body#outdoorActivities div#main-content h3#h3-hiking,
body#trailsMaps div#main-content h3#h3-hiking {
	background: url(images/sign-hiking.gif) no-repeat left center;
	}
body#outdoorActivities div#main-content h3#h3-hunting,
body#trailsMaps div#main-content h3#h3-hunting {
	background: url(images/sign-hunting.gif) no-repeat left center;
	}
body#outdoorActivities div#main-content h3#h3-rafting,
body#trailsMaps div#main-content h3#h3-rafting {
	background: url(images/sign-rafting.gif) no-repeat left center;
	}
body#outdoorActivities div#main-content h3#h3-swimming,
body#trailsMaps div#main-content h3#h3-swimming {
	background: url(images/sign-swimming.gif) no-repeat left center;
	}
body#outdoorActivities div#main-content h3 a:link,
body#outdoorActivities div#main-content h3 a:visited,
body#trailsMaps div#main-content h3 a:link,
body#trailsMaps div#main-content h3 a:visited {
	height: 105px;
	width: 280px;
	display: block;
	text-indent: -5000em;
	}
body#outdoorActivities div#main-content h3 {
	margin: 0 15px 15px 15px;
	padding: 0;
	}
body#trailsMaps div#main-content h3 {
	margin: 0 15px 0 15px;
	padding: 0;
	}
	
/* ----- Calendar Months ----- */

div#ical {
	height: 2.0em;
	line-height: 2.0em;
	margin-left: 0.3em;
	margin-bottom: 1.5em;
	}
div#ical ul {
	list-style-type: none;
	font-size: 1.0em;
	font-weight: bold;
	}
div#ical ul li {
	float: left;
	}
div#ical ul li a { 
	float: left;
	color: #969702;
	padding: 0 0.4em;
	}
div#ical ul li a:link,
div#ical ul li a:visited {
	text-decoration: none;	
	}
div#ical ul li a:hover {
	color: #627f27;
	border-bottom: 1px #627f27 dotted;
	}
	
/* ----- Calendar ----- */

div#main-content div#jan,
div#main-content div#feb,
div#main-content div#march,
div#main-content div#apr,
div#main-content div#may,
div#main-content div#jun,
div#main-content div#jul,
div#main-content div#aug,
div#main-content div#sept,
div#main-content div#oct,
div#main-content div#nov,
div#main-content div#dec,
div#main-content div#bb,
div#main-content div#camp,
div#main-content div#motel,
div#main-content div#resort {
	display: block;
	width: 95%;
	margin: 0 auto 10px auto;
	background: #F5F8CA;
	}
div#main-content div#jan table,
div#main-content div#feb table,
div#main-content div#march table,
div#main-content div#apr table,
div#main-content div#may table,
div#main-content div#jun table,
div#main-content div#jul table,
div#main-content div#aug table,
div#main-content div#sept table,
div#main-content div#oct table,
div#main-content div#nov table,
div#main-content div#dec table {
	padding: 1.0em;
	border-collapse: collapse;
	font-size: 1.2em;
	}
div#main-content div#bb table,
div#main-content div#camp table,
div#main-content div#motel table,
div#main-content div#resort table {
	padding: 1.0em;
	border-collapse: collapse;
	}
div#main-content table p {
	line-height: normal;
	margin: 0 5px 5px 0;
	}
div#main-content caption {
	display: none;
	}
div#main-content .dateCol {
	width: 5em;
	}
div#main-content .infoCol {
	width: 8em;
	}
div#main-content .addyCol {
	width: 14em;
	}
div#main-content td {
	padding: 5px;
	}
div#main-content td.right {
	text-align: right;
	}
div#main-content table a {
	color: #627f27;
	font-weight: bold;
	}
div#main-content a.external {
	background: url(images/external-link.png) 100% 60% no-repeat;
    padding:  0 1.5em 0 0;
	}
div#main-content thead {
	background: #627f27;
	color: #f8fcd7;
	font-size: 1.2em;
	}
div#main-content th {
	padding: 5px;
  	text-align: left;
	}
div#main-content .odd {
	background-color: #f8fcd7;
	}
div#main-content tr:hover {
	background-color: #627f27;
	color: #f8fcd7;
	}
div#main-content table tr:hover h3 a {
	color: #f8fcd7;
	}
div#main-content thead tr:hover {
	background-color: transparent;
	color: inherit;
	}
div#main-content table h3 a {
	color: #969702;
	}

/* ----- Contact Us ----- */

body#contact-us div#main-content {
	font-size: 1.2em;
	}
body#contact-us div#map_canvas {
	float: right;
	width: 400px;
	height: 175px;
	margin: 0 30px 25px 0;
	}
body#contact-us div#information {
	float: left;
	}
body#contact-us div#information h3 {
	margin-bottom: -10px;
	margin-top: 15px;
	}
	
/* ----- Contact Us Form ----- */

body#contact-us form {
	clear: both;
  	width: 51em;
	float: left;
	}
body#contact-us fieldset {
	margin: 1em 1.5em; /*  space out the fieldsets a little*/
	padding: 1em;
	border : 1px solid #ccc;
	}
body#contact-us fieldset.width p#submit {
	text-align: center;
	}
body#contact-us legend {
	font-weight: bold;
	}
body#contact-us label {
	display: block;
	}
body#contact-us em.required {
	font-size: 0.75em;
	color:#760000;
	}
body#contact-us input {
	width: 22em;
	}
body#contact-us input#sender-city {
	width: 8em;
	}
body#contact-us input#sender-zip {
	width: 5em;
	}
body#contact-us input:focus, textarea:focus {
	background: #ffc;
	}
body#contact-us textarea {
	width: 500px;
	height: 75px;
	}
body#contact-us div#contact-details {
	float: left;
	}
#contact-us #wrapper #main-contentBg #main-content #addtional {
	width: 50px;
}
body#contact-us div.formInput p {
	margin-top: 0;
	margin-bottom: 0;
	}
body#contact-us div#formState p {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	}
body#contact-us p#formHidden {
	display: none;
	}
	
/* ----- Cross Country Skiing Activities -----*/

body#skiing div#main-content p,
body#snowshoe div#main-content p {
	margin-top: 5px;
	}
body#skiing div#main-content h3 {
	margin-top: 5px;
	text-decoration: underline;
	}
	
/* ----- Side Bar ----- */

div#side-bar {
	width: 280px;
	margin: 10px 15px 0 10px;
	float: right;
	border:hidden;
	}
div#side-bar h2 {
	margin: 15px 0 10px 15px;
	padding: 0;
	line-height: 28px;
	text-indent: -5000em;
	height: 28px;
	background: url(images/tourism/h2-trail-conditions.gif) no-repeat left center; 
	}
div#side-bar h3 {
	margin-left: 25px;
	margin-bottom: 10px;
	}
div#side-bar p {
	font-size: 1.0em; 
	line-height: 1.5; 
	margin: 10px 20px 10px 20px;
	text-align: justify;
	}	
	
	
div#side-bar div#trailConditions {
	background-color: #f2f3bd;
	margin-top: 10px;
	padding: 1px 0 5px 0;
	}
	
/* ----- Gallery ----- */

div#gallery {
	clear: both;
	background: #839c54;
	height: 160px;
	}
div#gallery h2 {
	margin: 15px 0 0 45px;
	padding: 15px 0 0 45px;
	line-height: 28px;
	text-indent: -5000em;
	height: 28px;
	background: url(images/tourism/h2-photo-gallery.gif) no-repeat left center; 
	}
div#galleryBg {
	width: 910px;
	height: 100px;
	background: #5c6f3d;
	margin: 0 20px 0 20px;
	}
div#galleryBg img {
	padding: 7.5px;
	background: #839c54;
	margin: 11px 3.5px 0 3.5px;
	}
div#galleryBg img#first-img {
	margin-left: 13px;
	}

/* ------ Sub-Footer ----- */

div#sub-footer {
	clear: both;
	background: #5c6f3d;
	height: 75px;
	position: relative;
	}
div#sub-footer span {
	position: absolute;
	z-index: 98;
	display: block;
	width: 65px;
	height: 39px;
	top: 7px;
	left: 30px;
	background: url(images/footer-logo.gif) no-repeat;	
	}   
div#sub-footer p {
	margin: 50px 0 0 30px;
	padding: 0;
	float: left;
	}	
div#sub-footer img {
	float: right;
	padding-left: 12px;
	margin: 18.5px 0 18.5px 0;
	}
div#sub-footer img#last-img {
	margin-right: 30px;
	}
div#sub-footer a:link {
	color: #f8fcd7;
	font-size: 1.2em;
	text-decoration: none;
	}
div#sub-footer a img {
	border: none;
	}
	
/* ------ Anchors ----- */

a.external {
	background: url(images/external-link.png) 100% 60% no-repeat;
    padding:  0 1.5em 0 0;
	}
a.pdf-link {
	background: url(images/bg-pdfLink.gif) 100% 60% no-repeat;
    padding:  0 2em 0 0;
	}
	
/* ------ Footer ----- */

div#footer {
	clear: both;
	background: #374816;
	}
div#footer p {
	font-size: 1.2em;
	line-height: 3.5em;
	height: 3.5em;
	margin: 0 0 10px 0;
	padding: 0 10px 0 30px;
	color: #f8fcd7;
	}
div#wrapper div#footer p span#copyright {
	float: left;
	}
div#footer p span#design {
	color: #f8fcd7;
	}
div#footer p span#copyright a:link,
div#footer p span#copyright a:visited,
div#footer p span#design a:link,
div#footer p span#design a:visited {
	color: #f8fcd7;
	text-decoration: none;
	padding: 0;	
	font-weight: bold;
	}
div#footer p span#copyright a:hover,
div#footer p span#copyright a:focus,
div#footer p span#design a:hover,
div#footer p span#design a:focus {
	color: #5c832f;
	padding: 0;	
	}
div#footer p span#xhtml,
div#footer p span#css {
	float: right;
	margin: 0;
	}
div#footer p span#xhtml {
	margin-right: 25px;
	}
div#footer p span#xhtml a:link,
div#footer p span#xhtml a:visited,
div#footer p span#css a:link,
div#footer p span#css a:visited {
	color: #f8fcd7;
	text-decoration: none;
	padding: 0 0 0 5px; 
	}
div#footer p span#xhtml a:hover,
div#footer p span#xhtml a:focus,
div#footer p span#css a:hover,
div#footer p span#css a:focus {
	color: #5c832f;
	}