/*********************************************Global layout Atrributes*****************************************************/
body {
	font-family: "Palatino Linotype";	
	background-color: #d2d1fd;
	color: #e1cf09;
}
a {color: #d2d1fd;
	text-decoration: none;
}
a:visited {color: #d2d1fd
}
a:hover {color: #e1cf09;
}
.border {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	border: 3px solid #006600;
	padding: 10px;
	height: 595px;
	background-color: #128622;
}
.border .content {
	width: 785px;
	border: 3px solid #e1cf09;
	margin-left: auto;
	margin-right: auto;
	height: 580px;
	background-color: #0000cc;	
}
.border .content .logo {
	margin: 5px 0px 5px 0px;
	margin-left: auto;
	margin-right: auto;
	border: 3px solid  #e1cf09;
	width: 770px;
	background-color: #128622;
}
.border .content .body {
	border: 3px solid #e1cf09;
	height: 495px;
	width: 770px;
	margin: 3px 5px 5px 5px;
	margin-left: auto;
	margin-right: auto;
	background-color: #128622;
}
/**************************************************left navigation column layout********************************/
.border .content .position {
	height: 445px;
	width: 160px;
	float: left;
	border: solid 3px #e1cf09;
	margin: 5px;
	background-color: #e1cf09;
}
.border .content .body .entrance {
	font-size: 20px;
	margin: 5px;
	height: 30px;
	width: 145px;
	border: 3px solid #128622;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	background-color: #128622;
}
.border .content .body .leftpictureholder {
	height: 100px;
	width: 135px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color: #128622;
	font-size: 14px;	
}
.border .content .body .leftpictureholder .leftpicture {
	float: left;
	width: 65px;
	height: 100px;
}
/********************************trail specific layout**********************************************************/
.border .content .main {
	float: left;
	width: 570px;
	height: 445px;
	margin-right: auto;
	margin-left: auto;
	margin: 5px;
	background-color: #128622;
	border: 3px solid #e1cf09;
}
.border .content .mainpic img {
	border: 2px solid #e1cf09;
}
.border .content .body .mainnav {
	height: 35px;
	width: 500px;
	margin: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 30px;
}
.border .content .body .mainpic {
	margin: 10px 0px 5px 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	vertical-align: bottom;
}
.border .content .body .place {
	height: 20px;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 16px;
	padding: 10px;
	
}
.border .content .body .place a {
	text-decoration: underline;
}
/***********************************Home specific layout*********************************************/
.border .content .positionhome {
	height: 335px;
	width: 160px;
	float: left;
	border: solid 3px #cccc00;
	margin: 5px;
	background-color:  #cccc00;
}
.border .content .mainhome {
	float: left;
	width: 574px;
	height: 457px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	background-color: #128622;
	border: 3px solid #e1cf09;
	background-image: url(imagemap.gif); 
}
.border .content .mainhome #maslyar {
position: absolute;
margin-left: 3px;
margin-top: 33px;
width: 140px;
height: 107px;
}
.border .content .mainhome #laurel {
position: absolute;
margin-left: 157px;
margin-top: 16px;
width: 140px;
height: 90px;
}
.border .content .mainhome #river {
position: absolute;
margin-left: 312px;
margin-top: 1px;
width: 147px;
height: 71px;
}
.border .content .mainhome #bratty {
position: absolute;
margin-left: 336px;
margin-top: 87px;
width: 171px;
height: 72px;
}
.border .content .mainhome #bridge {
position: absolute;
margin-left: 302px;
margin-top: 196px;
width: 165px;
height: 70px;

}
.border .content .mainhome #depot {
position: absolute;
margin-left: 194px;
margin-top: 284px;
width: 176px;
height: 72px;
}

.border .content .mainhome #mellow {
position: absolute;
margin-left: 192px;
margin-top: 372px;
width: 212px;
height: 80px;
}
.border .content .mainhome #olyphant {
position: absolute;
margin-left: 434px;
margin-top: 285px;
width: 140px;
height: 125px;
}
/******************************************360 trail pic layout*************************************/

.border .content .body .main .left360nav {
	float: left;
	margin-top: 10px;
}
.border .content .body .mainpic360 {
	margin: 10px auto 5px auto;	 
	text-align: center;
	vertical-align: bottom;
	float: left;
}
.border .content .mainpic360 img {
	border: 2px solid #e1cf09;
}