* {
	margin: 0;
	padding: 0;
}
.blue{
color:#1266A5;
}
body {
	background-color: #22160C;
	color: #8A8A8A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93.75%; /* default font size converted to 15px*/
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

.container {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	position: relative;
	text-align: left; /* this overrides the text-align: center on the body element. *//*border:solid 1px green;*/
}

.containerWide {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	position: relative;
	text-align: left; /* this overrides the text-align: center on the body element. *//*border:solid 1px green;*/
}

div.clear {
	clear: both;
	height:0px;
	overflow:hidden;
}

/*    Style    */

h1, h2, h3, h4, h5, h6 {
	margin: 20px 0 15px 0;
	color: #1266A5;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
}

h1 { /* 34px */
	margin: 10px 0 15px 0;
	border-bottom: 2px solid #1266A5;
	font-size: 226.66666666667%;
}

h2 { /* 26px */
	margin: 15px 0 5px 0;
	font-size: 173.33333333333%;
}

h3 { /* 17px */
	margin: 15px 0 5px 0;
	color: #8A8A8A;
	font-size: 113.33333333333%;
	font-weight: bold;
}

h4 { /* 17px */
	margin: 10px 0 5px 0;
	font-size: 113.33333333333%;
}

h2 a, h1 a {
	color: #1266a5;
}

p, li {
	margin-bottom: 7px;
	line-height: 130%;
}

.quote {
	padding-left: 50px;
	display: block;
	background: url(../images/quote.gif) no-repeat top left;
	font-style: italic;
}

.big {  /* 16px */
	margin-bottom: 0;
	font-size: 106.666666667%;
}

.small {  /* 14px */
	margin-bottom: 0;
	font-size: 93.333333333%;
}

.smaller {  /* 12px */
	margin-bottom: 0;
	font-size: 80%;
}

.smallest {  /* 11px */
	margin-bottom: 0;
	font-size: 73.333333333%;
}

ul {
	list-style-type: none;
}

li {
	padding-left: 25px;
	background: url(../images/bullet.gif) no-repeat 0 5px;
}

a {
	color: #6D99C5;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.more {
	margin-bottom: 20px;
	padding-right: 25px;
	height: 20px;
	display: block;
	background: url(../images/more.gif) no-repeat center right;
	color: #1266A5;
	font-weight: bold;
	text-align: right;
}

img {
	border: none;
}

hr {
	height:1px;
	border:none;
	color:#d4d4d4;
	background-color:#d4d4d4;
}

/* IE6 png fix*/
/*a, div, img, li*/
a, div.input-field, div.input-right, div.input-right.narrow, div.input-field.narrow, .input-submit, img, li {
	behavior: url(templates/default/css/iepngfix.htc);
}


::selection {
 background: #6D99C5;
 color: #FFF;
}

::-moz-selection {
 background: #6D99C5;
 color: #FFF;
}

.input-right {
	padding-right: 5px;
	height: 27px;
	display: inline-block;
	background: url(../images/input-right.png) no-repeat center right;
}

#right div.input-right-narrow {
	width: 155px;
	height: 27px;
	padding:0px 5px 0px 0px;
	background: url(../images/input-right.png) no-repeat center right;
	display: inline-block;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	overflow:hidden;
}

.input-field {
	width: 260px;
	height: 27px;
	display: inline-block;
	position: relative;
	background: url(../images/input-left.png) no-repeat center left;
}

.input-field input {
	width: 245px;
	position: absolute;
	top: 5px;
	left: 10px;
	background: #FFF;
	border: none;
	color: #8A8A8A;
	font-size: 14px;
}

#right div.input-field-narrow {
	width: 155px;
	padding:0px;
	margin:0px;
	background: url(../images/input-left.png) no-repeat center left;
	height: 27px;
	display: inline-block;
	position: relative;
	overflow:hidden;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

