/* CSS Document */
<style type="text/css">



.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
	border: 1px solid white;
	margin: auto;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
	font-variant: normal;
	text-transform: capitalize;



}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #DBDBDB;
}

.thumbnail span{
	position: absolute;
	background-color: #FBFBF9;
	padding: 5px;
	left: -1000px;
	border: 1px solid #CCCCCC;
	visibility: hidden;
	color: #336666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;


}

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

.thumbnail:hover span{
	visibility: visible;
	top: auto;
	left: auto;
	z-index: auto;
	height: auto;
	width: auto;
}

</style>
.fonts {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
}