#gallery {
	text-align: center;

}

/* Classes for gallery 160px thumbnails */

div.thumb {
	margin: 3px;
	border: thin #003300 solid;
	width: 170px;
	height: 190px;
	float: left;
	text-align: center;
	background-color: #FFFFCC;
}

.thumb img {
display: inline;
margin: 5px;
border: 0px;
}


/* Classes for featured 640x480 px images */

div.feature{
	margin: 3px;
	border: thin solid #003300;
	width: 650px;
	height: 490px;
	background-color: #FFFFCC;
}

div.featureportrait{
	margin: 3px;
	border: thin solid #003300;
	width: 490px;
	height: 650px;
	background-color: #FFFFCC;
}

.feature img {
margin: 5px;
border: 0px;
}

.featureportrait img {
margin: 5px;
border: 0px;
}

/* Classes for inset 448x336 px images */

div.inset{
	margin: 3px;
	border: thin solid #003300;
	width: 458px;
	background-color: #FFFFCC;
}

.inset img {
display: inline;
margin: 5px;
border: 0px;
}


/* Classes for photo captions, used by both above */

.caption {
	width: auto;
	margin: 0 3px 3px 3px;
	color: #003300;
	text-align: center;
	font-family: Calibri, Tahoma, sans-serif;
	font-size: small;
	font-style: italic;
	font-weight: bold;
}

/* HTML for Gallery:

<div class="thumb">
<a target="_top" href >
<img src /></a>
<div class="caption">
text
</div>
</div>

*/