/* CSS Document */
* {
	padding: 0px;
	margin: 0px;
	outline: none; outline: 0px; /* I can't __STAND__ the outline */
	}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	background:#1c1c1c;
	}
.bodyWrapper {
	width: 975px;
	margin: 0 auto;
	}
a:link,
a:active,
a:visited {
	color: #fff;
	text-decoration: none;
	border-bottom:1px dotted #FFFF66;
	}	
a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom:1px solid #FFFF00;
	}	
.mouseOver {
	background: #fff;
	color: #000;
	text-align: center;
	padding: 1px 5px;
	font-size: .8em;
	border: 2px solid #f8ad3a;
	}
/*-----------------------------------------------------------------
 Header & Links
-----------------------------------------------------------------*/
.frontHeaderLogo {
	float: left;
	width: 710px;
	}
.miniLogo {
	margin: 10px auto;
	clear: both;
	display: block;
	text-align: center;
	}
.topHeaderLogo {
	width: 970px;
	margin: 0px auto;
	padding: 20px 0px 20px;
	}
.topHeaderLogo h1 {
	background: url(../images/layout/climateChangeLogo.gif) no-repeat;
	position: relative;;
	text-align: center;
	width: 868px;
	height: 51px;
	padding: 0px;
	text-indent: -9999px;
	color: #fff;
	}
.topHeaderLogo a:link,
.topHeaderLogo a:active,
.topHeaderLogo a:visited,
.topHeaderLogo a:hover {
	text-decoration: none;
	border-bottom: none; border-bottom: 0px;
	cursor: pointer;
	cursor: hand;
	}
.frontHeaderLinks {
	width: 260px;
	float: left;
	}
.linksColumn {
	float: left;
	width: 130px;
	margin: 0px 0px 2px 0px;
	}
.frontPageLinks {
	margin: 0px; 
	padding: 0px; 
	height: 91px; 
	list-style-type: none; 
	display: inline;
	}
.frontPageLinks li {
	margin:0px; 
	padding:0px; 
	list-style:none;
	display: inline;
	}
.frontPageLinks a {
	float:left; 
	margin:0px 0px 5px 5px; 
	padding:91px 0 0 0; 
	overflow:hidden; 
	height: 0px !important; 
	text-indent:-9000px;
	border-bottom: none;
	text-decoration: none;
	}
.frontPageLinks a:link,
.frontPageLinks a:active,
.frontPageLinks a:visited,
.frontPageLinks a:hover {
	border-bottom: 0px; border-bottom: none;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;	
	}
/*-----------------------------------------------------------------
 Subpage Links
-----------------------------------------------------------------*/
.subHeaderLinks {
	margin: 0px; 
	padding: 0px 5px 0px 0px; 
	width: 170px;
	}
.subHeaderLinksTop {
	background: url(../images/layout/navHeaderBG.gif) no-repeat;
	width: 170px;
	height: 17px;
	}
.subHeaderLinksBottom {
	background: url(../images/layout/navFooterBG.gif) no-repeat;
	width: 170px;
	height: 17px;	
	margin: 0px 0px 7px 0px;
	}
.subHeaderBG {
	background: url(../images/layout/navBG.gif) repeat;
	width: 170px;
	}
.subHeaderWrapper {
	width: 170px;
	}
.subHeaderWrapper ul, 
.subHeaderWrapper li {
	margin: 0;
	list-style-type: none;
	text-transform: uppercase;
	font-size: .90em;
	font-weight: bold;
	letter-spacing: -1px;
	}
.subHeaderWrapper li.calendarKey,
.subHeaderWrapper li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	color: #3a3a3a;
	text-decoration: none;
	border-bottom: none;
	}
.subHeaderWrapper li a:link,
.subHeaderWrapper li a:active,
.subHeaderWrapper li a:visited {
	text-decoration: none;
	border: none; border: 0px;
	color: #3a3a3a;
	}
.subHeaderWrapper li a img {
	border: none; border: 0px;
	text-decoration: none;
	vertical-align: middle;
	padding-right: 8px;
	}
html>body .subHeaderWrapper li a { 
	width: auto; 
	}
.subHeaderWrapper li a:hover {
	background-color: #a9a9a9;
	color: #fff;
	text-decroration: none;
	border: 0px;border:none;
	}

/*-----------------------------------------------------------------
 Key
-----------------------------------------------------------------*/	
.keyColor {
	width: 16px;
	padding: 0px 8px;
	margin-right: 8px;
	}
