/*
These CSS Rules are used to reset some of the commonly used
tags to a set standard to ensure the differences in browser 
rendering is kept to a minimum.
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* Note: Tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of the Reset CSS Code */



/* Top Level / Default / General Declarations */

div#printHeader {
display:none;}

body {
		font-family: Verdana, Arial, sans-serif;
		font-weight: normal;
		text-align: center;
		background: #ffffff;
		}

h1 {
		font-size: 200%;
		font-weight: bold;
		margin: 0px 0px 21px 0px;
		padding: 0px 0px 0px 0px;
		color: #6cb939;
		}

#landing-page h2 {
		font-size:150%;
		font-weight:bold;
		color:#00977E;
		text-indent:-10000px;
margin:0 0 0 10px;
padding:0;}

h2.header_about {
width:538px;
height:30px;
background:url(/images/header_about.gif) no-repeat;}

h2.header_schools {
width:568px;
height:31px;
background:url(/images/header_schools.gif) no-repeat;}

h2.header_kids {
width:219px;
height:30px;
background:url(/images/header_kids.gif) no-repeat;}

h2.header_activities {
width:231px;
height:30px;
background:url(/images/header_activities.gif) no-repeat;}

h2.header_news {
width:210px;
height:30px;
background:url(/images/header_news.gif) no-repeat;}

h2.header_volunteer {
width:271px;
height:31px;
background:url(/images/header_volunteer.gif) no-repeat;}

h2.header_waterway {
width:273px;
height:30px;
background:url(/images/header_waterway.gif) no-repeat;}


h2, #landing-page h2.landing-h2-small, #landing-page h2.fc-header-title {
		font-size: 135%;
		font-weight: normal;
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		color: #46c3d7;
		text-indent:0;
		}


h3 {
		font-size: 90%;
		font-weight: bold;
		margin: 0px 0px 0px 0px;
		padding: 5px 20px 5px 20px;
		color: #ffffff;
		}

h4 {
		font-size: 80%;
		font-weight: bold;
		margin: 22px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		color: #46c3d7;
		}

h5 {
		font-size: 80%;
		font-weight: bold;
		margin: 22px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		text-decoration: underline;
		color: #333333;
		}

h6 {
		font-size: 70%;
		font-weight: bold;
		margin: 25px 0px 25px 0px;
		padding: 0px 0px 0px 0px;
		color: #519f1c;
		}

body#data-page p, body#ancillary p, body#landing-page p, body#application p, body#editor {
		font-size: 80%;
		font-weight: normal;
		line-height: 140%;
		margin: 10px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		color: #333333;
		text-align:left;
		}

a {
		text-decoration: none;
		color: #4d4d4d;
		}

div#content-data h4 a {
color:#46C3D7;
text-decoration:underline;}

a:visited {
		color: #418016;
		}

a:hover {
		color: #333333;
		text-decoration: underline;
		}

img {
		margin: 10px 10px 10px 10px;
		padding: 0px 0px 0px 0px;
		}

div#body table {
		border-collapse: separate;
		border-spacing: 2px;
		empty-cells: show;
		width: 80%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		caption-side: bottom;
		}

tbody {
		
		}

th {
		text-align: center;
		margin: 0px 0px 0px 0px;
		padding: 5px 5px 5px 5px;
		background: #46C3D7;
		color: #ffffff;	
		font-size:80%;
		}
	
tr {
		
		}

tr#alt01 td {
		background: #dddddd url(/images/alt-row-bg.gif) repeat-x 0 0;
		}

tr#alt02 td {
		background-color: #ffffff;
		}

td {
		margin: 0px 0px 0px 0px;
		padding: 5px 5px 5px 5px;
		font-size: 90%
		}

caption {
		font-size: 80%;
		margin: 5px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #888888;
		}

input {
		font-family: Helvetica, Arial, sans-serif;
		}

div#wrap {
		width: 990px;
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		text-align: left;
		}



/* Header */

div#header {
		width: 990px;
		height: 60px;
		}

div#header h1 {
		text-indent: -10000px;
		width: 420px;
		height: 59px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background: transparent url(/images/logo.gif) no-repeat 0px 0px;
		}

div#header h1 a {
		display: block;
		width: 420px;
		height: 59px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}



