@import url(https://fonts.googleapis.com/css?family=Raleway:300,500,600,700,800);

*{
    box-sizing:        border-box;
	-moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
}

html{
	padding: 0;
	margin: 0;
	border: 0;
}			
body{
	padding: 0;
	margin: 0;
	border: 0;
	font-family: Raleway;
	font-size: 100%;
	max-width: 100%;
	min-height: 100%;
}

h1{margin: 0 0 0.15rem 0; font-size: 2.2rem; font-weight: 700;}
h2{margin: 0 0 0.15rem 0; font-size: 1.5rem; font-weight: 500;}
h3{margin: 0 0 0.15rem 0; font-size: 1.6rem}

#page{
	position: relative;
	z-index: 3;
	left: 0px;
	top: 0px;
	padding: 6.4rem 0 0 0;
	transition: left 0.5s;
	-moz-transition: left 0.5s;
	-webkit-transition: left 0.5s;
	-o-transition: left 0.5s;
	box-shadow: -5px 0px 15px rgba(0,0,0,0.4);
	min-height: 100%;
}

.wrapper{
	width: 100%;
	min-height: 150%;
	margin: 0;
	padding: 0;
	position: relative;
	overflow-x: hidden;
	background-color: rgb(115,146,202); /*---------- MOBILE NAV BACKGROUND COLOR -------------*/
}


/*--------------------------------------------- TITLE ------------------------------------------------*/		


.header-contact{
	border-top: 0.6rem solid rgb(21,51,111);
	box-shadow: 0px -5px 15px rgb(0 0 0 / 60%);
	background-color: #F26C3A;
	color: white;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1em;
	white-space: nowrap;
}
.header-contact>div:nth-of-type(2){
	text-align: right;
}
	.titleContainer{
		padding: 0;
		min-width: 300px;
		width: 100%;
		background-image: url(../images/title-back-valley.jpg);
		background-size: 100% auto;
		background-attachment: fixed;
		background-position: top center;
	}

	.title{
		margin: 0;
		padding: 0;
		padding-bottom: 25%;
		overflow:hidden;
		position: relative;
	}
		.title img{
			position: absolute;
			top: 50%;
			left: 50%;
			-o-transform: translate(-50%,-50%);
			-moz-transform: translate(-50%,-50%);
			-webkit-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
			max-height: 90%;
			width: auto;
			min-width: 200px;
		}
	
	
/*----------------------------------- ANIMATED CSS ONLY NAV -----------------------------------------*/

.respNavContainer{
	position: fixed;
	top: 0;
	left: 0;
	z-index:3;
		background-color: rgb(242,108,58);
	width: 100%;
	height: 6.4rem;
	font-size: 1.0rem;
	min-width: 300px;
	border-bottom: 0.6rem solid rgb(21,51,111);
	box-shadow: 0px 5px 15px rgba(0,0,0,0.6);
}


	.respNavContainer>div{
		position:relative;
		display: inline-block;
		margin: 0 auto;
		height: 6.4rem;
	}
		.respNavContainer>div>img{
			position: relative;
			float:left;
			left: 0;
			top: 45%;
			-o-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			height: 95%;
			-o-transition: opacity 1s, margin-right 1s;
			-moz-transition: opacity 1s, margin-right 1s;
			-webkit-transition: opacity 1s, margin-right 1s;
			transition: opacity 1s, margin-right 1s;
			cursor: pointer;
			opacity: 1;
			margin-right: 1rem;
		}
		.respNavContainer>div>img.hiddenLogo{
			margin-right: -10rem;
			opacity: 0;
		}
		
		
	.respNavContainer ul.nav{
		display: inline-block;
		position: relative;
		margin: 0 auto;
			max-width: 100%;
			border: none;
			padding: 0;
	}
	.respNavContainer ul.nav>li:nth-of-type(1){display:none;}
		.respNavContainer ul.nav a{   /*-------------------PRIMARY NAV BUTTONS ------------------------*/
			display:table-cell;
			height: 6.4rem;
			line-height: 1.2rem;
			vertical-align: middle;
			text-decoration: none;
			padding: 0px 0.9rem;
			color: white;
			font-weight: 600;
		}
		.respNavContainer ul.nav a:not([href]){cursor: default}
		.respNavContainer ul.nav>li:hover>a, .respNavContainer ul.nav a.selected{
			background-color: rgba(0,0,0,0.1);;
			color:white;
		}
		.respNavContainer ul.nav>li{
			display: inline-block;
			color: white;
			margin: 0px 2px;
			text-align: center;
			height: 100%;
			position: relative;
			vertical-align: top;
		}
		.respNavContainer ul.nav>li>ul {
			display: block;
			visibility: hidden;
			opacity: 0;
			position: absolute;
			min-width: 100%;
			top: 100%;
			left: 0px;
			padding: 0.25rem;
			transition: opacity 0.5s;
			-moz-transition: opacity 0.5s;
			-webkit-transition: opacity 0.5s;
			-o-transition: opacity 0.5s;
			background: rgb(114,146,202);
			border-radius: 0 0 0.5rem 0.5rem;
			margin: 0;
			box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
		}
			.respNavContainer ul.nav>li:hover>ul{
				visibility:visible;
				opacity: 1;
			}
			.respNavContainer ul.nav>li ul>li {
				display:block;
				margin: 0px;
				white-space: nowrap;
				position: relative;
				min-width: 100%;
				line-height: 1.2rem;
			}
				.respNavContainer ul.nav>li ul>li a{   /*------------- FLYOUT NAV BUTTONS ---------------*/
					display:block;
					width: auto;
					height: auto;
					padding: 0.25rem 1rem;
					line-height: inherit;

						border-radius: 0px;
						box-shadow: none;
						background: none;
						color:white;
						font-size: 0.8rem;
						font-weight: 400;
				}
					.respNavContainer ul.nav>li ul>li a:hover, .respNavContainer ul.nav>li ul>li a.selected{
						background-color: rgb(76,112,175);
						color:white;
						border-left: none;
						border-right: none;
					}

						.respNavContainer ul.nav>li ul>li:first-of-type a{
							border-radius: 0px 0px;
						}
						.respNavContainer ul.nav>li ul>li:last-of-type a{
							border-radius: 0px 0px;
						}

		.respNavContainer ul.nav>li ul>li ul{
			visibility: hidden;
			opacity: 0;
			position: absolute;
			min-width: 100%;
			top: 5px;
			left: 100%;
			padding: 0px;
			transition: opacity 0.5s;
			-moz-transition: opacity 0.5s;
			-webkit-transition: opacity 0.5s;
			-o-transition: opacity 0.5s;
			background: linear-gradient(-40deg, silver, white, silver);
		}
		.respNavContainer ul.nav>li ul>li:hover>ul{
			visibility:visible;
			opacity: 0.95;
			background-color: rgb(255,255,255,0.15);
		}

	
	.mNavHeader{
		position: relative;
		text-align:center;
		color:white;
		background-color: rgb(75,0,0);
		font-weight: bold;
		font-size:1.4rem;
		padding: 5px 0px;
		border-bottom: outset 2px rgba(255,255,255,0.5);
		height: 36px;
	}
	
	
	.mobileNav{
		display: none;
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		z-index:1;
		padding-top: 0px;
		border-bottom: 1px solid rgba(255,255,255,0.1);
		border-top: 1px solid rgba(0,0,0,0.8);
	}
		.mobileNav ul{
			display:block;
			position: relative;
			margin: 0px;
			padding: 0px;
			background-color: rgb(21,52,111);
		}
		
		.mobileNav ul.nav li{
			display: block;
			position: relative;
		}
		.mobileNav ul.nav>li>a{
			display:block;
			width: 100%;
			clear:left;
			margin: 0px;
			padding: 5px;
			border-top: 1px solid rgba(255,255,255,0.1);
			border-bottom: none;
			text-decoration: none;
			font-size: 1.4rem;
			color: rgba(255,255,255,0.6);
			padding-right: 30px;
		}
		.mobileNav ul.nav li>ul{
				max-height: 0px;
				overflow: hidden;
				/*display:none;*/
				transition: max-height 1s;
				-moz-transition: max-height 1s;
				-webkit-transition: max-height 1s;
				-o-transition: max-height 1s;
		}
			.mobileNav ul.nav li.clicked>ul{
				max-height: 1000px;
				/*display:block;
				height: auto;*/
			}
		.mobileNav ul.nav>li a:hover{
			background-color: rgba(255,255,255,0.2);
		}
			
		.mobileNav ul.nav>li ul>li>a{
			border-top: 1px solid rgba(255,255,255,0.1);
			border-bottom: none;
		}
		.mobileNav ul.nav>li ul>li a{
			display:block;
			text-decoration: none;
			color: rgba(255,255,255,0.6);
			font-size: 1.2rem;
			padding: 5px 30px 5px 0px;
		}
				.mobileNav ul.nav>li>ul>li>a{
					padding-left: 20px;
				}
				.mobileNav ul.nav>li>ul>li>ul>li>a{
					padding-left: 40px;
				}
				.mobileNav ul.nav>li>ul>li>ul>li>ul>li>a{
					padding-left: 60px;
				}
				.mobileNav ul.nav>li>ul>li>ul>li>ul>li>ul>li>a{
					padding-left: 80px;
				}
				.mobileNav ul.nav>li>ul>li>ul>li>ul>li>ul>li>ul>li a{
					padding-left: 100px;
				}
	
	.mobileNavControl{
		display:none;
		position: fixed;
		top: 0px; 
		left: 0px;
		width: 100%;
		background-color: rgb(214,73,23);
		padding: 5px;
		z-index: 4;
		transition: left 0.5s;
		-moz-transition: left 0.5s;
		-webkit-transition: left 0.5s;
		-o-transition: left 0.5s;
		box-shadow: -5px 0px 15px rgba(0,0,0,0.4);
	}
		.mobileNavControl #btnShowNav{
			position: relative;
			width: 25px;
			height: 25px;
			border-radius: 2px;
			background-color: rgba(255,255,255,0.5);
			border: 1px solid rgba(255,255,255,0.2);
			color: white;
			cursor: default;
			padding: 0px;
			overflow:hidden;
		  float: left;
		  margin-right: 1rem;
		}
		.mobileNavControl #btnShowNav hr{
			padding: 0px;
			margin: 4px 2px;
			border: none;
			background-color: rgba(255,255,255,0.50);
			height: 2px;
		}
		.mobileNavControl input[type=button]{
			float: right;
		}
			
			
