.style1 {
	font-size: 14px;
	font-weight: bold;
}
a {/*The color of links*/
	color: #004422;
	text-decoration:none;
	}
a span {display:none;} /*Hide Any span inside a link tag*/
a:hover {/*Set the backgrouns when hovering about a link*/
	overflow: visible;
	color:blue;
	}

.style3 {color: #FF0000}
.style4 {color: #005643}
.style6 {font-size:12px; color:#000000 }
.style9 {font-size: medium}
.style10 {color: #005643; font-weight: bold; }
.style17 {color: #004422; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.style18 {
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}
.style19 {
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

a:hover span {/*Unhide span and make a box to put the text into*/
	text-decoration:none;
	position:absolute;
	display:block;
	margin:10px;
  width:200px;
  background: #004422;
  font-size:medium;
  color:#FFFFFF;
  padding-left:5px;
  font-weight: 600; font-family:Georgia, "Times New Roman", Times, serif;
  border: 2px solid #000000;elevation:above;z-index:3000;
  }

a:hover span.right {/*Unhide span and make a box to put the text into*/
	text-decoration:none;
	position:absolute;
	display:block;
	margin:10px;
	left:200px;
	right:0;
  width:200px;
  background: #004422;
  font-size:medium;
  color:#FFFFFF;
  padding-left:5px;
  font-weight: 600; font-family:Georgia, "Times New Roman", Times, serif;
  border: 2px solid #000000;elevation:above;z-index:3000;
  }
  
  #div1 a:hover{
			text-decoration:none;
		}