/* Search */

div#search {
		width: 240px;
		height: 26px;
		float: right;
		margin: 26px 1px 0px 0px;
		padding: 8px 0px 0px 0px;
		font-size: 70%;
		text-align: center;
		background: transparent url(/images/search-bg.gif) no-repeat 0px 0px;
		}

.decreaseText {
		text-indent: -10000px;
		width: 9px;
		height: 10px;
		margin-left: 5px;
		}

.decreaseText img {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

.increaseText {
		text-indent: -10000px;
		width: 9px;
		height: 10px;
		}

.increaseText img {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

div#search input {
		font-size: 100%;
		}

.searchBox {
		margin-left: 5px;
		background:url(/images/system/google.jpg) no-repeat 3px 3px white;}


.searchButton {
		border: 1px solid #4a4b4b;
		background-color: #505050;
		color: #ffffff;
		height: 20px;
		width: 27px;
		margin: 0px 0px 0px 5px;
		padding: 0px 3px 2px 3px;
		}

div#search a {
		text-decoration: underline;
		color: #4D4D4D;
		}

div#search a:hover {
		text-decoration: none;
		}



/* Navigation */

div#nav {
		width: 990px;
		height: 36px;
		margin: 0px 0px 14px 0px;
		padding: 0px 0px 0px;
		background: transparent url(/images/nav-bg.gif) repeat-x 0px 0px;
		}

div#nav ul {
		width: 990px;
		height: 36px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		}

div#nav ul li {
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 70%;
		}

div#nav ul li a {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 16px 26px 9px 25px;
		text-decoration: none;
		font-weight: bold;
		border-right: 2px solid #ffffff;
		color: #ffffff;
		}

div#nav ul li a:hover {
		text-decoration: underline;
		background: transparent url(/images/nav-bg-hover.gif) repeat-x 0px 0px;
		color: #1f717e;
		}

div#nav ul li.topnavfirst a {
		}

div#nav ul li.topnavlast a {
		padding: 16px 27px 9px 27px;
		border-right: none;
		}



/* Content-Wrap */

div#content-wrap {
		width: 990px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

div#breadcrumbs {
		margin: 0px 0px 0px 200px;
		padding: 0px 0px 0px 0px;
		background:url(/images/breadcrumbs-bg.gif) no-repeat right top;
		position:relative;
		height:56px;}

#landing-page div#breadcrumbs {
		margin: 0px 0px 0px 200px;
		padding: 0px 0px 0px 0px;
		background:none;
		position:relative;
		top:-107px;}

#ancillary div#breadcrumbs {
		margin: 0px 0px 0px 0px;
		}

div#breadcrumbs p {
		margin: 0px 0px 0px 0px;
		padding: 20px 176px 20px 0px;
		font-size: 80%;
		color: #9ea1a7;
		}

div#breadcrumbs a {
		color: #9ea1a7;
		}



/* Content */

div#content {
		width: 990px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #4d4d4d;
		background: transparent url(/images/content-nav-bg.gif) no-repeat 0px bottom;
		min-height:400px;
		}

#ancillary div#content {
background:transparent;}



/* Content Nav */

div#content-nav {
		width: 180px;
		margin: 0px 0px 0px 0px;
		padding: 21px 0px 0px 0px;
		float: left;
		background-color: #ffffff;
		}

div#content-nav table {
		background: #f2f2f2;}

div#content-nav h3 {
		font-size: 90%;
		font-weight: bold;
		margin: 0px 0px 0px 0px;
		padding: 7px 20px 8px 20px;
		color: #ffffff;
		background-color: #46c3d7;
		}

div#content-nav ul {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 80%;
		}

div#content-nav ul li {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #4d4d4d;
		background-color: #f2f2f2;
		overflow:hidden;
		float:left;
		width:180px;
		}

div#content-nav ul li a {
		display: block;
		padding: 7px 20px 7px 20px;
		color: #4d4d4d;
		border-bottom: 2px solid #ffffff;
		overflow:hidden;
		}

div#content-nav ul li a:hover {
		background-color: #d9d9d9;
		}

div#content-nav ul li a.active {
		text-decoration: underline;
		background-color: #d9d9d9;
		}