/*---------------------------- MAIN CONTENT AREA AND SIDE COLUMNS ------------------------*/		
			
	.main{
		position:relative;
		/*z-index:2;*/ /*-------REMOVED BECAUSE BREAKS BACKGROUND-ATTACH FIXED WHEN GOOGLE MAP PRESENT -- CHROME BUG --*/
		min-width: 300px;
		background-color: rgb(255,255,255);
		overflow: hidden;
	}
	
	.content{position: relative; margin-top: 1rem;}
	
		
/*---------------------------- FOOTER ------------------------------*/
	

	.footerContainer{
		border-top: 0.6rem solid rgb(21,51,111);
		background-color: rgb(76,112,175);
		padding: 0;
		clear: both;
		min-width: 300px;
		overflow: hidden;
		position:relative;
	}
	
		.footer{
			min-height: 3rem;
			text-align:center;
			padding: 3rem 0 3rem 35%;
			font-size: 1.4rem;
			color:white;
			position:relative;
		}
		.footer>div{
			background-color: white;
			border-radius: 1rem;
			padding: 1rem 1rem 0.5rem 1rem;
			display:inline-block;
			vertical-align:top;
			font-size: 1.2rem;
			margin: 1rem;
			color: rgb(90,90,90);
			width: 40%;
			height: 15rem;
			position:relative;
			z-index: 1;
			min-width: 25rem;
		}
		.footer>div h2{
			color: rgb(51,90,159);
			font-size: 1.6rem;
			text-decoration: underline;
			font-weight: 700;
		}
		.footer>div:first-of-type p:nth-of-type(2){
			font-size: 2.5rem;
			margin-bottom: 0;
			font-weight: 400;
			height: 2.5rem;
			margin-top: 0;
		}
		.footer>div p:nth-of-type(n+2){
			font-weight: 700;
			font-size: 1.4rem;
			color: rgb(242,108,58);
		}
		.footer>div:last-of-type{
			display:block;
			font-size: 1.8rem;
			text-align:center;
			margin: 0 0 0 0;
			background-color: transparent;
			color:white;
			width: 100%;
			height: auto;
			line-height: 1.1em;
		}
		.footer>div:last-of-type a{
			color: inherit;
			text-decoration:none;
		}
		.footer>div:last-of-type a:hover{
			color: inherit;
			text-decoration:underline;
		}
		.footer img{
			position: absolute;
			left: 0;
			top: 50%;
			-o-transform: translate(-25%,-50%);
			-moz-transform: translate(-25%,-50%);
			-webkit-transform: translate(-25%,-50%);
			transform: translate(-25%,-50%);
			height: 120%;
			width: auto;
			opacity: 0.3;
		}
		.footer h1{
			color: white;
			font-weight: 400;
			font-size: 3rem;
		}
		.copyright{
			border-top: 0.6rem solid rgb(21,51,111);
			padding: 1rem;
			color:white;
			background-color: rgb(242,108,58);
			text-align:center;
		}

/*---------------------------GENERAL SITE STYLES--------------------------------------*/

.adminBillingContainer{
	width: 1020px;
	max-width: 100%;
	line-height: 200%;
}
.wrapper input[type=submit], .wrapper input[type=button]{
	border: none;
	background-color: rgb(51,90,159);
	border-radius: 5px;
	color:white;
	text-align:center;
	font-family: Raleway;
	font-weight: 500;
	line-height: 1.5rem;
	font-size: 1rem;
}

.LLWDevent{
	display: inline-block;
	vertical-align:top;
	min-height: 25rem;
	min-width: 18rem;
	background-color: white;
	width: 23.5%;
	margin: 0 0.5% 2rem 0.5%;
	border-radius: 0 45% 0 45%;
	padding: 1rem;
	position:relative;
	text-align:left;
}


.section{
	padding: 5rem 0;
	overflow:hidden;
	background-color: rgb(230,230,255);
}
	.section{position: static}
	.section p, .section ul, .section ol{
		margin-top: 1rem;
		color: rgb(90,90,90);
		line-height: 280%;
	}
	.section>div{
		max-width: 100%;
		width: 85rem;
		margin: 0 auto;
		padding: 0 2rem;
	}
	.section>div>p:first-of-type{
		margin-top: 2rem;
	}
	.section h1, .contactPageFix h1{
		color: rgb(242,108,58);
		display: block;
		/*width: 300%;*/
	}
	.section h1:before, .contactPageFix h1:before{
		content: "";
		display: inline-block;
		width: 2000px;
		margin-left: -2000px;
		height: 2rem;
		position:relative;
		top: 0.2rem;
		border-right: 1rem solid transparent;
		 box-sizing:        border-box;
		-moz-box-sizing:    border-box;
		-webkit-box-sizing: border-box;
			background: linear-gradient(90deg,rgba(29,69,142,1) 1650px,rgba(29,69,142,0));
			background-clip: padding-box;
	}
	.section h1:after, .contactPageFix h1:after{
		content: "";
		display: inline-block;
		width: 2000px;
		height: 2rem;
		position:relative;
		top: 0.2rem;
		margin-right: -2000px;
		border-left: 1rem solid transparent;
		 box-sizing:        border-box;
		-moz-box-sizing:    border-box;
		-webkit-box-sizing: border-box;
			background: linear-gradient(90deg,rgba(29,69,142,0),rgba(29,69,142,1) 350px);
			background-clip: padding-box;
	}
	h2 a{
		color: rgb(29,69,142);
		text-decoration: none;
		clear:both;
	}
	.section.linksPage{padding-bottom: 0;}