.keyTitle {
	margin-left: 8px;
	}
.subHeaderWrapper li.keyTop a,
.subHeaderWrapper li.keyTop {
	background: #a9a9a9;
	color: #fff;
	}
li.calendarKey img {
	vertical-align: middle;
	}

#pageNews #sublinkNews,
#pageCalendar #sublinkCalendar,	
#pageLinks #sublinkLinks,	
#pageGallery #sublinkGallery,
#pageDocuments #sublinkDocuments,
#pageAbout #sublinkAbout,
#pageDistrictActions #sublinkDistrictActions,
#pageContact #sublinkContact,
.subHeaderWrapper li.current-cat a,
.subHeaderWrapper li a:hover {
	background: #a9a9a9;
	color: #fff;
	}	
/*-----------------------------------------------------------------
 Menu Links
-----------------------------------------------------------------*/
#linkCalendar a:hover,
#linkNews a:hover,
#linkGallery a:hover,
#linkDistrictActions a:hover,
#linkDocuments a:hover,
#linkLinks a:hover,
#linkAbout a:hover,
#linkContact a:hover {
	background-position: 0 -91px;
	}
#linkCalendar a {
	width: 121px; 
	background:url(../images/layout/links/calendar.gif) top left no-repeat;
	}	
#linkNews a {
	width: 121px; 
	background:url(../images/layout/links/news.gif) top left no-repeat;
	}	
#linkGallery a {
	width: 121px; 
	background:url(../images/layout/links/gallery.gif) top left no-repeat;
	}	
#linkContact a {
	width: 121px; 
	background:url(../images/layout/links/contact.gif) top left no-repeat;
	}	
#linkDistrictActions a {
	width: 121px; 
	background:url(../images/layout/links/districtActions.gif) top left no-repeat;
	}	
#linkDocuments a {
	width: 121px; 
	background:url(../images/layout/links/documents.gif) top left no-repeat;
	}
#linkLinks a {
	width: 121px; 
	background:url(../images/layout/links/links.gif) top left no-repeat;
	}
#linkAbout a {
	width: 121px; 
	background:url(../images/layout/links/about.gif) top left no-repeat;
	}

/*-----------------------------------------------------------------
 Small BlueBox
 ** I need to redo the boxes & apply the sliding doors trick
 ** which would allow me to create any size box i need. 
 ** someday... someday...
-----------------------------------------------------------------*/

.blueBoxWrapper {
	margin: 0px 0px 0px 2px;
	padding: 0px;
	width: 482px;
	float: left;
	z-index: 0;
	}
	
.fixedLarge {
	height: 335px;
	min-height: 335px !important;
	overflow: hidden;
	}
	
.fixedSmall {
	height: 141px;
	max-height: 141px !important;
	overflow: hidden;
	}
	
.blueBoxWrapper h1 {
	background: url(../images/layout/blueLargeH1.gif) no-repeat;
	position: relative;
	width: 442px;
	height: 22px;
	margin: 0px;
	padding: 17px 20px 0px 20px;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	color: #fff;
	letter-spacing: -1px;
	border: none; border: 0px;
	z-index: 10;
	}

.blueBoxWrapper h1 a {	
	position: absolute;
	top: 12px;
	right: 9px;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	border: none; border: 0px;
	z-index: 10;
	}

.blueBoxBodyWrapper {
	background: url(../images/layout/blueLargeBG.gif) repeat;
	margin: 0px;
	padding: 0px 13px;
	width: 456px;
	height: 142px;
	max-height: 162x !important;
	heigh\t: 162px;
	overflow-x: hidden;
	overflow-y: hidden;
	z-index: 0;
	}

html>body .blueBoxBodyWrapper 	{
	overflow: hidden;
	}
	
.blueBoxCalendarWrapper {
	background: url(../images/layout/blueLargeBG.gif) repeat;
	margin: 0px;
	padding: 0px 13px;
	width: 456px;
	height: 355px;
	heigh\t: 355px;
	overflow-x: hidden;
	overflow-y: hidden;
	z-index: 0;
	}
	
html>body .blueBoxCalendarWrapper	{
	overflow: hidden;
	}
	
.blueBoxPOTWWrapper {
	background: url(../images/layout/blueLargeBG.gif) repeat;
	margin: 0px;
	padding: 0px 13px;
	width: 456px;
	height: 141px;
	max-height: 141px !important;
	overflow: hidden;
	z-index: 3;
	}
