/* ---------content---------- */
#content {
	position: relative;
	background-color: #fff;
	border-top: 1px solid #c7beaf;
	border-bottom: 1px solid #c7beaf;
	min-height: 382px;
	/* start min-height hack for IE6:*/
	height: auto !important;
	height: 382px;
	/* end min-height hack for IE6 */
}
/* Border is different for home page */
body#home #content { 
	border-top: 1px solid #e7e5e5;
	border-bottom: 1px solid #e7e5e5;
}
#message {
	height: 255px;
	padding: 0px;
	margin: 20px;
}
/* -----end content---------- */

/* ---------splash----------- */
#splash {
	height: 295px;
	width: 1000px;  /* This was added to fix the splash image from shifting to the right when the screen is over double the width of this image. */
}
/* -----end splash----------- */

/* -------thumbnails--------- */
#thumbnails {
	background-color: #fff;
}

#thumbnailsContainer {
	position: relative;  /* so that div.paging can be absolutely positioned to this containing block */
	border-top: 1px solid #e5e5e5;
	margin: 0px;
	padding: 5px 0;
	padding-left: 26px;
	width: 890px;
	height: 70px;
	color: #555;
}
#thumbnailsContainer img {
	border: none;
}
#thumbnailsContainer .thumbnail {
	margin: 0 10px;
}
#thumbnailsContainer .pagingArrows {
}
#thumbnailsContainer .paging {
	width: 90px;
	font-size: 8pt;
	position: absolute;
	top: 20px;
	left: 825px;
}
#thumbnailsContainer .paging a.currentPage {
	color: #333;
	font-weight: bold;
}
#thumbnailsContainer a:hover {
	color: #333;
	font-weight: bold;
}
#thumbnail img {
	width: 70px;
	height: 70px;
}
/* ---end thumbnails--------- */