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

a { /* color of links throughout site */
	color: #00552B; /* green */
}
a:hover {
	color: #00351B; /* darker green */
/*	text-decoration: none; */
}
a.magnifier {
	text-decoration: none;
}
#agenda { /* formatting used on pages that present a schedule - this targets a div */
	margin-top: -20px;
	margin-left: -20px;
}
#agenda strong { /* formatting to push time over a bit */
	padding-left: 10px;
}
#agenda span { /* formatting to push details of scheduled event over */
	color: #000000;
	display: block;
	font-weight: 500;
	padding-left: 50px;
}
body {
	background-color: #C0C0C0; /* grey */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.caption-rightarea { /* targets a div */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 5px;
	text-align: right;
}
.center { /* pushing content over to center ... for pages like full view images, etc. */
	padding-left: 25px;
	padding-right: 25px;
}
#container {
	border: 2px solid #000000;
	background-color: #FBF3E9; /* tan background */
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 750px;
}
.content {
	clear: left;
	color: #000000;
	margin: 15px 0 0 0;
	padding: 0;
}
.darkrule { /* line on top ... for convenience darkrule and lightrule are listed together in this doc */
	border-bottom: 1px solid #808080;
}
.lightrule { /* line on bottom */
	border-bottom: 1px solid #BDB7AF;
}
.dropcontent {
	display: block;
}
.footer {
	background-color: #FFFFFF;
	border-top: 1px solid #000000;
	clear: both;
	padding: 10px;
	text-align: center;
}
.footer a {
	text-decoration: none;
}
.footer span {
	color: #000000;
	display: inline;
	font-size: 9px;
	margin: 0px;
}
h1 {
	color: #00552B;
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: 600;
	margin: 0px;
}
h2 {
	color: #00552B;
	font-size: 12px;
	padding-top: 10px;
	margin: 0;
}
h3 {
	font-size: 13px;
	font-weight: 600;
}
.headshot {
	float: left;
	margin: 10px 10px 0 0;
}
.leftarea {
	background: #FFFFFF;
	border-top: 1px solid #339966;
	border-right: 1px solid #339966;
	border-bottom: 1px solid #339966;
	float: left;
	margin: 5px 0 15px 0;
	width: 450px;
}
.leftarea a, .leftarea span a {
	border: none;
	color: #00552B;
/*	text-decoration: none; */
}
.leftarea a:hover, .leftarea span a:hover {
	border: none;
	color: #000000;
/*	text-decoration: none; */
}
.leftarea div {
	padding: 20px;
}
.leftarea p {
	margin-top: 0px;
}
.leftarea div span {
	color: #00552B;
	font-weight: 600;
}
#nav, #nav ul {
	float: left;
	font-size: 10px;
	list-style-type: none;
	line-height: 1; /* IE needs this */
	margin: 0;
	padding: 0;
}
#nav ul {
	background-color: #FFFFFF;
	width: 750px;
}
#nav ul ul {
	background-color: #FFFFFF;
}
#nav a {
	color: #000000;
	display: block;
	margin: .5em .8em .6em .8em; /* padding around list items in header [using em because of greater precision; .6 gets rid of line underneath] */
	text-decoration: none;
}
#nav li {
	float: left;
	padding: 0;
}
#nav li ul {
	border: 2px solid #C8C8C8;
	height: auto;
	left: -999em;
	margin: 0;
	position: absolute;
	width: 98px; /* width of submenu box */
}
#nav li li {
	padding-right: 1em;
	width: 90px
}
#nav li ul a { /* width of submenu links */
	width: 90px; /* defines width of linked area that will be highlighted with active link cursor */
}
#nav li ul ul {
	margin: -18px 0 0 92px; /* pushes third tier lists up (T) and over (L) so that they start at the top of the highlighted second tier link */
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover {
	background: #C8C8C8; /* highlight link when hovering */
}
#newstable span { /* newstable headers on index page */
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bolder;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
}
#newstable td a { /* text in newstable */
	color: #000000;
}
p {
	line-height: 130%;
}
p.mission { /* mission paragraph */
	font-size: 13px;
	line-height: 2em;
	margin-top: -10px;
}
p.pageinfo { /* last updated info */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-right: 25px;
	text-align: right;
}
#participants { /* formatting to push participant list up - this targets a div */
	margin-top: -20px;
	margin-left: -20px;
}
#participants h2 {
	border-bottom: #000000 1px solid;
}
#participants p {
	font-size: 10px;
	font-weight: 500;
}
#participants span {
	color: #000000;
	float: right;
}
.progressbar { /* targets a table ... the progress marquee at the bottom of the news stories on homepage */
	background-color: #74A18E;
	color: #FFFFFF;
	width: 100%;
}
.rightarea {
	font-family: "Times New Roman", Times, serif;
	margin-right: 10px;
	margin-left: 460px;
	padding-top: 5px;
}
.rightarea a:hover {
	color: #407056;
}
.rightarea div div { /* subnav links within rightarea */
	color: #00552B;
	margin: 0 0 0 20px;
}
.rightarea div p { /* top level links within rightarea */
	color: #00552B;
	font-size: 13px;
	line-height: 150%;
	margin: 0;
}
.rightarea h1 { /* space under header in rightarea */
	padding-bottom: 10px;
}
#search {
	float: left;
	position: relative;
	text-align: right;
	width: 190px;
}
#search span {
	float: left
}
.searchtitle {
	padding: .6em 20px;
}
.searchbox {
	border: 1px solid #7C6240;
	margin-top: 5px;
	margin-left: -15px;
	padding: 0 40px;
}
#sitemap ul {
	list-style-type: none;
}
#spacer { /* forces space between sets of rules around nav */
	background-color: #FFFFFF; /* overlaps tan background */
	padding-top: 21px;
}
.spacer-10px { /* targets a div */
	padding: 10px;
}
td {
	vertical-align: top;
}