/* CSS Document */
/* This first group of styles define the basic layout of the page and standard styles that apply across the board*/
body {
margin:0px;
background-color:#E8F9F9;
background-image:url(../graphics/topfade.jpg);
background-position:top;
background-repeat:repeat-x;
}
a {
color:#000000;
line-height:1.25em;
}
h1 {
font-size:1.5em;
padding:18px 10px 0px 10px;
margin:0;
color:#2a6959;
font-family:"Times New Roman", Times, serif;
}
h2 {
font-size:1.2em;
padding:14px 6px 0px 24px;
margin:0px;
font-weight:normal;
text-align:left;
color:#2a6959;
}
h2.inline {
padding:14px 6px 0px 9px;
clear:both;
color:#2a6959;
}
h2.inlineClose {
padding:1px 6px 0px 9px;
clear:both;
color:#2a6959;
}
h3 {
font-size:1.0em;
margin:12px 0 3px 12px;
font-weight:bold;
color:#1C2E60;
}
h4{
font-size:1.0em;
margin:12px 0 3px 12px;
font-weight:bold;
color:#1C2E60;
}
p.firstParagraph {
margin-top:8px;
}
.highlighted {
font-weight:bold;
}
p.closeLines {
margin-top:0;
margin-bottom:0;
line-height:0.7em;
}
p.back_Text {
margin-bottom:4px;
margin-top:14px;
}
div.back_Text_Right {
float:right;
margin:24px 12px 4px 10px;
text-align:right;
}

a.backText {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
text-decoration:underline;
color:#1C2E60;
}
a.backTextArrow {
text-decoration:none;
}
a.backTextArrow img{
border:none;
vertical-align:middle;
}
a.closeLines {
line-height:0.7em;
}
div.container {
text-align:center;
height:100%;
width:100%;
margin:auto;
display:table; 
}
div.innercontainer{
position:relative;
width:800px;
margin:auto;
}
img.bigMap {
border:1px solid black;
}
p.big_Map {
margin-top:4px;
}
hr.stdDivider {
margin:0 12px 12px 12px;
color:#1C2E60;
}
span.intro{
font-weight:bold;
color:#1C2E60;
font-size:1.1em;
}
span.intro a{
text-decoration:none;
color:#1C2E60;
}
span.intro a:hover{
text-decoration:underline;
color:#1C2E60;
}
.donateButton{
background-color:#f7eb26;
background-color:#fff600;
color:#0c2df0;
border:1px solid;
border-color: #696 #363 #363 #696;
border-radius:3px;
font-size:16px;
padding:2px 3px;
cursor:pointer;
}

.donateButton:hover {
background-color:#aad600;
text-decoration:underline;
}

/* This group of styles defines the header */
.headerDIV {
height:154px;
width:100%;
margin: 50px 0px 0px 0px;
text-align:left;
position:relative;
z-index:60;
}
.headerDIV img#headerWRWC{
position:absolute;
top:0;
right:0;
z-index:60;
}

