body {
background-color:#83A4BB;
background-image:url(graphics/topfade.jpg);
background-position:top;
background-repeat:repeat-x;
width:850px;
text-align:center;
margin:auto;
}
a {
color:#02528C;
}
h1 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.25em;
margin:12px;
}
h2 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.0em;
margin:12px;
}
h2.closeHeading{
margin-bottom:3px;
}
p.closeToHead{
margin-top:3px;
}
/*This is the group header for the site update form*/
h2#grouphead {
font-family:Geneva, Arial, Helvetica, sans-serif;
margin:0px 12px;
clear:both;
}
h3 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:0.9em;
margin:12px;
}
h3.grouphead {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:0.9em;
margin:16px 12px 0px 12px;
padding:0px;
}
ul.listHead {
margin-top:3px;
margin-right:12px;
}
.closeheader {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:bold;
}
p {
font-family:"Times New Roman", Times, serif; 
font-size: 1em;
padding: 0px 12px;
}
p.tight {
line-height:0.9em;
}
.userForm {
font-family:"Times New Roman", Times, serif; 
font-size: 1em;
text-align:right;
}
.userFormEnd {
font-family:"Times New Roman", Times, serif; 
font-size: 1.2em;
text-align:left;
}
.homeBox{
border:1px solid white;
margin:6px 12px;
clear:both;
width:824px;
}
.homeBox h1{
text-align:left;
}
.homeBox p{
padding-bottom:0px;
margin-bottom:0px;
}
.homeBox img {
display:block;
margin:0px;
}
.highlightBox {
padding:6px;
border:1px solid white;
margin:2px 0px 3px 12px;
color:#408800;
background-color:#C8E2B1;
}
.highlightBox p {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
padding:0px;
margin:0px;
display:block;
text-align:left;
}
div#container {
width:850px;
text-align: left;
}
/*Container for the data display block in the management area */
div.managedata {
clear:both;
margin:12px 0px;
/*override for IE only*/
* margin:0px;
}
/*Container for the back and add new options above the data blocks in the management area*/
div.manageoptions {
font-size: 0.8em;
margin:12px;
clear:both;
}
/*Container for the back and add new options above the data blocks in the management area*/
div.manageoptionsWD {
font-size: 0.8em;
margin:0px 12px 12px 12px;
clear:both;
}
/*Container for the add new link above the data blocks in the management area*/
div.addnew {
float:right;
width:auto;
text-align:right;
padding-bottom:10px;
* padding-bottom:0px;
}
/*Container for the back link above the data blocks in the management area*/
div.back {
float:left;
width:auto;
padding-bottom:10px;
* padding-bottom:0px;
}
div.back img{
border:none;
}
.headerDIV {
height:140px;
background-color:#FFFFFF;
margin: 12px 0px 12px 0px;
}
.menuDIV {
width: 100%;
background-color:#FFFFFF;
border:1px solid black;
margin: 12px 0;
}
.menuItem{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:0.9em;
padding:3px 12px 3px 12px;
width:9em;
display:inline;
line-height:1.5em;
}
.menuItem#stacked {
display:block;
width:auto;
line-height:0.9em
}
.menuItem a:link {
color:black;
text-decoration:none;
}
.menuItem a:visited {
color:black;
text-decoration:none;
}
.menuItem a:hover {
text-decoration:underline;
}
.mainDIV {
width: 100%;
background-color:#FFFFFF;
border:1px solid black;
/*This rule is for IE only*/
* padding:0px 0px 12px 0px;
text-align:justify;
}
.narrowMainDIV {
width: 600px;
background-color:#FFFFFF;
border:1px solid black;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 3px 10px;
}
.iconImg {
border:none;
margin-right:8px;
margin-top:3px;
margin-bottom:12px;
float:left;
clear:left;
}
/*.footerDIV {
width: 100%;
margin: 0px;
padding: 0px;
clear:both;
}*/
.footerTextDIV {
background-color:#FFFFFF;
border:1px solid black;
margin: 0 -2px 100px 0;
padding:3px 0px 3px 9px;
float:left;
width: 850px;
}
.footerText {
font-size:0.75em;
text-align:left;
font-family:"Times New Roman", Times, serif; 
}
.footerTextHead {
font-size:1.1em;
font-weight:bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
.footerLogo {
margin-bottom:16px;
float:left;
border:1px solid black;
background:white;
vertical-align:top;
}
.footerLogo img {
margin:6px;
vertical-align:top;
}
.clear {
clear:both;
height:1px;
overflow:hidden;
}
table.datatable {
border-collapse:collapse;
border-style:solid;
border-width:1px;
border-color:#000000;
padding:5px;
width:826px;
margin-left:12px;
margin-right:12px;
font-family: Arial, Helvetica, sans-serif;
font-size:0.75em;
text-align:left;
}
table.datatable th {
border-style:none;
padding:5px;
}
table.datatable td {
border-style:none;
padding:5px;
}
.tablehead {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
vertical-align:baseline;
}
.dataLabel {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
vertical-align:top;
color:#000000;
}
.dataLabelError {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
vertical-align:baseline;
color:#FF0000;
}
.formComment {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
vertical-align:baseline;
color:#000000;
}
.scrolllist {
height:75px;
width:300px;
overflow:auto;
border:1px solid black;
}
/*These classes deal with the color coding of the site list display*/
.siteToPublish {
color:#FF6600;
}
.newSite {
color:#9900FF;
}
.newUpdate {
color:#FF6600;
}
/*These two classes deal with the color coding of the data collector list display*/
.ActiveCol {
color:green;
}
.inActiveCol {
color:red;
}

a.sorter {
color:#000000;
}
.errortext {
color:#FF0000;
padding: 0px 12px;
}
.publish {
clear:both;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-style:italic;
color:black;
padding:6px 6px 0px 6px;
}
.changedData {
background-color:#FF6600;
}
/*These classes are for the photograph forms*/
.photoBlock {
width:826px;
margin:12px;
}
.photoLeft{
float:left;
}
.photoLeft img{
border:1px black solid;
}
.photoText {
background-color:#E0E9EE;
text-align:left;
margin:0px 0px 0px 12px;
float:right;
}
.photoTitle {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.0em;
font-weight:bold;
margin:12px 0px 0px 0px;
}
.newPhoto {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.0em;
font-weight:normal;
font-style:italic;
margin:12px 0px 0px 0px;
background-color:#FF6600;
}
.photoCredit {
font-family: Arial, Helvetica, sans-serif;
font-size:0.70em;
margin-top:0px;
margin-bottom:0px;
}
.photoDescription{
font-family: Arial, Helvetica, sans-serif;
font-size:0.85em;
}
.photoControls {
font-family:"Times New Roman", Times, serif; 
font-size:0.80em;
padding-top:12px;
margin:0px 0px 12px 12px;
width:190px;
}
.photoControls img {
vertical-align:text-bottom;
}
.photoControlsRight {
float:right;
text-align:right;
font-family:"Times New Roman", Times, serif; 
font-size:0.80em;
padding-top:12px;
margin:0px 12px 0px 12px;
width:165px;
}
.photoControlsRight img {
vertical-align:text-bottom;
}
.photoDate{
font-family: Arial, Helvetica, sans-serif;
font-size:0.7em;
margin:0px 0px 12px 0px;
}
.photoGrouphead {
font-family:Geneva, Arial, Helvetica, sans-serif;
padding-top:16px;
* padding-top:10px;
margin:0px 12px;
clear:both;
}
.sep {
margin:0px;
color:#83A4BB;
width:826px;
}
.newsFlash{
color:#0165AA;
font-weight:normal;
border:1px solid #B1CEE2;
margin: 8px 12px 12px 12px;
background-color:#B1CEE2
}
.newsFlash h1{
margin:8px 12px 8px 12px;
padding:0;
}
.newsFlash p{
margin:0 12px 12px 12px;
padding:0;
}
/* The warning style is used on the map pages and the site report page */
.warning {
clear:both;
}
.warning p{
font-family:Arial, Helvetica, sans-serif;
font-size: 0.9em;
color:red;
}
/* These styles are for the site report page */
.siteReport {
clear:both;
margin:0px 12px 12px 0px;
padding:0px;
}
.siteReport img {
float:left;
margin:0px 12px 0px 0px;
}
.siteReport h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.25em;
font-weight:bold;
margin:9px 12px 4px 12px;
}
.siteReport h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
margin:9px 12px 0px 12px;
}
.siteReport p {
font-family:"Times New Roman", Times, serif;
font-size:0.9em;
}
.siteReport p.siteHead {
font-family:"Times New Roman", Times, serif;
margin:8px 0px 12px 0px;
}
.siteReport p.site {
margin:4px 0px 4px 44px;
}
p.siteLeft {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
margin:12px 0px 12px 0px;
}
p.positionHeader {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:0.9em;
margin:0px 0px 12px 0px;
}
.siteReportLead {
font-weight:bold;
}
/*These are the styles for the criteria table*/
table.crittable {
border-style:none;
border-collapse:collapse;
width:826px;
margin-left:12px;
margin-right:12px;
font-family: Arial, Helvetica, sans-serif;
font-size:0.75em;
text-align:left;
}
table.crittable th {
border-style:none;
padding:0px;
}
table.crittable td {
padding:0px;
}
table.crittable td.siteCol {
background-color:#C6C6C6;
padding:5px;
border-style:solid;
border-width:1px;
border-color:#000000;
}
table.crittable td.townCol {
background-color:#C6C6C6;
padding:5px;
border-style:solid;
border-width:1px;
border-color:#000000;
}
table.crittable td.stdCol {
padding:0px;
border-style:solid;
border-width:1px;
border-color:#000000;
text-align:center;
}
table.crittable td.grayCol {
background-color:#C6C6C6;
padding:0px;
border-style:solid;
border-width:1px;
border-color:#000000;
text-align:center;
}
table.crittable td.endCol {
width:52px;
}
.critTablehead {
border-style:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
vertical-align:baseline;
}
.filterBox {
position:relative;
left:0px;
top:0px;
width:826px;
border:1px solid black;
margin:12px;
background-color:#C6C6C6;
* padding-top:12px;
}
.filterBox p {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
}
.popbox {
position:absolute; 
padding:5px; 
font-size:0.7em; 
font-family:Geneva, Arial, Helvetica, sans-serif; 
z-index:95; 
visibility:hidden; 
background:#D8D8D8;
background:yellow;
border:1px solid black;
}
img.logographics {
padding-left:9px;
padding-right:9px;
border:none;
}
/*Some special styles for volunteer form*/
form p{
margin:6px 12px 6px 24px;
}
ul.highlight {
margin-top:0;
font-weight:normal;
color:#CC0000;
margin-left:36px;
}
p.highlight {
font-weight:bold;
color:#CC0000;
margin-bottom:0;
}
p.highlightGood {
font-weight:bold;
color:#1aa049;
margin-bottom:0;
}
p.highlightLight {
font-weight:normal;
color:#CC0000;
margin-top:0;
}
p.highlightGoodLight {
font-weight:normal;
color:#1aa049;
margin-top:0;
}
form img {
border:1px solid black;
vertical-align:top;
}
img.floated {
vertical-align:top;
float:left;
border:none;
padding-right:12px;
}
table.supportForm{
margin-left:31px;
}
table.supportForm td{
padding-bottom:6px;
}
/*Styles for the outfitters listings*/
div.outfitters p{
margin:0;
}
div.outfitters p.ofname{
margin:12px 0px 0px 0px;
font-weight:bold;
}
span.oflead{
font-weight:bold;
}
div.calendar h2{
font-family:Geneva, Arial, Helvetica, sans-serif;
margin:12px 12px 1px 12px;
color:#0165AA;
}
div.calendar p{
margin:1px 12px 12px 12px;
padding:0;
}
div.calendar span.dateline{
color:#3A7A00;
}
div.calendar img{
float:left;
padding-right:4px;
}