/* CSS Document */

/*This is the main text formatting*/
#menu{
	position:absolute;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C5CB9D;
	font-style: normal;
	font-weight: bold;
}

/*This is the text formatting for the dropdown menu*/
#menu ul .item{
	display:none;
	font-size: 11px;
	text-decoration: none;
	border-bottom-color: #850b0b;
	border-bottom-style: solid;
	border-bottom-width: thin;
}

/*This is the formatting of the dropdown hover background*/
#menu ul:hover .item{
	display:block;
	padding:3px;
	margin:px;
	text-decoration: none;
	background-color: #FFFFFF;
}

/*Below is the color of the dropdown menu text when you hover over the main menu item*/
#menu ul:hover .item a{
	color:#666666;
	text-decoration:none;
	font-weight: normal;
}

/*not sure what this one is -*/
#menu ul:link .item a{color:#2e3192;text-decoration:none;}

/*Below is the color of the dropdown menu text when you hover*/
#menu ul:hover .item a:hover{color:#CA8800;text-decoration:none;}

/*This seems to format the background of the main menu*/
#menu ul{
	width:100px;
	float:left;
	margin:1px;
	padding:4px;
	list-style:none;
	text-decoration: none;
	background-color: #2E3192;
}

.menuText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 17px;
	color: #FFFFFF;
	text-decoration: none;
}

a.menuText:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
a.menuText:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

a.menuText:hover {
	text-decoration: none;
	color: #CCCCCC;
	font-weight: bold;
}
a.menuText:active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
.clear{clear:both;height:10px;}




.borders {
	border-right-color: #666666;
	border-right-style: solid;
	border-right-width: 1px;
	padding-right: 12px;
	background-color: #9BBDBD;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
	line-height: 1.5em;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
}
.captiontext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin:0;
	text-align: center;
	line-height: 12px;
	}
.mission {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	color: #666666;
	line-height: 1.5em;
	border-right-color: #666666;
	border-right-style: solid;
	border-right-width: 1px;
	padding-right: 12px;
}
.2mission {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 1.5em;
	border-right-color: #666666;
	border-right-style: solid;
	border-right-width: 1px;
	padding-right: 12px;
}
.mission2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	color: #666666;
	}
body {
	background-color: #FFFFFF;
}
a:link {
	color: #408080;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #408080;
}
a:hover {
	text-decoration: underline;
	color: #408080;
}
a:active {
	text-decoration: none;
	color: #408080;
}
.main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 2em;
}
.title1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
}
.title1 a { color:#FFF; text-decoration:none; }
.title1 a:hover { color:#fff; text-decoration:none; } 
.title1 a:visited { color:#fff; } 
.title2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	line-height: 15px;
}
.title3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #669999;
	font-weight: bold;
}
.title4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF0000;
}
.titlered {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
}
.leftfloatimage {
	float:left;
	margin-right: 10px;
	border: solid;
	border-color: #663300;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	margin-top: 10px;
}

.rightfloatimage {
	float:right;
	margin-left: 10px;
	border: solid;
	border-color: #663300;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	margin-top: 10px;
	padding: 0px;
}
.leftfloatimage3 {
	float:left;
	margin-right: 10px;
	margin-top: 10px;
}

