/* ***************************************************** */
/* MAIN HTML TAGS CSS                                  */

body{
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
}
img{
	border: 0px;
}
p{
	margin: 0px;
	padding: 0px 14px 7px 0px;
}
table, td{
	border: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}
h4{
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	line-height: 16px;
	color: #bb6433;
	font-family: Arial, Helvetica, sans-serif;
}
h2{
	padding: 0px;
	margin: 15px 0px 5px 0px;
	color: #c95c23;
	line-height: 28px;
	font-size: 20px;
}




/* ***************************************************** */
/* SITE WIDE CSS                                       */

#header{
	width: 780px;
	margin: auto;
	text-align: right;
	position: relative;
	height: 18px;
	padding-top: 70px;
	font-size: 16px;
	line-height: 18px;
}
#header a:active, #header a:link, #header a:visited{
	color: #583624;
	font-family: Arial;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 12px;
	font-size: 115%;
	
}
	
	#wilderness_rd{
		position: absolute;
		top: 8px;
		left: 0px;
	}
	#vifl{
		position: absolute;
		top: 8px;
		right: 0px;
	}
	
.border{ background: #3f321b url(../images/border_vert.gif); }

.breaker{ clear: both; }

#container{
	width: 780px;
	margin: auto;
	margin-top: 6px;
	text-align: left;
	position: relative;
	height: auto;
}

#container a:active, #container a:link, #container a:visited{
	color: #258c40;
	text-decoration: none;
}
#container a:hover {
	text-decoration: underline;
}

#footer{
	color: #661e1e;
	font-size: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 20px;
	text-decoration: none;
}
#footer #subfooter {
	padding-top: 10px;
}

#footer a:link, #footer a:active, #footer a:visited {
	color: #661e1e;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
}

#footer a:hover {
	text-decoration:underline;
}
	


/* ***************************************************** */
/* HOMEPAGE CSS                                        */

#body_home{ background: #e6dfcd url(../images/bg_home.jpg) top center no-repeat; }

#header_home{
	position: relative;
	width: 788px;
	margin: auto;
	text-align: center;
	padding: 0px;
	height: 406px;
	margin-top: -3px;
	padding-left: 2px;
}

#timeline{
	padding: 15px;
	background: #e3ded1 url(../images/bg_timeline_content.jpg) top left repeat-x;
}
#timeline td{
	font-size: 13px;
	color: #503519;
	vertical-align: top;
	padding: 5px;
}

#bread-crumb {
	margin:0 0 0 2px;
}
#bread-crumb span {font-size:0.85em; }
#bread-crumb a, a:visited {margin:0 2px; font-size:0.90em;color:#000; text-decoration:underline;}
#bread-crumb a:hover {font-size:0.90em;color: #778899;text-decoration:underline;}


#community-left-nav {
	margin: 2px 8px 0px 2px;
	width:200px;
	float: left;
}
#community-left-nav p {
	padding:4px 2px 2px;
	color:#000;
	font-size:0.85em;
	border: 1px outset ButtonFace;
	background-color: #F8F2DE;
	background-image: url(../images/pGrad.gif);
	background-repeat: repeat-x;
	margin: 0px 0px 10px;
}
#community-left-nav strong {
	background: url(../images/dots-x.gif) left bottom repeat-x;
	line-height: 25px;
}
#community-left-nav a, a:visited {
	margin:0 2px;
	font-size:0.90em;
	color: Navy;
	text-decoration:none;
}
#community-left-nav a:hover {font-size:0.90em;text-decoration:underline;color: Navy;}
#community-left-nav span{font-size:0.90em;}
#left-nav-row-dots {margin:0 0 0px; width:180px; background:url(../images/dots-x.gif) left bottom repeat-x;}





.date{
	font-weight: bold;
}

.fc{
	font-size: 16px;
	color: #463c31;
}

.community{
	width: 260px;
	border: 1px solid #a4a676;
	color: #463c31;
	font-size: 12px;
	padding: 12px;
	background-color: #f7f5ec;
	margin-top: 10px;
}

.community p {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}

.community img{
	border: 2px solid #5d7366;
}

.community_title{
	font-size: 14px;
	padding-bottom: 5px;
}	

#col_left{
	width: 425px;
	text-align: center;
	float: left;
}
#col_right{
	float: left;
	width: 250px;
	margin-left: 25px;
}




/* ***************************************************** */
/* MAIN CONTENT CSS                                    */

#body_content{ background: #dbd5c5 url(../images/bg_wood.jpg) top center no-repeat; }

#page_info{
	position: relative;
	width: 750px;
	margin: auto;
	padding: 15px 0px 10px 30px;
	text-align: left;
	color: #ebe3c8;
	font-family: Arial;
	font-size: 12px;
}
#page_info a:active, #page_info a:link, #page_info a:visited{
	color: #ebe3c8;
	text-decoration: none;
	padding: 0px 3px 0px 3px;
}
#page_info a:hover{
	text-decoration: underline;
}
	
