body {
	color:					black;
	text-align:				center;
	font-weight:			200;
	font-family:			verdana, arial, helvetica, sans-serif;
	background-color:		white;
}
a:link {
	color:					blue;
	text-decoration:		none;
}
a:visited {
	color:					blue;
	text-decoration:		none;
}
a:active {
	color:					blue;
	text-decoration:		none
}
a:hover {
	color:					teal;
	text-decoration:		underline
}
#heading {
	color:					black;
	font-weight:			bold;
}
#zone {
	color:					black;
	font-size:				18pt;
	font-family:			verdana, arial, helvetica, sans-serif;
	font-weight:			bold;
	font-style:				italic;
	text-align:				center;
	margin-top:				1em;
}
.thumbnail{
 position: relative;
 z-index: 0;
 font-size: 12px;
 color: #330000;
 text-decoration: none;
 font-weight: bold;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
 position: fixed;
 background-color: #FFFFCC;
 padding: 5px;
 left: 15%;
 border: 2px solid #330000;
 visibility: hidden;
 color: #330000;
 text-decoration: none;
 width: 810px;
}
.thumbnail span img{ /*CSS for enlarged image*/
 padding: 2px;
 border: 2 solid #330000;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
 visibility: visible;
 top: 5%;
 center: 0px;
}