.rightfloatimage3 {
	float:right;
	margin-left: 10px;
	margin-top: 10px;
	padding: 0px;
}
.rightfloatdiv {
	float:right;
	margin-left: 10px;
	width:265px;
	margin-top: 10px;
}
.rightfloatdiv200 {
	float:right;
	margin-left: 10px;
	width:200px;
	margin-top: 10px;
}
.rightfloatdiv300 {
	float:right;
	margin-left: 20px;
	width:300px;
	margin-top: 10px;
	margin-right: 0px;
}
.rightfloatdiv320 {
	float:right;
	margin-left: 20px;
	width:320px;
	margin-top: 10px;
	margin-right: 0px;
}
.rightfloatdiv257 {
	float:right;
	margin-left: 20px;
	width:257px;
	margin-top: 10px;
	margin-right: 0px;
}
.rightfloatdiv350 {
	float:right;
	margin-left: 20px;
	width:350px;
	margin-top: 10px;
	margin-right: 0px;
}
.leftfloatdiv300 {
	float:left;
	margin-left: 0px;
	width:300px;
	margin-top: 10px;
	margin-right: 20px;
}
.leftfloatdiv320 {
	float:left;
	margin-left: 0px;
	width:320px;
	margin-top: 10px;
	margin-right: 20px;
}
.leftfloatdiv350 {
	float:left;
	margin-left: 0px;
	width:350px;
	margin-top: 10px;
	margin-right: 20px;
}
.leftfloatdiv225 {
	float:left;
	margin-left: 0px;
	width:225px;
	margin-top: 10px;
	margin-right: 20px;
}
.leftfloatdiv200 {
	float:left;
	margin-left: 0px;
	width:200px;
	margin-top: 10px;
	margin-right: 20px;
}
.leftfloatdiv250 {
	float:left;
	margin-left: 0px;
	width:250px;
	margin-top: 10px;
	margin-right: 20px;
}
.leftfloatdiv500 {
	float:left;
	margin-left: 0px;
	width:500px;
	margin-top: 10px;
	margin-right: 20px;
}
.rightfloatdiv375 {
	float:right;
	margin-left: 20px;
	width:375px;
	margin-top: 10px;
	margin-right: 0px;
}
.rightfloatdiv400 {
	float:right;
	margin-left: 20px;
	width:400px;
	margin-top: 10px;
	margin-right: 0px;
}
.rightfloatdiv225 {
	float:right;
	margin-left: 20px;
	width:225px;
	margin-top: 10px;
	margin-right: 0px;
}
.rightfloatdiv425 {
	float:right;
	margin-left: 20px;
	width:425px;
	margin-top: 10px;
	margin-right: 0px;
}
.rightfloatdiv450 {
	float:right;
	margin-left: 20px;
	width:450px;
	margin-top: 10px;
	margin-right: 0px;
}
.rightfloatdiv500 {
	float:right;
	margin-left: 20px;
	width:500px;
	margin-top: 10px;
	margin-right: 0px;
}				
.imagewithborder {
	border-top-color: #7ABABA;
	border-right-color: #7ABABA;
	border-bottom-color: #7ABABA;
	border-left-color: #7ABABA;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-width: thin;
	}
	
.rightfloatimage2 {
	float:right;
	margin-left: 10px;
	border-top-color: #7ABABA;
	border-right-color: #7ABABA;
	border-bottom-color: #7ABABA;
	border-left-color: #7ABABA;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-width: thin;
	width:265px
}
.trailtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	color: #666666;
	line-height: normal;
	margin-bottom: 15px;
	margin-top: 25px;
	background-color: #E8E8E8;
}
.missiontitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #666666;
	line-height: normal;
	margin-bottom: 15px;
	margin-top: 25px;
	background-color: #E8E8E8;
}
.trailsub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #663300;
}
.trailtitle2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #663300;
	text-align: center;
	margin-bottom: 10px;
}

.poi {
	display:block;
	background-color:#990000;
	color:#fff;
	position:absolute;
	width:15px;
	height:15px;
	left: 433px;
	top: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	font-weight: bold;
}
a.poi:link, a.poi:hover, a.poi:visited { color:#FFF; text-decoration:none; }
.a { top:370px; left:200px; }
.b { top:110px; left:345px; }
.c { top:303px; left:320px; }
.d { top:220px; left:200px; }
.e { top:303px; left:302px; }
.f { top:240px; left:253px; }
.g { top:471px; left:318px; }
.h { top:452px; left:524px; }
.i { top:160px; left:21px; }
.j { top:143px; left:12px; }
.k { top:143px; left:30px; }
.l { top:164px; left:170px; }
.m { top:10px; left:240px; }
.n { top:209px; left:380px; }
.o { top:210px; left:364px; }

#maplegend {
	width:250px;
	position:absolute;
	top:490px;
	left:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 14px;
}

#maplegend li { list-style:none; }
#maplegend li a:link { color:#333; }
#maplegend li a:hover { color:#408080; }

#map {
	position:relative;
	width:860px;
	height:703px;
	color: #FFFFFF;
	line-height: 12px;
}
.mainsingle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	color: #666666;
}
.logoimage {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin-bottom: 3px;
	margin-top: 3px;
}

.style4 {
	font-size: 12px;
	color: #333333;
}
.style44 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	color: #333333;
}
.style5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
.style6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding-left: 9px;
}
.padding {
	margin-bottom: 8px;
}