body {
	width:100%;
	background-color:#ffffff;
}

#container {
	min-height: 100%;
}

.button {
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	padding: 2px 2px 2px 2px;
}

#header {
	background-color:#ffffff;
	padding-right: 1em;
	padding-left: 1em;
}
#headerImage {
	position:absolute;
	display:block;
	top: 3em;
	right: 3em;
}

#footer {
	width: 100%;
	padding-right: 1em;
	padding-left: 1em;
}

#mediaPanel {
}

#navPanel {
	margin: 1em 1em 1em 1em;
	/*float:left;*/
	border-width: 0px;
	border-color: #000000;
	border-style: solid;
	white-space: nowrap;
}
.navImage {
	margin: .25em .5em .25em .5em;
}
.mediaContainer {
	white-space: nowrap;
	display: inline-block;
}
.captionPanel, .imagePanel, .displayImage {
	max-width: 700px;
	max-height: 500px;
}
/*captionPanel is a div that holds the caption text*/
.captionPanel {
	color: #000000;
	font-size: .75em;
	white-space: normal;
}
/*imagePanel goes with the div that wraps the image and caption*/
.imagePanel {
	text-align: center;
	margin: 1em 1em 1em 1em;
	display: inline-block;
	vertical-align: top;
}
/*display image is associated with the img tag itself*/
.displayImage {
}
.projectLink {
	font-size: .75em;
	font-color: #000000;
}
#contactPage {
	padding-left:1em;
	font-family:arial;
	font-size: 1.5em;
}
#mainPanel {
	padding-bottom: 5em;
}

.mainImage {
	position:relative;
	top:3em;
	display:block;
	margin-right:auto;
	margin-left:auto;
}
.boldText, .faintText, .projectLink, .captionPanel, body {
	font-family:sans-serif;
	font-size: 14px;
}


.boldText {
	color:E5E5E5;
	font-weight:bold;
}
.faintText {
	color: #000000;
	font-size: 0.75em;
}
.whiteText {
	color:E5E5E5;
	font-family:sans-serif;
}