/* Gallery */
table.gallery {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	background: url(gallery_BG.gif) no-repeat;
	height: 489px;
}

table.gallery td {
	vertical-align: top;
}
/* This sets margins for the outside spacing of the thumbnail rows */
table.array {
	border-collapse: collapse;
	padding: 0px;
	margin: 8px 8px 0px;
}

/* This sets padding for inside the thumbnail rows */
table.array td {
	border-collapse: collapse;
	padding: 4px;
	margin: 0px;
	height: 101px;
	width: 101px;
}

.galleryThumbs {
	border: 1px solid #ebebe3;
	padding: 0;
}

a:hover img.galleryThumbs {
	border: 1px solid #a1ccc7;
}

/* wake up IE so the above hover works */
a:hover { 
	border-width: 0; 
}

td.largeImage {
	padding-top: 10px;
}

/* background color for A-Z links */
#azBG {
	width: 150px;
	text-align: center;
	background: url(a-zBG.gif) no-repeat;	
	/*background: #fffffa;
	border: thin solid #e1e1d3;*/
}

/* forward arrow rollover */
.nextGroupArrow {
	width: 56px;
	height: 43px;
}

.nextGroupArrow a {
	width: 56px;
	height: 43px;
	background: url(arrow_next_on.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
}

.nextGroupArrow a:hover {
background-position: bottom left;
}

/* back arrow rollover */
.backArrow {
	width: 56px;
	height: 43px;
}

.backArrow a {
	width: 56px;
	height: 43px; 
	background: url(arrow_back_on.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
}

.backArrow a:hover {
background-position: bottom left;
}

.captionText {
	padding: 0;
	margin-left: -20px;
	font-size: 140%;
	letter-spacing: 0.1em;
}

/* footer */
#footer {
	text-align: center;
	font-size: 85%;
	letter-spacing: 0.1em;
	vertical-align: top;
	clear: both;
	padding: 4px 10px 0;
}
 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* layout images */
#oneTwoThreeHead {
	background: url(../gallery/123_header.gif) no-repeat;
	float: right;
	margin: 0px;
	padding: 0px;
	height: 46px;
	width: 383px;
}

/* BEGIN: autocomplete & ajax search display */
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #a1ccc7;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:16px;
  cursor:pointer;
}
div.search_results {
    background: #f6f6e3;
	width:250px;
    border: 1px solid #d5d5cc;
}
div.close_results {
	background: #f6f6e3;
	width:250px;
	text-align:left;
}
div.search_results ul li {
	list-style-type:none;
	margin:0px;
	padding-left: 2em;
}
div.resultrow {
  clear: both;
}
div.resultrow span.searchtitle {
  float: left;
  width: 100px;
  text-align: left;
}
div.resultrow span.searchclose {
  float: right;
  width: 140px;
  text-align: right;
} 
/* END: autocomplete & ajax search display */