/*This group of styles define the basic layout and standard content of the main body of the page */
.mainDIV {
padding:0px;
margin:0px;
z-index:50;
width:798px;
overflow:auto;
border-left:1px solid #1C2E60;
border-right:1px solid #1C2E60;
background-color:#e3fcf2;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
}
.mainDIV p {
font-size:1em;
color:#1C2E60;
padding:0 10px 10px 10px;
}
.mainDIV ul {
font-size:1em;
color:#1C2E60;
list-style-image:url(../graphics/bullet.gif);
}
.mainDIV#home {
background-image:url(../graphics/river.gif);
background-repeat:no-repeat;
background-position:365px 0px;
}
.mainDIV#home p{
padding:0;
}
.mainDIV#home a{
text-decoration:none;
color:#2a6959;
}
.mainDIV#home a:hover{
text-decoration:underline;
color:#2a6959;
}
div.moreBox {
position:relative;
right:0;
top:0;
background-color:#9ECCBE;
width:226px;
float:right;
padding:12px;
margin:0 0 10px 12px;
border-left:1px solid #1a5ca6;
border-bottom:1px solid #1a5ca6;
}
div.moreBox h2 {
font-weight:1.1em;
color:#1a5ca6;
padding:2px 0;
}
div.moreBox ul {
color:#ffffff;
padding:0;
margin:0 0 0 16px;;
font-family:Georgia, "Times New Roman", Times, serif;
list-style-image:url(../graphics/bulletDark.gif);
}
div.moreBox ul ul{
margin:0 0 0 28px;
font-size:1.2em;
}
div.moreBox ul ul ul{
margin:0 0 0 28px;
font-size:1.0em;
}
div.moreBox li {
font-size:0.8em;
margin-top:9px;
}
div.moreBox a {
color:#1a5ca6;
}
div.pictureBoxRight {
position:relative;
background-color:#9ECCBE;
float:right;
margin:12px 0 12px 12px;
border:1px solid #1a5ca6;
border-right:none;
}
div.pictureBoxRight p{
font-size:0.7em;
margin:4px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
}
div.pictureBoxRight img{
border-bottom:1px solid #000000;
}
div.pictureBoxRight a img{
border:none;
border-bottom:1px solid #000000;
}
div.pictureBoxLeft {
position:relative;
background-color:#9ECCBE;
float:left;
margin:12px 12px 8px 0;
border:1px solid #1a5ca6;
border-left:none;
}
div.pictureBoxLeft p{
font-size:0.7em;
margin:4px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
}
div.pictureBoxLeft p.larger{
font-size:0.9em;
margin:4px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
}
div.pictureBoxLeft h1 {
font-size:1.25em;
padding:12px 10px 0px 10px;
margin:0;
color:#2a6959;
font-family:"Times New Roman", Times, serif;
}

