/*******************Style and programing done by Brian Kitching : Oregon Publishing, Release Your Business. http://www.oregonpublishing.com**********/

/********************************Main Container*******************/
html, body {
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	background-attachment: scroll;
	font-size: 16px;
	background-image: url(images/bg-main.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #00FFFF;
}

.mainContainer {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

#preload { display: none; }
#list { font-size: 13px; line-height: 1.4em }
.clear {clear:both} 
/********************************Header*******************/

.HeadBox {
	height: 287px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/bg-header.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.HeadNav {
	float: left;
	width: 980px;
	clear:both;
}
/******************************Menu Bar********************/

ul#MenuNav {
float:left;
font-family:Verdana,sans-serif;
font-size:12px;
height:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:68px 0 0 175px;
width:980px;
}
	
#MenuNav li {
	display: inline;
	float: left;
	padding: 0 11px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

	
#MenuNav a, a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#MenuNav a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

body#home #nav-home a,
body#history #nav-history a,
body#facts #nav-facts a,
body#hiking #nav-hiking a,
body#pics #nav-pics a,
body#stories #nav-stories a,
body#contact #nav-contact a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

	
/********************************Content*******************/

#Logo  {float:left;}

.Order {
	float:left;
	width:370px;
	height:105px;
	margin-left:30px;
}

.Topic { font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#000000;}

.ContentBox {
	width: 980px;
	float: left;
	background-color:#FFFFFF;
	color: #000000;
	padding-top: 10px;
}
.content {
padding: 10px 25px;
}

#contentPics {
	margin-left: 100px;
	padding: 10px 25px;
}

#Welcome {
	float:left;
	width: 405px;
	height: auto;
	padding:0 10px;
	font-family:Arial;
	font-size: 14px;
	font-weight:bold;
	line-height: 1;
	margin-top: -10px;
}

#Erosion {
	float:left;
	width: 182px;
	height: 407px;
}

#ParkRules {
	background-image: url(images/bg-rules.gif);
	background-repeat: no-repeat;
	background-position: center top;
	float:left;
	width: 370px;
	height: 450px;
}

#RulesTop {
color:#FFFFFF;
font-weight:bold;
padding-top:5px;
text-align:center;
width:380px;
}

#RulesBottom {
color:#FFFFFF;
font-size:12px;
padding-left:25px;
text-align:left;
width:325px;
}

.ContentLeft {
	float: left;
	margin: 10px;
	text-align: center;
	vertical-align: top;
	width: 460px;
	height: auto;
}

.ContentRight {
	width: 460px;
	float: right;
	margin: 10px 15px 10px 10px;
	text-align: left;
	vertical-align: top;
	height: auto;
}


#FindOutMore {
	float:right;
	padding-right:50px;
}

.smBlackText {
	font-family:"Times New Roman", Times, serif;
	font-size:10px;
	text-align: right;
}

/****************************About************************/
.AboutContentLeft {
	float: left;
	text-align: left;
	vertical-align: top;
	width: 780px;
	height: auto;
	margin-left: 25px;
}

.AboutContentRight {
	width: 125px;
	float: right;
	vertical-align: top;
	height: auto;
	text-align: right;
	margin-right: 25px;
}
/*******************************Contact*******************/

#Map {
	margin: 0 auto 10px;
	width: 800px;
	height: 400px;
	border:solid 1px #000000;
}

.ContactLeft {
	border-right: 1px dashed #666666;
	float: left;
	padding-right: 25px;
	text-align: right;
	vertical-align: top;
	width: 440px;
	height: 400px;
}

.ContactRight {
	width: 370px;
	float: right;
	text-align: left;
	vertical-align: top;
	height: 200px;
}

/*******************************expando*******************/

img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}

/********************************Footer*******************/

.Footer {
	width: 980px;
	height: 69px;
	float: left;
	background-attachment: scroll;
	background-image: url(images/bg-footer.gif);
	background-repeat: repeat-x;
	background-position: center top;
	vertical-align: top;
}

#copyright {
	margin: auto;
	margin-top:35px;
	text-align: center;
	font: normal 12px Arial, sans-serif;
	color:#FFFFFF;
}

/********************************Links ***********************/
a.ublack:link {color: #000000; font-weight:normal; text-decoration: underline; }
a.ublack:visited {color: #000000; font-weight:normal; text-decoration: underline; }
a.ublack:hover {color: #CCCCCC; font-weight:normal; background-color:#000000; }

a.ublue:link {color: #0000FF; font-weight:normal; text-decoration: underline; }
a.ublue:visited {color: #0000FF; font-weight:normal; text-decoration: underline; }
a.ublue:hover {color: #FFFFFF; font-weight:normal; background-color:#0000FF; }

a.whitelink:link {color: #FFFFFF; text-decoration: none; font: normal 12px Arial, sans-serif;}
a.whitelink:visited {color: #FFFFFF; text-decoration: none; font: normal 12px Arial, sans-serif;}
a.whitelink:hover {color: #ef9c26; background-color:#000000; text-decoration: none; font: normal 12px Arial, sans-serif;}