.gallery ul {
	display:block; /*inline keeps everything forced within 740px div, block extends but keep image boxes centered in IE, popup javascript, set to =none*/
	position:relative;
	top:0px;
	background:#fff /* url(../webpage_images/bg_nav.gif) left -34px repeat-x*/;
	height: auto;
	border-top:0px solid #E2E6C4;
	border-bottom:0px solid #E2E6C4;
	border-left:0px solid #E2E6C4;
	border-right:0px solid #E2E6C4;
	width:700px;
	left:0px;
	padding:5px 0px 7px 0px;
	text-align: center; /*makes list items centered*/
	vertical-align: middle;
} /* pop-down window with thumbnails*/
.gallery ul li {
	display:inline;
	float:none;
	background-image:none;
	height:auto;
}
.gallery ul li a {
	background-image:none;
	margin:12px;
	padding:2px;
	position:relative; /*absolute goes left, relative enables centering*/
	border:1px solid #E2E6C4;
	float:left;
	display:block;
	width:102px;
	height:102px;
	background-color:#ffffff; /*#E2E6C4*/
} /* spacing used tho! thumbnail double border not used */
.gallery ul li a:hover { background-image:none; z-index:2; border:1px solid #ffffff; } /* thumbnail becomes a link*/
.gallery ul li a img {
	position:relative; /*absolute goes left, relative enables centering*/
	/*top: ;*/
	width:auto;
	/*max-width:100px;*/
	height:75px;
	border:0px solid #58595B;
	margin:12px 0px 0px 0px;
	padding:2px;
} /* thumbnail */
.gallery ul li a img.toowide {
	width:100px;
	height:auto;
	/*max-height:100px; */
}
div#noresize ul li a img {
	width:auto;
	height:auto;
	margin:15px 0px 15px 0px;
	/*max-height:100px; */
}
.gallery ul li a img.newbooks {
	width:98px;
	height:98px;
	margin:0px 0px 0px 0px;
	/*max-height:100px; */
}
.gallery a:hover img,
.gallery a:active img,
.gallery a:focus img {
	width:auto;
	height:75px;
	left:0px; /*-11px*/
	/*top:-10px;*/
	z-index:1;
	margin:12px 0px 0px 0px;
	padding:2px;
	border:1px solid #E2E6C4;
} /* thumb rollover */

#gallery1 ul { z-index:2; }
#gallery2 ul { z-index:1; }