/*------------------------------------------------------------------------------------------------------------------
Defines the appearance of each thumbnail on the index pages, including the caption text, border and img properties
------------------------------------------------------------------------------------------------------------------*/
/* This defines the layout of the thumbnails, plus the surrounding border */
div.gallery {
	float: left;
	text-align:center;
	width: 220px;			/* 180 for thumbnail, padding*2, plus img border*2 = 220 */
	height: 245px;		/* 180 for thumbnail, padding*2, plus img border*2, <p> padding = 260*/
	padding: 10px 0px 0px 0px;
	margin: 10px 1%;
	background-repeat: no-repeat;
}
div.gallery {background-image: url(/images/gallery.gif);}
/* Defines the caption text below the thumbnail */
div.gallery p {margin: 3px; color: black;}
/* Defines the black border around the thumbnail image */
div.gallery img {border: 2px solid black;}
div.gallery img.new {border: 0 none;}
/* Effect when the user hovers over a thumbnail */
div.gallery a:hover img {border: 2px solid white;}
/* Experimental formatting for the 'main' div */
div#label {	margin: 0px;}
div#label p { margin: 0px; font-weight: bold; font-size: 14px;}