div.pictureBoxRight p.larger{
font-size:0.9em;
margin:4px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
}
div.pictureBoxRight h1 {
font-size:1.25em;
padding:12px 10px 0px 10px;
margin:0;
color:#2a6959;
font-family:"Times New Roman", Times, serif;
}
div.pictureBoxLeft img{
border-bottom:1px solid #000000;
}
div.pictureBoxLeft a img{
border:none;
border-bottom:1px solid #000000;
}
div.pictureBoxInterior{
position:relative;
background-color:#9ECCBE;
float:left;
margin:0px 0px 12px 12px;
border:1px solid #1a5ca6;
}
div.pictureBoxInterior p{
font-size:0.7em;
margin:4px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
}
div.pictureBoxInterior img{
border-bottom:1px solid #000000;
}
div.pictureBoxInterior a img{
border:none;
border-bottom:1px solid #000000;
}
div.pictureBoxInterior img.greenBorder{
margin:0 6px 6px 6px;
border:1px solid black;
}
div.pictureBoxInterior img.greenBorderMiddle{
margin-bottom: 6px;
border:1px solid black;
}
div.pictureBoxInterior img.greenBorderRight{
margin:0 6px 6px 0;
border:1px solid black;
}
div.pictureBoxInterior p.greenBorder{
margin:6px -2px 0 -2px;
}
/* This group of styles defines the home page elements */
div.homeboxLeft {
position:relative;
width:50%;
height:123px;
float:left;
border-top:1px solid #1C2E60;
border-bottom:1px solid #1C2E60;
}
div.homeboxRight {
position:relative;
width:50%;
height:123px;
float:right;
border-top:1px solid #1C2E60;
border-bottom:1px solid #1C2E60;
}
div.homeboxLeft img{
float:left;
padding-right:13px;
border:none;
}
div.homeboxRight img{
float:right;
padding-left:13px;
border:none;
}
div.homeboxLeft p{
font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#2a6959;
text-align:left;
margin-top:11px;
margin-bottom:5px;
}
div.homeboxRight p{
font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#2a6959;
text-align:right;
margin-top:11px;
margin-bottom:5px;
}
div.homeboxLeft p.subtext{
font-size:13px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#2a6959;
text-align:left;
margin-top:2px;
margin-left:6px;
}
div.homeboxRight p.subtext{
font-size:13px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#2a6959;
text-align:right;
margin-top:2px;
margin-left:6px;
}
div.homeHeadline {
background-color:#bee3d8;
width:798px;
margin:0;
padding:0;
border-right:1px solid #1C2E60;
border-left:1px solid #1C2E60;
border-bottom:1px solid #1C2E60;
border-top:1px solid #1C2E60;
}
div.homeHeadline img{
border:none;
border-bottom:1px solid black;
}
p.homeHeadlineP{
font-size:1em;
font-family:Georgia, "Times New Roman", Times, serif;
color:#08326c;
margin:5px 0 8px 0;
padding:0 10px 0 10px;
text-align:center;
}
p.closeIntro{
font-weight:bold;
color:#1C2E60;
font-size:1.1em;
margin-bottom:6px;
padding-bottom:0;
}
p.quotation{
font-size:0.9em;
margin-left:36px;
}
li.spaced {
padding-bottom:9px;
}
li.inset {
list-style-image:url(../graphics/bulletLine.gif);
}
/* This group of styles defines the footer and the below footer content */
div.footerDIV {
width:100%;
height:30px;
background-image:url(../graphics/menuback.jpg);
background-repeat:repeat-x;
margin:0px;
padding:0px;
text-align:left;
z-index:60;
}
.footerGraphic {
position:relative;
bottom:0;
width:18px;
}
.footerText {
color:#9ECCBE;
font-size:0.72em;
padding:7px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
}
.credit a {
color:#818386;
}
.credit {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#818386;
margin:3px 0px 8px 0px;
}
/*Some special styles for forms*/
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;
}
img.staffPhoto {
vertical-align:text-top;
float:left;
border:1px solid #1C2E60;
margin:0 18px 12px 12px;
}
p.staffName {
margin-bottom:6px;
}
p.staffBio {
margin-top:6px;
margin-left:180px;
}
table.supportForm{
margin-left:31px;
}
table.supportForm td{
padding-bottom:6px;
}
/*Styles for the events calendar*/
div.calendar h1 {
margin-bottom:12px;
}
div.calendar p.eventTitle {
margin-bottom:6px;
margin-top:12px;
margin-left:0px;
}
div.calendar p {
font-size: 1em;
margin-bottom:6px;
margin-top:0px;
margin-left:0px;
}
div.calendar li {
font-size: 1em;
margin:0;
padding:0;
color:#1C2E60;
}
div.calendar span.leader {
font-weight:bold;
}
div.calendar img {
margin-right:4px;
vertical-align:bottom;
}
.backLink {
position:relative;
float:right;
font-family: "Times New Roman", Times, serif;
font-size: 0.8em;
text-align:right;
width:300px;
margin:18px 12px 0 0;
}
.editLink {
position:relative;
float:right;
font-family: "Times New Roman", Times, serif;
font-size: 0.9em;
text-align:right;
width:100px;
margin-right:12px;
}
.dateRight {
position:relative;
float:right;
}
.dataTitle {
font-weight:bold;
}
.dataTitleRED {
font-weight:bold;
color:red;
}
.errortext {
color:#FF0000;
padding: 0px 12px;
}
div#confirmation{
clear:right;
}
/*Specific formating for the water quality data tables*/
table.dataTable{
margin:2px 6px 20px 10px;
border-collapse: collapse;
background-color:#eaf2ef;
border:1px solid black;
}
table.dataTable td.dataCell{
border-bottom:1px solid #999999;
border-right:1px solid #999999;
border-left:1px solid #999999;
padding:3px;
text-align:center;
}
table.dataTable td.titleCell{
border-bottom:1px solid #999999;
border-right:1px solid #999999;
border-left:1px solid #999999;
padding:3px;
text-align:left;
}
table.dataTable tr.headerRow {
background-color:#d2d5d4;
text-align:center;
border:1px solid black;
padding:3px;
}
span.overlimit{
color:red;
}
div.oversizeData {
width:772px;
border:1px solid black;
border:none;
overflow:scroll;
}
img.graph{
margin:10px;
background-color:#FFFFFF;
}
h2.dataSite {
padding:0 6px 0 10px;
clear:none;
color:#2a6959;
}
div.dataDate {
float:right;
}
h2.dataDate {
font-size:1.2em;
padding:0 20px 0 0;
margin:0px;
font-weight:normal;
text-align:right;
color:#2a6959;
}
table.detailTable {
margin:0 0 30px 50px;
border-collapse: collapse;
border:none;
}
td.detailCell {
width:50%;
}
span.dataTitle{
font-weight:strong;
}
p.dataNotes {
margin:-10px 10px 15px 40px;
}
/* Special styles for the greenway map */