#page_info h1{
	margin: 0px;
	padding: 0px;
	font-size: 25px;
	line-height: 40px;
}
.sub{
	padding-bottom: 5px;
	font-size: 16px;
	line-height: 20px;
}
.breadcrumb{
	font-size:0.9em;
	padding:0 3px;
	margin:0 2px;
	font-weight:bold;
}


#table_nav{
	margin-left: 7px;
	_margin-left: 20px;
}

#nav{
	padding: 13px 0px 20px 10px;
	font-size: 11px;
	line-height: 16px;
	color: #503519;
	background: #eeeae2 url(../images/bg_nav.jpg) top center no-repeat;
	vertical-align: top;
}
#nav a:active, #nav a:link, #nav a:visited{
	color: #258c40;
}
#nav ul{
	margin: 0px;
	padding: 0px 0px 0px 3px;
}
#nav ul li{
	list-style: none;
	padding-bottom: 5px;
}

#nav p{
	padding-top: 0px;
	padding-bottom: 22px;
}

#blank_space{ 
	height: 300px; 
}

#content{
	background: #eeeae2 url(../images/bg_content.jpg) top left no-repeat;
	font-size: 13px;
	color: #503519;
	vertical-align: top;
}

#box{
	width: 272px;
	height: 220px;
	background: transparent url(../images/box.gif);
	float: right;
	margin: 25px 13px 10px 15px;
	padding: 25px;
}
#box p{
	padding: 0px 0px 12px 0px;
}

#top_content{
	display: block;
	width: 535px; /*500 */
	
	background-color: #111;
	position: absolute;
	top: -7px;   /*115 */
	left: 225px;  /*243 */
}




/* ***************************************************** */
/* TIMELINE CSS                                        */

#body_timeline{ background: #dbd5c5 url(../images/bg_timeline.jpg) top center no-repeat; }

#header_timeline{
	position: relative;
	width: 750px;
	margin: auto;
	text-align: center;
	padding: 28px 0px 26px 0px;
	height: 162px;
}

#timeline{
	padding: 15px;
	background: #e3ded1 url(../images/bg_timeline_content.jpg) top left repeat-x;
}
#timeline td{
	font-size: 13px;
	color: #503519;
	vertical-align: top;
	padding: 5px;
}
.date{
	font-weight: bold;
}
.timeline_pic{
	width: 160px;
	text-align: center;
	float: left;
}
.timeline_data{
	float: left;
	width: 570px;
}

#homepromo ul {
	margin: 0px;
	padding: -5px 0px 0px -5px;
}

#heritage-communityBlock {
	margin: 2px 8px 0px 2px;
	width:800px;
	float: left;
}
#heritage-communityBlock p {
	padding:4px 2px 2px;
	color:#000;
	font-size:0.85em;
	background-color: #F8F2DE;
	background-image: url(../images/pGrad.gif);
	background-repeat: repeat-x;
	margin: 0px 0px 10px;
}
#heritage-communityBlock strong {
	line-height: 25px;
}
#heritage-communityBlock a, a:visited {
	margin:0 2px;
	font-size:0.90em;
	color: Navy;
	text-decoration:none;
}
#heritage-communityBlock a:hover {font-size:0.90em;text-decoration:underline;color: Navy;}
#heritage-communityBlock span{font-size:0.90em;}

#heritageText  p{
	font-size: 16px;
	padding: 10px 14px 7px 0px;
}
#resourceLinks {
	font-size: 0.9em;
	line-height: 25px;
}
#resourceLinks a, a:visited {margin:0 2px; font-size:0.90em;color:#000; text-decoration:underline;}
#resourceLinks a:hover {font-size:0.90em;color: #778899;text-decoration:underline;}
#resourceImage {
	float: right;
	padding-left: 15px;
}


	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
#bread-crumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

/* ***************************************************** */
/* SITES PAGE CSS                                        */

#sites-container{
	margin-top: 10px;
}
#sites-content{
}
#sites-page-content {
	background:#EEEAE2 url(../images/bg_site_content.jpg) repeat-y scroll;
	color:#EBE3C8;
	font-family:Arial;
	font-size:12px;
	margin:auto;
	position:relative;
	text-align:left;
	width:757px;
}
#body-sites{ background: #dbd5c5 url(../images/bg_sites.jpg) top center no-repeat; }

#sites-left-column{
	color:#503519;
	float:left;
	font-size:11px;
	padding:20px 15px 20px;
	vertical-align:top;
	width:153px;
}
#sites-left-column a:active, #nav a:link, #nav a:visited{
	color: #258C40;
}
#sites-left-column ul{
	margin: 0px;
	padding: 0px 0px 0px 3px;
}
#sites-left-column ul li{
	list-style: none;
	padding-bottom: 5px;
}

#sites-left-column p{
	padding-top: 0px;
	padding-bottom: 5px;
}

#sites-right-column{
	color:#503519;
	float:left;
	font-size:13px;
	padding:22px 5px 0 0;
	vertical-align:top;
	width:565px;
}

#sites-border-vert {
	background: url(../images/border_vert.gif) repeat-y scroll 0 0;
	float:left;
	height:564px;
	width:7px;
}
#frame-bottom {
	background-attachment: scroll;
	background-image: url(../images/bottom_frame.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height:8px;
}

