@charset "utf-8";
/* CSS Document */
/* This style sheet is used to format HTML photo gallery pages */
.photoGallery  {
	background-color: #369;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.photoGallery #container {
	width: 780px;
	margin: 0 auto;
	text-align: center; /* this overrides the text-align: center on the body element. */
	background-color: #FFF;
}
.photoGallery #header {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0 10px;
}
.photoGallery #header img {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.photoGallery #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 2px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-style: italic;
	font-weight: bold;
	color: #369;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	font-size: 36px;
}
.photoGallery #header h2 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 2px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color: #C00;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: center;
	font-size: 24px;
}
.photoGallery #headerLogo {
	width: 124px;
	float: left;
	padding: 4px;
	background-color: #fff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.photoGallery #headerText {
	font-family: Verdana, Geneva, sans-serif;
	padding-bottom: 10px;
}
.photoGallery a img {
	border: 1px solid #666;
}
.photoGallery p img {
	border: 1px solid #666;
	margin-bottom: 10px;
}

#gallery {
	padding-top: 10px;
}
.figure {
	float: left;
	width: 142px;
	overflow: hidden;
}
.photo {
	padding-left: 10px;
	padding-right: 10px;
}
#mainContent .photo p.photoCaption {
	font-size: 12px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.photo img {
	background-color: #FFF;
	padding: 10px;
	border: 1px solid #666;
}
.galleryHeader {
	clear: both;
}