<STYLE TYPE="text/css">
	BODY {
		font-family : Arial, Helvetica, sans-serif;
		font-size : 12px;
		font-style : normal;
		font-weight : normal;
		line-height : normal;
	}

	TD {
		font-family : verdana, Arial, Helvetica, sans-serif;
		font-size : 12px;
		font-style : normal;
		font-weight : normal;
		line-height : normal;
	}

	h4 {
		font-family :  Arial, Helvetica, sans-serif;
		font-size : 14px;
		font-style : normal;
		font-weight : bold;
		line-height : normal;
	}

	.button {
		background-color: #ddddff;
		width: 100px;
		height: 20px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		font-weight: bold;
	}

	.button2 {
		background-color: #ddddff;
		width: 160px;
		height: 24px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		font-weight: bold;
	}
	.smbutton {
		background-color: #ddddff;
		width: 20px;
		height: 20px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		font-weight: bold;
	}
	A {
		text-decoration : underline;
		color : black;

	}
	}
	A:HOVER, A:ACTIVE {
		text-decoration : none;
		color : #97a8a5;
	}
	
.thumbnail{
position: relative;
z-index: 20;
}

.thumbnail:hover{
background-color: #FFFFFF;
z-index: 60;
}

.thumbnail span{ 
position: absolute;
background-color: #FFFFFF;
padding: 1px;
left: -1000px;
border: solid 1px #000000;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ 
border: solid 1px #000000;
background-color: #FFFFFF;
padding: 1px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
background-color: #FFFFF;
top: -220px;
left: -220px; /*adjust the position where enlarged image should offset horizontally */
text-align: center;
}
</STYLE>