.input-field-narrow input {
	width: 140px;
	position: absolute;
	top: 5px;
	left: 10px;
	background: #FFF;
	border: none;
	color: #8A8A8A;
	font-size: 14px;
}

.input-select {
	width: 260px;
	height: 27px;
	display: inline-block;
	position: relative;
	background: url(../images/input-left.png) no-repeat center left;
}

.input-select select {
	margin: 0;
	padding: 0;
	width: 254px;
	position: absolute;
	top: 4px;
	left: 6px;
	background: #FFF;
	border:none;
	color: #8A8A8A;
	font-size: 14px;
}

.input-select option {
	background: #FFF;
	border: none;
	color: #8A8A8A;
	font-size: 14px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
}

.input-submit {
	margin: 0 1px 1px 0;
	width: 104px;
	height: 31px;
	display: block;
	background: url(../images/input-button.png) no-repeat;
	border: none;
	color: #555;
	font-size: 13px;
	text-decoration: none;
}

.input-submit.large {
	width: 208px;
	background: url(../images/input-button-large.png) no-repeat;
}

.input-submit.narrow {
	width: 158px;
	background: url(../images/input-button-narrow.png) no-repeat;
}

.input-submit:hover {
	margin: 1px 0 0 1px;
}

label.error {
	color: red;
}

.valid {
	color: green;
}

/*    Head    */

#tabs {
	display: none;
}

.ui-tabs .ui-tabs-hide {
	display: none;
}

#tabs p {
	color: #FFF;
}

div.ui-tabs-panel {
	background: #0F3246;
}

.ui-tabs-nav {
	margin:0 auto;
	width: 1000px;
	display: block;
	position: relative;
	top: 0px;
	overflow: visible;
	z-index: 10;
	list-style-type: none;
}

.ui-state-default, .ui-state-active {
	margin: 0 0 0 -20px;
	padding: 0;
	width: 139px;
	height: 30px;
	display: block;
	float: right;
	background: url(../images/tab-mid.png) no-repeat center;
	font-size: 80%;
	font-weight: bold;
	line-height: 26px;
	text-align: center;
}

.ui-state-active {
	background: url(../images/tab-dark.png) no-repeat center;
	position: relative;
	z-index: 10;
}

.ui-tabs-nav a {
	width: 100%;
	height: 100%;
	display: block;
	color: #FFF;
	text-decoration: none;
}

.ui-tabs-nav a:hover {
	color: #FFF;
	text-decoration: none;
}

#header {
	padding-bottom: 25px;
	height: 215px;
	position: relative;
	background: url(../images/landscape-repeat.png) repeat-x top center;
	margin-top:-30px;/*border:solid 1px pink;*/
}

#logo {
	width: 208px;
	height: 84px;
	position: absolute;
	left: 10px;
	top: 55px;
}

#nav {
	position: absolute;
	top: 170px;
	text-transform: lowercase;
}

#nav li {
	padding: 0;
	float: left;
	background: none;
	font-size: 120%;
}

#nav a {
	padding: 7px 15px;
	text-decoration: none;
}

#nav a:hover, #nav a.current, #activeSection a {
	color: #1266A5;
}

#tree {
	width: 178px;
	height: 166px;
	position: absolute;
	top: 40px;
	right: 0;
}

.box {
	margin: 0;
	padding: 15px 20px;
	background: #EBEBEB;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.box#water-cost {
	text-align: center;
}

.box h3 {
	margin: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 133.333333333%;
	font-weight: normal;
	text-align: center;
}

.box h4 {
	margin: 0 0 0 180px;
	text-align: left;
}

.box .row {
	margin: 5px 30px 15px 0;
	clear: both;
	overflow: hidden;
	text-align: right;
}

.box .row label {
	width: 155px;
	display: block;
	float: left;
	line-height: 27px;
}

.box .row .checkbox {
	margin: 8px 0 0 20px;
	float: left;
}