.POTWImg {
	height: 141px;
	max-height: 141px;
	width: 100%;
	text-decoration: none;
	outline: none;
	border: none; border: 0px;
	z-index: 4;
	cursor: pointer;
	cursor: hand;
	}
a .POTWImg {
	border: none; border: 0px;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	}
.blueBoxFooter {
	background: url(../images/layout/blueLargeFooter.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	width: 482px;
	height: 14px;
	z-index: 10;
	position: relative;
	z-index: 10;	
	}
.blueBoxWrapper #newsbg {
	background: url(../images/icons/feed.png) no-repeat;
	}
.newsDate {
	text-align: right;
	color: #355881;
	font-size: .70em;
	}
/*-----------------------------------------------------------------
 Expanded BlueBox
-----------------------------------------------------------------*/
.blueBoxWrapperExp {
	margin: 0px 0px 10px 2px;
	padding: 0px;
	width: 796px;
	float: left;
	z-index: 0;
	}
.blueBoxWrapperExp h1 {
	background: url(../images/layout/blueLargeExpH1.gif) no-repeat;
	position: relative;
	width: 756px;
	height: 20px;
	margin: 0px;
	padding: 17px 20px 0px 20px;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	color: #fff;
	letter-spacing: -1px;
	border: none; border: 0px;
	}
.blueBoxWrapperExp h1 a {	
	position: absolute;
	top: 12px;
	right: 9px;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	border: none; border: 0px;
	}
.blueBoxBodyWrapperExp {
	background: url(../images/layout/blueLargeExpBG.gif) repeat;
	margin: 0px;
	padding: 10px 20px;
	width: 756px;
	height: 310px;
	min-height: 310px !important;
	z-index: 1;
	}
.blueBoxCalendarWrapperExp {
	background: url(../images/layout/blueLargeExpBG.gif) repeat;
	margin: 0px;
	padding: 0px 13px;
	width: 770px;
/*	min-height: 310px !important; */
	min-height: 250px !important;
	overflow: hidden;
	}
.blueBoxFooterExp {
	background: url(../images/layout/blueLargeExpFooter.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	width: 796px;
	height: 24px;
	}
	
.blueBoxPOTWWrapperExp {
	background: url(../images/layout/blueLargeExpBG.gif) repeat;
	margin: 0px;
	padding: 0px 13px;
	width: 770px;
/**	min-height: 330px !important;	**/
	overflow: hidden;
	z-index: 3;
	}
	
.POTWImgExp {
	height: 330px;
	width: 770px;
	text-decoration: none;
	outline: none;
	border: none; border: 0px;
	background: url(../images/ajax-loader.gif) center center no-repeat;
	}

a .POTWImgExp {
	border: none; border: 0px;
	text-decoration: none;
	}
	
/*-----------------------------------------------------------------
 Gallery Thumbs
-----------------------------------------------------------------*/
#POTWDisplay {
	width: 770px;
	}
	
#POTWDisplay .loadingImg {
	display: block;
	margin: 100px auto 160px auto;
	padding: 0px;
	vertical-align: middle;
	}
	
#POTWGroup {
	width: 100%;
	margin: 0 auto;
	}
	
.POTWWrapper {
	width: 60px;
	height: 60px;
	float: left;
	border:2px solid #fff;
	margin: 20px 5px;
	padding: 0px;
	cursor: pointer;
	cursor: hand;
	}

.POTWWrapper:hover {
	cursor: pointer;
	cursor: hand;
	border: 2px solid #f8ad3a;
	}

a.actualSize,
a.actualSize:link,
a.actualSize:active,
a.actualSize:visited {
	color: #355881;
	font-size: .70em;
	margin: 0px 5px;
	font-weight: normal;
	border-bottom: none; border-bottom: 0px;
	text-decoration: none;
	}
	
a.actualSize:hover {
	text-decoration: underline;
	}
	
.POTWWrapper img {
	display: block;
	margin: 0px;
	padding: 0px;
	}
	
.POTWCurrent {
	filter:alpha(Opacity=50);
	}

.linksList {
	list-style-type: none;
	}

.linksList li ul {
	margin-bottom: 20px;
	}

.linksList li ul li {
	padding: 2px 5px;
	list-style-type: none;
	font-size: .9em;
	background-color: #288ee5;
	}
