.body {
	background-color:palegreen;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin-top: 10px;
	margin-left: 10px;
	padding:0px;
    background: green; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-270deg,rgba(78,146,88,0),rgba(84,197,113,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-270deg,rgba(78,146,88,0),rgba(84,197,113,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-270deg,rgba(78,146,88,0),rgba(84,197,113,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(-270deg,rgba(78,146,88,0),rgba(84,197,113,1)); /* Standard syntax */
}
.a {
	color:#333333;
	text-shadow: 3px 3px 5px #000000;
	text-decoration: none;
}
.a:before {
		color:#333333;
}
.a.hover{
		color:rgba(0,255,0,0.5);
}
.a:after {
		color:#333333;
}
.navbox {
	visibility:visible;
	position:absolute;
	border-style: none;
	border-width: 0;
	border-radius: 2px;
	cursor: hand;
	text-shadow: 2px 2px 3px #000000;
	font-weight: bold;
	font-size: medium;
	color:  #C0C0C0;
	background: gray;
	vertical-align: top;
	opacity:0.5;
	padding: 2px;	
	z-index: 4;
}
.navdata {
	visibility:visible;
	position:absolute;
	border-style: none;
	border-width: 0;
	height: 455px;
	width: 600px;
	top: 64px;
	left: 14px;
	opacity: 0.7;
	border-radius: 8px;
	box-shadow: 4px;
	cursor: hand;
	text-shadow: 2px 2px 3px #000000;
	font-weight: bold;
	font-size: small;
	color:  #C0C0C0;
	background: gray;
	vertical-align: top;
	padding: 3px;	
	z-index: 4;	 
	}
.floradata {
	overflow: scroll;
	visibility:visible;
	position:relative;
	display: block;
	top: 0px;
	left: 0px;
	padding: 1px;
	border-radius: 8px;
	background: #C0C0C0;
	opacity: 0.5;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-shadow: 3px 3px 5px #000000;
	font-weight: normal;
	font-size: x-small;
	width: 595px;
	height: 450px;
	border: 4 solid #808000;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */;
	-moz-column-count: 2; /* Firefox */;
	column-count: 2;
	-webkit-column-gap: 10px; /* Chrome, Safari, Opera */;
	-moz-column-gap: 10px; /* Firefox */;
	column-gap: 10px;
}
.button {
	background-color:silver;
	opacity:.6;
	font-family:Arial;
	font-size:x-small;
	font-weight:lighter;
	color:black;
	text-shadow: 2px 2px 3px #000000;
	border:1px;
	padding:2px;
	box-shadow: 2px 2px 5px #376523;
	border-radius: 2px;

}
/* DivTable */
.divTable{
	display: table;
	left:0px;
}
.divTableRow {
	display: table-row;
}
.divTableCell {
	display: table-cell;
	background-color:burlywood;
	opacity: .4;
	font-family:Arial;
	font-size: medium;
	font-weight:bold;
	color:#333333;
	text-indent:2px;
	border:2px;
	border-color:#347235;
	border-radius: 5px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.divTableBody {
}
.banner {
	background-color:burlywood;
	box-align:center;
	border:2px;
	border-color:black;
	opacity:0.5;
	box-shadow: 2px 2px 5px #376523;
	border-radius: 4px;
	padding:3px;
	color:black;
	font-size:large;
	text-align:center;
	text-shadow: 3px 3px 3px #376523;
}
.img {
	position:relative;
	top:0px;
	border:3px;
	border-color:black;
	border-radius:8px;
}
    .vis1 {visibility:visible}
    .vis2 {visibility:hidden}
.zoneLink {
	text-decoration: none;
}
/*.florabox {
	display: none;}*/	
.florabox {
	visibility:visible;
	position:relative;
	display: block;
	top: 0px;
	left: 0px;
	font-family: arial;
	padding: 3px;
	padding-top: 0px;
	border: 4 solid #808000;
	border-radius: 8px;
	background: #C0C0C0;
	box-shadow: 3px 3px 5px #000000;
	opacity: 0.4;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	text-shadow: 3px 3px 5px #000000;
	font-weight: normal;
	font-size: medium;
	width: 595px;
	height: 450px;
}
.legend {
	padding:0px;
}