html  {
	  overflow: scroll;
	  scrollbar-3dlight-color: #ffffff;
	  scrollbar-arrow-color: #FFFFFF;
      scrollbar-darkshadow-color: #000000;
	  scrollbar-face-color: #8fbc8f;
	  scrollbar-highlight-color: #000000;
	  scrollbar-shadow-color: #ffffff;
	  scrollbar-track-color: #FFFF99;
		}
body
{
background-attachment: fixed;
background-image: url("trailmap-bg.gif");
background-repeat: no-repeat;
text-align :left;
text-decoration:none;
margin-left:30px;
}

p{font-family: Verdana, Arial, serif; font-style : normal; color : #f5fffa; }
h3 {font-family: Verdana, Arial, serif ;color : #ffffcc ;font-size : 14pt ;font-style : bold ;text-align : left ;background-color:;}
h4 {font-family: Verdana, Arial, serif ;color : #ffffcc ;font-size : 8pt ;margin-bottom : 3px ;font-style : bold ;text-align : ;background-color:;}

.title {
		background-color:#669966; 
		background:#669966 url(tile1001dg.gif); 
		background-repeat:repeat; 
		width:640px; 
		height:50px; 
		margin-left:37px;
		border-bottom:solid 10px #FFFF99;
		margin-bottom:5px;
		margin-top:5px;
		font-variant:small-caps;
		font-style:oblique;
        border-right: solid 10px #003333;
		}
		
.trailhead
		{
		color:#003333;
		padding-left:15px;
		margin-top:10px;
		margin-bottom:10px;
		}	

.trailtable
	{
		background-color:#d3d3d3; 
		border-width: 3 3 3 3; 
		border-color:#dcdcdc; 
		border-style:solid;
		margin-top:15px;
		}

a:active {color: #000000}
a:visited {color:#2f4f4f}
a:link {color: #003333}
a:hover {color: #a52a2a}

a.up:link {
		background-image:url(arrowhead_w_g.gif);
		background-repeat:no-repeat;
				}
		
a.up:hover {
		background-image:url(arrowhead_b_g.gif);
		background-repeat:no-repeat;
		}

.ecolinks {
		border-bottom: solid 5px #003333;
		border-top: solid 5px #003333;
		padding:1px;
		text-decoration:none;
		width:128px;
		font-size:12px;
		margin-top:1px;
		margin-right:20px;
		color:#333333;
		float:right;
		}
		
.names {
		position:absolute;
		top:118px;
		left:560px;
		height:300px;
		}
		
.vertbar {
		position:absolute;
		top:118px;
		left:710px;
		background-color:#8fbc8f;
		width:10px;
		height:414px;
		}
		
.barnum {
		position:absolute;
		top:118px;
		left:557px;
		background-color:#000000;
		width:15px;
		height:414px;
		padding:0px;
    	vertical-align:bottom;
		}
h2 {
		font-family: Verdana, Arial;
		color:#FFFF00;
		font-weight:bold;
		font-size:14px; 
		position:absolute;
		}
h2.num1 {
		top:125px;
		left:563px;
		}
h2.num2 {
		top:176px;
		left:563px;
		}
h2.num3 {
		top:229px;
		left:563px;
		}
h2.num4 {
		top:282px;
		left:563px;
		}
h2.num5 {
		top:335px;
		left:563px;
		}
h2.num6 {
		top:384px;
		left:563px;
		}
h2.num7 {
		top:437px;
		left:563px;
		}
h2.num8 {
		top:490px;
		left:563px;
		}
		
		
.trailmap
		{
		border: solid thick #003333;
		border-bottom: 22px;
		border-right: solid 140px #003333;
		margin-left: 35px;
		margin-top: 0px;
		}
.map {
		position:absolute;
		top:513px;
		left:80px;
		font-weight:bolder;
		font-variant:small-caps;
		font-size:14px;
		color:#FFFF99;
		letter-spacing:.4em;
		}
h6 {
	color:#000000;
	}
.top {
font-family: Verdana, Arial, serif;
background-color:#003333;
border:solid 3px #8fbc8f;
text-decoration:none;
padding-bottom:0px;
color:#FFFF00;
font-size:15px;
font-weight:bold;
width:75px;
height:30px;
text-align:center;
margin-left:50px;
float:left;
	}
	
p.topbox {
font-family: Verdana, Arial, serif;
text-decoration:none;
color:#FFFFFF;
font-size:15px;
font-weight:bold;
text-align:center;
margin-right:5px;
margin-left:7px;
margin-top: 5px;
float:left;
	}
	
p.copy {
		font-family: Verdana, Arial, serif;
		font-size: 14px;
		color:#333333;
		width: 460px;
		padding:10px;
		text-align:justify;
		margin:5px 5px;
		float:left;
		}

h1 {
font-family: Verdana, Arial, serif;
background-color:#003333;
border:solid 3px #FFFF00;
text-decoration:none;
padding-bottom:0px;
text-align:center;
color:#FFFF00;
font-size:15px;
	}
	
img.arrow {
		margin-top:3px;
		margin-left:0px;
		margin-right:5px;
		}
		
h1.tr1
{
position:absolute;
left:90px;
top:305px;
width:20px;
height:20px;
}

h1.tr2
{
position:absolute;
left:100px;
top:250px;
width:20px;
height:20px;
}

h1.tr3
{
position:absolute;
left:235px;
top:160px;
width:20px;
height:20px;
}
h1.tr4
{
position:absolute;
left:295px;
top:155px;
width:20px;
height:20px;
}
h1.tr5
{
position:absolute;
left:370px;
top:220px;
width:20px;
height:20px;
}
h1.tr6
{
position:absolute;
left:480px;
top:315px;
width:20px;
height:20px;
}
h1.tr7
{
position:absolute;
left:500px;
top:347px;
width:20px;
height:20px;
}
h1.tr8
{
position:absolute;
left:350px;
top:400px;
width:20px;
height:20px;
}

#object1, #object2, #object3, #object4, #object5, #object6, #object7 #object8  {
	position: relative
		}

.copyDark {
   background-color: #000000;
   color: #ffffff;
   width:130px; 
   padding:10px; 
   text-decoration:none;
   border-left:solid 17px #333333;
 		}

.copyLight {
   color: #333333;
   background-color:#8fbc8f;
   width:130px; 
   padding:10px; 
   text-decoration:none;
   border-left:solid 17px #333333;
      }