/*-----------------------------------------------------------------
 subWrapper
-----------------------------------------------------------------*/
.subWrapper {
	width: 100%;
	}	
.subWrapper h2 {
    height: 22px;
	background-color: #D8E2EC;
	text-align: left;
	vertical-align: middle;
    margin: 0px;
	line-height: 22px;
	font-size: .90em;
	font-weight: Bold;
	color: #355881;
	letter-spacing: -1px;
	padding: 2px;
	border: 1px solid #fff;
	}
.subWrapper h2 a:link,
.subWrapper h2 a:active,
.subWrapper h2 a:visited {
	text-decoration: none;
	border: 0px; border: none;
	color: #355881;
	}
.subWrapper h2 a:hover {
	text-decoration: underline;
	border: 0px; border: none;
	}
.subWrapper p {
	color: #fff;
	font-size: .9em;
	line-height: 20px;
	padding: 0px 2px;
	margin-bottom: 20px;
	}
html>.subWrapper p .address {
	margin-bottom: 20px;
	}
.newsContent img {
	float: right;
	border:1px solid #fff;
	margin: 5px;
	}
.subWrapperTable {
	background-color: #FFFFFF;
	border: 0px; border:none;
	width: 770px;
	table-layout: fixed;
 }
 
.subWrapperRowHeader {
	font-size: 9px; 
	font-weight: Bold; 
	color: #FFFFFF;
    height: 14px;
	background-color: #455678;
	text-align: center;
	vertical-align: middle;
	}
.subNewsNav{
	font-size: 9px; 
	font-weight: Bold; 
	color: #FFFFFF;
    height: 14px;
	background-color: #455678;
	vertical-align: middle;
	}
	
	
.subWrapperRow {
	font-size: .65em;
	color: #433D27;
	text-align: center;
	vertical-align: middle;
	background-color: #f7f7f7;
	}
.subWrapperRow td {
	padding: 10px 5px ;

	}

.odd {
	background-color: #eee;
	}

.subWrapperRow a img.extImg {
	display: block;
	margin: 0 auto;
	border: 0px; border: none;
	text-decoration: none;
	}
	
.titleDate {
	font-size: .65em;
	font-weight: normal;
	padding-left: 10px;
	}
	
.archiveFloatBox {
	float: right;
	width: 200px;
	padding: 5px;
	background: #ccffff;
	}
	

/*-----------------------------------------------------------------
 Front Calendar
-----------------------------------------------------------------*/
#easyCalender {
	margin: 0px 0px;
	}
	

#butts {
	height: 350px;
	}
	
#arrow_up {
	background: url(../images/layout/arrowDown.jpg) no-repeat; 
    width:14px;
    height:14px; 
	margin: 0px;
	float: left;
 }

#arrow_dn {
	background: url(../images/layout/arrowUp.jpg) no-repeat; 
    width:14px;
    height:14px; 
	margin: 0px;
	float: left;
	}

#arrow_up:hover {
	background: url(../images/layout/arrowDown_over.jpg) no-repeat;
	cursor: pointer;
	cursor: hand;
	}
	
#arrow_dn:hover {
	background: url(../images/layout/arrowUp_over.jpg) no-repeat;
	cursor: pointer;
	cursor: hand;
	}
.tableListings {
	width: 438px;
	background-color: #FFFFFF;
	border-top: 1px solid #fff;
	table-layout: fixed;
	margin: 0px;
	}
.tableDate {
	height: 22px;
	background-color: #D8E2EC;
	text-align: left;
	vertical-align: middle;
	margin: 4px 0px;
	font-size: .80em;
	font-weight: Bold;
	color: #355881;
	letter-spacing: -1px;
	border: 1px solid #fff;
	}
.tableTitle {
	font-weight: Bold; 
	background-color: #288ee5;
	height: 14px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	padding: 2px;
	color: #fff;
	font-size: .7em;
	}
.tableCategory {
	width: 8px;
	}
.tableDescr {
	color: #fff;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	}
.newDate,
.newTime {
	padding: 2px;
	}
.newTime {
	font-size: .75em;
	font-weight: normal;
	padding-left: 10px;
	}
.newDate a:link,
.newDate a:active,
.newDate a:visited {
	color: #355881;
	text-decoration: none;
	border-bottom: 0px; border-bottom: none;
	}
.newDate a:hover {
	text-decoration: underline;
	border-bottom: 0px; border-bottom: none;
	}
/*-----------------------------------------------------------------
 Footer
-----------------------------------------------------------------*/
.footer {
	margin: 0px;
	padding: 30px 0px;
	clear: both;
	}

.footer p {
	color: #454545;
	text-align: center;
	font-size: .7em;
	}
	
/*-----------------------------------------------------------------
 Forms
-----------------------------------------------------------------*/


.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
	font-size: 1em;
}