.box .row .checkbox-desc {
	margin-top: 4px;
	width: 240px;
	display: block;
	float: right;
	text-align: left;
}

/*    Home    */

#home-left {
	margin: 20px 0 0 20px;
	width: 670px;
	display: inline;
	float: left;
	overflow: hidden;
}

#home-left h1 {
	margin-right: 20px;
}

#home-left h2 {
	margin: 0;
	font-size: 146.66666666667%;
	line-height: 110%;
}

#home-left p {
	margin-right: 30px;
}

#home-head img {
	margin-bottom: 10px;
}

#home-left .news-item {
	margin-right: 20px;
	width: 315px;
	float: left;
}

#home-left .news-item h2 {
	margin-top: 3px;
}

#home-left .news-item h2 a {
	display: block;
	color: #1266A5;
}

#home-left .news-item p {
	margin-right: 10px;
}

#home-left .news-item .date {
	margin: 0;
}

#home-right {
	margin: 20px 20px 0 0;
	width: 280px;
	display: inline;
	float: right;
	overflow: hidden;
}

#home-right p {
	margin-bottom: 0;
}

#home-right a {
	margin-bottom: 20px;
	display: block;
}

/*    Main    */

#main {
	padding-bottom: 30px;
	background: #FFF url(../images/main-top.png) no-repeat;
	width: 1000px;
	/*border:solid 1px orange;*/
	overflow:hidden;/*	behavior: url(templates/default/css/border-radius.htc);*/
}

#sw-breadcrumbs {
	padding: 10px 0 7px 20px;
	font-size: 93.333333333%;
}

span.breadcrumb-divider {
	background: url(../images/bullet.gif) no-repeat center center;
}

#head-images {
	margin-left: 20px;
	height: 200px;
	overflow: hidden;
}

.img-box {
	margin-right: 20px;
	float: left;
}

.news-img {
	margin: 0;
	padding: 0;
	width: 315px;
	height: 175px;
	display: block;
}



.wp-post .news-img {
	margin: 4px 10px 0 0;
	float: left;
}

/*    Left    */

#left {
	margin: 20px 0 0 20px;
	width: 195px;
	display: inline;
	float: left;
	overflow: hidden;
}

#left ul li.expanded ul {
	margin-top: 7px;
}

#left ul a {
	color: #8A8A8A;
}

#left ul li.selected a {
	color: #6D99C5;
}

#left ul li.selected ul li a {
	color: #8A8A8A;
}

#left ul li.selected {
	background-image: url(../images/bullet-6D99C5.gif);
}

/*    Mid    */

#mid {
	margin-left: 20px;
	width: 515px;
	float: left;
}

/*    Right    */

#right {
	padding-right: 20px;
	width: 200px;
	float: right;
}

#right div.box {
	margin-top: 20px;
	padding: 20px;
	width: 160px;
	background: #EBEBEB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;/*	behavior: url(templates/default/css/border-radius.htc);*/
}

#right img {
	margin-top: 20px;
}

#right h3 {
	margin: 0 0 4px 0;
	color: #8A8A8A;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

#right p {
	margin: 0;
	color: #A5A5A5;
	font-size: 80%;
	text-align: left;
}

/*    Footer    */

#footer {
	height: 153px;
	margin: 0 0 40px 0;
	padding: 20px 20px 0 20px;
	background: url(../images/footer.png) no-repeat;
}

#footer-left {
	width: 310px;
	float: left;
}

#footer-mid-left {
	width: 230px;
	float: left;
}

#footer-mid-right {
	margin-top: 52px;
	width: 130px;
	float: left;
	text-align: right;
}

#footer-right {
	width: 200px;
	float: right;
}

#footer-logo {
	margin: 25px 0 15px 0;
	width: 159px;
	height: 64px;
	display: block;
}

#footer h4 {
	margin: 20px 0 10px 0;
	color: #42749D;
	font-size: 146.666666667%;
	color:white;
}

