@charset "utf-8";
/* CSS Document */



/*  this is hiding all the feature images until the mouseover  */
.feature_detail_container {	display: none;}
.feature_detail_container .feature_detail { width: 300px; border: 1px solid #ccc; }

/* holds the entire map and it's absolute positioned components */
body{
 background: black;	
}
#legend {
	height:658px;
	width:400px;
	border:1px solid #ccc;
	font:16px/26px Georgia, Garamond, Serif;
	overflow:auto;
	color: white;
	float: right;
	background-image:url(../images/transparent-black.png)
	

 
}
#map_container {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-image: url(../images/templates/tree_map.jpg);
	height: 660px;
	width: 1089px;
	margin : 0 auto;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
	float:left;
}

/*  clear for the feature image / text */
#map_container .clear_both {
	clear: both;
}

#map_container h3  {
	font-size: 14px;
	text-transform: uppercase;
	color: #FF0;
	letter-spacing: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
#map_container h2  {
	
	margin: 0px;
}
#map_container p  {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	font-size: 14px;
	font-family:Sans-serif;
	font-weight: bold;
}



/* all the leaf mouseover images */
/* contains the leaf image for mouseover .dot is the template for the rest of the #'s */
a.dot {
	display: block;
	height: 20px;
	width: 20px;
	background-image:url(../images/templates/tree_number/33.png);
	
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
	
}
a:link{
 text-decoration:none;
 color: white;
}
a:visited{
 text-decoration:none;
 color: white;
}

a:hover{
 text-decoration:underline;
 color: white;
}


#map_container a.dot.selected {
	/*background-position: 0px -240px;*/
}

#map_container a.dot:hover {
	/*background-position: 0px -119px;*/
}


/* holds the form drop down */
#map_container .form_building {
	position: absolute;
	left: 400px;
	top: 50px;
}


/*  this holds all the elements that pop up when mouseover occurs <we are only using the photo element> */








/*  this is the area for the descriptive text (if needed) we are not using this in our map*/
#map_container .feature_detail .feature_info {
	float: left;
	width: 130px;
}


/*  ------------------------------------- LEGEND -----------------------------------------------------    */        


ul {list-style-type:none;}

h2 {font-family:cursive;
font-weight:normal;
font-size: x-large;
}





/*  ------------------------------------- Tree CODE -----------------------------------------------------    */        
a#TP {
background-image:url(../images/templates/tree_code/tulip-poplar.png);	
}
a#EB {
background-image:url(../images/templates/tree_code/european-beach.png);	
}
a#AS {
background-image:url(../images/templates/tree_code/american-sycamore.png);	
}
a#SH {
background-image:url(../images/templates/tree_code/shellbark-hickory.png);	
}
a#JM {
background-image:url(../images/templates/tree_code/jap-maple.png);	
}
a#WB {
background-image:url(../images/templates/tree_code/weeping-beach.png);	
}
a#JL {
background-image:url(../images/templates/tree_code/jap-lilac.png);	
}
a#CO {
background-image:url(../images/templates/tree_code/yellow-chestnut-oak.png);	
}
a#BO {
background-image:url(../images/templates/tree_code/bur-oak.png);	
}
a#NM {
background-image:url(../images/templates/tree_code/norway-maple.png);	
}
a#RO {
background-image:url(../images/templates/tree_code/red-oak.png);	
}
a#PO {
background-image:url(../images/templates/tree_code/pin-oak.png);	
}
a#FD {
background-image:url(../images/templates/tree_code/flowering-dogwood.png);	
}
a#GT {
background-image:url(../images/templates/tree_code/ginkgo-tree.png);	
}
a#RB {
background-image:url(../images/templates/tree_code/river-birch.png);	
}
a#SC {
background-image:url(../images/templates/tree_code/scarlet-oak.png);	
}
a#PT {
background-image:url(../images/templates/tree_code/pagoda-tree.png);	
}

a#CF {
background-image:url(../images/templates/tree_code/concolor-fir.png);	
}
a#WA {
background-image:url(../images/templates/tree_code/white-ash.png);	
}

a#KC {
background-image:url(../images/templates/tree_code/kentucky-coffeetree.png);	
}
a#KW {
background-image:url(../images/templates/tree_code/kwanzan-cherry.png);	
}
a#WF {
background-image:url(../images/templates/tree_code/white-fringetree.png);	
}
a#FP {
background-image:url(../images/templates/tree_code/forest-pansy-redbud.png);	
}
a#WS {
background-image:url(../images/templates/tree_code/white-snow-fountain-cherry.png);	
}
a#SO {
background-image:url(../images/templates/tree_code/shingle-oak.png);	
}
a#RM {
background-image:url(../images/templates/tree_code/red-maple.png);	
}
a#TH {
background-image:url(../images/templates/tree_code/thundercloud-plum.png);	
}

a#CP {
background-image:url(../images/templates/tree_code/columnar-white-pine.png);	
}
a#CH {
background-image:url(../images/templates/tree_code/chinese-hemlocks.png);	
}
a#JS {
background-image:url(../images/templates/tree_code/jap-snowbell.png);	
}
a#KD {
background-image:url(../images/templates/tree_code/kousa-dogwood.png);	
}
a#JC {
background-image:url(../images/templates/tree_code/jap-cedar.png);	
}
a#CA {
background-image:url(../images/templates/tree_code/crabapple.png);	
}

a#SW {
background-image:url(../images/templates/tree_code/sweetgum.png);	
}
a#BG {
background-image:url(../images/templates/tree_code/black-gum.png);	
}

a#BA {
background-image:url(../images/templates/tree_code/blue-atlas.png);	
	
}
a#CW {
background-image:url(../images/templates/tree_code/corkscrew-willow.png);	

}