/* HTML tag styles */
body {font-family: Verdana, Arial, Helvetica, sans-serif; 	margin:auto;	padding: 0; font-size:12px;	background-color:#88A579; color: black;	min-width:600px;	max-width:1600px; border:1px solid black;}
p { margin: 1em 0;} 
img {margin:0; padding:0;}
fieldset {margin:.5em; padding:0.5em;}
label {display:inline-block; margin:.3em;}
label em {font-style:normal; font-weight:normal; display: inline; text-align:right; padding-right:1em; }
label span {font-style:normal; font-weight:normal; width:6em; display: inline-block; text-align:left; padding-right:1em;}
label strong {font-style:normal; font-size:90%; font-weight:bold;}
legend {font-weight: bold; margin-top:.5em;}
cite{font-style:italic;	}
h1 {margin:0; font-family:"Times New Roman", Times, serif;	font-weight: normal;	font-size:250%; text-align:left;	/* letter-spacing:0.3em; */	}
h2.sitename {	margin:0.2em;	font-weight:normal;	font-size:100%; text-align:left;	}
h2.slogan {	margin:0.2em;	font-weight:bold;	font-size:100%;	font-style:oblique;	 text-align:left;}
h3, h4, h5, h6 {font-weight:bold;	margin: 0;	margin-top: 0.5em;	margin-bottom: 0.5em; 	}
h3 {font-size:130%; text-align:center;}	
h4 {font-size:120%;}	
h5 {font-size:100%;}
h6 {font-size:90%;}
a:link {color:blue;}
a:visited {color:purple;}
table ul {margin-left:0em; padding-left:0em;}	
table li {padding-bottom:0.3em; list-style-position:inside;}
table{	table-layout:auto;	border-collapse: collapse;}
td, th{ border:1px solid black; 	padding:4px;	vertical-align:top;}
th{text-align:left;	vertical-align:top;	}
ul {margin-left:2em; margin-top:0; padding-left:0;}	
li {margin-bottom:0.5em; margin-top:0.5em;}
li ol li {list-style-type: lower-alpha;}
textarea {width:100%; height:100px;}
/* Format Divs */
.clr { clear:both; }
.line { border-top:1px black solid; margin:1em 0; clear:both; }
.underblue {text-decoration:underline; color:blue;}
.subtext {font-size:80%;}
.label {display:inline-block; width:7em;}
.news { margin:20px 0px; background-color:#FFFFFF; }
.box { padding: 1em; margin:1em 0; border:1px black solid;}
.scrollbox {overflow:auto;}
.banner {	padding:0.5em;	text-align:center;	}
.banner img {height:60px;}
.banner span {float:left; padding:0.5em;}
.banner span p {margin:0; font-size:140%;}
.state { display:inline-block; width:2em;}
.story {padding: 1em; }
.txtrgt { text-align:right;} /* align right */
.ileft {	float:left;	margin-right:1em;}
.iright {	float:right;	margin-left:1em;}
.wdth100 {width:100%;}
.halfr {	float:right;	margin-left:1em; width:35%;	border:1px black solid;}
.halfl {	float:left;	margin-right:1em; width:35%;	border:1px black solid;}
.halfr img, .halfl img {width:100%;}
.halfr p, .halfl p {margin:0.5em;}
.figland {width:100%; border:1px solid black; margin-bottom:1em; background-color:white;}
.figport {width:60%;  border:1px solid black; margin-bottom:1em; background-color:white;}
.figland img, .figport img {width:100%;}
.figland p, .figport p {margin:0.5em; }
.rqd {background-color:#FFFF99;}
.italic {	font-style:italic;	}
.error {color:red;}
.evtdesc {margin-top:1em;	}
.panel {padding: 1em;	}
.caption {	padding: 0.5em 0.5em 1em 0.5em;	background-color:white;}
.ad {
	display:block;
	text-decoration: none;
	background-color:gold;
	margin:1em;
	padding:1em;
	border-color:gold;
	border-width:5px;
	border-style:outset;
	font-size: 100%;
}
.ad:link, .ad:visited, .ad:hover, .ad:active	{color:black;}
.navline{ width:100%; padding:5px 0;}
.navline a{	display:block;	text-decoration: none;	background-color:#C2EDAD;
	float:left;	width:7em;	margin-right:1em;	padding:2px;	text-align:center;
	border-color:#65DE4B;	border-width:2px;	border-style:outset;	}
.navline a:hover, .navline a:active 	{background-color:white;}
.navline a.current {background-color:slategray; border-color:slategray; color:white;}
/* .navline  {background-color:white; border-width:.5em; }*/

.navbar{ background-color: #C2EDAD;}
.navbar a{display:block; text-decoration:none; border-bottom:1px black solid;}
.navbar a.current {background-color:slategray; color:white;}
.navbar a.current:hover {background-color:slategray; color:white;}
.navbar a:hover{background-color:white;}
.navbar h6{	margin:0;	padding: 0.2em;	border-bottom:1px black solid; background-color:gainsboro;	}
.navbar ul{	margin: 0;	padding: 0;	}
.navbar li{	list-style: none;	text-indent: 1em; line-height:2em; margin:0;		}
/* gallery */
.gallery {position:relative; margin-top:5px;}
.zoom {height: 54px; width:81px; width:auto; }
.zoom a {display: inline; text-decoration:none;}
.zoom a img{height:54px;} /* auto works in everything but firefox */
.zoom a span{width:600px; background-color:white;}
.zoom a span img{height:auto;}
.zoom img {border: 0; margin: 0; padding:0; display: inline;}
.zoom span {display: none; position: absolute; top: 0px; left:90px; width:auto;}
.zoom strong {position: absolute; left:90px; font-weight: normal;}
.zoom a:hover, .zoom a:focus, .zoom a:active {border:1px solid blue;}
/* IE uses active, mozilla uses focus, all use hover */
.zoom a:hover span, .zoom a:focus span, .zoom a:active span {display:block; z-index:5;}
.zoom a:hover span {z-index:10;}
.zoom em {padding:0.5em; color:blue; background-color:silver; display:block; font-size:90%; font-weight:normal; font-style:normal;}

/* Layout Divs */
#header{width: 100%; background-color:#FFFF80; margin-bottom:1%;}
#navmain{width: 100%; margin-left:1%;}
#nav{clear:both; float: left;	width: 22%;	margin-left:1%;	background-color:#C2EDAD;}
#content{float: left;	width: 50%;	margin-left:1%;	background-color:#FFFFFF; }
#gallery{float: left;	width: 24%;	margin-left:1%;	background-color:#FFFFFF; }
#footer {	clear:both;	width:100%;	background-color: #FFFF80;}
/* PRINT */
@media print {
body {font-family:"Times New Roman", Times, serif;	font-size:12pt; }
#navmain, #nav, #gallery, #navfoot {	display:none;}
#content {width:auto; margin:0; float:none;}
}