.thumbnail{
  font-family	: Arial, Verdana, Tahoma,  Helvetica, sans-serif;
  FONT-WEIGHT	: normal;
  font-size		: 12pt;
  color			: blue;
  position		: relative;
  z-index		: 0;
  
  padding-top		: 4px;
  padding-right		: 4px;
  padding-bottom	: 4px;
 
  
 
}


.thumbnail:link {
	text-decoration	: none;
	color			: blue;
}

.thumbnail:active {
	text-decoration	: none;
	color			: blue;
}

.thumbnail:visited{
  text-decoration	: none;
  color: blue;
  z-index: 0;
}

.thumbnail:hover{
  color				: blue;
  text-decoration	: none;
  background-color	: #C1D4E6;
  z-index: 0;
}







.thumbnail span{ /*CSS for enlarged image*/
  position: absolute;
  background-color: transparent;
  padding: 5px;
  left: -2000px;
  color: navy;
  text-decoration: none;

}

.thumbnail span img{ /*CSS for enlarged image*/
  border-width: 0;
  padding: 5px;
  margin-top:5px;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
  background-color:#FFFFFF;
  color:'black'; 
  text-decoration:none;
  
  background-image:url('./images/speakBox.png');
  background-repeat: no-repeat;
  width: 400;   /*actual size is 303..pushes image more center in Firefox */
  height: 110;
  
  display: inline;
  top: -50px;
  left: 325px; /*position where enlarged image should offset horizontally */

}