@charset "utf-8";
/* CSS Document */

html, body{
	width: 100%;
	padding: 0;
	margin: 0;
	background: url(images/bodyBack.jpg) repeat #004191;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

p, td{ font-size: 11px; line-height: 18px; text-align: justify; }
a{ color: #004191; font-weight: bold; }
a:hover{ color: #333; }
a img{ border: none; }

li{ font-size: 14px; }

hr{ width: 50%; color: #000; }

h2{ 
	font-size: 18px;  
	font-family: Georgia, "Times New Roman", Times, serif; 
}
h3{ font-size: 16px; }

.clear{ clear: both; }

#wrapper{
	width: 900px;
	_width: 902px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -450px;
}

#header{
	height: 225px;
}

#nav{ margin: 0 20px 0 10px; padding: 0; }
#nav li{ list-style: none; padding: 3px 5%; border-bottom: 1px solid #aaa; width: 90%; }
#nav li a{ font-weight: bold; text-decoration: none; display: block; height: 100%; width: 100%; }
#nav li a:hover{}
#nav li a:hover::after{ content:' >>>'; }
#nav li:first-child{ border-top: 2px solid #999; }
#nav li:last-child{ border-bottom: 2px solid #999; }

#audio{ margin: 0 auto; }

#col1{ width: 250px; float: left; }
#col1 h4{ margin:0; padding: 0; }
#col2{ 
	width: 400px; 
	_width: 398px; 
	float:left; 
	background: url(images/columnBack.jpg) 0 37px;
	_background: url(images/columnBack.jpg) 1px 37px;
	padding: 0;
	margin: 0;
}
#content p, #content h2, #content h3, #content h4{ padding: 0 20px; }
#col3{ float: right; width: 250px; font-size: 12px; }

#col1, #col3{
	background: url(images/columnBacksm.jpg) 0 17px;
}

#footer{ margin: 20px 0; }
#footer p{
	margin: 0;
	font-size: 12px;
	line-height: normal;
	color: #777;
	text-align: right;
}
#footer a{ color: #aaa; text-decoration: none; }
#footer a:hover{ color: #777; }
#footer #footnotes{ text-align: left; }

/*--------------------------------------*/

#feature{
	margin: 20px;
	padding: 2px;
	border: 1px solid #aaa;
	background-color: #ece7c0; 
	text-align: center;
	font-size: 12px; 
}
#feature h3{ font-size: 14px; font-style: italic; color: #900; }

.story{
	border: 1px solid #aaa;
	background-color: #ece7c0;
	margin: 10px auto;
	width: 330px;
	.padding: 15px 0;
}
.story .storyDate{ text-align: right; font-weight:bold; margin-top: 0; }
.story h3{ text-transform: uppercase; margin-bottom: 0; }
.story p{ line-height: 20px; }

.inline li{ display: inline; }

center img{ padding: 3px; border: 1px solid #aaa; }
.colTop{ position: relative; top: -3px; _top: 0; }

.email{ text-align: right; }

.alt{ color: #777; }

.available{ font-style: italic; color: #777; text-align: right; clear: both; }

table{ font-size: 0.7em; }

.alert{ color: #900; font-weight: bold; text-align: center; }

.detail{ background: #ece7c0 url(images/watermarked.jpg) no-repeat bottom right; }

#admin{ width: 800px; background-color: #f8f6e7; border: 2px solid #ece7c0; margin: 0 auto; padding: 20px; }