div#content-nav ul li.down ul {
		font-size: 85%;
		}

div#content-nav ul li.down ul li a {
		padding: 7px 20px 7px 25px;
		}



/* Content Data */

div#content-data {
		margin: 0px 0px 0px 200px;
		padding: 0px 0px 0px 0px;
		}

#ancillary div#content-data {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

#landing-page div#content-data {

		position:relative;
		top:-107px;}

div.headingtext {
background:url(/images/landing-bg.gif) repeat-x bottom #fdfef7;
overflow:hidden;
height:188px;
width:775px;
margin-bottom:10px;}

div#content-data div.headingtext p {
		font-size: 100%;
		letter-spacing: -1px;
		line-height: 1.2;
		padding:10px;
		margin:0;
		}


div.headingtext img {
float:right;
margin:0;
padding:10px 10px 26px 10px;
display:block;}


div.headingbottom {
height:16px;
background:url(/images/landing-bottom-bg.gif) repeat-x;
overflow:hidden;
margin-bottom:10px;
width:775px;}

div#content-data a {
		color: #40b09e;
		}

.imgRight {
		float: right;
		margin: 0px 0px 10px 20px;
		padding: 0px 0px 0px 0px;
		}

p.headingtext {
		font-size: 95%;
		line-height: 115%;
		}

div#content-data ul {
		list-style-type: disc;
		margin: 10px 0px 10px 20px;
		font-size: 80%;
		line-height: 150%;
		}

div#content-data ol {
		list-style-type: decimal;
		margin: 10px 0px 10px 30px;
		font-size: 80%;
		line-height: 150%;
		}

		body#editor ul {
		list-style-type: disc;
		margin: 10px 0px 10px 20px;
		font-size:100%;
		line-height:150%;
		}

body#editor ol {
		list-style-type: decimal;
		margin: 10px 0px 10px 30px;
		font-size: 100%;
		line-height: 150%;
		}



/* Footer */

div#footer {
		width: 990px;
		height: 41px;
		float: right;
		margin: 20px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		clear:both;
		}

div#footer a {
		color: #80848a;
		}

div#footer img {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}
		
div#footer ul {
		width: 790px;
		height: 30px;
		margin: 7px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		float: right;
		background: #F5F6F6 url(/images/footer-bg.gif) no-repeat 100% 0px;
		}

div#footer ul li {
		float: right;
		margin: 8px 0px 0px 0px;
		padding: 0px 0px 5px 0px;
		font-size: 80%;
		}

div#footer ul li a {
		margin: 0px 0px 0px 0px;
		display: block;
		padding: 0px 10px 0px 10px;
		text-decoration: none;
		border-right: 2px solid #ffffff;
		}

div#footer ul li a:hover {
		text-decoration: underline;
		}

div#footer ul li.footerlast a {
		margin: 0px 20px 0px 10px;
		padding: 0px 0px 0px 0px;
		border-right: none;
		}



/* Home Page Styles */

body#home div#content {
		background: none;
		}

body#home div#content-data {
		width: 990px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

body#home h3 {
		margin: 0px 0px 5px 0px;
		padding: 0px 0px 0px 0px;
		color: #46c3d7;
		}

body#home p {
		margin: 5px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		font-size: 75%;
		line-height: 1.2;
		color: #333333;
		}

body#home hr {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #cfd1d3;
		height: 1px;
		}

div#homeSplash {
		width: 990px;
		height: 260px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background: transparent url(/images/homeSplash3.jpg) no-repeat 0px 0px;
		}

div#homeSplash h2 {
		margin: 0px 0px 0px 330px;
		padding: 30px 0px 0px 0px;
		font-weight: bold;
		text-indent: -10000px;
		width: 279px;
		height: 30px;
		color: #00967d;
		background: transparent url(/images/homeSplash_title.gif) no-repeat 0px 32px;
		}

div#homeSplash p {
		margin: 0px 0px 0px 330px;
		padding: 10px 20px 0px 0px;
		font-size: 120%;
		letter-spacing: 0px;
		line-height: 1.25;
		color: #333333;
		}

div#homeLeft {
		width: 315px;
		margin: 20px 20px 0px 10px;
		padding: 0px 0px 0px 0px;
		float: left;
		}

