/* Sitewide CSS Elements */

body {
	background-color: #ffcc66;
}

body.homepage {
	background-color: #fff;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .80em;
	line-height: 1.4em;
	color: #000;
	margin-top: .5em;
	margin-bottom: .5em;
}

p.homepage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .80em;
	line-height: 1.4em;
	color: #000;
	margin-top: .5em;
	margin-bottom: .5em;
	text-align: center;
}

table#homepage_columns {
	margin-top: .5em;
	margin-bottom: .5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;    
}

table#homepage_columns td.left {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: .5em;
	margin-bottom: .5em;
	padding-right: 10px;
}

table#homepage_columns td.middle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: .5em;
	margin-bottom: .5em;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

table#homepage_columns td.right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: .5em;
	margin-bottom: .5em;
	padding-left: 5px;
}

table#homepage_columns td.right h2 {
	font-size: 1.8em;
	font-weight: normal;
	color: #975233;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: .5em;
	margin-bottom: .5em;
}

table#homepage_columns td.right p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .70em;
	line-height: 1.5em;
	color: #000;
	margin-top: .5em;
	margin-bottom: .5em;
}

ol li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .82em;
	line-height: 1.4em;
	color: #000;
	margin-top: .5em;
	margin-bottom: .5em;
	margin-left: 5px;
}

.small {
	font-size: .8em;
	line-height: 1.2em;
   	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.small_centered {
	font-size: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	text-align: center;
}

.small_centered_italic {
	font-size: .8em;
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	text-align: center;
	font-style: italic;
}

.small_italic {
	font-size: .8em;
	line-height: 1.2em;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 2em;
	font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: .5em;
	margin-bottom: .5em;
}

h2 {
	font-size: 1.8em;
	font-weight: normal;
    color: #975233;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: .5em;
	margin-bottom: .5em;
}

h3 {
	font-size: 1.5em;
	font-weight: normal;
    color: #975233;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: .5em;
}

h4 {
	font-size: 1.2em;
	font-weight: normal;
    color: #975233;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: .5em;
}

h5 {
	font-size: 0.9em;
	font-weight: normal;
    color: #975233;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: .5em;
	margin-bottom: .5em;
}

h1.paragraph {
	font-size: 2em;
	font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: .5em;
	margin-top: .5em;
}

h2.paragraph {
	font-size: 1.8em;
	font-weight: normal;
    color: #975233;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: .5em;
	margin-top: .5em;
}

h3.paragraph {
	font-size: 1.5em;
	font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: .5em;
	margin-top: .5em;
}

h4.paragraph {
	font-size: 1.2em;
	font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: .5em;
	margin-top: .5em;
}

h5.paragraph {
	font-size: 0.9em;
	font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: .5em;
	margin-top: .5em;
}

table#homepage_columns td.left h2 {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	color: #975233;
}

table#homepage_columns td.left h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	font-weight: bold;
	color: #5b800a;
	text-align: left;
}

table#homepage_columns td.left p {
	text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

img {
	border: 0;
}

form {
	margin: 0;
	padding: 0;
}

input, select, th, td {
	font-size: 1em;
}

input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	padding: 3px;
}

label {
	font-size: .9em;
	color: #000;
	font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

fieldset {
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 10px 20px;
	width: 70%;
	border: 1px solid #666;
	background: #FFE3AC;
}

legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 5px 20px;
	background: #cccc99;
	color: #000;
	border: 1px solid #666;
}

.text {
	width: 90%;
}

.required {
	color: #f00;
}

.read_more {
	font-weight: bold;
}

a:link {
	color: #993333;
	font-weight: normal;
	text-decoration: underline;
}

a:visited {
	color: #993333;
	font-weight: normal;
	text-decoration: underline;
}

a:hover {
	color: #993333;
	font-weight: normal;
	text-decoration: underline;
}

a:active {
	color: #993333;
	font-weight: normal;
	text-decoration: none;
}

table.layout {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	margin: 20px 0;
}

table.layout th {
	font-size: .8em;
	font-weight: normal;
	text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0;
	padding: 5px 15px 5px 5px;
}

table.layout td {
	font-size: .75em;
	border: 0;
	padding: 0;
	margin-top: 0;
}

table.tabular {
	width: 90%;
	margin: 20px auto;
	border: 1px solid #666;
	border-collapse: collapse;
}

table.tabular th {
	border: 1px solid #666;
	padding: 3px;
	font-size: .8em;
	font-weight: bold;
	color: #000;
}

