@charset "UTF-8";
@import url('css/bootstrap.min.css');


/* =================  CSS Reset ================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, caption {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	
}
strong, b {font-weight:bold;}
em, dfn, i {font-style:italic;}



/* -------------------  FIXES for Admin bar problems with Bootstrap 3 - IMPORTANT  ----------------------------------- */


.form-group .dnnLabel { text-align: left; width: auto;}/*override for dnnLabels in the bootstrap */
.dnnLabel + span { white-space: normal; }

/* ADMIN */
#ControlBar, #ControlBar:before, #ControlBar:after, #ControlBar *:before, #ControlBar *:after,
#ControlBar li, #ControlBar li:before, #ControlBar li:after,
#ControlBar a, #ControlBar a:before, #ControlBar a:after,
.dnn_mact, .dnn_mact:before, .dnn_mact:after, .dnn_mact *:before, .dnn_mact *:after,
.dnn_mact li, .dnn_mact li:before, .dnn_mact li:after { 
	-webkit-box-sizing: content-box !important; /* Safari/Chrome, other WebKit */ 
	-moz-box-sizing: content-box !important; /* Firefox, other Gecko */ 
	box-sizing: content-box !important; /* Opera/IE 8+ */ }

/* fix for DNN dropdown lists being cut off*/
.dnnDropDownList .selected-item, .dnnDropDownList .selected-item a { height: 35px !important; }

/* fix for coloring on DNN Check boxes */
.dnnCheckbox .mark { background: none; }





html,
body {
	height: 100%;
	color:#455960;
	background-color:#eef8fb;
	width:100%;
	font-family:'Roboto', sans-serif;
	font-size: 14px;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}



/* Container Backgrounds */

