body {
	color: black;
	background-color: #33C0C0;
	font-family: Georgia, times, serif;
	font-style:normal;
	font-weight:normal;
	text-align: center;
	margin:.5em;
	padding: 0; }
a.nav:link, a.nav:visited {
	text-decoration: none; }
h1 {font-size:large; }
#radio_form { display:none; }
#photo_credit_caption {
	text-align:center;
	font-size:x-small;
	display:block; }
#verbose_title_text, #location_and_date, #person_set, #commentary,
#video_set, #hyperlink_set, #copyright_text {
	display:block;
	text-align:left; }
#verbose_title_text {
	margin-top:1em; 
	font-size:medium; }
#location_and_date, #person_set {
	margin-bottom:1em;
	font-size:medium; }
#copyright_text { font-size:x-small; }
#hyperlink_set, #copyright_text {
	display:block;
	text-align:left; }
#video_set .subsection { 
	margin-top:1em;
	margin-bottom:1em;
	margin-left:2em;
	font-size:medium; }
#video_set { font-size:medium; }
#photo_credit {
	font-family: arial, helvetica, verdana, "sans serif", Sans-Serif;
	font-size:small; }
#nav_list ul {
	margin-left: 0;
	padding-left: 0;
	display: inline; }
#nav_list ul li {
	margin-left: 0;
	padding: .5em;
	list-style: none;
	display: inline; }
.pix_num {
	font-size:x-small;
	font-weight:lighter; }

/* derived from http://www.brunildo.org/test/ImgThumbIBL2b.html */
.thumbwrap {
border: 1px solid #999;
padding: 15px 8px 0 8px;
color: black;
background-color: #f4f4f4;
margin: 0;
}

/* -moz-inline-box is a compatibility hack recognized by Mozilla but it causes an error in the W3C CSS Validator. */
.thumbwrap li {
display:-moz-inline-box;
display:inline-block;
/*\*/ vertical-align: top; /**/
margin: 0 7px 15px 7px;
border: 1px solid #999;
padding: 0;
}
/*  Mozilla: No border has problems with width, table has problems with text resizing (resolved by refreshing) */
.thumbwrap li>div {
/*\*/ display: table; /**/
width: 199px;
}
.thumbwrap a {
display: block;
text-decoration: none;
color: #000;
background-color: #ffe;
cursor: pointer;
}
/* IE7? \*/
.thumbwrap>li .wrimg {
display: table-cell;
vertical-align: middle;
width: 199px;
height: 199px;
}
/**/
/*
.thumbwrap li .wrimg {
background-image: url();
}
*/
.thumbwrap img {
border: solid 1px #66f;
vertical-align: middle;
}
.thumbwrap a:hover {
color: black;
background-color: #dfd;
}
/*\*//*/
.thumbwrap li .wrimg {
display: block;
font-size: 1px;
}
.thumbwrap .wrimg span {
display: inline-block;
vertical-align: middle;
height: 199px;
width: 1px;
}
/**/
.thumbwrap .caption {
display: block;
padding: .1em 5px;
font-size: .9em;
line-height: 1.1;
border-top: 1px solid #ccc;
w\idth: 189px;  /* Moz, IE6 */
}
/* @media all and (min-width: 0px) is a compatibility hack recognized by Opera v. 7+ but it causes an error in the W3C CSS Validator. */
@media all and (min-width: 0px) {
	.thumbwrap  {
	border-collapse: collapse;
	}
	.thumbwrap a {
	display: inline-block;
	vertical-align: top;
	}
	.thumbwrap {
	display: inline-block; /* must not have a margin */
	}
}