#footer p {
	margin: 0;
	color: #42749D;
	line-height: 110%;
}

#footer p.small {
	font-size:75%;
	line-height:140%;
}

#footer p.big {
	margin-bottom:3px;
}

#footer a {
	color: #42749D;
}

#facebook-icon, #twitter-icon, #vimeo-icon, #flickr-icon, #youtube-icon {
	margin-left: 3px;
	width: 24px;
	height: 24px;
	display: inline-block;
	background: no-repeat top left;
}

#facebook-icon {
	background-image: url(../images/facebook.png);
}

#twitter-icon {
	background-image: url(../images/twitter.png);
}

#vimeo-icon {
	background-image: url(../images/vimeo.png);
}

#flickr-icon {
	background-image: url(../images/flickr.png);
}

#youtube-icon {
	background-image: url(../images/youtube.png);
}

/*    Form validation    */

.formError {
	position:absolute;
	top:300px;
	left:300px;
	padding-bottom:13px;
	display:block;
	z-index:5000;
}

#debugMode {
	background:#000;
	position:fixed;
	width:100%;
	height:200px;
	top:0;
	left:0;
	overflow:scroll;
	opacity:0.8;
	filter:alpha(opacity=80);
	display:block;
	padding:10px;
	color:#fff;
	font-size:14px;
	z-index:100000;
}

.formError .formErrorContent {
	width:100%;
	background:#222;
	color:#fff;
	width:150px;
	font-size:11px;
	text-align: left;
	padding: 4px 15px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.greenPopup .formErrorContent {
	background:#33be40;
}

.blackPopup .formErrorContent {
	background:#393939;
	color:#FFF;
}

.formError .formErrorArrow {
	position:absolute;
	bottom:0;
	left:20px;
	width:15px;
	height:15px;
	z-index:5001;
}

.formError .formErrorArrowBottom {
	top:0;
	margin:-6px;
}

.formError .formErrorArrow div {
	font-size:0px;
	height:1px;
	background:#222;
	margin:0 auto;
	line-height:0px;
	font-size:0px;
	display:block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background:#33be40;
}

.blackPopup .formErrorArrow div {
	background:#393939;
	color:#FFF;
}

.formError .formErrorArrow .line10 {
	width:15px;
	border:none;
}

.formError .formErrorArrow .line9 {
	width:13px;
	border:none;
}

.formError .formErrorArrow .line8 {
	width:11px;
}

.formError .formErrorArrow .line7 {
	width:9px;
}

.formError .formErrorArrow .line6 {
	width:7px;
}

.formError .formErrorArrow .line5 {
	width:5px;
}

.formError .formErrorArrow .line4 {
	width:3px;
}

.formError .formErrorArrow .line3 {
	width:1px;
}

.formError .formErrorArrow .line2 {
	width:3px;
	border:none;
	background: none;
}

.formError .formErrorArrow .line1 {
	width:1px;
	border:none;
	background: none;
}

/*    CMS    */

body.mceContentBody {
	background: #FFFFFF;
	text-align:left;
	margin:0px;
	color:black;
	font-size:80%;
}

.mceContentBody a {
	color: black !important; /* FF requires an important here */
	text-decoration:underline;
}

#swheadermenu p {
	font-size: 10px;
	z-index:20;
}

/*  Events  */


.event-homepage-item {
	border-bottom:1px solid #DDD;
}

.event-homepage-date {
	margin-top: 15px;
	float: left;
	width: 35px;
	background-color: #EBEBEB;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #8A8A8A;
}

.event-homepage-date-box {
	padding: 3px;
	width: 29px;
	text-align: center;
}

.event-homepage-date-day {
	color: #1266a5;
	font-size: 20px;
	font-weight: bold;
}

.event-homepage-date-month {
	font-size: 9px;
	text-transform: uppercase;
}

.event-homepage-dates-info {
	margin-left: 20px;
	width: 460px;
	float: left;
}

