/**** HOME PAGE ONLY STYLES (where home is different than interior) ****/
#homeContentContainer { position: relative; width:100%; margin:0;padding:0;display:inline-block;}
.contentLeft {float:left;width:100%;}
.contentRight { float:left; position: absolute; top: 40px; right: 4%; width:40%;}
#homeMainImageArea { max-width: none; padding: 0; margin:0; overflow:hidden; }
#homeMainImageArea .slideBg { height: 640px; }
/* CTA Buttons Wrapper */
.ctaButtonsWrapper { float: left; width: 100%; padding: 20px 0; background-color: #fff; }
.ctaButtons { max-width: 1334px; width: 100%; margin: 0 auto 10px auto; padding: 0 25px; font-size: 1rem; color: #3B3B3B; display: block; }
.ctaButtons .col4 { width: 31%; float: left; margin-right:3%; display: inline-block; }
.ctaButtons .col4:last-child { margin-right: 0; }
.ctaButtons .col3 { width: 24.5%; float: left; margin-right:1%; display: inline-block; text-align: center; border-right: 1px solid #D2DCE5; }
.ctaButtons .col3:first-child { width: 21%; margin-left: 2%; }
.ctaButtons .col3:last-child { margin-right: 0; border-right: none; }
.ctaButtons img { float: left; width: 100%; max-width: 40px; }
.ctaButtons img + div { float: left; font-size: 1.1rem; font-weight: 500; padding: 9px 10px; margin: 0; }
.ctaButtons > div a { display: block; max-width: 290px; text-align: center; margin: 0 auto; }
#bodyContainer .ctaButtons a:hover, #bodyContainer .ctaButtons a:focus { color: #326C9E; }
@media all and (max-width:1220px) {
	.ctaButtonsWrapper { padding: 12px 0 0 0; }
	.ctaButtons .col3, .ctaButtons .col4 { width: 100%; padding: 28px 0; margin: 0; border-bottom: 1px solid #D2DCE5; border-right: none; }
	.ctaButtons .col3:first-child, .ctaButtons .col4:first-child  { width: 100%; margin-left: 0; }
	.ctaButtons .col3:last-child, .ctaButtons .col4:last-child { border-bottom: none; border-right: none; }
}
/* Emergencies */
.emergencies { display: block; float: left; width: 100%;  margin: 0 0 25px 0; }
.emergencies .wrapper { display: block; max-width: 1280px; width: 100%; background: #004987; color: #fff; text-align: center; padding: 17px 28px; margin: 0 auto; }
.emergencies p { font-size: 1.3rem; font-weight: 400; margin: 0 0 7px 0; }
.emergencies p:last-child { margin: 0; }
#bodyContainer .emergencies a { color: #fff; }
#bodyContainer .emergencies a:hover, #bodyContainer .emergencies a:focus { color: #A2BAD2; text-decoration: underline; }
.HomePayNow { margin-bottom: 15px; }

/* Pay Now Button */
.homePayNow {max-width:235px; width:100%; height:35px; display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content:center; -moz-justify-content:center; -webkit-justify-content:center; -ms-justify-content:center; line-height:35px;}
#bodyContainer .homePayNow a { background:#397d2f;background:-moz-linear-gradient(top, #509c47, #397d2f);background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#509c47), to(#397d2f)); color:white; font-size:20px; font-weight:600; width:100%; text-align:center;}
#contactNumbers{float:left;width:94.5%;border:1px solid #CDCDCD;margin:0px 0px 20px 2.75%;padding:0;font-size:11px;border: none;}
.contactNumbersContainer:first-child {margin-right:1.30%;}
.contactNumbersContainer {float:left;border: 1px solid #CDCDCD;width:49%;padding-bottom: 8px;text-align:center;min-height:166px;}
#contactNumbers .emergencyNumber{text-align:center;width: 100%;}
.emergencyNumber.blue {color: #0065A4;font-size: .9rem;}
.emergencyNumber.green {color: #397d2f;font-size: .9rem;}
.email.green {text-decoration: underline !important; color: #397d2f !important;}
#contactNumbers .serviceNumber{display:inline;text-align:center;padding:5px 0 0 0;}
#contactNumbers span.numberTitle{font-weight:600;text-transform:uppercase;}
.numberTitle a {color:#fff !important;}
.numberTitle a:hover,.numberTitle a:focus {text-decoration:underline !important;}
.numberTitle.blue { background: #006aa1; color: #fff;width:100%;padding: 5px 0;margin-bottom:8px; }
.numberTitle.green { background: #397d2f; color: #fff;width:100%;padding: 5px 0;margin-bottom:8px; }
.socialMediaHomeIcons {float: left;margin: 12px 0 8px 0;text-align: center;width: 100%;}
.socialMediaHomeIcons img {margin:0 6px 0 0;max-width:20px;width:100%;}
/* Manage Account */
#manageAccount{max-width:475px;width:100%;height:auto;float:right; margin:0 0 10px 0; background-color:rgba(255,255,255,0.95); }
#pnlHomeRegisterLink { margin-top: 15px; }
#pnlHomeRegisterLink a { display: inline-block; }
#pnlHomeHeaderImage { background: #004987; color:#fff; padding: 20px 28px; }
.loginHeader {width:100%; font-family: 'Montserrat', Verdana, Helvetica, Arial, _san; font-weight:300; font-size: 1.48rem; vertical-align:middle; padding: 0 0 4px 0; }
#homeLoginTrue .loginHeader { background: #004987; color:#fff; padding: 20px 28px; }
.loginContent {border-top:1px solid #1d4816;}
.loginContent .PanelContent { padding: 30px 28px; }
#pnlHomeHeaderImage .PanelContent { font-size: .85rem; padding: 0; }
#homeLoginTrue .loginContent { float: left; padding: 20px 28px; background-color:rgba(255,255,255,0.95); }
.loginContent .PanelContent a { display: block; }
#bodyContainer .loginContent a:hover, #bodyContainer .loginContent a:focus { color: #326C9E; text-decoration: underline; }
.Loginlabel { font-size: .9rem; padding:0 0 5px 0;}
.Loginfield .field { width: 100% !important; font-size: 1rem; padding: 15px; margin:0 0 10px 0; border: 1px solid #D2DCE5; }
.login_check_box_label { margin:6px 7px 15px 0; font-size:.9rem; }
.check_box{ margin:5px 5px 0 0; float:left; }
#btnLogin{margin-bottom:12px;}
.loginLinks {margin:7px 0 5px 0;clear:both; font-size: .9rem; }
#bodyContainer .loginLinks > a:hover, #bodyContainer .loginLinks > a:focus { color: #326C9E; text-decoration: underline; }
.loginLinks.register { margin: -5px 0 0 0; max-width: 100%; }
#homeLoginTrue .loginLinks {float:left;clear:both;width:100%;display:block;}
.LoginError{width:auto; height: 23px;font-size: .9rem; font-weight:600;color:#5E1102; clear:both;}
#registerNow{margin:0;padding:0;}
#registerNow a.registerLink{font-weight:600;}
#registerNow a.registerLink:hover, #registerNow a.registerLink:focus { color: #326C9E; text-decoration: underline; }
/* Bottom Image Columns */
.bottomColumn { display: block; float: left; width: 100%; padding: 15px 25px 0 25px; margin: 0; }
.bottomColumn .wrapper { display: block; max-width: 1280px; width: 100%; padding: 0; margin: 0 auto; }
.bottomColumn .col4 { width: 31.3%; margin: 0 3% 0 0; }
.bottomColumn .col4:last-child { margin: 0; }
.columnIcon { float:left; width:100%; margin: 0 0 27px 0; }
.columnIcon a { float:left; width:100%; }
#bodyContainer .columnIcon a:hover .bottomTitle , #bodyContainer .columnIcon a:focus .bottomTitle  { color: #326C9E; }
.bottomColumn .bottomTitle { float: left; width: 100%; font-weight:600; color:#004987; font-size: 1.1rem; padding: 12px 0; line-height: 1.4; }
/* Home Info */
.homeInfo { display: block; float: left; width: 100%; padding: 43px 25px 25px 25px; margin: 0; background-color: #fff; }
.homeInfo .wrapper { display: block; max-width: 1280px; width: 100%; padding: 0; margin: 0 auto; }
.homeInfo .col6 { width: 48.25%; margin: 0 3.5% 0 0; }
.homeInfo .col6:last-child { margin: 0; }
.columnHeader { font-size: 1.5rem; font-weight:500; width:100%; padding:0 0 5px 0; }
.columnContent { width:100%: }
.columnContent ul{ width: 100%; padding: 0; margin: 0; list-style:none; }
.columnContent ul li { width: 100%; padding: 19px 0; margin:0; list-style:none; border-bottom: 1px solid #f1f2f4; line-height: 1.4; }
.columnContent ul li:last-of-type { border-bottom: none; }
.columnContent a { width: 100%; }
#bodyContainer .columnContent a:hover, #bodyContainer .columnContent a:focus { color: #326C9E; }
.columnContent a:before { text-align: right; display: block; float: right; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1rem; content: "\f061"; padding-right: 5px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#bodyContainer .columnContent a:hover:before, #bodyContainer .columnContent a:focus:before { padding-right: 0; }
#theNews { float: left; width: 100%; clear: both; padding: 0 0 18px 0; }
#theNews .wrapper { float: none; width: 100%; max-width: 1334px; padding: 0 25px; margin: 41px auto 30px auto; }
#newsContent { padding: 0 0 36px 0; margin: 20px auto 10px auto; }
#newsContent .slick-dots { bottom: 0; }
#newsContent .slick-slide { margin: 0 10px; }
#newsContent .slick-list { margin: 0 -10px; }
#newsContent p.newsDate { font-size: .85rem; font-weight: 500; margin-bottom: 9px; }
#newsContent p.newsBlurb { font-size: 1.2rem; font-weight: 500; line-height: 1.3em; margin-bottom: 10px; }
#newsContent p.newsBlurb a { text-transform: capitalize; }
#bodyContainer #newsContent p.newsBlurb a:hover, #bodyContainer #newsContent p.newsBlurb a:focus { color: #326C9E; }
#newsContent p.newsSummary { font-size: 1rem; line-height: 1.9em; }
#bodyContainer #theNews a.readMore:hover, #bodyContainer #theNews a.readMore:focus { color: #326C9E; text-decoration: underline; }
.homeDivider {display: none;}
@media screen and (max-width:1279px) {
	#homeMainImageArea .slideBg { height: 450px; }
	.contentRight { width:100%; position: relative; top: auto; right: auto; padding: 39px 22px 22px 22px; }
	#manageAccount{ max-width: 100%; width:100%; margin:0 0 20px 0; padding-bottom: 20px; }
	#pnlHomeHeaderImage { padding: 20px 22px; }
	.loginContent .PanelContent { padding: 30px 22px; }
}
@media screen and (max-width:990px) {
    #homeContentContainer {width:100%;padding:0;}
	.bottomColumn { padding: 15px 22px; }
    #contactNumbers{width:96%;margin:0 2% 20px 2%;padding:3px 0% 5px 1%;}
	#contactNumbers .pipe{display:none;}
	#contactNumbers .serviceNumber{display:block;text-align:left;clear:both;}
	.contactNumbersContainer div{float:left;display:block;text-align:left;}
    .homePayNow { width: 96%; margin: 0 auto; max-width:inherit; }
	#theNews { margin: 0; }
	#theNews .columnHeader { padding: 0; }
	#newsContent { padding: 0 0 12px 0; }
}
@media screen and (max-width:625px) {
	#homeMainImageArea { border:none; margin:0; }
	.loginLinks.register { margin: 7px 0 0 0; max-width: 100%; }
	.loginLinks { float:left; margin:7px 0 5px 0; clear:both; }
	#registerNow{text-align:center;}
	.contactNumbersContainer div{ float:none; text-align:center; }
	.bottomColumn .col4 { width: 100%; margin: 0; }
	.bottomColumn img { width: 100%; }
	.homeInfo { padding: 43px 25px 20px 25px; }
	.homeInfo .col6 { width: 100%; margin: 0 0 20px 0; }
	.columnHeader { padding: 0 0 11px 0; }
	#contactNumbers{text-align:center;}
	#contactNumbers .serviceNumber{text-align:center;}
	.contactNumbersContainer {width: 100%;margin: 4px 0;min-height: 0;}
	.contactNumbersContainer:first-child {margin-right: 0;}
	.socialMediaHomeIcons {float:none;clear:both;}
}
@media screen and (max-width: 400px) {
	.ctaButtons img { max-width: 40px; }
	.ctaButtons img + div { margin: 0; }
}