body {
	color: #003366;
	font-size: 14px;
	font-weight: 600;
	font-family: Georgia, serif;
	background-color: #d9e0e9;
	text-align: center;
}

#contents {
	text-align: left;
	width: 740px;
	margin: 20px auto;
	background-color: #d9e0e9;
	background-position: bottom center;
	background-repeat: no-repeat;
	border: 1px #000099 solid;
}

#contents p {
	text-indent: 20px;
	margin: 10px;
}
#contents h1,h2,h3,h4,h5 {
	margin: 10px;
}

.largeTitle {
	font-size:200%;
	font-weight: 800;
	margin: 10px;
}
.mediumTitle {
	font-size:150%;
	font-weight: 800;
	margin: 10px;
}
.smallTitle {
	font-size:125%;
	font-weight: 800;
	margin: 10px;
}

#contents form {
	width: 432px;
	height: 720px;
	margin: 20px auto;
}

#contents form input {
	margin: 8px 0;
	font-family: Georgia, serif;
	font-weight: 800;
	color: #003366;
	background-color: #d9e0e9;
}

#contents form .textInput {
	width: 100%;
}

#contents form textarea {
	margin: 8px 0;
	width: 100%;
	height: 192px;
	font-family: Georgia, serif;
	font-weight: 800;
	color: #003366;
	background-color: #d9e0e9;
}

#contents form .button {
	width: 120px;
	position: relative;
	left: 312px;
}

#title {
	width: 800px;
	margin: 20px auto;
}

.nav_bar {
	width: 740px;
	margin: 20px auto;
	padding: 10px;
	background-color: #d9e0e9;
	border: 1px #000099 solid;
}

a{
	text-decoration: underline;
	padding: 2px 0;
}

a:link{
	color: #000099;
	background-color: transparent;
	text-decoration: underline;
}
a:visited{
	color: #000066;
	background-color: transparent;
	text-decoration: underline;
	font-style: italic;
}
a:hover{
	color: #d9e0e9;
	background-color: #000099;
	text-decoration: none;
}
a:active{
	color: #d9e0e9;
	background-color: #0000ff;
	text-decoration: none;
}

#homeImages {
	margin: 20px 0 20px 0;
	height: 225px;
}

.left_image {
	text-align: center;
	float: left;
	width: 50%;
	top: 0;
}
.right_image {
	text-align: center;
	width: 50%;
	float: right;
	top: 0;
}

/* The following CSS is derived from ideas by Stu Nicholls (http://www.webreference.com/programming/css_gallery/) and used in the thumbnail/gallery pages. */

#images {
	position:relative;
	height: 386px;
	margin: 20px auto 0 auto;
}
#images ul {
	width: 150px;
	height: 386px;
	padding:0;
	margin:5px;
	list-style-type:none;
	float:right;
	text-align:center;
}
#images ul.wwii { /* the thumbnails in this section are all portrait, so the width needs to be smaller. */
	width: 120px;
}
#images li {
	float: left;
	text-align: center;
}

#images a:hover {background: transparent; border: none;}
#images a:hover span {position:absolute; width:475px; height:386px; top:10px; left:20px; color: #000099;  border: none; background: transparent;}

#images a span{
position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:transparent; 
}

#images a, #images a:visited {
		display:block;
		text-decoration:none;
		text-align:left;
}

#images a.slideA {
    background:url('includes/awroseland_t.jpg');
		width: 64px;
		height: 96px;
		clear:right;
}
#images a.slideB {
    background:url('includes/crash_t.jpg');
		width: 79px;
		height: 96px;
		clear:right;
}
#images a.slideC {
    background:url('includes/family_1903_t.jpg');
		width: 122px;
		height: 96px;
}
#images a.slideD {
    background:url('includes/family_1908_t.jpg');
		width: 133px;
		height: 96px;
}
#images a.slideE {
    background:url('includes/family_1916_t.jpg');
		width: 143px;
		height: 96px;
}
#images a.slideF {
    background:url('includes/family_1929_t.jpg');
		width: 134px;
		height: 96px;
}
#images a.slideG {
    background:url('includes/gary_t.jpg');
		width: 100px;
		height: 96px;
}
#images a.slideH {
    background:url('includes/homestead_t.jpg');
		width: 129px;
		height: 96px;
}
#images a.slideI {
    background:url('includes/house_t.jpg');
		width: 144px;
		height: 96px;
}
#images a.slideJ {
    background:url('includes/weddingphoto_t.jpg');
		width: 65px;
		height: 96px;
}
#images a.slideK {
    background:url('includes/yammacraw_t.jpg');
		width: 135px;
		height: 96px;
}

/* The above CSS is derived from ideas by Stu Nicholls (http://www.webreference.com/programming/css_gallery/) */

#mail {
	width: 720px;
	margin: 40px auto;
	border: 1px #003366 solid;
}
#mail p {
	text-align: center;
	font-size: 18px;
}

#credits {
	width: 720px;
	margin: 40px auto;
}

#credits p {
	font-family: arial, helvetica, sans-serif;
	font-size: 9px;
	font-weight: 100;
	text-align: right;
}