.events-calendar {
	width:100%;
	border:1px solid #CCC;
}

.events-calendar th {
	border:1px solid #CCC;
	background-color:#CCC;
}

.events-calendar td {
	height:80px;
	vertical-align:top;
	width:14%;
	border:1px solid #CCC;
	padding:2px;
}

.events-calendar-day {
	width:100%;
	display:block;
	margin-bottom:4px;
	font-size:80%;
	color:black;
}

.events-calendar td p a {
	font-weight:normal;
	color:black;
	text-decoration:none;
	font-size:80%;
	border:1px solid #FEDE72;
	background-color:#FFC;
	padding:1px;
	display:block;
	margin-bottom:2px;
}

.events-calendar td p a:hover {
	text-decoration:none;
	background-color:#FEDE72;
}

.events-calendar td p {
	margin:0px;
	padding:0px;
}

.events-calendar td p a.alt {
	font-weight:normal;
	color:black;
	text-decoration:none;
	font-size:80%;
	border:1px solid #75BAFF;
	background-color:#DEF;
	padding:1px;
	display:block;
	margin-bottom:2px;
}

.events-calendar td p a:hover.alt {
	text-decoration:none;
	background-color:#75BAFF;
}

td.calendar-blank-day {
	background-color:#DADADA;
}

/* Forms  */

label {
	width:150px;
	float:left;
}

.fieldError {
	border:1px solid red;
}

.form-field-wrapper {
	clear:both;
	margin-bottom:5px;
}

.input-tiny {
	width:50px;
}

.input-small {
	width:10px;
}

.input-medium {
	width:175px;
}

.input-large {
	width:300px;
}

.input-extralarge {
	width:450px;
}


/*    Facebox    */

#facebox .b {
	background:url(../images/b.png);
}

#facebox .tl {
	background:url(../images/tl.png);
}

#facebox .tr {
	background:url(../images/tr.png);
}

#facebox .bl {
	background:url(../images/bl.png);
}

#facebox .br {
	background:url(../images/br.png);
}

#facebox {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	text-align: left;
}

#facebox .popup {
	position: relative;
}

#facebox table {
	border-collapse: collapse;
}

#facebox td {
	border-bottom: 0;
	padding: 0;
}

#facebox .body {
	padding: 0 20px 10px 20px;
	background: #fff;
}

#facebox .loading {
	text-align: center;
}

#facebox .image {
	text-align: center;
}

#facebox img {
	border: 0;
	margin: 0;
}

#facebox .footer {
	border-top: 1px solid #DDDDDD;
	padding-top: 5px;
	margin-top: 10px;
	text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
	height: 10px;
	width: 10px;
	overflow: hidden;
	padding: 0;
}

#facebox_overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.facebox_hide {
	z-index:-100;
}

.facebox_overlayBG {
	background-color: #000;
	z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
	position: absolute;
 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#facebox h2 {
	text-align: center;
}

#facebox .label {
	padding-right: 20px;
	width: 150px;
	line-height: 140%;
	text-align: right;
	vertical-align: top;
}

#facebox .value {
	width: 230px;
	line-height: 140%;
	vertical-align: top;
}

#facebox .submit-facebox {
	float: right;
}

.facebox-footer {
	padding-top: 5px; 
	width: 100%;
	border-top: 1px solid #DDD;
	text-align: center;
}

#facebox .content {
	width: 400px;
}

#donation-links td {
	padding: 10px;
}

#donation-links p {
	margin: 0;
}

/*    Twitter feed    */

#twtr-widget-1 {
	margin-top: 20px !important;
}

.twtr-profile-img {
	margin-top: 0 !important;
}

.twtr-hd h3 {
	display: none !important;
}

.twtr-hd h4 {
	font-size: 110% !important;
}

.twtr-tweet-text p {
	font-size: 100% !important;
}

.twtr-ft img {
	margin-top: 0 !important;
}

.twtr-ft span {
	display: none !important;
}