.section.one{}
	
	.section.one div.dirAlphaHead {
	  background-color: transparent;
	  color: rgb(21,51,111);
	  box-shadow: none;
	  border:none;
	  border-radius:0;
	  font-size: 1.8rem;
	}
	.section.one .entryHolder{
		border-radius: 0;
		border: none;
		padding: 5rem 2rem;
		line-height: 150%;
		width: 300%;
		margin: 0 -100%;
	}
	.section.one .dirEntryCard{
		padding: 0;
		border: none;
		background-color: transparent;
		color: inherit;
		width: 81rem;
		max-width: 33.33%;
	}
	.section.one .allCatEntries .entryHolder:nth-of-type(3n+1){
		background-color: rgba(242,108,58,0.15);
		color: rgb(167,53,8);
	}
	.section.one .allCatEntries .entryHolder:nth-of-type(3n+2){
		background-color: rgba(29,69,142,0.15);
		color: rgb(29,69,142);
	}
	.section.one .entryHolder:nth-of-type(3n+3){
		background-color: rgba(98,155,8,0.15);
		color: rgb(98,155,8);
	}
	.section.one .entryDetails{
		font-style:normal;
		color: inherit;
	}
	.section.one .entryDetails ul{
		line-height: 150%;
	}
	.section.one .entryDetails ul li{
		margin: 0;
	}
	.section.one .dirEntryCatHead{
		color: inherit;
	}
	.section.one .SES_resourceDirImg{
		margin: 0 0 0 1rem;
		width: auto;
		max-width: 30%;
		border:none;
	}
	
	.section.one h2{
		color: rgb(51,90,159);
		clear: both;
	}
	
	.section.one .images{
		float:right;
		margin: 0 0 1rem 1rem;
		width: 15.625rem;
		max-width: 50%;
		margin-top: 1rem;
	}
		.section.one .images img{
			width: 100%;
			height: auto;
		}

	.section.one .newsReleaseContainer{	}
	.section.one.payConfirm{
		background-image: url(../images/payConfirm-back.jpg);
		background-attachment: fixed;
		background-size: cover;
		background-position: left center;
	}
	

.section.two{
	border-top: 0.6rem solid rgb(21,51,111);
	background-image: url(../images/water-calendar-back.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
}
	.section.two>div{
		text-align:center;
	}	
	.section.two h1{
		color: rgb(29,69,142);
		margin-bottom: 4rem;
		text-align:left;
	}
	.section.two h1:before{
		background: linear-gradient(90deg,rgba(242,108,58,1) 1650px,rgba(242,108,58,0));
		background-clip: padding-box;
	}
	.section.two h1:after{
		background: linear-gradient(90deg,rgba(242,108,58,0),rgba(242,108,58,1) 350px);
		background-clip: padding-box;
	}
	.section.two .month{
		height: 2.3rem;
		line-height: 2.3rem;
		font-size: 2.3rem;
		font-weight: 700;
		color: rgb(51,90,159);
		text-align:center;
		width: 5rem;
		text-transform: uppercase;
		padding: 0;
		margin: 0;
	}
	.section.two .date{
		height: 3.2rem;
		line-height: 2.8rem;
		font-size: 4.4rem;
		font-weight: 700;
		color: rgb(242,108,58);
		text-align:center;
		width: 5rem;
		padding: 0;
		margin: 0;
	}
	.section.two .year{
		height: 2rem;
		line-height: 2rem;
		font-size: 2rem;
		font-weight: 700;
		color: rgb(98,155,8);
		text-align:center;
		width: 5rem;
		padding: 5px 0 0 0;
		margin: 0 0 1rem 0;
	}
	.section.two .time{
		position: absolute;
		bottom: 0.5rem;
		right: 1rem;
		color: rgb(98,155,8);
		font-size: 2rem;
		font-weight: 700;
	}
	.section.two .head{
		font-size: 1.5rem;
		color: rgb(51,90,159);
		font-weight: 500;
	}
	.section.two .desc{
		margin-top: 0.5rem;
	}
	.section.two .location{
		margin-top: 1rem;
	}
	.section.two .location:before{
		content:"Location:";
		display:block;
		font-weight: 700;
	}
	
	
	
.section.links{
	background-color: rgb(197,242,127);
	padding: 0;
	border-top: 0.6rem solid rgb(21,51,111);
	border-bottom: 0.6rem solid rgb(21,51,111);
}
	.section.links h4{
		font-size: 1.8rem;
		color: rgb(29,69,142);
		font-weight: 800;
		margin: 0;
		position: relative;
	}
	
	.section.links>div>div{
		width: 48%;
		margin: 0 auto;
		display: block;
		padding: 1.5rem 0;
		position: relative;
		vertical-align:top;
		overflow: hidden;
	}
		.section.links>div>div p{
			font-size: 1.1rem;
			line-height: 120%;
			color: rgb(98,155,8);
			position: relative;
		}
/*
		.section.links>div>div:first-of-type img:first-of-type{
			position: absolute;
			top: 0;
			left: 0;
			-o-transform: translateX(-65%);
			-moz-transform: translateX(-65%);
			-webkit-transform: translateX(-65%);
			transform: translateX(-65%);
			height: 100%;
			width: auto;
			text-align:left;
		}
		.section.links>div>div:first-of-type img:last-of-type{
			float:right;
			border: 0.5rem solid white;
			margin-left: 1rem;
			margin-bottom: 1rem;
			height: 9rem;
		}
*/
		.section.links>div>div img:last-of-type{
			max-width: 50%;
			float:left;
			border: 0.5rem solid white;
			margin-right: 1em;
		}
/*
		.section.links>div>div:first-of-type input{
			clear:both;
			float:right;
		}
		.section.links>div>div:last-of-type{
			text-align:right;
			float:right;
		}
*/
/*
			.section.links>div>div:last-of-type img:first-of-type{
				position: absolute;
				top: 0;
				right: 0;
				-o-transform: translateX(65%);
				-moz-transform: translateX(65%);
				-webkit-transform: translateX(65%);
				transform: translateX(65%);
				height: 100%;
				width: auto;
			}
			.section.links>div>div:last-of-type img:last-of-type{
				float:left;
				border: 0.5rem solid white;
				margin-right: 1rem;
				margin-bottom: 1rem;
				height: 9rem;
			}
*/
			.section.links>div>div:last-of-type input{
				float:left;
			}



.section.three{
	border-bottom: 0.6rem solid rgb(21,51,111);
	background-image: url(../images/news-back-3.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: left center;
}	
	.section.three h1{
		color: rgb(29,69,142);
		text-shadow: 0px 0px 10px white, 0px 0px 5px white;
		margin-bottom: 4rem;
	}
	.section.three h1:before{
		background: linear-gradient(90deg,rgba(242,108,58,1) 1650px,rgba(242,108,58,0));
		background-clip: padding-box;
	}
	.section.three h1:after{
		background: linear-gradient(90deg,rgba(242,108,58,0),rgba(242,108,58,1) 350px);
		background-clip: padding-box;
	}
	
	.newsContainer{
		/*
		-webkit-columns: 3 25rem;
		-webkit-column-gap: 1rem;
		-moz-columns: 3 25rem;
		-moz-column-gap: 1rem;
		columns: 3 25rem;
		column-gap: 1rem;
		*/
			font-size: 0.9rem;
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		flex-wrap: wrap;
	}
		.newsContainer>div{
			width: 100%;
			display:inline-block;
			display: block;
			line-height: 150%;
			background-color: rgba(255,255,255,1);
			padding: 1.5rem;
			margin: 0.5rem 0;
			border-radius: 1rem;
			/*
			-webkit-column-break-inside: avoid; 
			 page-break-inside: avoid; 
			 break-inside: avoid;
			*/
			flex: 1 1 400px;
			margin: 0.5em;
		}
		.newsContainer>div>div{
			overflow:hidden;
		}	
		.newsContainer p{
			line-height: 150%;
		}
		.newsContainer img{
			float:right;
			margin: 0 0 1rem 1rem;
			width: 40%;
		}
		.newsContainer h4{
			font-size: 1.5rem;
			color: rgb(242,108,58);
			margin: 0 0 0.5rem 0;
			line-height: 125%;
		}
		.newsContainer h5{
			font-size: 1.2rem;
			font-weight: 500;
			color: rgb(51,90,159);
			margin: 0;
		}
		.newsContainer .body{
			max-height: 19rem;
			overflow:hidden;
			position:relative;
			margin-bottom: 1rem;
		}
		.newsContainer .body:after{
			content: "MORE...";
			display: block;
			position: absolute;
			top: 16rem;
			width: 100%;
			height: 3rem;
			background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1) 70%);
			text-align: center;
			line-height: 5rem;
			font-weight: 700;
			color: rgb(98,155,8);
		}