div.mapBox {
width:737px;
height:479px;
border:3px solid #74b6c7;
position:relative;
margin-right:12px;
margin-bottom:3px;
float:right;
}
div.oversizeMap {
width:733px;
height:475px;
border:2px solid #1a5ca6;
overflow:hidden;
position:relative;
}
img#mapImage {
width:733px;
left:0;
top:0;
}
div#scale {
position:absolute;
bottom:11px;
right:11px;
z-index:97;
}
div#north {
position:absolute;
bottom:30px;
right:10px;
z-index:97;
}
div#logo {
position:absolute;
left:11px;
bottom:11px;
z-index:97;
}
img#key{
position:relative;
float:right;
background-color:#B5DBE5;
border:1px solid #1a5ca6;
margin:10px 2px 10px 10px;
}
div.zoom {
position:relative;
float:left;
width:22px;
margin:0px 2px 10px 10px;
}
div.mapOverlays{
position:absolute;
cursor:pointer;
cursor:hand;
}
div.parkShort {
visibility:hidden;
width:300px;
background-color:#e3fcf2;
border:2px solid #1a5ca6;
text-align:left;
z-index:98;
cursor:move;
}
div.parkShort h2 {
font-size:1.3em;
margin:10px 10px 10px 10px;
padding:0;
font-weight:normal;
text-align:left;
color:#2a6959;
}
div.parkShort p{
margin:4px 10px 10px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
}
img.close {
float:right;
margin:2px 3px 5px 10px;
cursor:pointer;
cursor:hand;
}
div.mapEvent {
padding:2px;
background-color:#f2ea02;
border:1px solid #ff0000;
font-size:0.7em;
font-family:Arial, Helvetica, sans-serif;
position:absolute;
cursor:pointer;
cursor:hand;
z-index:97;
width:81px;
}
div.mapEvent a {
color:#ff7b23;
}
div.mapEvent a:hover {
color:#0000FF;
}