div#homeLeft p img {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

div#homeRightTop {
		margin: 20px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		overflow: hidden;
		}

div#homeRightBottom {
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		overflow: hidden;
		}

.imgLeft {
		float: left;
		margin: 0px 10px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

div#homeRightTop img,
div#homeRightBottom img {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}

div#homeRightTop p,
div#homeRightBottom p {
		margin: 5px 0px 10px 320px;
		padding: 0px 0px 0px 0px;
		}

#home div#content-data div#homeRightTop h3,
#home div#content-data div#homeRightBottom h3 {
		margin: 0px 0px 5px 320px;
		padding: 0px 0px 0px 0px;
		}

div#homeLeft a,
div#homeRightTop a,
div#homeRightBottom a {
		color: #40b09e;
		}







table.contentTable {
border-spacing:1px;
border-collapse:separate;}

table.contentTable td, table.contentTable th {
font-size:80%;
text-align:left;
line-height:130%;
background:#f3f3f3;}

table.contentTable th {
background:#46C3D7;}

div#calendar a {
color:#ffffff;}

div#calendar .fc-event {
font-size:80%;
line-height:100%;}

.ui-dialog p, body#data-page .ui-dialog p, body#landing-page .ui-dialog p {
text-align:left;
font-size:70%;}

.ui-dialog-title {
font-size:90%;
margin-bottom:0.4em;}

body#data-page .fc-header a, body#landing-page .fc-header a {
color:#666666;}

.fc-button-prev, .fc-button-next {
font-family:Arial,sans-serif;}

.new_window_link img { width: 12px; height: 12px; border: 0; position: relative; top: 2px; margin:0;}
.pdf_link img { width: 12px; height: 12px; border: 0; position: relative; top: 2px; margin:0;}
.xls_link img { width: 12px; height: 12px; border: 0; position: relative; top: 2px; margin:0;}
.zip_link img { width: 12px; height: 12px; border: 0; position: relative; top: 2px; margin:0;}

p.schoolButton, body#data-page p.schoolButton, body#landing-page p.schoolButton
{
width:200px;
font-size:110%;
text-align:center;
margin:0 15px 0 0;
padding:0;
float:left;
}

p.schoolButton a, body#data-page p.schoolButton a, body#landing-page p.schoolButton a
{
background:url(/images/button-bg.gif) repeat-x #46C3D7 bottom;
display:block;
width:200px;
margin:0;
padding:0;
color:white;
border:1px outset;
}

p.schoolButton a:hover, body#data-page p.schoolButton a:hover, body#landing-page p.schoolButton a:hover
{
background:url(/images/button-bg-hover.gif) repeat-x #6debff bottom;
display:block;
width:200px;
margin:0;
padding:0;
color:white;
border:1px outset;
text-decoration:none;
}

table.unitTable {
border-collapse:separate;
border-spacing:10px;
width:98%;}

table.unitTable td {
height:60px;
vertical-align:middle;
background:#9BD4DB;
padding:10px;
border:1px solid #8abbc2;}

table.unitTable td a, div#content-data table.unitTable td a {
color:#006081;}

table.unitTable td.loggedout {
height:60px;
vertical-align:middle;
background:#cccccc;
padding:10px;
color:#999999;
border:1px solid #b3b3b3;}

table.unitTable td.loggedout a, div#content-data table.unitTable td.loggedout a {
color:#999999;}

table.unitTable th {
height:60px;
vertical-align:middle;
width:90px;
border:1px solid #3eacbd;}

h3.request {
clear:left;
border-bottom:2px solid white;}

table.searchTable {
font-size:80%;}

div#content-data h3 {
		font-size: 120%;
		font-weight: normal;
		margin: 22px 0px 5px 0px;
		padding: 0px 0px 0px 0px;
		color: #46c3d7;
		}

#home div#content-data h3 {
		font-size: 120%;
		font-weight: normal;
		margin: 0px 0px 5px 0px;
		padding: 0px 0px 0px 0px;
		color: #46c3d7;
		}

div#frog {
width:108px;
height:107px;
background:url(/images/landing-frog.gif) no-repeat;
position:relative;
margin-left:860px;
left:17px;
top:22px;
z-index:10;}

form#search-form {
display:inline;}