/* CSS Document */

html {
	background-color:#CCC;
}

body {
	color:#FFFFFF;
	font-family:Constantia;
	}

A:link {
	color:#FFFFFF;
	}

A:visited {
	color:#FFFFFF;
	}

.footer A:link {
	color:#000000;
	}

.footer A:visited {
	color:#000000;
	}

.footer {
	color:#000000;
	}

.menu A:link {
	color:#000000;
	}

.menu A:visited {
	color:#000000;
	}

.menu {
	color:#000000;
	}

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

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
max-width:600px;
max-height:500px;
}

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

.thumbnail:hover img{
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
visibility: hidden;
color: black;
text-decoration: none;
display:table;
vertical-align:middle;
text-align:center;
bottom:0;
left:0;
}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
display:table-cell;
position:absolute;
vertical-align:middle;
top:250px;
left:0;
right:0;
z-index: 0;
}

.gallery_main {
	margin: 20px;
	height: auto;
	width: auto;
	float: left;
	text-align: center;
	}