@charset "utf-8";
body, table {
	color: #2F231C;
	font: 12px/18px "Trebuchet MS", Arial, sans-serif;
}
a:link, a:active, a:visited, a:hover {
	color: #745430;
	text-decoration: underline;
}
.splash2 {
	margin: 0px;
	background: #321F10;
}
.splash2 .image {
	text-align: center;
	vertical-align: top;
}


.splash {
	background: #000000 url(images/splash-bg.jpg) no-repeat 0px 100px;
	margin: 0px;
}
.splashNavDiv {
	position: absolute;
	top: 500px;
	left: 415px;
}
.main {
	background: #EAD7B6 url(images/main-bg.jpg);
	margin: 0px;
}
.mainNavDiv {
	position: absolute;
	left: 20px;
	top: 375px;
}
.mainLogo {
	position: absolute;
	top: 75px;
	left: 770px;
}
.mainContentDiv {
	position: absolute;
	left: 420px;
	top: 175px;
	width: 520px;
	padding-left: 30px;
}
.mainContentDiv-storyMenu {
	position: absolute;
	left: 380px;
	top: 350px;
	width: 520px;
}
.mainContentDiv-storyAlbums {
	position: absolute;
	left: 420px;
	top: 290px;
	width: 520px;
	padding-left: 30px;
}

.wpjaLogo {
	position: absolute;
	left: 34px;
	top: 600px;
}
.header1 {
	font-weight: bold;
	background: url(images/header-circle.gif) no-repeat 0px -1px;
	margin-left: -30px;
	padding-left: 30px;
}
.header2 {
	font-weight: bold;
	background: url(images/header-circle.gif) no-repeat 0px -1px;
	margin-left: -30px;
	padding-left: 30px;
	font-size: 20px;
	margin-bottom: 30px;
	color: #6F6153;
}
.subHeading {
	margin-top: -28px;
	font-weight: bold;
}


.result {
	font-weight: bold;
	color: #990000;
	background: #F4EDD7;
}

ul {
	margin-left: 7px;
	padding-left: 7px;
}
li {
	list-style: url(images/bullet.gif) none outside;
	margin-left: 0px;
	padding-left: 0px;
}
.formField {
	background: #F9F4EC;
	border: 1px solid #AD998D;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #2F231C;
}
#storyList th {
	text-align: left;
	vertical-align: top;
}
#storyList .imageCell img {
	border: 1px solid #996600;
}
#storyList .imageCell img:hover {
	border: 1px solid #FFFFFF;
}
#storyList .imageCell {
	width: 75px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#storyList .titleCell {
	text-align: left;
	vertical-align: middle;
	padding-left: 20px;
	font: 20px Georgia, "Times New Roman", Times, serif;
}
#storyList .titleCell a {
	text-decoration: none;
}
#storyList .titleCell a:hover {
	color: #FFFFFF;
}
.storyLabel {
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #9A6F3F;
}
#album {
	position: absolute;
	top: 130px;
	width: 950px;
}
#album .photo {
	padding-top: 47px;
}
#album .photo img {
	margin-right: 10px;
	margin-left: 10px;
	border: 1px solid #665133;
}
#album .photo #ImageContainer {
	width: 820px;
}



.albumTitle {
	color: #745430;
	font: 22px Georgia, "Times New Roman", Times, serif;
	position: absolute;
	top: 75px;
	left: 10px;
}
.albumTitle a {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #92724E;
}
.albumTitle .albumDate {
	color: #866846;
	font-size: 14px;
	display: inline;
	position: relative;
	top: 12px;
	right: 85px;
}

.imageNav  {
	cursor: hand;
	cursor: pointer;
	height: 40px;
	width: 75px;
	font-size: 26px;
	color: #745430;
	text-align: center;
	display: inline;
	float: left;
	font-weight: bold;
	line-height: 34px;
	margin-right: 7px;
	margin-bottom: 7px;
}
.imageNav:hover {
	color: #ECE4CC;
	background: #745430;
}
.storyBack a {
	text-decoration: none;
	display: block;
	margin-top: 20px;
	font: 11px Georgia, "Times New Roman", Times, serif;
}
.albumsTop {
	display: block;
	margin-top: 30px;
	margin-bottom: 75px;
	margin-left: 20px;
}
.spacer {
	height: 150px;
	width: 100%;
}

.albumsTop a {
	font-size: 11px;
	text-decoration: none;
}