.LV_valid {
    color:#00CC00;
	text-indent: -9000px;
	display: none;
}
	
.LV_invalid {
	font-size: 1em;
    color: #cc6699;
}
     
  
form span.outerBox input.LV_invalid_field, 
form span.outerBox input.LV_invalid_field:hover, 
form span.outerBox input.LV_invalid_field:active,
form span.outerBox select.LV_invalid_field,
form span.outerBox select.LV_invalid_field:hover, 
form span.outerBox select.LV_invalid_field:active,
form span.outerBox textarea.LV_invalid_field,
form span.outerBox textarea.LV_invalid_field:hover, 
form span.outerBox textarea.LV_invalid_field:active {
   border: 1px solid #cc6699;
    background: #fffa6f;
}

form div.forms {
	margin-bottom:20px;
	margin-top: 20px;
	padding-bottom:15px;
	border-bottom:1px dotted #ccc;
	width: 650px;
	}

form span.outerBox {
	position:relative;
	display:block;
	margin-left:175px;
	margin-right: 20px;
	margin-bottom: 7px;
	font-size: .8em;
	border: 1px solid #dedede;
	padding: 2px;
	background: #fff;
	color: #666;
	}

form div#formswrap:hover {
	background: #f3f8fe;
	}

form span.outerBox input,
form span.outerBox textarea {
	margin:0; 
	padding:4px 10px;
	font-size:14px;
	font-family:inherit;
	color:#111;
	background-color:#fbfbfb;
	border:1px solid #ccc;
	}

form span.outerBox select {
	margin:0; 
	padding:4px 0;
	font-size:14px;
	font-family:inherit;
	color:#454545;
	background-color:#fbfbfb;
	border:1px solid #ccc;
	}

form span.outerBox select option {
	padding-left: 10px;
	}

	
form span.outerBox input.standard,
form span.outerBox textarea.standard,
form span.outerBox file.standard{
	width: 95%;
	}
	
form span.outerBox select.standard {
	width: 99.5%;
	}

form span.outerBox input.medium,
form span.outerBox textarea.medium,
form span.outerBox select.medium {
	width: 40.5%;
	}

form span.outerBox input.small,
form span.outerBox textarea.small,
form span.outerBox select.small {
	width: 20.5%;
	}

* html form span.outerBox input.standard,
* html form span.outerBox textarea.standard,
* html form span.outerBox select.standard,
* html form span.outerBox file.standard {
	width: 95%;
	}

form span.outerBox input:focus,
form span.outerBox textarea:focus,
form span.outerBox select:focus {
	background-color:#FFF;
	}

form span.outerBox select[disabled] {	
	color: #ababab;
	background-color:#fbfbfb;
	}
	
form span.outerBox input[disabled] {	
	background-color:#dfdfdf;
	}

form span.outerBox textarea {
	height:18em;
	}

form label {
	float:left;
	display:block;
	width:175px;
	padding-left: 0px;
	margin:7px 0 0 0;
	font-size: 13px;
	color: #000;
	line-height: 12px;
	}

form span.eg {									
	display:block;
	margin-left:175px;							
	padding:3px 2px 0 2px;
	font-size: .75em;
	color: #990000;
	text-align: justify;
	}


/*-----------------------------------------------------------------
 ETC
-----------------------------------------------------------------*/
table tr.over td {
	background-color: #afc4df; 
	color: #000;
}
	
.clearBoth {
	clear: both;
	padding: 0px;
	margin: 0px;
	font-size: 1px;
	}
	
.hide{
    display:none;
	 }
 
.leftFloater {
	float: left;
	}
	
.topMargin {
	margin-top: 15px;
	}

.leftMargin {
	margin-left: 175px;
	}
.floatLeft {
	float : left;
	}
.floatRight {
	float: right;
	}

.divider {
	background:#258be4 url(../images/layout/divider.png) center no-repeat;
	width: 192px;
	height: 11px;
	margin: 10px auto;
	}
ul {
	color:white;
	padding-left:2em;
	}