.white-bg {background-color:#ffffff;}
.white-bg-footer {background-color:#ffffff; margin-top:25px;}



/* Typography */

h1,h2,h3,h4,h5,h6 {padding-bottom:15px; font-weight:700; line-height:1.5;}

h1 {font-size:24px;}
h2 {font-size:20px; padding-top:20px;}
h3 {font-size:18px;}
h3 {font-size:16px;}




.page-mainContent ul  {padding-bottom:20px; padding-top:0px; list-style:none; margin-top:-15px;}
.page-mainContent ul li {position: relative; padding:0px 0 10px 25px; font-size:16px; line-height:26px; font-family: 'PT Serif';}
.page-mainContent ul li a {color:#135eab; text-decoration:underline;}
.page-mainContent ul li a:hover {color:#455960;}


.page-mainContent ul li:before {
	position: absolute; 
	left: -25px; 
	top:0px; 
	left:10px;
	font-family: 'FontAwesome'; 
	font-size:20px; 
	color: #246ba2; 
	content: '\f105'; 
}


.page-mainContent a {text-decoration:underline; color:#135eab; padding-bottom:3px;}
.page-mainContent a:hover {color:#333; border-bottom:none;}



/* Colours */

shw-cool-grey {color:#455960;}
shw-dark-blue {color:#135eab;}
shw-light-blue {color:#28ace2;}
shw-orange {color:#f5b400;}


.your-home-purple {color:#87469e;}
.your-business-aqua {color:#46afc5;}
.building-dev-green {color:#179c84;}
.community-yellow {color:#f5b400;}
.about-us-blue {color:#01adef;}





/* tables */
.epa-table-pad {padding-top:10px; padding-bottom:10px;}

a, a:hover, a:active {border:none; background:none;}
.img-responsive {width: 100%;} /* custom from bootstrap - image width matches Quicklinks */

.body-text-wrapper p {font: 400 16px/26px 'PT Serif', serif; padding-bottom:30px;}
p.list-below {padding-bottom:15px;}
p.notation {font-family:'Roboto', sans-serif; font-size:14px;}


.mainNav,
.sectionNav,
.page-subtitle {font-weight:400;}

.cat-title,
.download-title,
.sideNav-title,
.related-links-header,
.service-request-header,
.tele-help-header,
.tele-help-body, 
.info-box-title {font-weight:700;}

.page-subtitle,
.body-main-image-caption {line-height:1.4;}

.img-page-left {float:left; padding:10px 20px 10px 0;}


/* Search And Social */

.social-header {
	float:right;
	position:relative;
	left:-100px;
	margin-top:30px;
}


.header-social,
.header-social a {font-size:18px; padding:20px 15px 15px 0; color:#455960;}


.submit-btn {display:none;}
.search {
    float: right;
	margin-top:40px;
    width: 209px;
    position:relative;
	left:-92px;
}

  
#dnn_dnnSearch_txtSearch {
	display: block;
	float: left;
	width: 300px;
	height: 35px;
	padding: 0 5px 0 10px;
	margin: 0;
	border: solid 1px #E0E0E0;
	border-radius: 0;
	box-shadow: none;
	outline: none;
	color: #000;
	line-height: 32px;
	font-size: 12px;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
	background: url(Images/search-icon.png) no-repeat 265px center;
	
	
}


#dnn_dnnSearch_txtSearch:active, #dnn_dnnSearch_txtSearch:focus {
     background: #F0F0F0;
     box-shadow: inset 0px 3px 3px #DCDCDC;
}



/* Search results page */

.dnnSearchBoxPanel,
.dnnSearchResultPanel {display:none;}



/* logo */

.top-logo {float:left; margin:15px 0 25px 10px;}
.search-box {float:right; margin-top:-10px;}

.tagline {float:left; font-size:13px; color:#135eab; margin-top:0px;}
.tagline-text {float:left; font-size:11px; color:#135eab; padding-top:17px; margin-left:8px;}
.tagline-text a {color:#135eab; text-decoration:underline;}



/* login */

#dnn_dnnLogin_loginGroup {float:right; width:50px; margin-right:20px; margin-top:13px; font-size:13px;}
.loginGroup a {color:#455960;} 
.loginGroup :before {font-family: 'FontAwesome'; font-size:15px; color: #455960; content: '\f023'; margin:0 7px 0 0;}




/* Top Nav */

.topNav-Wrapper {overflow: auto; padding:3px 10px 5px 0; margin:5px 0;}
.topNav {float:right; padding-top:13px;}
.topNav ul {list-style-type: none;}
.topNav li {display:inline; margin-left:20px; padding:0px 0 0px 20px;  border-left: solid 1px #498dc6;}
.topNav li a {font-size:13px; color:#135eab;}
.topNav li a:hover { text-decoration:none;}
.topNav li:first-child { border-left:0px; }






/* Main Nav */

.mobile-home-link {display:none;}
.mobile-toggle {display:none;}
.main-nav-wrapper {background-color:#d9e8f5; height:46px;}
.mainNav-home-link {float:left; padding:9px 13px 10px 13px; background-color:#135eab;}
.mainNav-home-link a {font-size:19px; color:#fff;}


#nav > a {display: none;}
#nav li {position: relative; list-style:none;}
#nav li a {color:#135eab; display: block; text-decoration:none;}
				
				

			
/* first level */

#nav > ul > li {height: 100%; float: left;}
#nav > ul > li > a {
	height: 100%;
	font-size: 15px;
	line-height: 3em;
	padding-left:20px;
	padding-right:20px;
	font-weight:400;
}
			
			
#nav > ul > li:not( :last-child ) > a {border-right: 1px solid #fff;}
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a {background-color: #F3F3F3;}


/* active section */
#nav > ul li.haschild1 {background-color:#e8f1f9;}
#nav > ul li.haschild1 a {margin-top:-1px;}



/* second level */

.dropPanel {
	position:relative; 
	z-index:20;
	min-width:250px; 
	margin-left:0px;
	padding:20px 0 10px 0;
	border-bottom: 1px solid #8C8C8C;
	border-right: 1px solid #8C8C8C;
}

#nav li ul {
	background-color: #F3F3F3;
	display: none;
	position: absolute;
	top: 100%;
}
	
	
#nav li:hover ul {
	display: block;
	left: 0;
	right: 0;	
}
		
#nav li:not( :first-child ):hover ul {
	right: 1px;
}

#nav li ul a {
	font-size: 15px; /* 20 */
	padding: 0.75em; /* 15 (20) */
	 color:#373737;
}


#nav li ul a:hover {
	color:#135eab; 
	text-decoration:underline;
}




/* Quick Links */ 

.mainNav-bg {background-color:#d9e8f5;}

.main-nav-quicklinks {float:right; background-color:#498dc6; height:45px; width:300px; position:relative; z-index:100; margin-top:-46px;}
.quicklink-wrap {border:none; background-color:#498dc6; padding:0px 0 0 15px; border-radius:0px; color:#fff; font-size:16px;}
.quicklinks {font-size:15px; color:#589800; padding:0px;}


ul.quicklinks {width:256px; border-radius:0px; padding:10px 0;}
.quicklinks li,
.quicklinks li a  {margin-left:0px; padding-top:5px; padding-bottom:5px;}

.quicklinks-icon {margin-left:153px; padding:14px; background-color:#323232; color:#fff; font-size:18px;}
.btn btn-default a:hover {background-color:#498dc6;}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {color:#eef8fb; background-color:#498dc6;}




/* Section Menu */ 

.home-mobile {display:none;}

.section-nav-wrapper {background-color:#999; height:165px; overflow:hidden;}

.section-nav-wrapper-yh-purple {background: url(includes/purple-grad.gif) repeat-x #87469e; height:162px; overflow:hidden;}
.section-nav-wrapper-bd-green {background: url(includes/green-grad.gif) repeat-x #179c84; height:162px; overflow:hidden;}
.section-nav-wrapper-com-yellow {background: url(includes/yellow-grad.gif) repeat-x #f5b400; height:162px; overflow:hidden;}
.section-nav-wrapper-about-blue {background: url(includes/blue-grad.gif) repeat-x #01adef; height:162px; overflow:hidden;}
.section-nav-wrapper-home-navy {background: #135eab; height:162px; overflow:hidden;}


.mobile-parent-title {display:none;}
.section-title {font-size:20px; color:#fff; margin:40px 20px 4px 25px; opacity:0.8;}

.cat-title-section-landing {font-weight:700; padding-top:50px;}
.cat-title-section-landing,
.cat-title {font-size:30px; color:#fff; margin:0px 20px 0px 25px;}





/* Share buttons */

.share-title {font-size:13px; color:#135eab; padding-bottom:8px; }

.facebook-share,
.twitter-share,
.linkedin-share,
.google-share {
	 margin-bottom:3px; 
	 width:35px; 
	 height:35px; 
	 text-align:center; 
	 background-color:#616161; 
	 padding-top:8px;
}



.facebook-share {background-color:#3b5998;}
.twitter-share {background-color:#55acee;}
.linkedin-share {background-color:#007bb6;}
.google-share {background-color:#d34836;}


.facebook-share-icon,
.twitter-share-icon,
.linkedin-share-icon,
.google-share-icon {font-size:20px; color:#fff;}





/* Content Wrappers */ 

.content-wrapper,
.sidebar-wrapper,
.section-wrapper {margin-top:30px;}
.content-wrapper {padding-right:20px;}
.sidebar-wrapper {padding-left:0px;}
.sidebar-wrapper-search {padding-left:0px; margin-top:40px;}
.body-text-wrapper {padding-left:20px; margin:5px 0 40px 0;}
.sidebar-wrapper {position:relative; top:-85px;}



/* Main Content Elements*/ 

.breadcrumb-wrapper {margin-bottom:0px;}
#dnn_dnnBreadcrumb_lblBreadCrumb {margin-left:15px; color:#ccc;}
#dnn_dnnBreadcrumb_lblBreadCrumb a {color:#8B8B8B;}

.breadcrumb,
.breadcrumb a {background-color:#fff; font-size:13px; padding:0px 8px; color:#ccc;}


.page-title {font-size:30px; font-weight:900; margin-left:90px; padding:40px 0 30px 0;}
.search-page-title {font-size:30px; font-weight:900; padding:30px 0 0px 0;}
.page-title-section {position:relative; top:-20px;} /* close up space left by breadcrumbs */ 



.page-subtitle {font-size:18px; color:#455960; margin-left:90px; padding-bottom:0px;}
.body-main-image {margin:40px 0 30px 0;}
.body-main-image-caption {background-color:#fff; position:relative; bottom:20px; padding:15px 20px; padding-left:10px; font-size:12px; color:#455960;}
.icon-camera {margin-right:5px;}






/* Downloads List */

.download-wrapper {margin-bottom:60px;}
.download-title {font-size:20px; color:#455960; margin-bottom:20px; margin-top:25px;}
.download-title {padding-top:10px; border-top:#CECECE 5px solid;}
.download-icon {font-size:28px; position:relative; top:2px; padding-right:2px;}



ul.download  {padding-bottom:10px; padding-top:10px; list-style:none;  }
ul.download li {font-size:15px; color:#135eab; position: relative; background-color:#F0F0F0; margin-bottom:10px; padding:10px 0 10px 35px; border-right:#B7B7B7 5px solid;}
ul.download li:hover {color:#333; opacity:0.8;}

ul.download li:before {
	position: absolute; 
	left: -25px; 
	top:8px; 
	left:10px;
	font-family: 'FontAwesome'; 
	font-size:17px; 
	color: #246ba2; 
	content: '\f1c1'; 
	margin:0 10px 0 0;
}



ul.download-yh-purple li:after {background-color:#87469e;}
ul.download-bd-green li:after {background-color:#179c84;}
ul.download-com-yellow li:after {background-color:#f5b400;}
ul.download-about-blue li:after {background-color:#01adef;}






/* Side Menu */ 

.sideNav-title {padding:15px; background-color: #455960; color:#fff; font-size:18px; margin: 10px 0 0px 0; }
.sideNav-icon {float: right; font-size:26px; padding-right:0px;}

ul.sideNav {margin-bottom:25px; border:#DFDFDF 1px solid; margin-left:0px;}
ul.sideNav li {list-style: none;}
ul.sideNav li a {display:block; font-size:14px; color:#3c3e41; background-color:#F3F3F3; padding:20px 10px; text-decoration: none; border-bottom:#B7B7B7 1px dotted;}
ul.sideNav a:hover,
ul.sideNav a:active { background-color:#fff; border-right:#333 3px solid;}
ul.sideNav li.last0 a { border-bottom:0px; }

ul.sideNav li.selected1 a {background-color:#fff; color:#135eab; border-right:#01adef 0px solid;}



/* Related Links */ 

.related-links-wrapper {background-color:#28ace2; margin-bottom:25px; overflow:hidden;}
.related-links-header {background-color:#135eab; padding:15px; font-size:18px; color:#fff;}
.related-links-icon {float: right; font-size:30px; padding-right:0px;}


ul.related-links-list  {padding:5px 15px; margin-left:0px; list-style:none;}
ul.related-links-list li {position: relative; padding:10px 0; border-top:#d9e8f5 1px solid;}
ul.related-links-list li:first-child { border-top:0px;}
ul.related-links-list li a {color:#fff; font-weight:400;}

ul.related-links-list li:after {
	float:right;
	padding-top:10px;
	padding-right:5px;
	padding-left:10px;
	font-family: 'FontAwesome'; 
	font-size:17px; 
	color: #fff; 
	content: '\f138'; 
	margin-top:-10px;
	
}



/* Service Requests */ 

.service-request-wrapper {background-color:#5fbd79; margin-bottom:25px; overflow:hidden;}
.service-request-header {background-color:#37ad57; padding:15px; font-size:18px; color:#fff;}
.service-request-icon {float: right; font-size:26px; padding-right:0px;}


ul.service-request-list  {padding:5px 15px; margin-left:0px; list-style:none;}
ul.service-request-list li {position: relative; padding:10px 0; border-top:#d9e8f5 1px solid;}
ul.service-request-list li:first-child { border-top:0px;}
ul.service-request-list li a {color:#fff; font-weight:400;}





/* telephone Help Box */ 

.tele-help-wrapper {background-color:#ffc82c; margin-bottom:25px;}
.tele-help-header {background-color:#f5b517; padding:15px; font-size:18px; color:#fff;}
.tele-help-icon {float: right; font-size:30px;}
.tele-help-body {padding:15px; font-size:18px; color:#333;}
a.tele-help-link {color:#135eab; font-weight:400; text-decoration: underline;}
a.tele-help-link:hover {color:#fff;}



/* Side-bar Info Box */ 

.info-box-wrapper {background-color:#eef8fb; margin-bottom:25px;}
.info-box-title {padding:15px 0 5px 15px; font-size:18px; color:#135eab;}
.info-box-icon {float: right; font-size:30px; padding-right:0px;}
.info-box-body {padding:0px 0 25px 15px; font-size:14px; font-weight:33;} 
.info-box-body a {color:#135eab;}



/* Contact us page */

h2.contact-us-h2 {padding-bottom:15px; border-bottom:#ccc 2px solid; margin-bottom:20px;}
.livechat-open,
.livechat-closed{float:right;}
p.Management-title {margin-bottom:0px !important; padding-bottom:10px;}





/* News Listings */

.news-story-wrapper {padding:35px 0 15px 0; margin-bottom:20px;  border-top:#f5b400 3px solid;}
h1.news-headline {font-size:24px; font-weight:400; line-height:30px; padding-bottom:15px;}
.news-date-time {padding-bottom:30px;}
.news-date-icon {padding-right:5px;}
.news-article-image {float: right; padding:0px 0 10px 10px;  width:350px; height:auto;}
.news-article-image-no-width {float:right; padding:0px 0 10px 10px;}



/* Event Listings */

.event-date {padding-bottom:10px; font-weight:700; font-size:17px;}
.event-cal-icon {padding-right:10px; color:#f5b400;}



/* Water Snapshot */

.water-snapshot-table th {font-size:12px; font-weight:700;}
.water-snapshot-table>tbody>tr>td {padding-top:20px; padding-bottom:20px;}
.watersnapshot-footnote {margin-bottom:30px;}


.wsStats {margin-top:-30px; margin-bottom:30px;}
.wsStats h1 {
	font-size:20px; 
	color:#70bb44; 
	padding-bottom:5px;
	margin-top:40px;
	margin-bottom:10px; 
	border-bottom:#0096d6 3px solid;
}

.wsStats h1 img.ws-icon {width:35px; float:right; position:relative; top:-8px;}
.wsStats h2 {font-size:18px; line-height:1.1;  padding-top:5px; margin-bottom:0px; padding-bottom:8px;}
.wsStats p {font-family:'Roboto', sans-serif; font-size:17px; padding-bottom:8px;}
.wsStats p.combined-storage {color:#0096d6; font-weight:700; margin-top:5px; padding-top:5px; border-top:#0096d6 1px solid;}
.wsStats p.update {font-size:14px; float:right; margin-top:15px;}
.wsStats p span.value {float:right;}




/* Water Restrictions */

.wr-info-box-wrap {margin-bottom:30px;}
.wr-info-box {font-size:18px; padding:25px 15px 25px 15px; color:#fff; margin-bottom:10px;}
.wr-info-box .wr-icon {font-size:42px; margin-bottom:10px; margin-right:5px; float:right; position:relative; top:-5px;}
br.mobile-hide {display:none;}

.wr-1 {background-color:#0096d6;}
.wr-2 {background-color:#70bb44;}
.wr-3 {background-color:#0096d6;}
.wr-4 {background-color:#70bb44; padding-right:25px;}
.wr-5 {background-color:#0096d6; padding-right:25px;}
.wr-6 {background-color:#70bb44; padding-right:20px;}

a.wr-link,
a.wr-link:hover {text-decoration:none !important; opacity:0.9;}
.wr-info-box:hover {opacity:0.85;}


.wr-info-box-1 {padding-left:0px; padding-right:0px;}
.wr-info-box-2 {padding-left:0px; padding-right:0px;}
.wr-info-box-3 {padding-left:0px; padding-right:0px;}


@media (min-width: 992px) {
    
.wr-info-box {padding:25px 5px 20px 5px; text-align:center;}
.wr-info-box .wr-icon {display:block; float:none; margin-bottom:10px; top:0px;}
br.mobile-hide {display:block;}    

.wr-info-box-1 {padding-left:15px; padding-right:7px;}
.wr-info-box-2 {padding-left:4px; padding-right:7px;}
.wr-info-box-3 {padding-left:4px; padding-right:15px;}    
}





/* Water Quality monitoring */
.water-quality-table>tbody>tr>td {padding-top:20px; padding-bottom:20px;}



/* EPA Monitoring Archive Dropdown */ 

.epa-archive-dropdown {background-color:#498dc6; height:45px; width:235px; margin-top:40px; margin-bottom:30px;}
.epa-archive-wrap {border:none; background-color:#01adef; padding:0px 0 0 15px; border-radius:0px; color:#fff; font-size:16px; }
.epa-archive {font-size:15px; color:#589800; padding:0px;}


ul.epa-archive {
	width:244px; 
	border-radius:0px; 
	padding:10px 0; 
	list-style-type:none; 
	text-decoration:none; 
	margin-left:0px;
	margin-top:3px;
}

ul.epa-archive li:before {
	position: absolute; 
	left: 0px; 
	top:0px; 
	left:10px;
	font-size:0px; 
	color: #fff; 
}


.epa-archive li,
.epa-archive li a {
	margin-left:0px; 
	padding-top:5px; 
	padding-bottom:5px; 
	font-family:'Roboto', sans-serif; 
	font-size:14px; 
	text-decoration:none; 
	list-style-type:none;
}

.epa-archive-icon {margin-left:80px; padding:14px; background-color:#135eab; color:#fff; font-size:18px;}
.btn btn-default a:hover {background-color:#498dc6;}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {color:#eef8fb; background-color:#498dc6;}







/* footer */

.home-mobile-footer-rule {display:none;}

.foot-col-1-wrap,
.foot-col-2-wrap,
.foot-col-3-wrap,
.foot-col-4-wrap {margin-top:15px; margin-bottom:15px; color:#888;}

.footer-heading, 
.contact-heading {font-size:17px; font-weight:900; color:#888;}
.emergencies-heading {font-size:14px; font-weight:900; color:#ce2900;}
.emergencies-body a {color:#ce2900; text-decoration:underline;}
.emergencies-icon {font-size:17px; position:relative; top:3;}

.footer-heading  {margin-top:30px;}



.footer-links ul {padding:0px; width:300px;}
.footer-links li,
.footer-links li a {list-style-type: none; margin-left:0px;  padding:2px 0; font-size:13px;}


.footer-number-a {float:left; width:140px; font-weight:700;}
.footer-number-b {float:left; width:40px; font-weight:700;}
.footer-number-c {float:left; width:55px; font-weight:700;}
.footer-number-1 {clear:left;}


.foot-col-3-wrap {font-size:13px;}
.footer-social {font-size:18px; padding:20px 10px 15px 0; color:#999;}


.footer-copyright-left,
.footer-copyright-right {float:left; font-size:13px; color:#135eab; margin-top:20px; margin-bottom:30px;}
.footer-copyright-left {margin-right:30px;}

.footer-copyright-left a {color:#135eab; text-decoration:underline;}




/*------------------------------------------------------------*/
/****************** SECTION PAGE STYLES **********************/
/*------------------------------------------------------------*/



/* override Bootstrap styles */
.panel {-webkit-box-shadow: none; box-shadow: none; border-radius: 0px; border:none;} /* Bootstrap */
.panel-heading {border-top-left-radius: 0px; border-top-right-radius: 0px; border:none; border-bottom: 0px;} /* Bootstrap */
.panel-body {border-radius:0px; border:none;} /* Bootstrap */




.section-menu-topPad {padding-top:22px;}
.section-panel-wrapper {margin-bottom:30px; width:100%;}
.section-panel-icon {float:left;}
.panel-section {float:none;}

.panel-section > .panel-heading {color: #333; background-color:#F3F3F3; padding:11px 15px 20px 15px; margin-left:43px;}
.panel-section .panel-title {font-size:18px; font-weight:700; padding-bottom:10px; }
.panel-section .panel-subtitle {font-size:13px; padding-top:15px; font-weight:300; padding-right:20px; color:#616161;} 
.panel-section > .panel-body {color: #333; background-color: #F3F3F3; margin-left:43px; padding:5px 10px;}
.section-icon {font-size:22px; padding:12px; color:#fff;}

.section-arrow-down {position:relative; top:20px; font-size:20px; color:#F3F3F3;}
.haschild .section-arrow-down {color:#333;}
.panel-section .panel-subtitle {color:#F3F3F3; display:none;}
.panel-section .haschild .panel-subtitle {display:block; color:#333;}
.expand-plus-icon {padding-right:5px; padding-left:3px;}


ul.panel-test li {list-style: none;}

ul.section-landing-Nav {margin-bottom:-25px;  margin-left:-23px;}
ul.section-landing-Nav li {list-style: none; border-bottom:#B7B7B7 1px dotted;}
ul.section-landing-Nav li a {display:block; color:#3c3e41; font-size:14px; font-weight:400; background-color:#F3F3F3; padding:20px 10px; text-decoration: none;}
ul.section-landing-Nav a:hover,
ul.section-landing-Nav a:active { background-color:#fff; color:#135eab; border-right:#333 3px solid;}
ul.section-landing-Nav li:last-child {border-bottom:0px;}





/*------------------------------------------------------------*/
/****************** HOME PAGE STYLES **********************/
/*------------------------------------------------------------*/


.hide-alert {display:none;} /* Remove class to show alert*/
.alert-Wrapper {margin:0px; padding:0px;}
.alert-top {background-color:#ce2900; font-size:15px; padding:17px 15px; color:#fff;  border-bottom:#b71500 6px solid; margin-bottom:10px;}
.alert-top a {color:#fff; text-decoration:underline;}
.alert-top a:hover {opacity:0.8;}
.home-alert-icon {font-size:25px; padding-right:8px; position:relative; top:3px; margin-top:-10px;}
.alert-link {padding-left:15px;}

.home-links-list-1 {padding-left:0px; padding-right:12px;}
.home-links-list-2 {padding-left:6px; padding-right:6px;}
.home-links-list-3 {padding-left:12px; padding-right:0px;}

.links-list-h1 {font-size:30px; font-weight:900; color:#135eab; padding-bottom:30px; margin-top:20px;}


/* TEMP STYLES for Photo-comp 2016 - REMOVE WHEN COMP IS FINISHED */
/*
.links-list-h1-Hide {display:none;}
.home-advertising-banner {margin-top:14px; margin-bottom:40px; max-width:710px;}
@media (max-width: 767px) {
.links-list-h1-Hide {display:block;}
.home-advertising-banner {display:none;}
}
*/


.home-advertising-banner {margin-top:20px; margin-bottom:30px; background-color:#F3F3F3; padding:15px 20px 5px 20px; }
.home-advertising-banner h1 {margin-bottom:5px; padding-bottom:0px; color:#f5b400;}
.home-advertising-banner p {margin-top:0px; padding-top:0px; margin-bottom:15px; color:#135eab;}
.home-advertising-banner a {font-size:17px; font-weight:bold; color:#f5b400;} 
.ad-banner-arrow {position:relative; top:1px; margin-left:3px;}
.ad-banner-camera {color:#135eab;}


.explore-list-h1 {font-size:30px; font-weight:900; color:#135eab; padding-bottom:20px;}
.links-list-h2 {font-size:18px; font-weight:700; color:#135eab;}


ul.home-list  {padding:10px 2px; margin-left:0px; list-style:none; margin-top:10px;}
ul.home-list li {position: relative; padding:10px 0 15px 0; border-top:#d9e8f5 1px solid;}
ul.home-list li:first-child { border-top:0px;}
ul.home-list li a {color:#135eab;}

ul.home-list li:after {
	float:right;
	padding-top:10px;
	padding-right:2px;
	font-family: 'FontAwesome'; 
	font-size:17px; 
	color: #135eab; 
	content: '\f138'; 
	margin-top:-10px;
}


.explore-h1 {font-size:18px; font-weight:700; padding:10px 0; margin-top:5px; color:#01779b; width:100%;}
.explore-body {padding-bottom:40px; font-weight:300;}
.explore-arrow-right {float:right; font-size:25px; background-color:#01779b; color:#fff; padding:5px 12px;  position:relative; top:-10px;}




/* Hero-banner - Home */

/*
.home-hero-wrapper {position:relative;}
.home-hero-image {position:absolute;}
.home-hero-text {position:absolute; z-index:2; top:70px; left:20px;}
.home-hero-text h1 {font-size:35px; line-height:40px; color:#FFFFFF; padding-top:5px;}
.home-hero-text p {font-size:18px; line-height:1.45; color:#FFFFFF;}
.findout-more-icon {padding-left:5px; font-size:22px; position:relative; top:2px;}
p.home-hero-findout-more {font-size:15px; color:#FFFFFF; padding:8px; border:#fff 3px solid; width:150px; text-align:center; margin-top:35px;}
*/


.home-hero-wrapper {position:relative;}
.home-hero-text {position:absolute; z-index:2; top:10%; left:20px;}
.home-hero-text h1 {font-size:22px; line-height:32px; color:#FFFFFF; padding-top:5px;}
.home-hero-text p {font-size:16px; line-height:1.45; color:#FFFFFF;}
.findout-more-icon {padding-left:5px; font-size:22px; position:relative; top:2px;}
p.home-hero-findout-more {font-size:15px; color:#FFFFFF; padding:5px; border:#fff 1px solid; width:150px; text-align:center; margin-top:10px;}


@media (min-width: 540px) {
.home-hero-text h1 {font-size:30px; line-height:40px;}
.home-hero-text p {font-size:18px;}
}


@media (min-width: 768px) {
.home-hero-image {position:absolute;}
.home-hero-text {top:25%;}
.home-hero-text h1 {font-size:35px; line-height:40px; padding-top:5px;}
.findout-more-icon {font-size:22px;}
p.home-hero-findout-more {padding:8px; border:#fff 3px solid; margin-top:35px; width:160px;} 
}






/* News Panel - Home */
.home-news-wrapper {background-color:#F3F3F3; padding:15px; margin-top:20px;}
.home-news {width:100%;}
.tab-pane-bg {background-color:#fff; width:100%;}
.tab-heading {font-size:20px; font-weight:900;}

h5.home-News-h5,
h5.home-News-h5 a {font-size:15px; color:#383838; padding-bottom:0px; margin-bottom:5px; margin-top:10px; text-decoration:none;}
h5.home-News-h5 a:hover {text-decoration:underline; color:#135eab;}

p.home-News-body {font-size:15px; line-height:1.3; font-weight:300; padding-bottom:20px; border-bottom:#CECECE 1px dotted; margin-bottom:20px;}
p.home-News-body-last {font-size:15px; line-height:1.3; font-weight:300; padding-bottom:20px; margin-bottom:0px;}





/* Porters Creek - showpiece page to celebrate completion of project */

.porters-creek-album {background-color:#E99A9C; height:200px; margin-bottom:20px;} 
.porters-creek-view-photos {font-size:15px;}
.porters-creek-view-photos a {color:#468847;}
.porters-creek-camera-icon {font-size:20px; margin-right:5px;}
.porters-creek-row {position:relative;}
.pc-external-link-icon {float:right; position:relative; top:3px;}
.pc-laurie-pic {float:left; padding:8px 20px 10px 0;}

.pc-col-1 {padding-left:10px; padding-right:0px;}
.pc-col-2 {padding-left:5px; padding-right:5px;}
.pc-col-3 {padding-left:0px; padding-right:10px;}


.pc-container { position: relative; width: 100%;}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.pc-container:hover .overlay {opacity: 0.85;}

.text {
  color: white;
  font-size: 17px;
  position: absolute;
  top: 50%;
  left: 47%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}


.pc-link-icon {text-align: center; margin-left:40%; font-size:20px; margin-bottom:5px;}






/* Bootstrap override */
.nav-tabs {border-bottom: 0px;}
.nav-tabs > li > a {border: 0px; border-radius:0px;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {border:0px;}
.tab-pane  {padding:15px;} 



/* Pay online */
.billpay-bg {background-color:#f5b400;}
.home-billpay-wrapper {width:100%; height:365px; background-color:#f5b400; padding:25px;}
.billpay-btn {width:100%; text-align:left; font-size:25px;}

.billpay-h1 {color:#fff; font-size:18px; font-weight:700; padding-bottom:30px;}
.billpay-arrow {float:right; position:relative; top:4px;}


ul.billpay-list  {padding:60px 2px 0 2px; margin-left:0px; list-style:none;}
ul.billpay-list li {position: relative; padding:10px 0 15px 0; border-top:#fff 1px dotted;}
ul.billpay-list li:first-child { border-top:0px;}
ul.billpay-list li a {color:#fff; font-size:17px; font-weight:400;}
ul.billpay-list li a:hover {opacity:0.9;}

ul.billpay-list li:after {
	float:right;
	padding-top:10px;
	padding-right:17px;
	font-family: 'FontAwesome'; 
	font-size:17px; 
	color: #fff; 
	content: '\f138'; 
	margin-top:-10px;
	opacity:0.85;
}


.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}





.home-mobile-links-wrapper {margin-bottom:40px;}
.home-mobile-link {background-color:#F3F3F3; font-size:16px; margin-bottom:15px;}
.home-mobile-link,
.home-mobile-link a {color:#455960;}
.mobile-link-icon {background-color:#28ace2; color:#fff; padding:10px; font-size:20px; margin-right:10px; min-width:40px; text-align:center;}
.home-mobile-links-wrapper {display:none;}



/* Colours */

shw-cool-grey {color:#455960;}
shw-dark-blue {color:#135eab;}
shw-light-blue {color:#28ace2;}
shw-orange {color:#f5b400;}


.your-home-purple {color:#87469e;}
.your-business-aqua {color:#46afc5;}
.building-dev-green {color:#179c84;}
.community-yellow {color:#f5b400;}
.about-us-blue {color:#01adef;}







.pT5  {padding-top:5px;}   .pB5  {padding-bottom:5px;}    .pL5  {padding-left:5px;}   .pR5  {padding-right:5px;}
.pT10 {padding-top:10px;}  .pB10 {padding-bottom:10px;}  .pL10 {padding-left:10px;}  .pR10 {padding-right:10px;}
.pT15 {padding-top:15px;}  .pB15 {padding-bottom:15px;}  .pL15 {padding-left:15px;}  .pR15 {padding-right:15px;}
.pT20 {padding-top:20px;}  .pB20 {padding-bottom:20px;}  .pL20 {padding-left:20px;}  .pR20 {padding-right:20px;}
.pT25 {padding-top:25px;}  .pB25 {padding-bottom:25px;}  .pL25 {padding-left:25px;}  .pR25 {padding-right:25px;}
.pT30 {padding-top:30px;}  .pB30 {padding-bottom:30px;}  .pL30 {padding-left:30px;}  .pR30 {padding-right:30px;}
.pT35 {padding-top:35px;}  .pB35 {padding-bottom:35px;}  .pL35 {padding-left:35px;}  .pR35 {padding-right:35px;}
.pT40 {padding-top:40px;}  .pB40 {padding-bottom:40px;}  .pL40 {padding-left:40px;}  .pR40 {padding-right:40px;}
.pT45 {padding-top:45px;}  .pB45 {padding-bottom:45px;}  .pL45 {padding-left:45px;}  .pR45 {padding-right:45px;}
.pT50 {padding-top:50px;}  .pB50 {padding-bottom:50px;}  .pL50 {padding-left:50px;}  .pR50 {padding-right:50px;}
.pT55 {padding-top:55px;}  .pB55 {padding-bottom:55px;}  .pL55 {padding-left:55px;}  .pR55 {padding-right:55px;}
.pT60 {padding-top:60px;}  .pB60 {padding-bottom:60px;}  .pL60 {padding-left:60px;}  .pR60 {padding-right:60px;}
.pT65 {padding-top:65px;}  .pB65 {padding-bottom:65px;}  .pL65 {padding-left:65px;}  .pR65 {padding-right:65px;}
.pT70 {padding-top:70px;}  .pB70 {padding-bottom:70px;}  .pL70 {padding-left:70px;}  .pR70 {padding-right:70px;}
.pT75 {padding-top:75px;}  .pB75 {padding-bottom:75px;}  .pL75 {padding-left:75px;}  .pR75 {padding-right:75px;}
.pT80 {padding-top:80px;}  .pB80 {padding-bottom:80px;}  .pL80 {padding-left:80px;}  .pR80 {padding-right:80px;}




@media (max-width: 500px) {
.news-article-image {
  float:none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left:0px;
  padding-bottom:30px;
  width:100%; 
  height:auto;
  
  }	
}



@media (max-width: 767px) {
.container-fluid {padding-left:0px; padding-right:0px;}	
.row {margin-left:0px; margin-right:0px;}
.col-md-12 {padding-left:0px; padding-right:0px;}	
.col-md-11 {padding-left:0px; padding-right:0px;}
.col-md-4 {padding-left:0px; padding-right:0px;}


.sidebar-wrapper {top:0px;}


.top-logo {float:none; margin:10px auto 10px auto; max-width: 180px; padding-left:20px;}
.sw-logo {width:70%;}



/* Section Pages */
.section-icon {font-size:15px; padding:8px;}
.panel-section > .panel-heading {margin-left:29px;}
.panel-section > .panel-body {margin-left:29px;}
.hide-section-title {display:none;}
.section-menu-topPad {padding-top:0px;}
.section-page-Title {margin-top:-30px;}


/* Home Page */
/*    
.home-header-billpay {display:none;}
*/    
    
.home-rule {display:none;}
.links-list-h1 {margin-top:20px;}
.links-list-h2 {margin-top:25px;}
.row-explore {margin-left:15px; margin-right:15px;}
.home-news-wrapper {display:none;}
.home-mobile-footer-rule {display:block;}
.home-mobile-links-wrapper {display:block;}



/* items hide */
.dnnSearchResultPanel,
.topNav-Wrapper,
.social-header,
.search,
.tagline,
.sectionNav,
.breadcrumb-wrapper,
.share-left-wrapper,
.info-box-wrapper {display:none;}
.mainNav-home-link {background-color:transparent;}
.main-nav-quicklinks {display:none; width:0px;}



.body-main-image-caption {background-color:transparent; position:relative; top:10px; padding:0px;}

.mainNav-home-link {display:none;}

.mobile-home-link {border-right:#fff 1px solid; padding:11px 15px 14px 0; margin-right:50px;}
.mobile-home-link, 
.mobile-home-link a {
	display:block; 
	position:relative; 
	float:right; 
	z-index:51; 
	color:#fff;
	font-size:22px;
	padding-top:3px;
	}


.mobile-toggle, .mobile-toggle a {
	display:block;
    position:relative;
	float:right; 
	z-index:51; 
	color:#fff;
	font-size:20px;
	margin-left:8px;
	margin-right:8px;
	padding-top:4px;
}




.section-nav-wrapper,
.section-nav-wrapper-yh-purple,
.section-nav-wrapper-bd-green,
.section-nav-wrapper-com-yellow,
.section-nav-wrapper-about-blue,
.section-nav-wrapper-home-navy {background-image:none; height:45px; padding:0px 0;}


.cat-title-section-landing,
.section-title {float:left; font-size:17px; color:#fff; padding:11px 0 0 15px; margin:0px; opacity:1; font-weight:900;}


.cat-title {
	font-size:16px; 
	color:#626262; 
	position: absolute; 
	z-index:49; 
	top:20px;
	font-weight:300;
	width:100%;
	padding-bottom:10px;
	border-bottom:#d9e8f5 1px solid;
	margin:35px 0px;
	padding-left:15px;
}



.mobile-parent-title {display:block; float:left; color:#fff; font-size:18px; padding:10px 0 0 15px;}
.home-mobile {display:block;}
.page-title {font-size:30px; line-height:38px; margin-left:0px; padding:45px 0 30px 0;}
.page-subtitle {margin-left:0px; line-height:28px;}
.body-main-image-caption { padding:10px 15px 10px 0;}

.content-wrapper {padding-right:0px; margin-left:0px;}
.body-text-wrapper {padding-left:0px; margin:30px 0; margin-left:0px;}

.body-main-image {margin-bottom:0px;}


/* Main Menu */
.main-nav-wrapper {height:0px;}
		
.mobile-touch {
	text-align:right;
	position:absolute;
	z-index:52;
	top:14px;
	right:18px;
}
		
		
#nav {
	position: relative;
	top: auto;
	left: auto;
}

#nav > a {
	font-size:20px;
	color:#fff;
}

#nav > a:before,
#nav > a:after {
	position: absolute;
	top: 35%;
	left: 25%;
	right: 25%;
	content: '';
}

#nav > a:after {
	top: 60%;
}

#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type {
	display: block;
}


		
/* first level */

#nav > ul {
	height:auto;
	display: none;
	position: absolute;
	z-index:55;
	top:46px;
	left: 0;
	right: 0;
	background-color: #F3F3F3;
	-webkit-box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.4);
}
			
			
#nav:target > ul {
	display: block;
}

#nav > ul > li {
	width: 100%;
	float: none;
}


#nav > ul > li > a {
	font-size:18px;
	height: auto;
	text-align: left;
	padding:10px 0 10px 15px;
}
					
					
#nav > ul > li:not( :last-child ) > a {
	border-right: none;
	border-bottom: 1px solid #fff;
}


/* second level */


#nav li ul {
	position: static;
	padding: 1.25em; /* 20 */
	padding-top: 10px;
	background-color: #E1E1E1;
}

			
			
#nav li ul,
#nav li ul li a {display:none; padding:0px;}




/* footer */


.footer-copyright-right {padding-left:15px;}
.footer-heading  {margin-top:10px; padding-left:15px;}

.footer-copyright-left {display:none;}
.white-bg-footer {margin-top:0px;}	
	
	
}



@media (max-width: 800px) {
	
.mainNav-home-link {display:none;}
.main-nav-quicklinks {display:none; width:0px;}	
.body-main-image {margin-bottom:0px;}
}


@media (min-width: 768px) {
}




@media (max-width: 990px) {
	
.share-left-wrapper {display:none;}
.page-title {font-size:30px; line-height:38px; margin-left:10px; padding:45px 0 30px 0;}
.page-subtitle {margin-left:10px; line-height:28px;}
.body-main-image-caption { padding:10px 15px 10px 0;}

.content-wrapper {padding-right:0px; margin-left:0px;}
.body-text-wrapper {padding-left:0px; margin:30px 0; margin-left:0px;}
.home-news-col {display:none;}
.billpay-col {display:none;}

.home-arrow-hide {display:none;}


}



@media (max-width: 1100px) {
	
/*
.main-nav-quicklinks {display:none; width:0px;}	
*/


.home-billpay-wrapper {height:320px;}
ul.billpay-list  {padding:30px 2px 0 2px;}



/* Quick Links */ 
.QLtitle {display:none;}
.main-nav-quicklinks {background-color:#F00; width:0px; left:-46px;}
.quicklink-wrap {background-color:#d9e8f5; padding-left:0px;}
.quicklinks {left:-210px;}

.quicklinks li,
.quicklinks li a  {margin-left:0px;}
.quicklinks-icon {margin-left:0px; padding:14px; background-color:#323232; color:#fff; font-size:18px;}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {background-color:#d9e8f5;}


}




@media (min-width: 992px) {
.container-fluid {padding-left:20px; padding-right:20px;}
}



@media (min-width: 1200px) { /* custom from bootstrap - max width of site */
.container-fluid {width: 1120px;}
}






/* Media Queries */
/* Large desktop */
@media (min-width: 1200px) {
.ControlContainer{width:1170px!important;}
}