table.tabular td {
	border: 1px solid #666;
	padding: 3px;
	font-size: .8em;
	color: #000;
}

ul.body li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .82em;
	line-height: 1.4em;
	color: #000;
	margin-top: .5em;
	margin-bottom: .5em;
	margin-left: 5px;
	padding-left: 2px;
}

img.img_float_left {
	float: left;
	padding: 15px 20px 5px 0;
}

.img_float_right {
	float: right;
	padding: 15px 0 5px 10px;
}

/* 	Layout */

#container {
	width: 780px;
	\width: 800px;
	w\idth: 780px;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	padding-top: 0;
	background-color: #fff;
}

#site_header {
	background-color: #975233;
	margin: 0;
	padding: 10px;
}

#main_navigation {
	padding: 5px;
	margin-bottom: 0;
	margin-top: 0;
	background-color: #899066;
}

/* #main_navigation {
					color: #333;
					padding: 0;
					margin: 0;
					background: #cccc99;
				} */

#homepage_graphic {
	margin-right: 0;
   	margin-bottom: 0;
	margin-top: 4px;
	background-color: #fff;
}

#band-navigation {
	float: right;
	width: 130px;
	margin: 0;
   	margin-top: 4px;
   	margin-bottom: 0;
	margin-left: 0;
	background-color: #fff;
}

#footer {
	clear: both;
	padding: 0;
	margin-top: 0;
	background-color: #fff;
}

#content {
	clear: both;
	padding: 0;
	margin-top: 8px;
   	margin-left: 0;
  	margin-right: 20px;
	background-color: #fff;
	float: right;
	width: 500px;
}

#content.homepage {
	clear: both;
	padding: 0;
	margin-top: 0;
   	margin-left: 0;
   	margin-right: 5px;
	background-color: #fff;
	width: 750px;
}

#content li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .80em;
	line-height: 1.4em;
	color: #000;
	margin-top: 4px;
   	margin-left: 0;
   	margin-right: 10px;
	margin-bottom: .5em;
}

#left_nav {
	margin-top: 4px;
	margin-bottom: 4px;
   	margin-right: 0;
	padding: 0;
	background: #cc9933;
	list-style: none;
	width: 240px;
	float: left;
/* Contains 

floated list items (see below) */
}

#left_nav ul {
	list-style-type: none;
	margin: 0;
   	margin-right: 0;
	padding: 0;
}

#left_nav ul li {
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
	/* This

corrects the */
			width: 100%;
/* IE w

hitespace bug */
}

#left_nav ul a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-weight: bold;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 15px 15px;
	line-height: 1.5em;
}

#left_nav ul a:hover {
	text-decoration: underline;
}

#nav_adventures a, #nav_hikers a, #nav_join a, #nav_podcasts a {
	background-color: #cc9933;
}

#nav_cycling a, #nav_store a, #nav_tour a, #nav_partners a {
	background-color: #975233;
}

/* Bottom Navigation for Homepage (left-nav on inside) */

#bottom_nav {
	padding: 0;
}

#bottom_nav table {
	border: 0;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

#bottom_nav table td {
	width: 97px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .6em;
	line-height: 1.2em;
	text-align: center;
	background-color: #93704a;
	padding: 5px;
}

#bottom_nav table td.one {
	background-color: #cc9933;
}

#bottom_nav td.two {
	background-color: #975233;
}

#bottom_nav table td a:link, #bottom_nav table td a:visited {
	color: #fff;
	text-decoration: none;
}

#bottom_nav table td a:hover {
	color: #fff;
	text-decoration: underline;
}


/* Footers */

#sub-footer {
	clear: both;
	padding: 5px 5px 10px 5px;
	margin-top: 4px;
	margin-bottom: 0;
	background-color: #899066;
	color: #fff;
}

#sub-footer.homepage {
	margin-top: 0;
}

#bottom-footer {
	clear: both;
	text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #975233;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

#bottom-footer p {
	color: #fff;
	font-size: .7em;
}

#bottom-footer a {
	color: #fff;
}

#bottom-footer a:link {
	color: #fff;
	text-decoration: none;
}

#bottom-footer a:hover {
	color: #fff;
	text-decoration: underline;
}

#bottom-footer a:visited {
	color: #fff;
	text-decoration: none;
}

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

#main_navigation, #main_navigation ul {
	padding: 0;
	list-style: none;
	height: 30px;
	color: #fff;
/* margin-left: 25px; */
	margin-right: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	z-index: 1;
	clear: both;
	margin-top: 0;
   	margin-bottom: 0;
}

