/* 
 * Reset default styles 
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*
 * Addition Default styles 
 */

input,
textarea {
	font: 0.85em Verdana, sans-serif; 
}

input[type=text], 
textarea {
	padding: 1px 2px 1px 2px;
}

.hasLayout {
	zoom: 1;
}

.hasLayout:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear, .clearer {
	clear: both;
}

.fLeft, .fleft {
	float: left;
}

.fRight, .fright {
	float: right;
}

.none {
	display: none !important;
}


/*
 * Common Styles
 */

.corner {
	display: block;
	height: 1px;
	font-size: 1px;
}

.row1 {
	margin-left: 1px;
	margin-right: 1px;
}

.row2 {
	margin-left: 2px;
	margin-right: 2px;
}

.row3 {
	margin-left: 3px;
	margin-right: 3px;
}

.row4 {
	margin-left: 4px;
	margin-right: 4px;
}

.row5 {
	margin-left: 5px;
	margin-right: 5px;
}

.bRow1 {
	border-left: 1px solid;
	border-right: 1px solid;
}

.bRow2 {
	border-left: 2px solid;
	border-right: 2px solid;
}

.bRow3 {
	border-left: 3px solid;
	border-right: 3px solid;
}

.bRow4 {
	border-left: 4px solid;
	border-right: 4px solid;
}

.bRow5 {
	border-left: 5px solid;
	border-right: 5px solid;
}

.cRow1 {
	background-color: #999999;
	margin: 0 5px;
}

.cRow2 {
	background-color: #ffffff;
	border-left: 2px solid #999999;
	border-right: 2px solid #999999;
	margin: 0px 3px 0px 3px;
}

.cRow3 {
	background-color: #ffffff;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	margin: 0px 2px 0px 2px;;
}

.cRow4 {
	background-color: #ffffff;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	margin: 0px 1px 0px 1px;
	height: 2px;
}

.curvedContent {
	background-color: #ffffff;
	border: 1px solid #999999;
	border-top: 0px none;
	border-bottom: 0px none;
}

.text {
	line-height: 1.75em;
}	

.text a.hoverLink {
	font-family: Verdana, sans-serif;
}	

.gray, .grey { 
	color: #5E7185;
}


/* 
 * Page Layout Styles
 */

body {
	font: 0.8em Verdana, sans-serif; 
	line-height: 1.25em;
	background: #cdccc3 url(../img/hiker-silhouette.png) right bottom no-repeat;
}

body.v6, 
body.v7 {
	overflow: hidden;
}

#container {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px 30px 0px;;
	background: transparent url(../img/map-background.gif) left top repeat-x;
}

#content {
	min-height: 680px;
	margin-bottom: 20px;
}

.pageContent {
	width: 1000px;
	margin: 0px auto;
}

.pageContent2 {
	width: 880px;
	margin: 0px auto;
	margin-top: 20px;
	margin-bottom: 40px;
}

.pageContent2 .curvedContent {
	padding: 20px 30px 40px 30px;
}

#footer {
	margin-bottom: 50px;
}

#footer p {
	width: 50%;
	margin: 0px auto;
	padding-top: 25px;
	border-top: 1px dotted #999999;
	text-align: center;
}

#footer a {
	display: inline-block;
	/* border-bottom: 1px dotted; */
	text-decoration: none;
}

#footer a:hover {
	/* border-bottom: 0px none; */
	text-decoration: underline;
}


/* 
 * Header Styles 
 */

#header {
	position: relative;
	margin-bottom: 15px;
}

#header h1 {
	float: left;
	height: 80px;
	width: 270px;
}

#header h1 p {
	width: 150px;
}

#header h1 span {
	display: block;
	text-align: center;
}

#header h1 span.line1 {
	font: bold 24px "Comic Sans MS";
	line-height: 24px;
	color: #cd972a;
}

#header h1 span.line2 {
	margin: 1px 0px 2px 0px;
	font: bold 40px Georgia;
	line-height: 40px;
 	color: #040507;
}

#header h1 span.line3 {
	font: bold 10px Arial;
	line-height: 10px;
	letter-spacing: 10px;
	color: #cd972a;
}


/* 
 * Navigation Styles 
 */

#nav {
	height: 50px;
	margin-bottom: 5px;
	text-align: center;
}

#nav .corner,
#nav ul {
	background-color: #f0b83f;
}

#nav ul {
	height: 32px;
}
	
#nav li {
	display: inline;
}

#nav li a {
	display: inline-block;
	padding: 10px 20px 10px 20px;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color: #040507;
	text-decoration: none;
}

#nav li a:hover {
	background-color: #f4ce7b;
}


/* 
 * SubHeader Styles 
 */

#subHeader {
	margin-bottom: 25px;
	background-color: #040507 ;
	background: #040507 url(../img/sub-header-background.jpg) left top repeat;
}

#subHeader .pageContent {
	margin-bottom: 0px;
}

#subHeader .pageContent div {
	height: 178px;
	margin: 10px 0 10px 0;
}

#subHeader .corner {
	border-color: #040507;
}

#subHeaderLeft {
	float: left;
	width: 270px;
	margin-right: 12px;
}

#subHeaderLeft .corner {
	background-color: #ffffff;
}

#subHeaderLeft p {
	height: 154px;
	padding: 4px;
	background-color: #ffffff;
	font-family: "Comic Sans MS";
	font-weight: bold;
}

#subHeaderRight {
	float: right;
	width: 718px;
	background: url(../img/sub-header-image.png) left top no-repeat;
}

#subHeaderRight span {
	display: block;
	height: 162px;
}