.section.four{
	border-bottom: 0.6rem solid rgb(21,51,111);
	background-color:rgb(197,242,127);
	padding: 1rem 0;	
}
	.section.four>div{
		text-align:center;
	}
	.section.four>div img{
		max-width: 15%;
		height: auto;
		margin: 0;
	}
	.section.four div p{
		color:rgb(29,69,142);
		font-size: 2rem;
		font-weight: 400;
		line-height: 120%;
		max-width: 70%;
		text-align:center;
		margin: 0;
		padding: 0 1rem;
	}
	.section.four>div *{
		display: inline-block;
		vertical-align:middle;
		margin: 0 1rem;
	}
	.section.four>div img{
		max-height: 7.5rem;
	}

.map{
	width: 100%;
	position:relative;
	overflow:hidden;
		padding-bottom: 35%;
	min-height: 500px;
}
		#SESContactMap{
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			height:  auto;
		}
	

.section.newsletters{
	border-top: 0.6rem solid rgb(21,51,111);
	background-image: url(../images/newsletter-back-3.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: left center;
}	
	.section.newsletters h1{
		color: rgb(98,155,8);
		text-shadow: 0px 0px 10px white, 0px 0px 5px white;
		margin-bottom: 4rem;
	}
	.section.newsletters h1:before{
		background: linear-gradient(90deg,rgba(29,69,142,1) 1650px,rgba(29,69,142,0));
		background-clip: padding-box;
	}
	.section.newsletters h1:after{
		background: linear-gradient(90deg,rgba(29,69,142,0),rgba(29,69,142,1) 350px);
		background-clip: padding-box;
	}
	.newsletters>div>div:first-of-type{
		padding: 2rem 1rem 1rem 1rem;
		background-color: white;
		border-radius: 1rem;
		margin-bottom: 5rem;
	}
	.newsletters p{
		margin: 0 0 1rem 0;
		line-height: 140%;
		text-align:left;
	}
	.newsletters .currentNews{
		display:inline-block;
		margin: 0 auto;
		text-align:center;
	}
		.currentNews ul{
			text-align: left;
		}


.boardMemberInfo{
	display: inline-block;
	width: 20%;
	padding: 1rem;
	min-width: 15rem;
	margin: 0;
	vertical-align: top;
}
	.boardMemberInfo img{
		border-radius: 0 45% 0 45%;
		overflow: hidden;
		width: 100%;
		height: auto;
	}
	.boardMemberInfo figCaption{
		text-align:right;
		font-weight: 600;
		color: rgba(29,69,142,1);
		white-space: wrap;
	}
	.boardMemberInfo figCaption:first-line{
		font-size: 1.4rem;
		color: rgb(242,108,58);
		font-weight: 600;
	}



.section.notes{
	border-top: 0.6rem solid rgb(21,51,111);
	background-image: url(../images/notes-back.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: left center;
}	
	.section.notes h1{
		color: rgb(29,69,142);
		text-shadow: 0px 0px 10px white, 0px 0px 5px white;
		margin-bottom: 4rem;
	}
	.section.notes h1:before{
		background: linear-gradient(90deg,rgba(29,69,142,1) 1650px,rgba(29,69,142,0));
		background-clip: padding-box;
	}
	.section.notes h1:after{
		background: linear-gradient(90deg,rgba(29,69,142,0),rgba(29,69,142,1) 350px);
		background-clip: padding-box;
	}
	.mtg{
		display:inline-block;
		background-color: white;
		border-radius: 0.6rem;
		padding: 1rem;
		margin: 0.5rem;
		position: relative;
		max-width: 20rem;
	}
	.mtg>p{
		margin: 0;
		padding: 0;
		text-align: center;
		line-height: normal;
		color: rgb(21,51,111); 
	}
	.mtg>p:first-child{
		text-align:center;
		font-weight: 800;
	}
	.mtg>p:nth-child(2){
		color: rgb(242,108,58);
		font-size: 2rem;
		font-weight: 800;
	}
	.mtg>p:nth-child(3){
		margin-top: 1rem;
	}
	.mtg .agenda{
		display: block;
		margin: 1rem -1rem 0 -1rem;
		background-color: rgb(76,112,175);
		color: white;
		font-weight: 700;
		padding: 0.25rem;
		text-decoration: none;
		text-align:center;
	}
		.mtg .agenda:hover{background-color: rgb(51,90,159)}
		
	.mtg .minutes{
		display: block;
		margin: 0rem -1rem -1rem -1rem;
		background-color: rgb(255,138,93);
		color: white;
		font-weight: 700;
		padding: 0.25rem;
		text-decoration: none;
		border-radius: 0 0 0.6rem 0.6rem;
	}
		.mtg .minutes:hover{background-color: rgb(242,108,58)}

	.minutes.na, .agenda.na{
		background-color: rgb(200,200,200);
		color: rgb(230,230,230);
		cursor: default;
	}
	.minutes.na:hover, .agenda.na:hover{
		background-color: rgb(200,200,200);
	}

	.mtg.canceled{opacity: 0.7}
	.mtg.canceled:after{
		content: "Canceled";
		display:block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: -o-translate(-50%,-50%) rotate(-30deg);
		transform: -moz-translate(-50%,-50%) rotate(-30deg);
		transform: -webkit-translate(-50%,-50%) rotate(-30deg);
		transform: translate(-50%,-50%) rotate(-30deg);
		color: rgb(98,145,8);
		font-weight: 800;
		font-size: 2rem;
		text-shadow: 2px 2px 1px white, -2px 2px 1px white, 2px -2px 1px white, -2px -2px 1px white;
	}
	
	.archives{
		font-size: 2rem;
		color: rgb(51,90,159);
		font-weight: 600;
		margin-top: 2rem;
	}
	.archives a{
		display:inline-block;
		padding: 0.5rem;
		background-color: rgb(51,90,159);
		color: white;
		font-weight: 500;
		font-size: 1rem;
		width: 5rem;
		border-radius: 0.25rem;
		margin: 0;
		text-decoration:none;
		vertical-align:middle;
	}


.section.TVWDcalContainer{
	background-image: url(../images/cal-back.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
}




.rebates-image-1{
	display: block;
	float:right;
	width:  16rem;
	margin: 0 0 1rem 1rem;
}
	.rebates-image-1{
		content: "";
		display: block;
		position: relative;
		padding-bottom: 27rem;
		background-image:   url(../images/xeriscape-1.jpg);
		background-size: cover;
		background-position: top center;
	}

.section.rebates{
	border-top: 0.6rem solid rgb(21,51,111);
	background-image: url(../images/rebates-back.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: left center;
}

	.section.rebates div.dirAlphaHead {
	  background-color: rgb(21,51,111);
	  padding: 3px 10px;
	  border: none;
	  border-radius: 0;
	  margin-bottom: 1rem;
	}
	.section.rebates .entryHolder{
		padding: 0;
		border-top: none;
		margin-bottom: 1rem;
		display: inline-block;
		vertical-align:top;
		width: 49%;
		border: 0.5rem solid transparent;
		background-clip: padding-box;
		min-width: 300px;
	}
		.section.rebates .entryHolder:last-child:nth-child(odd){
			width: 100%;
		}
	.section.rebates div.dirEntryCard {
		background-color: white;
		color: inherit;
		padding: 1rem 2rem;
		border: none;
		border-radius: 0.6rem;
	}
	.section.rebates div.allCatEntries{
		text-align:center;
	}
	.section.rebates div.dirEntryCard p{
		line-height: 140%;
		margin-bottom: 0;
	}
	.section.rebates .entryDetails{
		font-style: normal;
	}
	.section.rebates .entryDetails ul{
		line-height: 140%;
		padding-left: 1.5rem;
	}
	.section.rebates .SES_resourceDirImg {
		float: right;
		width: 30%;
		margin: 1.5rem 0 1rem 1rem;
		min-width: 200px;
		border: none;
	}



.section.staff{
	border-top: 0.6rem solid rgb(21,51,111);
	border-bottom: 0.6rem solid rgb(21,51,111);
	background-color: rgba(115,146,202,0.5);
	background-image: url(../images/staff-back.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: left center;/**/
}
	.section.staff h1{
		color: rgba(29,69,142,1);
	}
	.section.staff h1:before{
		background: linear-gradient(90deg,rgba(242,108,58,1) 1650px,rgba(242,108,58,0));
		background-clip: padding-box;
	}
	.section.staff h1:after{
		background: linear-gradient(90deg,rgba(242,108,58,0),rgba(242,108,58,1) 350px);
		background-clip: padding-box;
	}
	.section.staff .boardMemberInfo{
		width: 17%;
		min-width: 180px;
	}
	.section.staff .boardMemberInfo:nth-of-type(-n+3){
		width: 25%;
		min-width: 250px;
	}


.section.contact{
	border-top: 0.6rem solid rgb(21,51,111);
	background-image: url(../images/staff-back.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: left center;
}

.section.waterTips{
	border-top: 0.6rem solid rgb(21,51,111);
	background-image: url(../images/waterTips-back.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: left center;
}
	.section.waterTips h1{
		color: white;
		text-shadow: 0 0 10px black, 0 0 20px black;
	}
	.section.waterTips h1:before{
		background: linear-gradient(90deg,rgba(98,155,8,1) 1650px,rgba(98,155,8,0));
		background-clip: padding-box;
	}
	.section.waterTips h1:after{
		background: linear-gradient(90deg,rgba(98,155,8,0),rgba(98,155,8,1) 350px);
		background-clip: padding-box;
	}

 	.section.waterTips h4{margin-top: 0}
	
	.waterTips-image-1{
		display: block;
		float:right;
		width:  16rem;
		margin: 0 0 1rem 1rem;
	}
	.section.waterTips .mtg{
		max-width: 46%;
	}
	.section.waterTips .mtg>p:first-child{
		font-size: 0.8rem 
	}
	
	.waterTips-image-1{
		content: "";
		display: block;
		position: relative;
		padding-bottom: 27rem;
		background-image:   url(../images/tips-1.jpg);
		background-size: cover;
		background-position: top center;
	}
	.allTipsContainer{
		-webkit-columns: 2 25rem;
		-webkit-column-gap: 1rem;
		-moz-columns: 2 25rem;
		-moz-column-gap: 1rem;
		columns: 2 25rem;
		-o-column-gap: 2rem;
		-moz-column-gap: 2rem;
		-webkit-column-gap: 2rem;
		column-gap: 2rem;
		margin-top: 4rem;
	}
	.tipCatContainer{
		-webkit-column-break-inside: avoid; 
		 page-break-inside: avoid; 
		 break-inside: avoid;
		 text-align:center;
		 padding-bottom: 2rem;
	}
		.tipCatContainer h4{
			font-size: 1.5rem;
			font-weight: 600;
			color: white;
			background-color: transparent;
			text-align: left;
			padding: 0;
			border-bottom: 2px solid rgb(29,69,142);
			text-shadow: 0 0 5px black, 0 0 10px black;
		}
	.allListContainer{
		-webkit-columns: 3 25rem;
		-webkit-column-gap: 1rem;
		-moz-columns: 2 25rem;
		-moz-column-gap: 1rem;
		columns: 2 25rem;
		-o-column-gap: 2rem;
		-moz-column-gap: 2rem;
		-webkit-column-gap: 2rem;
		column-gap: 2rem;
		margin-top: 4rem;
	}
	.tipListContainer{
		-webkit-column-break-inside: avoid; 
		 page-break-inside: avoid; 
		 break-inside: avoid;
		 padding-bottom: 2rem;
	}
		.section .tipListContainer h2{
			color: rgb(98,155,8);
			font-size: 1.3rem;
			font-weight: 800;
		}
		.tipListContainer ol{
			padding-left: 1.5rem;
		}
	.tips-tagline{
		font-size: 5rem;
		text-align:center;
		font-weight: 300;
		color: rgb(76,112,175);
		text-shadow: 0.2rem 0.2rem 0.5rem rgba(0,0,0,0.4);
		position: relative;
		z-index: 1;
	}

.section.faq label{
	display:block;
	text-decoration: none;
	padding: 0.2rem 2rem 0.2rem 0.5rem;
	background-color: rgba(197,242,127,0.5);
	margin: 0.6rem 0;
	-o-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-webkit-transition: background-color 0.5s;
	transition: background-color 0.5s;
	font-size: 1.2rem;
	font-weight: 500;
	color: rgb(167,53,8);
	position: relative;
}
.section.faq label:hover{
	background-color: rgba(197,242,127,1);
}
.section.faq label:after{
	content: "";
	display:block;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	right: 0.6rem;
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-top:0.6rem solid rgb(242,108,58);
	border-right: 0.6rem solid transparent;
	border-left: 0.6rem solid transparent;
}
.section.faq input[type=checkbox]:checked+label:after{
	border-top: none;
	border-bottom: 0.6rem solid rgb(252,108,58);
}
.section.faq label:first-of-type{
	margin-top: 3rem;
}
.section.faq>div>label+div{
	display:none;
	padding: 1rem 2rem;
}
.section.faq>div>div p, .section.faq>div>div ul{
	line-height: 150%;
}
.section.faq input[type=checkbox]{
	display:none;
}
.section.faq input[type=checkbox]:checked+label+div{
	display:block;
}

.section.one.faq input[type=checkbox]:checked+label+div{
	text-align:center;
}
.section.one.faq label{
	font-size: 1.6rem;
	background-color: rgba(76,112,175,0.5);
	color:white;
}
	.section.one.faq label:hover{
		background-color: rgba(76,112,175,1);
	}
.section.one.faq .boardMemberInfo{
	width: 30%;
}
.rateTable{
	border-collapse: collapse;
	empty-cells: show;
	width: 950px;
	max-width: 100%;
	margin: 1rem auto;
	display:block;
}
	.rateTable td{
		padding: 0.25rem;
	}


p.regWarning{
	color:rgb(200,0,0);
	font-weight: 600;
	line-height: 150%;
}
	p.regWarning strong{font-size: 1.4rem;}
	
.siteLogin{
	border-bottom: 0.6rem solid rgb(21,51,111);
	box-shadow: 0px -5px 15px rgba(0,0,0,0.6);
	background-color: rgb(197,242,127);
	padding: 0;
	color:
	-o-transition: top 0.5s;
	-moz=transition: top 0.5s;
	-webkit-transition: top 0.5s;
	transition: top 0.5s;
}
.siteLogin.home{
	border-top: 0.6rem solid rgb(21,51,111);
}
	.siteLogin>div{
		max-width: 100%;
		width: 85rem;
		margin: 0 auto;
		padding: 0.6rem 2rem;
		position: relative;
	}
	.siteLogin>div>div:nth-of-type(1){
		color: rgb(51,90,159);
		font-size: 3rem;
		display: inline-block;
		vertical-align:middle;
	}
	.siteLogin>div>ul{
		color: rgb(76,112,175);
		font-size: 90%;
		display: inline-block;
		vertical-align:middle;
		margin-left: 0;
		text-align:left;
		line-height: 1.3rem;
		padding-left: 2rem;
	}
	.siteLogin form{
		position: absolute;
		right: 2rem;
		top: 50%;
		-o-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		color: rgb(98,155,8);
		font-weight: 500;
		text-align:right;
	}
		.siteLogin form p{margin-bottom: 0}
		.siteLogin form input[type=text], .siteLogin form input[type=password]{
			width: 12.5rem;
			line-height: 1.5rem;
			height: 1.9rem;
			border-radius: 0.25rem;
			border: 1px solid rgb(180,180,180);
		}
		.siteLogin form label{
			display: inline-block;
		}
div.section.padded h1{
	padding: 0 0 2em 0;
}
.specNotice-container{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.specNotice{
	flex: 1 1 500px;
	text-align: center;
}

div.section .specNotice{
	display: inline-block;
	vertical-align: middle;
	width: auto;
	border-radius: 8px;
	min-height: 250px;
	box-shadow: 0 0 20px rgba(0,0,0,0.5);
	padding: 1em;
	margin: 1em;
	max-width: 100%;
	width: 85rem;
}
.specNotice figure{
	display: inline-block;
	width: 150px;
	vertical-align: top;
}
.specNotice figure img{
	max-width: 100%;
}

.TVWDform{
	width: 100%;
	/*border: 1px solid rgb(230,230,230);*/
	margin: 0 auto;
	padding: 0;
	position:relative;
	z-index: 1;
}
	.TVWDform h3{
		margin: 1em 0;
		border-bottom: 1px solid rgb(230,230,230);
		color: rgb(98,155,8);
	}
		.TVWDform h3 div.help{
			float:right;
			font-size: 13px;
			text-align:center;
			color: rgb(230,230,230);
			border: 1px solid rgb(230,230,230);
			border-radius: 8px;
			height: 16px;
			width: 16px;
			line-height: 1em;
			margin-top: 2px;
			cursor:default;
		}
	.TVWDform label, .TVWDform div.label{
		display:block;
		text-align: left;
		margin: 0 0 0 1em;
		padding: 0;
		line-height: 2.2em;
	}
	.TVWDform label::after, .TVWDform div.label::after{
		content: "";
		display: table;
		clear: both;
	}
	.TVWDform label img{float:left; margin: 0;}
		.TVWDform label div.inputContainer, .TVWDform div.label div.inputContainer{
			float:right; 
			width: 60%;
			text-align: left;
			min-height: 2em;
			line-height: 2.2em;
			text-align:center;
		}
			div.docThumb{
				position: relative;
				display:inline-block;
				text-decoration: underline;
			}
				div.docThumb img{
					width: auto;
					height: 60%;
					max-height: 300px;
					position: fixed;
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);
						-moz-transform: translate(-50%,-50%);
						-webkit-transform: translate(-50%,-50%);
					z-index: 200;
					max-width: 80%;
					border: 1px solid rgb(220,220,220);
					box-shadow: 0px 0px 20px rgba(41,35,221,0.3);
					display:none;
				}
				div.docThumb:hover img{
					display:block;
				}
		.TVWDform .areaSelector{
			border: 1px solid #D5D7D7;
			background-color: #F5F5FF;
			color: rgb(38,60,138);
			margin: 0;
			font-family: inherit;
			padding: 0px;
		}
		.TVWDform textarea{
			border: 1px solid #D5D7D7;
			background-color: #F5F5FF;
			color: rgb(38,60,138);
			margin: 0;
			font-family: inherit;
			padding: 0px;
			height: 7.5em;
			float:right;
			width: 60%;
			margin-bottom: 2px;
		}
		.TVWDform label input, .TVWDform div.label input, .TVWDform label select.selector, .TVWDform div.label select.selector {
			width: 60%;
			float:right;
			border: 1px solid #D5D7D7;
			background-color: #F5F5FF;
			color: rgb(38,60,138);
			margin: 0;
			font-family: inherit;
			font-size: inherit;
			line-height: 1.5rem;
			height: 1.9rem;
			vertical-align:top;
		}
		.TVWDform div.label .selector.year, .TVWDform label .selector.year{width: 57%; float:right;}
		.TVWDform div.label .selector.month, .TVWDform label .selector.month{width: 36%; float:left;}
		.TVWDform label div.input, .TVWDform div.label div.input{
			width: 60%;
			float:right;
			border-bottom: 1px solid #D5D7D7;
			background-color: transparent;
			color: rgb(38,60,138);
			margin: 0;
			font-family: inherit;
			text-align:right;
			font-size: inherit;
			font-weight: 700;
			line-height: 1.5;
		}
			.TVWDform div.label input[type=image]{
				width:auto; 
				height:auto; 
				float:none; 
				border:none; 
				background-color:transparent; 
				display:inline-box; 
				vertical-align:middle;
			}
		.submitTVWDForm{
			margin: 5px 0;
		}
		.TVWDform label.labelNote{
			font-size: 0.9em;
			font-style: italic;
			line-height: 1.3em;
			padding: 10px
		}
		.TVWDform>div{
			margin-left:  1rem;
		}
		.TVWDform div form{
			float:right;
		}
		
.paymentContainer{
	width: 60%;
	float: left;
}

.section.one.acctView{
	padding-bottom: 0;
}

	.section.one.acctView h1{
		margin-bottom: 3rem;
	}
	.acctRecap{
		margin: 1rem 0 5rem 0;
	}
.balHistContainer{
	display: inline-block;
	vertical-align:middle;
	margin: 0 1% 0 0;
	width: 16%;
}
	.section.one .balHistContainer h2{text-align:left; color: rgb(167,53,8); font-weight: 700;}
	.balHistory{
		width: 100%;
		height: 10.5rem;
		line-height: 1.5rem;
		overflow-y: auto;
		overflow-x: hidden;
		border: 2px solid rgb(167,53,8);
		background-color: white;
		border-radius: 0.6rem 0 0 0.6rem;
	}	
	.balHistoryRow{
		width: 100%;
		text-align: right;
		padding: 0.1rem 0.6rem;
	}
	.balHistoryRow:nth-child(even){
		background-color: rgba(167,53,8,0.1);
	}
		.balHistoryRow strong{
			float:left;
		}

.nextDueContainer{
		display: inline-block;
		vertical-align:middle;
		margin: 0;
		width: 16%;
}
	.section.one .nextDueContainer h2{text-align:right; color: rgb(167,53,8); font-weight: 700;}
	.nextDue{
		width: 100%;
		height: 10.5rem;
		border: 2px solid rgb(167,53,8);;
		border-radius: 0 0.6rem 0.6rem 0;
		background-color:  rgb(242,108,58);
		color: white;
		padding: 1rem;
	}
	.nextDue div{
		font-size: 5rem;
		font-weight: 800;
		line-height: normal;
	}
	
.emailStatus{
	width: 33%;
	margin-top: 3rem;
	font-size: 1.6rem;
}
	.emailNoticeAddress{
		font-size: 3rem;
		line-height: normal;
	}
	#emailEnabled input[type=button], #emailDisabled input[type=button]{
		margin-top: 2rem;
	}
.pastDue{
	font-weight:  700;
	color: rgb(250,0,0);
	font-style: italic;
}
	.pastDue span{
		font-size: 0.8em;
	}

.rateTierContainer{
	display: inline-block;
	vertical-align:top;
	margin: 0 1% 0 0;
	width: 16%;
}
	.rateTierContainer figCaption{text-align:center; font-size: 0.9em;}
	.section.one .rateTierContainer h2{text-align:left; color: rgb(98,155,8); font-weight: 700;}
	.section.one .rateTierContainer h2 span{font-size: 0.7em; font-weight: 500; line-height: 1rem;}
	.rateTier{
		width: 100%;
		line-height: 1.5rem;
		border: 2px solid rgb(98,155,8);
		background-color: white;
		border-radius: 0.6rem 0 0 0.6rem;
		height: 9rem;
	}	
	.rateTierRow{
		width: 100%;
		text-align: right;
		padding: 0.1rem 0.6rem;
	}
	.rateTierRow:nth-child(even){
		background-color: rgba(98,155,8,0.1);
	}
		.rateTierRow strong{
			float:left;
		}

.whatIfContainer{
	display: inline-block;
	vertical-align:top;
	margin: 0;
	width: 16%;
}
	.whatIfContainer input{max-width: 40%;}
	.whatIfContainer figCaption{text-align:center; font-size: 0.9rem;}
.whatIfCalc{
	background-color: rgb(197,242,127);
	color:rgb(98,155,8);
	line-height: 1.5rem;
	padding: 1rem 0.6rem 0 0.6rem;
	border: 2px solid rgb(98,155,8);
	border-radius: 0 0.6rem 0.6rem 0;
	height: 9rem;
}
	.section.one .whatIfContainer h2{text-align:right; color: rgb(98,155,8); font-weight: 700;}
	.calcResult{
		font-size: 5rem;
		line-height: normal;
		font-weight: 800;
	}

.chartContainer img{
	border-radius: 0.6rem;
	border: 2px solid rgb(51,90,159);
	max-width: 33%;
	margin: 0 auto;
}
.statsContainer{
	display: inline-block;
	vertical-align:top;
	margin: 0;
	width: 30%;
	margin: 1rem auto;
}
	.section.one .statsContainer h2, .chartContainer h2{text-align:center; color: inherit; font-weight: 700;}
	.stats{
		width: 100%;
		line-height: 1.5rem;
		border: 2px solid rgb(51,90,159);
		background-color: white;
		border-radius: 0.6rem;
	}	
	.statsRow{
		width: 100%;
		text-align: right;
		padding: 0.1rem 0.6rem;
	}
	.statsRow:nth-child(even){
		background-color: rgba(29,69,142,0.15);
	}
		.statsRow strong{
			float:left;
		}


.amtDueContainer{
		display: inline-block;
		vertical-align:middle;
		margin: 0;
		float:right;
		text-align:center;
}
	.section.one .amtDueContainer h2{text-align:right; color: rgb(51,90,159); font-weight: 700;}
	.amtDue{
		width: 100%;
		border: 0.3rem solid rgb(51,90,159);
		border-radius: 0.6rem;
		background-color:  white;
		color: rgb(51,90,159);
		padding: 1rem;
		font-size: 5rem;
		font-weight: 800;
		line-height: normal;
	}

.makePayment{
	margin: 3rem 0 0 0;
}
div.paymentNotice{
	clear:both; 
	padding-top: 2rem;
}
.section.one div.paymentNotice p{
	padding-top: 2rem;
	font-size: 0.9rem;
	line-height: 150%;
	margin: 1rem 0;
	padding: 0;
}
#billTo_firstName{width: 30%;}
#billTo_lastName{width: 30%;}

.myAccount{
	margin: 0;
	background-color: white;
	border: 0.3rem solid rgb(51,90,159);
	border-radius: 1rem;
	padding: 2rem;
	font-size: 1.2em;
}
	.myAccount form:nth-of-type(1){float:right;}

.paymentRcvdBy, .paymentSentBy{
	display: inline-block;
	line-height: 150%;
	width: 50%;
	text-transform: capitalize;
}

.TVWDDotLeaderBox{
	width: 100%;
	margin: 1em auto;
	overflow:hidden;
	padding: 0;
	list-style: none;
}
	.section ul.TVWDDotLeaderBox{line-height: 180%;}
	.TVWDDotLeaderBox span:nth-child(1){float: left; background-color: white; font-weight: bold;}
	.TVWDDotLeaderBox span:nth-child(2){float: right; background-color: white; text-align: right;}
	.TVWDDotLeaderBox li{
		display:block;
		overflow:hidden;
	}
	.TVWDDotLeaderBox li:before{
		font-family:arial;
		width: 0; 
		float:left; 
		white-space:nowrap; 
		content:"........................................................................."
		"........................................................................."
		"........................................................................."
		"........................................................................."
	}

.ftpLogin{
	max-width: 100%;
}
.ftpLogin .input{
	width: 100%;
	text-align:left;
	line-height: 2em;
	display:block;
}.ftpLogin .input input{
	float:right;
}
table.ftpList{
	width: 100%;
	max-width: 1020px;
}

/*----------------------------------- SES OVERRIDE STYLES --------------------------------------*/

.contactPageFix{
/*	max-width: 100%;
	width: 85rem;
	margin: 0 auto;
	padding: 5rem 2rem 5rem 2rem;
	position: relative;*/
}
	.contactPageFix #SESContactMap{
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
		height: 35rem;
		margin-top: 2rem;
		margin-bottom: 2rem;
		border-radius: 0 12rem;
        transform: translateZ(0);
	}
	.contactPageFix h1{
		margin-bottom: 3rem;
	}
	.contactPageFix p{
		margin-top: 1rem;
		color: rgb(90,90,90);
		line-height: 280%;
	}
.contactFormHolder .custom{
	background-image: none;
	border-color: rgb(200,200,200);
	border-radius: 0.2rem;
	background-color: rgb(245,245,245);
}
.SESContactForm .SESContactInfoBlock{
	min-width: 0;
}
	
.login{
	position: fixed;
	top: auto;
	bottom: 0px;
	right: 0px;
	width: 50px;
	height:  50px;
	background-color: white;
	opacity: 0;
	cursor: default;
}
	.error{
		position: fixed;
		top: auto;
		bottom: 50px;
		color:red;
	}
	.loginForm{
		position: fixed;
		top: auto;
		bottom: 50px;
	}


#SESCalContainer{
	background-color: transparent;
	background-position: top center;
	padding: 0;
	border: none;
	margin: 0;
	box-shadow: none;
}
	ol.BIGcalendar, ol.BIGcalendar ul {
	  font-size: 0;
	  background-color: transparent;
	}
	ol.BIGcalendar>li:not(.top):not(.month) {
		border: 1px solid transparent;
		border-width: 0.25rem;
		background-clip: padding-box;
		background-color: white;
		border-radius: 0 5rem;
		min-height: 10rem;
		max-height: 15rem;
		position: relative;
		padding: 0.5rem 0.5rem 2rem 0.5rem;
		vertical-align:middle;
		display: inline-block;
		float:none;
		vertical-align: middle;
	}
		ol.BIGcalendar>li:not(.top):not(.month):before{
			content: "";
			display: block;
			float: right;
			width: 2rem;
			height: 1.5rem;
		}
		
	ol.BIGcalendar li.month, ol.LISTcalendar li.month{
		background-color: rgb(29,69,142);
		border-radius: 0.5rem 0.5rem 0 0;
		padding: 0.25rem;
		font-size: 2.5rem;
	}
	.bigCalPrev span, .bigCalNext span{
		display:block;
		font-size: 1.2rem;
		top: 0;
	}
	ol.BIGcalendar li.top{
		border: none;
		background-color: rgb(127,197,22);
		font-weight: 600;
		color: white;
		padding: 0.25rem;
		margin-bottom: 0.5rem;
		font-size: 1rem;
		line-height: normal;
		
	}
	ol.BIGcalendar .bgm_calDate {
	  font-weight: 800;
	  font-size: 5rem;
	  background-color: transparent;
	  color: rgb(242,108,58);
	  width: auto;
	  height: auto;
	  line-height: 5rem;
	  text-align: center;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: -o-translate(-50%,-50%);
	  transform: -moz-translate(-50%,-50%);
	  transform: -webkit-translate(-50%,-50%);
	  transform: translate(-50%,-50%);
	  z-index: -1;
	  opacity: 0.4;
	}
	ol.BIGcalendar .hasEvents .bgm_calDate {
		position: relative;
		font-size: 2rem;
		line-height: 2rem;
		top: 0;
		left: 0;
		transform: -o-translate(0,0);
		transform: -moz-translate(0,0);
		transform: -webkit-translate(0,0);
		transform:translate(0,0);
		text-align:left;
		opacity: 1;
	}

	ol.BIGcalendar .empty {opacity: 0.6;}
	ol.BIGcalendar li ul{
		font-size: .8rem;
		line-height: 1rem;
		display: inline;
	}
	ol.BIGcalendar li ul li{padding: 0}
ol.BIGcalendar .viewAll {
  position: absolute;
  top: 12.5rem;
  right: 0;
  color: red;
  border-radius: 0;
  padding: 0px 10px;
  font-size: 0.6rem;
  line-height: 2.25rem;
  height: 2.25rem;
  text-align:right;
  width: 100%;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1) 70%);
}

ol.LISTcalendar .bgm_calDate {
  font-size: 1.6rem;
  background-color: rgb(127,197,22);
  width: 2.6rem;
  padding: 2px 2px;
  line-height: 1.6rem;
}

ol.LISTcalendar .bgm_bigCalListDesc{
	margin: 1rem 0;
}
ol.LISTcalendar li ul{
	padding-left: 2.6rem;
}

.thanks{
	position: fixed;
   top: 20%;
   left: 50%;
   transform: translate(-50%,-50%);
   z-index: 10;
}

.warning{
    position: fixed;
    top: 20%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
}



@media only screen and (max-width: 1440px) {
	html{font-size: 85%;}
}

@media only screen and (max-width: 1280px) {
	html{font-size: 75%;}
}

@media only screen and (max-width: 1152px){
	.footer{padding: 3rem 2rem 3rem 2rem;}
	.footer>div{width: 40%;}
	.footer img{opacity: 0.1; left: 50%; transform: translate(-50%,-50%); height: 150%;}
}

@media only screen and (max-width: 912px){
	.siteLogin>div{text-align:center;}
	.siteLogin>div>ul>li{display:inline-block; margin-right: 1.5rem; font-size: 1rem;}
	.siteLogin form{
		position: relative;
		right: auto;
		top: auto;
		-o-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
		text-align:center;
	}

}

@media only screen and (max-width: 800px){
	.amtDueContainer{display: block; margin: 0 auto; float:none;}
	.section.one .amtDueContainer h2{text-align:center;}
	.paymentContainer{width: auto; float:none;}
	ol.BIGcalendar .bgm_calDate {font-size: 4rem;}
	.section.rebates .SES_resourceDirImg{float:none; display:block; margin: 0 auto;}
	.section p{font-size: 110%; line-height: 150%;}
	.login{display:none;}
}

@media only screen and (max-width: 700px){
	.section.links>div>div{width: 37rem;max-width: 100%; margin: 0.5rem auto; display: block; float:none; clear:both; padding-bottom: 5rem;}
	.section.links>div>div:last-of-type{float:none}
	.viewTable,	.calExpand, ol.LISTcalendar li.noEvents{display:none}
	
}
@media only screen and (max-width: 640px){
	.section.four div p{font-size: 1.5rem;}
	.wrapper{margin-top: 35px}
	#page{padding-top: 0}
	
	.respNavContainer{display:none;}
	.mobileNavControl{display:block;}
	/*.titleContainer{display:none}*/
	.section{padding:3rem 0}
	.title {padding: 0;}
	.titleContainer{background-attachment: scroll; background-size: cover;}
	.title img{position: relative; display:block; margin: 1rem auto; width: 250px; height: auto; -o-transform: none; -webkit-transform: none; -moz-transform: none; transform: none; left: 0; top: 0;}
	.siteLogin{position: fixed; top: -150px; z-index: 2; width: 100%;}
	.siteLogin form input[type=text], .siteLogin form input[type=password]{width: 9rem;}
	.siteLogin>div{padding: 0.6rem;}
}

@media only screen and (max-width: 500px){
	.balHistContainer{display: block; margin: 0 auto; width: 32%; padding-bottom: 2rem;}
	.balHistory{border-radius: 0.6rem;}	
	.section.one .balHistContainer h2{text-align:center;}
	
	.nextDueContainer{display: block; margin: 0; width: 32%;}
	.section.one .nextDueContainer h2{text-align:center;}
	.nextDue{border-radius: 0.6rem;}
	
	.emailNoticeAddress{font-size: 2rem;}
	.emailStatus{font-size: 1.2rem;}

	.rateTierContainer{display: block; margin: 0 auto; width: 32%; padding-bottom: 2rem;}
	.section.one .rateTierContainer h2{text-align:center;}
	.rateTier{border-radius: 0.6rem;}	

	.whatIfContainer{display: block; width: 32%; }
	.whatIfCalc{border-radius: 0.6rem;}
	.section.one .whatIfContainer h2{text-align:center;}
	.section>div{padding: 0 1rem;}
	.section.rebates .entryHolder{min-width: 0; width: 100%;}
}

@media only screen and (max-width: 475px){
	.header-contact{display: block;}
	.header-contact>div{text-align: center!important; padding: 0.5em;}
}

@media only screen and (max-width: 450px){
	.siteLogin ul li:nth-of-type(n+2){display:none;}
	.siteLogin form input[type=text], .siteLogin form input[type=password]{width: 6rem;}
	.section.links>div>div:last-of-type img:last-of-type, .section.links>div>div:first-of-type img:last-of-type{height:auto;}
	.footer>div{width: 100%; min-width: 0; margin: 1rem 0;}
	.footer>div p:nth-of-type(n+2){font-size:1.2rem;}
}

/*@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape){}*/