#main_navigation a {
	display: block;
	padding-top: 8px;
	padding-bottom: 7px;
	padding-right: 15px;
	padding-left: 10px;
	border-bottom-style: none;
	text-decoration: none;
	color: #000;
	text-align: center;
	color: #fff;
	background: #899066;
	font-weight: bold;
}

#main_navigation a:link {
	
}

/* #main_navigation a:visited {
	background: #cccc99;
} */

#main_navigation a:hover {
	color: #fff;
	text-decoration: underline;
}

#main_navigation li {
	float: left;
}

#main_navigation li ul {
	position: absolute;
	left: -999em;
	background: transparent;
	margin-top: 0;
}

#main_navigation li ul {
	width: 130px;
	background: #ba9a38;
}

#main_navigation li ul li {
	width: 120px;
	margin-left: 0;
	padding-left: 0;
}

#main_navigation li.drop_down ul {
	left: auto;
}

#main_navigation li ul a {
	background: #ba9a38;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

#main_navigation li ul a {
	width: 120px;
	background: #ba9a38;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	margin-top: 0;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

#main_navigation li ul a:hover {
	text-decoration: underline;
}

h1.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	color: #cccc99;
	margin: 0;
}

h2.homepage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	color: #975233;
	text-align: center;
}

h3.homepage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	font-weight: bold;
	color: #5b800a;
	text-align: center;
}

.spacer {
	clear: both;
}

/* Three Column Footer */

.footerCol, .footerCol_left, .footerCol_right {
	float: left;
	margin-left: 15px;
	padding-right: 15px;
}

/* middle column */

.footerCol {
	width: 200px;
}

.footerCol_left {
	width: 277px;
}

.footerCol_right {
	width: 200px;
	border: 0;
}

.footerCol p, .footerCol li, .footerCol_right p, .footerCol_right li, .footerCol_left p, .footerCol_left li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	line-height: 1.2em;
	color: #FFFFE8;
}

.footerCol h4, .footerCol_right h4, .footerCol_left h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #FFFFE8;
	margin-bottom: 0;
	border-top: 2px solid #FFFFE8;
	border-bottom: 1px solid #FFFFE8;
	padding-top: 5px;
	padding-bottom: 5px;
}

.footerCol a, .footerCol_right a, .footerCol_left a {
	color: #FFFFE8;
}


/* PDF DOWNLOAD TEASBOX ON HOMEPAGE */

#download_teasebox {
	border: 1px solid #ccc;
	margin: 30px 50px;
	padding: 25px;
	padding-bottom: 10px;
	background-color: #975233;
	text-align: center;
}

#download_teasebox h2 {
	font-size: 1.8em;
	color: #975233;
    font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: .5em;
	margin-bottom: .5em;
}

#download_teasebox a:link {color: #fff; text-decoration: none;}
#download_teasebox a:visited {color: #fff; text-decoration: none;}
#download_teasebox a:hover {color: #fff; text-decoration: underline;}
#download_teasebox a:active {color: #fff; text-decoration: none;}


/* ADVENTURES TEASEBOX ON HOMEPAGE */

#adventures_teasebox {
	border: 1px solid #ccc;
	margin: 5px 5px;
	padding: 5px;
}

#adventures_teasebox h2 {
	font-size: 1.8em;
	color: #975233;
    font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: .5em;
	margin-bottom: .5em;
}

#adventures_teasebox h3 {
	font-size: 1.5em;
	font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: .5em;
	margin-top: 0;
}

#adventures_teasebox h4 {
	font-size: 1.2em;
	color: brown;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: .5em;
	margin-bottom: 0;
}

#adventures_teasebox p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .70em;
	line-height: 1.5em;
	color: #000;
	margin-top: .5em;
	margin-bottom: .5em;
}


/* ADVENTURES TEASEBOX ON HOMEPAGE - 3-column version */

#adventures_teasebox2 {
	border: 0;
	padding: 15px;
	width: 280px;
}

#adventures_teasebox2 h2 {
	font-size: 1.8em;
	color: #975233;
    font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: .5em;
	margin-bottom: .5em;
}

#adventures_teasebox2 h3 {
	font-size: 1.5em;
	color: #975233;
    font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: .5em;
}

#adventures_teasebox2 h4 {
	font-size: 1.2em;
	color: brown;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: .5em;
	margin-bottom: .5em;
}

#adventures_teasebox2 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .70em;
	line-height: 1.5em;
	color: #000;
	margin-top: .5em;
	margin-bottom: .5em;
}