/*New Styles Copied from WPWA website */
/*Styles for the Management Area*/
p.manageMenu {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
margin-top:0;
margin-bottom:0;
}
p.manageMenu a {
text-decoration:none;
color:#274389;
}
p.manageMenu a:hover {
text-decoration:underline;
color:#35725C;
}
p.manageMenu img{
margin:0 12px 2px 0
}
div.sep {
margin:0px;
color:#83A4BB;
width:760px;
clear:both;
}
div.calSep {
margin:0 0 0 5px;
color:#83A4BB;
width:770px;
clear:both;
}
/*Container for the back and add new options above the data blocks in the management area*/
div.manageoptions {
font-size: 0.8em;
margin-right:17px;
margin-top:24px;
float:right;
width:250px;
}
/*Container for the data display block in the management area */
div.managedata {
clear:both;
margin:9px;
/*override for IE only*/
* margin:0px;
}
/*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:right;
clear:right;
width:auto;
padding-bottom:10px;
* padding-bottom:0px;
}
div.back img{
border:none;
}
.newsControls {
font-family:"Times New Roman", Times, serif; 
font-size:0.80em;
margin:0px 0px 12px 12px;
width:175px;
display:inline;
position:absolute;
right:419px;
}
.newsControls img {
vertical-align:text-bottom;
}
.pressControls {
font-family:"Times New Roman", Times, serif; 
font-size:0.80em;
margin:0px 0px 0px 12px;
width:130px;
float:right;
clear:right;
}
.pressControls img {
vertical-align:text-bottom;
}
.YesNoOptions {
display:inline;
position:absolute;
}
.DeleteOptions {
display:inline;
}
.OKButton {
position:absolute;
margin-left:12px;
}
.NoButton {
position:relative;
vertical-align:top;
margin-left:80px;
}
table.photodatatable {
border-collapse:collapse;
border-style:solid;
border-width:1px;
border-color:#000000;
border-spacing:6px;
width:760px;
margin-left:0;
margin-right:12px;
font-family: Arial, Helvetica, sans-serif;
font-size:0.75em;
text-align:left;
}
table.photodatatable th {
border-style:none;
padding:7px;
}
table.photodatatable td {
border-style:none;
padding:7px;
}
table.subdatatable {
border-collapse:collapse;
border-style:solid;
border-width:1px;
border-color:#000000;
border-spacing:6px;
width:100%;
margin-left:0;
margin-right:12px;
margin-top:4px;
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
text-align:left;
}
table.subdatatable th {
border-style:none;
padding:7px;
}
table.subdatatable td {
border-style:none;
padding:7px;
}
table.compactDataTable {
border-collapse:collapse;
border:none;
border-spacing:1px;
width:auto;
margin-left:0;
margin-right:12px;
font-family: Arial, Helvetica, sans-serif;
font-size:0.75em;
text-align:left;
}
table.compactDataTable th {
border-style:none;
padding:4px 0 4px 9px;
}
table.compactDataTable td {
border-style:none;
padding:4px 0 4px 9px;
}

.tablehead {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
vertical-align:baseline;
}
.dataLabel {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
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;
}
/*These classes are for the photograph management form*/
.photoBlock {
width:756px;
margin:12px 0;
}
.photoBlockContainer {
width:756px;
text-align:center;
margin:18px auto 0 auto;
}
.photoLeft{
float:left;
}
.photoLeft img{
border:1px black solid;
}
.photoFullWidth{
clear:both;
width:756px;
margin:0;
}
.photoFullWidth img{
border:1px black solid;
}
.photoText {
background-color:#c5e0d4;
text-align:left;
margin:0px 0px 0px 12px;
float:right;
}
.photoTextWideImage {
background-color:#c5e0d4;
text-align:left;
margin:0;
float:left;
width:758px;
}
p.photoTitle {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.0em;
font-weight:bold;
margin:0px 0px 0px 0px;
padding:8px 0px 0px 8px;
}
p.photoCredit {
font-family: Arial, Helvetica, sans-serif;
font-size:0.70em;
margin-top:0px;
margin-bottom:0px;
padding-top:0;
padding-bottom:0;
}
p.photoDate{
font-family: Arial, Helvetica, sans-serif;
font-size:0.7em;
margin:0px 0px 12px 0px;
padding-top:0;
padding-bottom:0;
}
p.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;
}
.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 12px 0;
width:169px;
}
.photoControlsRight img {
vertical-align:text-bottom;
}
.photoGrouphead {
font-family:Geneva, Arial, Helvetica, sans-serif;
padding-top:16px;
* padding-top:10px;
margin:0px 12px;
clear:both;
}
.photoGalleryLabel {
background-color:#c5e0d4;
text-align:left;
margin:0 auto 0 auto;
width:758px;
}
.thumbnail {
float:left;
margin:12px 12px 0 8px;
height:218px;
}
.thumbnail img{
border:1px black solid;
}
.thumbnail p {
margin:6px 0 0 0;
padding:0;
font-size:1.0em;
font-family:Georgia, "Times New Roman", Times, serif;
}
.thumbnail p.individualPhoto {
margin:4px 0 0 0;
padding:0;
font-size:0.9em;
font-family:Georgia, "Times New Roman", Times, serif;
}
.thumbnail a {
color:#1C2E60;
text-decoration:none;
}
.thumbnail a:hover {
color:#1C2E60;
text-decoration:underline;
}
.thumbnail a.overImage {
color:#1C2E60;
text-decoration:underline;
}
div.photoContainer {
width:602px;
margin:auto;
position:relative;
background-color:#333333;
}
div.photoGalleryContainer {
width:602px;
margin:auto;
margin-top:6px;
position:relative;
}
div.overlay{
background-image:url(../graphics/gray.png);
background-repeat:repeat;
height:36px;
position:absolute;
width:100%;
left:0;
bottom:0;
z-index:65;
visibility:inherit;
}
div.overlay img{
border:none;
margin-bottom:5px;
}
div.ctlBar {
background-image:url(../graphics/photoControlBack.gif);
background-repeat:repeat-x;
height:10px;
width:100%;
position:absolute;
left:0;
bottom:0;
z-index:75;
text-align:center;
}
div.ctlBar img{
border:none;
position:absolute;
top:0;
}
div.overlayHidden {
background-image:url(../graphics/cleargif.gif);
background-repeat:repeat;
height:36px;
position:absolute;
width:100%;
left:0;
bottom:0;
z-index:30;
visibility:visible;
}
div.overlayHiddenEnd {
background-image:url(../graphics/cleargif.gif);
background-repeat:repeat;
height:39px;
position:absolute;
width:10px;
bottom:0;
z-index:80;
visibility:visible;
}
div.photoControlText p{
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
color:#f6f6f6;
margin:0;
padding:0;
}