html { 
  -webkit-text-size-adjust: none;
  scroll-behavior: smooth;
}
.max1000w {
	max-width: 1000px !important;
}
h1 span, h2 span{
	font-weight:300;
}
.alternating > div:nth-of-type(even){
    background: #f3f3f3;
    padding: 5px 10px;
	border-bottom: 1px solid #e3e3e3;
}
.alternating > div:nth-of-type(odd){
    background: #f9f9f9;
    padding: 5px 10px;
	border-bottom: 1px solid #e3e3e3;
}
.alternating > div:last-of-type{
	border: none !important;
}	
.alternating.spaced > div{
	margin: 18px 0;
	border: none !important;
}
.bold{
	font-weight: 600 !important;
}
h4 + .cchart{
	margin-top:20px;
}
#alerts, body {
	position: relative
}
a:active, a:link, a:visited {
	color: #00498e;
	text-decoration: underline;
}
a:link:focus, a:link:hover, a:visited:hover {
	text-decoration: none; 
	color: #000;
}
.panel-group + .footnote{
	border-top: none;
}
a:link.fa{
text-decoration: none!important;
}
.no_uline a{
	text-decoration: none;
}
.no_uline a:hover, .no_uline a:focus{
	text-decoration: underline;
}
a.no_uline {
	text-decoration: none;
}
a.no_uline:hover, a.no_uline:focus{
	text-decoration: underline;
}
.text_left_border{
	margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid #888;
}
.qansw{
    background: #f5f5f5;
    padding: 5px 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.digi {
	border-radius: 5px;
	padding: 2px 7px 1px 6px;
	border: 1px solid #9c9c9c;
	font-size: .95em;
	font-weight: 600;
	color: #000;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.46);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.46);
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.46);
	background-color: #f4f5f5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
	background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}
.digi.label{
	padding: 7px;
    overflow: hidden;
    display: inline-block;
    box-shadow: none;
    border-radius: 0;
	background: #f9f9f9;
	border-color: #dedede;
    width: 100%;
    box-sizing: border-box;
}
.digi.label.blue{
    background: #f0f8ff;
    border-color: #dce1e6;
}
.fnormal{
	font-weight:400;
}
.fontbase{
	font-size: 1em !important;
	font-weight: 400 !important;
}
.flight{
	font-weight:300;
}
.fleft {
	float: left !important;
}
.kill_link{
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color:inherit;
}
.kill_link.btn-orange.blue{
	background:#d4d4d4;
	color:#3d3d3d !important;
}
.kill_link.btn-orange.blue:hover, .kill_link.btn-orange.blue:focus{
	background:#ccc !important;
}
.float_l .score_bad{
	float:left !important;
}
.page .search_highlight{
	background: #fcf42a;
	/*background:#7efc2a;*/
    font-weight: 600;
    color: #000;
}
.centered{
	text-align: center !important;
	margin: auto;
}
.separator{
	clear:both;
	width:100%;
	display:block;
	height:1px;
	overflow:hidden;
	padding:10px 0 0;
	margin-bottom:10px;
	border-bottom:1px solid #CCC;
}
.searchlist li {
	padding:5px 2px 8px;
	margin-bottom:0;
}
.highlight{
	background:#FC0;
	color:#000;
	font-weight:700;
	padding: 0 5px;
}
.highlight.red{
	background:#B30000;
	color:#FFF;
}
/*in-page alert*/
.max_900{
	max-width: 1000px;
	width: 100%;
	margin: auto;
	overflow: hidden;
}
.show_extras .show_on_hpge{
	display: block !important;
}
.show_extras .show_on_hpge.inline{
	display: inline-block !important;
}
.hide_875{
	display: none;
}
.center900{
	width: 100%;
	max-width: 930px;
    margin: 10px auto;
	text-align: center;
}
.alert-box{
	margin: 25px auto;
    display: block;
    overflow: hidden;
    clear: both;
    background: #ffeba0;
	border:1px solid #ffdf86;
    padding: 11px 15px 11px 52px;
	position:relative;
	box-sizing: border-box;
}
.in_center.alert-box:before, #alerts-container.in_center #alerts:before{
    position: relative !important;
    top: 0;
	margin-bottom: 10px;
	left: 0;
}
.in_center #alerts{
	text-align: center;
}
.in_center{
	background: #F5F5F5 !important;
}
.alert-box.alert-grey{
    background: #fbfbfb;
    border: 1px solid #e4e4e4;
    padding: 10px;
}
.alert-box.alert-blue{
	background: #f3f8fd;
	border:none;
    border-left: 2px solid #2368B1;
    padding-left: 40px;
}
.alert-box.warning{
    padding-left: 40px;
}
.alert-box:before {
	font-family: FontAwesome;
    font-weight: 300;
    display: inline-block;
    font-size: 32px;
    position: absolute;
    top: 10px;
    left: 9px;
    content: "\f06a";
    color: #000000;
}
.alert-box.warning:before {
	 font-size: 20px;
	 left:12px;
	 top:15px;
    content: "\f06a" !important;
}
.alert-box.alert-blue:before {
	 font-size: 20px;
	 left:12px;
	 top:15px;
    content: "\f05a";
}
.alert-box a{
	color:#000;
	text-decoration:underline;
}
.alert-box.noicon{
	padding-left:15px;
}
.alert-box.noicon:before{
	content: none !important;
}
.alert-box h3, .alert-box h2, .alert-box h4{
	margin: 0 0 10px;
}
.alert-box a:hover, .alert-box a:focus {
	text-decoration:none !important;
}
.alert-box p:first-of-type, .alert-box h3:first-of-type, .alert-box h2:first-of-type{
	margin-top: 0;
}
/*end in-page alert*/

#alerts-container.green #alerts::before {
	content: "\f05a";
	color: #222917;
}
#alerts:before, .imgico, .waste-icons li {
	vertical-align: middle
}
.btn-orange, .makelink, .sub-nav-group a {
	cursor: pointer
}
.btn-orange{
	-webkit-appearance: none
}
#content-main-left, #home-left, .chk-container label, div.homegroup-txt, .proggroup-txt, .programgroup-txt {
	text-overflow: ellipsis
}
.mediaattype{
	font-size:1.5em;
	line-height:1em;
	font-weight:600;
	color:#000;
	float:right;
}
a.external:after, a.ext_link:after{
	font-family:fontAwesome;
    display: inline-block;
    vertical-align: middle;
    font-size:15px;
    text-decoration:none;
    margin-left:5px;
    content:"\f08e";
}
.nolist{
	list-style:none;
	margin:0 0 15px !important;
	padding:0;
	overflow:hidden;
	display: block;
    width: 100%;
}
.nolist.inline li{
	display:inline-block;
	float:left;
	margin-right:8px;
}
.nolist.inline.tabs{
	overflow:hidden;
	margin-bottom:0 !important;
}
.tabs_line{
		height:1px;
		background:#CCC;
		width:100%;
		position:relative;
		bottom:1px;
		margin-bottom:20px;
		z-index:1;
}
.tabselect{
	border-bottom-color:#FFF !important;
	z-index: 6;
}
.nolist.inline.tabs li{
	overflow:hidden;
}
.nolist.inline.tabs li a{
	border: 1px solid #CCC;
	border-radius:3px 3px 0 0;
	padding:5px 8px  10px;
	box-sizing:border-box;
	top:0px;
	display:block;
	position:relative;
}
.tall-margin{
	margin-top:100px !important;
	clear:both !important;
}
.peelinfo{
	margin-top: 50px;
}
.peelinfo:before{
	content:"About The Region of Peel";
	font-size:1.5em;
	font-weight:600;
}
.yearslist{
	display:inline-block;
	margin-right:5px	
}
.descreet{
    display: inline-block;
    padding: 6px;
    background: #EEE;
    font-size: .8em;
    float: right;
    clear: both;
    margin-top: 75px;
    border: 1px solid #d0d0d0;
    opacity: .85;
    border-radius: 6px;
}
.strongblue, .strongblack {
    font-size: 1.15em;
    font-weight: 600;
	line-height:1.25em;
}
.lang_sel{
	margin:2px 0 0;
}
.lang_sel .fa{
	font-size:1.25em;
	text-decoration:none;
	margin-right:5px;
}
.lang_sel + h1{
	margin:5px 0 0;
}
#print_logo{
	display:none;
	content:url('https://peelregion.ca/_imgs/tpl_images/logo-black.png') !important;
}
.strongblue{
	color:#0054a6;
}
strong {
	font-weight: 600;
}
.greyback{
	background:#EEE;
	border:1px solid #DCDCDC;
	padding:2px 5px;
	border-radius:4px;
}
.padding_top_20{
	padding-top: 20px !important;
}
.margin_top_0, .regform.margin_top_0, .image-group div.img-caption.margin_top_0  {
	margin-top: 0 !important;
}
.margin_top_5{
	margin-top:5px !important;
	clear:both;
}
.margin_top_10{
	margin-top:10px !important;
	clear:both;
}
.margin_top_20{
	margin-top:20px !important;
	clear:both;
}
.margin_top_15{
	margin-top:15px !important;
	clear:both;
}
.margin_top_30{
	margin-top:30px !important;
	clear:both;
	overflow: hidden;
}
.margin_top_50{
	margin-top:50px !important;
	clear:both;
	overflow: hidden;
}
.margin_bottom_0, .image-group div.img-caption.margin_bottom_0 {
	margin-bottom:0 !important;
}
.margin_bottom_5{
	margin-bottom:5px !important;
	clear:both;
}
.margin_bottom_10{
	margin-bottom:10px !important;
	clear:both;
}
.margin_bottom_30{
	margin-bottom:30px !important;
	clear:both;
}
.margin_bottom_50{
	margin-bottom:50px !important;
	clear:both;
}
.margin_50{
	margin: 50px auto !important;
	overflow: hidden;
	clear: both;
}
.margin_right_15{
	margin-right: 15px !important;
}
.border_top{
	padding-top:10px;
	border-top:1px solid #CCC;
}
.full_width{
	width:100% !important;
	box-sizing:border-box;
	overflow:hidden;
}
pre {
	overflow-x: scroll;
	/*width: calc(100% - 2px);*/
	box-sizing: border-box;
	border: 1px solid #CCC;
	padding: 8px;
	background: #F4F4F4;
	margin: 10px 0 30px;
}
sup, .footnote sup {
	font-weight: 400;
	font-size: .8em;
	vertical-align:super !important;
	text-decoration: none !important;
}
sup a:link, a:link sup {
	text-decoration: none !important;
}
.footnote sup {
	font-size: .9em;
}
.slide-right {
	right: 280px!important;
	-webkit-transition: right .4s;
	transition: right .4s
}
.slide-left {
	right: 0!important;
	-webkit-transition: left .4s;
	transition: right .4s
}
#topbar {
	display: block!important
}
.semibold strong {
	font-weight: 600;
}
#mmicon {
	display: none
}
.centre{
	text-align-last:center !important;
}
div.page {
	box-sizing: border-box;
	float: left;
	margin-right: 2%;
	margin-bottom: 30px;
	width: calc(98% - 276px);
	min-height:500px;
}
div#navcol.page {
	width: 275px;
}
div.page:only-of-type {
    width: 100% !important;
    margin: 20px auto 35px;
    display: block !important;
    float: none;
}
div.page:nth-of-type(2) {
	margin-right: 0;
	border-right: none
}
/*three column option*/
#content-main.three-col div.page:nth-of-type(3n+2){
	width: calc(96% - 527px)
}
#content-main.three-col.wide div.page:nth-of-type(3n+2){
	width: calc(96% - 577px)
}
/*one column option*/
@media screen and (min-width:1010.1px) {
#content-main.one-col div.page:first-of-type{
	display:none;
}
#content-main.one-col div.page{
	width:100%;
}
}
#content-main.three-col div.page:nth-of-type(3n+3){
	width: 250px;
	margin-left:2%;
	margin-right: 0;
	
}
#content-main.three-col.wide div.page:nth-of-type(3n+3){
	width: 300px;
	margin-left:2%;
	margin-right: 0;
	
}
#content-main.three-col.wide div.page:nth-of-type(3n+3){
	width: 300px;
	margin-left:2%;
	margin-right: 0;
	
}
#content-main.three-col.nomenu  div.page:first-of-type{
	display:none;
}
#content-main.three-col.nomenu div.page:nth-of-type(2) {
    width: calc(98% - 252px) !important;
}
@media screen and (max-width:1200px) {
	#content-main.three-col div.page:nth-of-type(3n+3){
    	margin: 30px auto;
		min-height:100px;
		float:right;
	}
	#content-main.three-col div.page:nth-of-type(2), #content-main.three-col.wide div.page:nth-of-type(2), #content-main.three-col.wide div.page:nth-of-type(3), #content-main.three-col div.page:nth-of-type(3){
		width:calc(98% - 275px);
	}
	.three-col .page:nth-of-type(3) .callout-full {
		border: 1px solid #c2d0e2;
		/*padding: 10px 0;*/
	}
	
	#content-main.three-col.nomenu div.page:nth-of-type(3) {
		width: 252px !important;
	}
}
@media screen and (max-width:1010px) {
	#content-main.three-col div.page:nth-of-type(3n+3), #content-main.three-col div.page:nth-of-type(2), #content-main.three-col.nomenu div.page:nth-of-type(2), #content-main.three-col.nomenu div.page:nth-of-type(3){
		width: 100% !important;
    	margin: 15px auto;
		min-height:100px;
	}
	.slide-right #content-main.three-col.nomenu div.page:nth-of-type(1){
		display: block;
	}
	
}
/*end three column option*/
.page-intro {
	font-size: 1.35em;
	color: #313131;
	font-weight: 300;
	line-height: 1.4em;
}

.page-intro.thick {
    font-size: 1.5em;
    font-weight: 400;
}

.abspos{
	position: absolute;
}
#hero-left h1 + .page-intro{
	margin-bottom: 10px;
}
.page-intro a, .bigtext a{
	text-decoration:none;
	border-bottom: 1px solid; /*00498e*/
}
.page-intro a:hover, .page-intro a:focus{
	text-decoration:none !important;
	border-bottom: none !important;
	color: #006fdc;
}
h1 + .page-intro, div.img-caption.right + .page-intro, div.callout-full.right + .page-intro, .show > .page-intro, .form_confirm + .page-intro{
    margin-top: 2px !important;
}
.address-box {
	padding-left: 10px;
	border-left: 1px solid #ccc;
	margin-left: 20px;
	box-sizing: border-box;
}
.address-box p:first-of-type {
	margin-top: 0;
	padding-top: 0;
}
.address-box p:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}
h1 + .page-intro, h2 + .page-intro{
	margin-top: 10px;
}
h3 + .page-intro {
	margin-top: 0;
}
#hero-left h1 + .page-intro {
	margin-top: -10px;
}
h1 + h2, ul + h2 {
	margin-top: 20px;
}
h2.icon {
    position: relative;
    padding: 10px 0 0 43px;
    color: #0066b3;
    font-size: 1.75em;
    border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
    min-height: 55px;
    box-sizing: border-box;
}
h2.icon img {
    position: absolute;
    width: 50px;
    left: 0;
    top: 7px;
}
h4 + ul{
	margin-top:0;
}
#alerts, .img-row, .page-quote {
	clear: both
}
body {
	background: #FFF;
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #333;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	overflow-x:hidden;
	width: 100%;
	box-sizing: border-box;
}
.opa70b, .opa90b, .opa90bw {
	color: #FFF
}


#alerts, #c2p-container, #contactnum, #content-main, #footer, #homelinks-container, #main-bar, #mainav, #program-title, #programs, #sectionmap, #top, .responsive {
	width: 1320px;
}
@media screen and (min-width:1700px) {
#alerts, #c2p-container, #contactnum, #content-main, #footer, #homelinks-container, #main-bar, #mainav, #program-title, #programs, #sectionmap, #top, .responsive {
	width: 1420px;
}	
}

.responsive{
	margin:auto;
	position:relative;
	box-sizing: border-box;
}
.responsive .toplinks{
	right:0;
}
.transp20{
	opacity: .2;
}
.opa40 {
	background: #000;
	background: rgba(0,0,0,.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=5)";
	filter: alpha(opacity=5);
	-moz-opacity: .5;
	-khtml-opacity: .5
}
.opa70, .opa70lt {
	-moz-opacity: .7;
	-khtml-opacity: .7
}
.opa70 {
	background: #000;
	background: rgba(0,0,0,.7);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
	filter: alpha(opacity=70)
}
.opa70lt {
	background: #666;
	background: rgba(102,102,102,.7);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
	filter: alpha(opacity=70)
}
.opa70b {
	background: #0055a5;
	background: rgba(0,85,165,.8);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8
}
.opa90b {
	background: #01468c;
	background: rgba(1,70,140,.92);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=92)";
	filter: alpha(opacity=92);
	-moz-opacity: .92;
	-khtml-opacity: .92
}
.opaw {
	background: #fff;
	background: rgba(255,255,255,.4);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: .4;
	-khtml-opacity: .4
}
.opaw70 {
	background: rgba(255,255,255,.7);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	-khtml-opacity: .7
}
.opaw60 {
	background: rgba(255,255,255,.6);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	-khtml-opacity: .6
}
#topbar span, .area_item, .btn-orange, .float-r, .homebox img, div.sitemapbox {
	filter: inherit
}
a.btn-go{
    padding: 8px 10px 12px;
    text-decoration: none !important;
	transition: all ease-in-out .15s;
	box-sizing: border-box;
	display: inline-block;
}
a.btn-go.blue{
	background: #12456d !important;
    color: #FFF !important;
}
a.btn-go.dark{
    background: #000;
    background: #FFF;
    color: #000;
    border: 1px solid;
    border-color: #e4e4e4;
    padding: 5px;
}
a.btn-go.dark:hover, a.btn-go.dark:focus{
	background: #ececec !important;
	color:#000 !important;
	border:1px solid #bdbdbd;
}
a.btn-go.dark:before{
	top:1px;
}
a.btn-go:hover, a.btn-go:focus{
	background: #A42E00 !important;
	color:#FFF !important;;
}
.btn-go.chart:after{
	font-family: FontAwesome;
	content: "\f15c";
	display: inline-block;
	margin:0 0 0 10px;
}
.white {
	background: #fff;
	color: #333!important
}
.txtwhite {
	color: #FFF!important
}
.shad_txt_15 {
	-webkit-text-shadow: 1px 3px -1px rgba(0,0,0,.15);
	-moz-text-shadow: 1px 3px -1px rgba(0,0,0,.15);
	text-shadow: 1px 3px 1-px rgba(0,0,0,.15)
}
.bshadow{
	-webkit-box-shadow: -1px 0px 20px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 0px 20px -4px rgba(0,0,0,0.75);
	box-shadow: -1px 0px 20px -4px rgba(0,0,0,0.75);
}
#alerts-container {
	clear: both;
	overflow: hidden;
	padding: 0;
	margin: 0;
	position: relative;
}
.topbar-float #alerts-container {
	z-index: 1031
}
#alerts {
	padding: 15px 2% 15px 48px!important;
	margin: auto;
	overflow: hidden;
	box-sizing: border-box
}
div#alerts-shell.on {
	display: block;
}
div#alerts-shell.off {
	display: none;
}
#alerts-container.red #alerts::before, #alerts-container.yellow #alerts::before {
	content: "\f06a"
}
#alerts:before {
	font-family: FontAwesome;
	font-weight: 300;
	display: inline-block;
	font-size: 40px;
	position: absolute;
	top: 10px;
	left: 1px;
}
#alerts-container #alerts p {
	margin: 0 0 5px;
	padding: 0;
	position: relative;
}
#alerts-container #alerts p:first-of-type +  p {
	margin-top: -12px;
}
#alerts-container #alerts p:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0
}
#alerts-container #alerts p:first-of-type {
	font-size: 1.35em;
	font-weight: 600;
	top: -2px;
	line-height: 1.25em;
    margin-bottom: 15px;
}
#alerts-container #alerts p:only-of-type {
	font-size: 1.15em;
	top: 0;
}
#alerts ul {
	list-style: none;
	margin: 0;
	padding: 0
}
#alerts li {
	display: inline-block;
	margin: 0;
	padding: 0 10px;
	border-right: 1px solid #000
}
#alerts li:last-of-type {
	padding-right: 0;
	border: 0
}

#alerts-container.green, #alerts-container.green a {
	background: #c5ec88;
	color: #000 !important;
	margin-left: -2px;
}
.nav-item.yellow a{
	background: #EEA700 !important;
	color: #000 !important;-webkit-box-shadow: inset -1px -18px 21px -27px rgba(0,0,0,0.75);
	-moz-box-shadow: inset -1px -18px 21px -27px rgba(0,0,0,0.75);
	box-shadow: inset -1px -18px 21px -27px rgba(0,0,0,0.75);
}
#alerts-container.yellow, #alerts-container.yellow a{
	color: #000 !important;
	margin-left: -2px;
}
#alerts-container.yellow{
	background: #FFCB08 !important;
}
#alerts-container.green, #alerts-container.green a:focus, #alerts-container.green, #alerts-container.green a:hover,
#alerts-container.yellow, #alerts-container.yellow a:focus, #alerts-container.yellow, #alerts-container.yellow a:hover{
	border-color:#000;
	text-decoration:none !important;
}
#alerts-container.red, #alerts-container.red a:link {
	background: #B30000;
	color: #FFF !important;
}

/*avoid global on top of site alerts same colour also change icon*/
#alerts-container.yellow + #alerts-container.yellow{
	background: #c5ec88 !important;
}
#alerts-container.yellow + #alerts-container.yellow  #alerts::before{
	content: "\f05a";
}
/*end*/

#c2p-container h3, #c2p-container, .featurebar h3, .featurebar{
 margin: 0;
 padding: 0
}
.intro-line {
	font-size: 1.25em;
	font-weight: 600;
}
.section_title{
	margin-top:35px;
	padding-bottom:8px;
	margin-bottom:10px;
	border-bottom:1px solid #CCC;
}
.section_title + h4, .section_title + h3, .section_title + h2{
	margin-top:0;
}
.screen-hidden {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
span#rop-cont, span#rop-info {
	position: absolute;
	left: -10000px;
	overflow: hidden;
	font-size: 1em;
}
hr {
	width: 100%;
	height: 1px;
	border: none;
	background: #AAA
}
.newtab_link:after{
	font-family:fontAwesome;
    font-weight:400;
    display: inline-block;
	position:relative;
    font-size:14px;
    text-decoration:none !important;
    margin-left:5px;
}
.newtab_link:after{
    content:"\f08e";
	top:0px;
}
.playicon:before, .cameraicon:before {
    font-family: fontAwesome;
    display: inline-block;
    position: absolute;
    font-size: 57px;
    text-decoration: none !important;
	color: #FFF; /*fallback*/
    color: rgba(255, 255, 255, 0.89);
    content: "\f04b";
    left: 50%;
    margin-left: -28.5px;
    top: 45%;
    margin-top: -43px;
    transition: all ease-in-out .2s;
    z-index: 10;
}
.playicon.playtop:before, .cameraicon.playtop:before {
    left: 25px;
    top: 19px;
    margin:0;
    font-size: 50px;
}
.playicon:hover:before, .cameraicon:hover:before {
    margin-left: -23.5px;
    margin-top: -38px;
	left: 50%;
	top: 45%;
	font-size:37px;
}
.playicon.playtop:hover:before, .cameraicon.playtop:hover:before {
    left:10px;
    top: 10px;
    margin:0;
}
.img-caption .playicon p{
	font-size: 1.026em;
}
.playicon img{
	transition: all ease-in-out .2s;
}
.playicon:hover img{
	filter: brightness(50%);
}
.phone_link,
.info_link, 
.video_link, 
.history_link, 
.audio_link, 
.map_link, 
.cal_link,  
.email_link,  
.clock_link,
.download_link,
.return_link,
.read_link,
.text_link,
.check_link{
	position: relative;
	display: inline-block;
}
.phone_link:before,
.reminder_link:before,
.twitter_link:before,
.info_link:before, 
.video_link:before, 
.history_link:before, 
.audio_link:before, 
.map_link:before, 
.cal_link:before,  
.email_link:before,  
.clock_link:before,
.download_link:before,
.return_link:before,
.read_link:before,
.text_link:before,
.check_link:before{
    font-family: fontAwesome;
    font-weight: 400;
    display: inline-block;
    position: relative;
    font-size: 18px;
    text-decoration: none !important;
    left: 0px;
    top: 1px;
    color: #3a3a3a;
    margin-right: 5px;
}
/* .phone_link:before,
.info_link:before, 
.video_link:before, 
.history_link:before, 
.audio_link:before, 
.map_link:before, 
.cal_link:before,  
.email_link:before,  
.clock_link:before,
.download_link:before,
.return_link:before,
.read_link:before,
.check_link:before{
	font-family:fontAwesome;
    font-weight:400;
    display: inline-block;
	position:relative;
    font-size:19px;
    text-decoration:none !important;
    margin-right:5px;
	color:#000;
} */

.lefticon{
	position: relative;
	padding-left: 30px;
}
.lefticon:before{
	position: absolute;
	left: 0;
}
.phone_link:before{
	content: "\f095";
}
.info_link:before{
    content:"\f05a";
}
.return_link:before{
    content:"\f0e2";
}
button.video_link:before{
	color: #FFF !important;
}
.video_link.sitehome{
	padding-top:5px !important;
	position:relative;
}
a.video_link.sitehome, a.video_link.sitehome:focus{
	text-decoration:none !important;
}
.video_link.sitehome button{
	display:block;
	clear:both;
	padding:3px 8px 5px;
	text-decoration:none;
}
.video_link.sitehome.no_icon:before{
	content:"" !important;
}
.video_link.sitehome button:before, .video_link.sitehome:before{
	font-family:fontAwesome;
	content:"\f03d";
	color:#FFF;
	font-size:20px;
	position:relative;
	margin-right:5px;
	top:1px;
}
.reminder_link:before{
	content: "\f0a2";
}
.twitter_link:before{
	content: "\f099";
	/*color: #1da1f2;*/
}
.video_link:before{
	content: "\f03d";
}
.clock_link:before{
	content: "\f017";
}
.email_link_fill:before{
	content: "\f0e0";
}
.email_link:before{
	content: "\f003";
}
.history_link:before{
	content: "\f1da";
}
.audio_link:before{
	content:"\f028";
}
.map_link:before{
	content:"\f041";
}
.cal_link:before{
	content:"\f274";
}
.read_link:before{
	content:"\f15c";
}
.text_link{
	margin-left: 10px;
	white-space: nowrap;
}
.text_link:before {
    content: "\f0f6";
    font-size: 1em;
    color: #535353;
    top: 0px;
}
.check_link:before{
	content:"\f046";
}
.book_link:before{
	background: url('https://peelregion.ca/_imgs/ico_book.png') no-repeat center bottom;
    background-size: 1em 1em;
    display: inline-block;
    width: 1em; 
    height: 1em;
	top: .1em;
	position:relative;
    text-decoration:none !important;
    margin-right:5px;
}
.download_link:before{
	content:"\f019";
}
.translate_link:after,
.plus_link:after,
.download_link_right:after,
.help_link:after,
.img_link:after,
.map_link_right:after,
.alert_link:after{
	font-family:fontAwesome;
    font-weight:400;
    display: inline-block;
	position:relative;
    font-size:17px;
    text-decoration:none !important;
    margin-left:5px;
	color:#000;
}
a i{
	margin-left: 5px;
}
.download_link_right:after{
	content:"\f019";
	top: 1px;
	color: inherit;
}
.map_link_right:after{
	content:"\f041";
}
.translate_link:after{
	content:"\f1ab";
	color: #FFF;
	top: 1px;
}
.plus_link:after{
	content:"\f055";
	color: #FFF;
	top: 1px;
}
.help_link:after{
	content:"\f059";
	color: #000;
}
.img_link:after{
	content: "\f03e";
	content:"\f05a";
	color: #00498e;
}
.alert_link:after{
	content:"\f06a";
	color: #000;
}
.alert_link.noicon {
    font-weight: 600;
    background: #e2e2e2;
    padding: 5px 8px;
    color: #000;
    border-radius:3px;
}
a.alert_link.noicon:focus, a.alert_link.noicon:hover{
	background: #036;
	color: #FFF !important;
	text-decoration:none !important;
}
.alert_link.noicon:after{
	content:none;
}
.legal{
	font-size:.85em;
	overflow:hidden;
	clear: right;
	margin: 25px 0;
	padding: 10px;
    background: #efefef;
	color: #000;
}
.samewidth,
.samewidth2,
.samewidth3,
.samewidth4,
.samewidth5{
	display: inline-block;
	white-space: nowrap;
}
.samewidth, .samewidth.right_padding{
	padding-right: 20px;
}
.footnote {
	/*font-style: italic;*/
	clear: both;
	margin-top: 60px;
	padding-top: 5px;
	border-top: 1px solid #CCC;
	font-size:.85em;
	overflow:hidden;
}
.footnote h4, .footnote h3, .footnote h2 {
	display: block;
}
.fred {
	color: #B30000 !important;
}
.mega-video{
	color: #FFF !important;
}
.open .mega-video{
	color: #000 !important;
}
a {
	outline: 0
}
.panel-heading a:link {
	text-decoration:none;
}
.panel-heading a:focus, .panel-heading a:hover  {
	text-decoration:underline !important;
}
.featurelink {
	display: block
}
.featurelink li {
	color: #333;
	text-decoration: none !important
}
.featurelink h2 {
	color: #0055A6;
	text-decoration: none !important
}
.blueh{
	color:#00305d;
}
.col-dkgrey {
	color: #444
}
.mpadd-0 {
	margin-bottom: 0;
	padding-bottom: 0
}
.toppadding {
	padding-top: 15px !important;
    clear: both;
}
.top25{
	margin-top:25px !important;
}
.newsletter input:focus, input:focus {
	border-color: #369;
	outline: 0
}
.btn-homebox:focus, .btn-in-page:focus, .btn-orange:focus, in-page-btn:focus {
	border: none;
	outline: 0;
	background: #165a9a
}
.featurelink a, .featurelink a:focus, .nav-item a:focus, .nav-item-single a:focus {
	text-decoration: none !important;
	border: 0 !important
}
.btn-padding-top {
	margin: 30px 0 0 !important
}
.panel-heading a:focus {
	border: 0 !important
}
h3 {
	/*color: #00498e;*/
	color: #000;
}
#program-title a:link, #program-title a:visited, h1 a:link, h2 a:link, h3 a:link, h4 a:link {
	text-decoration: none
}
H1 {
	font-size: 2.25em;
	font-weight:600;
	margin: 13px 0 5px;
	line-height:1.25em;
	color: #000;
}
.left_bar {
    padding-left: 8px;
    border-left: 3px solid #036;
}
.secondline{
	display: block;
	font-weight:300;
	font-size:.75em;
	padding-top: 5px;
}
h3 .secondline{
	font-size:.815em;
	font-weight:400;
}
h4 .secondline{
	font-size:.8125em;
	font-weight:400;
}
H2 {
	color:#1F1F1F;
	font-size: 1.5em;
	font-weight:600;
	margin: 40px 0 20px;
}
.img_panel h2{
	margin-top: 0;
}
h2 a:link {
	font-size: .775em;
	text-decoration: underline;
}
h2 + .page-intro{
	margin-top:-5px;
}
.panel-group + h2{
	margin-top:50px !important;
}
.panel-body h4 {
	font-size: 1.175em;
	margin: 25px 0 10px;
}
.panel-body h4:first-child {
	margin-top: 5px;
}
.panel-collapse {
	/*padding-top: 1em;
	margin-top: -2em;*/
}
p, h4 {
	margin: 1em 0;
	line-height: 1.5em;
}
h5 + p{
	margin-top: .25em;
}
H3 {
	font-size: 1.25em;
	font-weight:600;
}
.side_right h3{
	padding-top:12.5px;
	border-top:1px solid #CCC;
}
.side_right h3:first-of-type{
	padding-top:0;
	border-top:none;
}
H4, #c2p-container h3 {
	font-size: 1.05em;
}
#c2p-container h3 {
	display: inline-block;
	margin: 0;
}
h5 {
	font-size: 1.025em;
	margin: 15px 0 5px;
	padding: 0;
}
#program-title ul {
	color: #0055a6;
	display: inline-block;
	background: #c9d8ec;
	padding: 5px 15px;
	margin: 0;
	font-weight: 400;
	font-size: .875em;
	list-style: none
}
.xLarge, .xlarge, .xsmall {
	font-weight: 300
}
#program-title li {
	display: inline-block
}
#program-title li::after {
	font-family: FontAwesome;
	content: "\f054";
	padding: 0 0 0 5px;
	display: inline-block
}
#program-title li:last-of-type::after {
	content: ""
}
#program-title a:link:hover, #program-title a:visited:hover {
	color: #000;
	text-decoration: underline
}
.xLarge {
	font-size: 2.75em;
	line-height: 1em;
	margin: 0;
	padding: 0
}
.homebox .xlarge {
	font-size: 1.75em!important;
	padding-bottom: 10px
}
.fsmaller{
	font-size:.9125em !important;
}
.font100 {
    font-size: 1em !important;
}
.font110 {
    font-size: 1.1em !important;
}
.flarger{
	font-size:1.115em;
}
.flargest{
	font-size:1.175em;
}
.xsmaller {
	font-size: .85em;
	font-weight:600;
}
.homebox .xsmall {
	font-size: 1em!important
}
.zoom_this{
	border-left: 1px solid #d1d1d1;
    padding-left: 8px;
    border-radius: 3px;
    color: #000;
    cursor: pointer;
    float: right;
    display: inline-block;
    position: relative;
}
.zoom_this:before{
	content: "zoom image";
}
.max .zoom_this:before, .max750 .zoom_this:before{
	content: "collapse image";
}
.zoom_this:after{
	font-family: FontAwesome;
	content: "\f065";
	padding: 0 0 0 5px;
	display: inline-block;
	position: relative;
	top: 0;
	right:0;
	font-size: 16px;
}
.max .zoom_this:after, .max750 .zoom_this:after{
	content: "\f066";
}
.text_title{
		font-size: 1.15em;
		display: block;
		font-weight: 600;
		color: #000;
}
.xtiny {
	font-size: .425em!important;
	font-weight: 400;
	line-height: 1.35em;
	display:block;
}
.xverysmall {
	font-size: .85em!important;
}
.nowrap {
	white-space: nowrap
}
.more {
	float: right;
	color: #00498e
}
.morelink {
	text-align: right
}
.morelink a{
text-decoration: none;
}
.morelink a:hover, .morelink a:focus{
text-decoration: underline;
}
/*limiting list items*/
.ul_limit_5 li:nth-child(n+6){ /*only show first 5*/
	display:none !important;
}
.ul_limit_10 li:nth-child(n+11){ /*only show first 10*/
	display:none !important;
}
.expand_list{
	font-weight:400;
	padding-right:25px;
	position:relative;
}
.expand_list .label_more:after{
	content: "More ";
}
.to_left{
	margin-left:-35px;
}
.expand_list.open .label_more:after{
	content: "Less ";
}
.expand_list:after {
	font-family: FontAwesome;
	content: "\f078";
	padding: 0 0 0 5px;
	display: inline-block;
	position: relative;
	right:0;
	transition: all ease-out .3s;
	font-size: 16px;
}
.expand_list.open:after {
	content: "\f077";
	margin-top:-9px;
}
a.expand_list{
	border:none !important;
}
/*end limiting list items*/

.boxc .morelink a:after {
	font-family: FontAwesome;
	content: "\f054";
	font-weight: 300;
	padding: 0 0 0 5px;
	font-size: 15px;
	display: inline-block
}
.boxc .regform{
	margin: 0 0 15px;
}
.boxc .morelink a:link:before{
	content:"";
	padding:0;
}
#ipt_email, .in-page-form, .input200, .input400, .searchtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic
}
.fthin {
	font-weight: 400
}
.fmed {
	font-weight: 600
}
.fthick {
	font-weight: 700
}
.page-quote {
	background: #f9f9f9;
	padding: 8px;
	border-left: 5px solid #ccc;
	color: #000;
	overflow: hidden;
	width: 95%;
	float: right;
	margin-bottom: 10px;
	font-style: italic;
	font-size: 1.125em
}
.page-quote p:first-of-type {
	margin-top: 0;
	padding-top: 0
}
.page-quote p:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
	float: right;
	display: inline-block;
	font-style: normal;
	font-size: .85em
}
.page-quote p:last-of-type:before {
	content: '- ';
	margin-right: 3px
}
.page-quote p {
	margin: 5px 0;
	padding: 0
}
.imgico {
	position: relative!important;
	width: 30px!important;
	height: 30px!important;
	left: 0!important;
	top: 0!important
}
.textcenter {
	text-align: left
}
.overflow-vis {
	overflow: visible!important;
	padding-bottom: 30px!important
}
.overflow-hide{
	overflow: hidden !important;
}
#arrow-new, #arrow-new-end, #contentwrapper, #home-left, #top, .hideoverflow, .hline, .img-row, .img-small, .invisable {
	overflow: hidden
}
.homebox ul {
	margin: 10px 0!important;
	padding: 0 0 0 20px
}
#content-main .waste-icons li, #content-main .waste-icons ul {
	margin: 0!important;
	padding: 0!important
}
.omniheight {
	padding-bottom: 180px!important
}
.invisable {
	height: 0;
	width: 0
}
.nofloat {
	float: none!important
}
.feature-heading-new {
	margin-top: 70px
}
.feature-heading {
	margin-top: 10px
}
.bradius {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}
.w300 {
	width: 280px;
	padding: 10px
}
.p0 {
	margin-top: 0;
	padding-top: 0
}
.feature-new {
	margin-top: 60px
}
.img-small {
	width: 80px;
	float: left;
	margin: 5px 10px 10px 0;
	text-align: center;
	font-weight: 600;
	font-size: .85em
}
.img-small img {
	max-width: 80px;
	height: auto;
	border: 0
}
.javalink {
	cursor: pointer;
	text-decoration: underline;
	color: #00498e;
}
.javalink:hover {
	color: #F00;
}
/*--callouts--*/
.callout-full {
	background: #f3f8fd;
	padding: 20px;
	clear: left;
	margin: 20px 0 20px 20px;
	border-left: 2px solid #2368B1;
	box-sizing: border-box;
	overflow:hidden;
}
.callout-full h4{
	margin-bottom: 0px !important;
}
.callout-full.transp{
	background: none !important;
}
.callout-full.grey {
    background: #f9f9f9;
   
}
.callout-full.inline {
	display: inline-block;
}
.callout-full.green{
  background:#e1f9e1;
  margin-left:0;
  border-left: 2px solid #1f711f;
  color:#000;
}
.callout-full.yellow{
  background:#fff6d1;
  border-left: 2px solid #ebc048;
  color:#000;
}
.callout-full.narrow{
	margin-right: 5%;
}
.callout-full h2, .callout-full h3, .callout-full h4 {
	color: #000;
}
.hand{
	  cursor:pointer;
}
/*.callout-full + .callout-full{
	margin:0 !important;
}*/
.three-col .page:nth-of-type(3) .callout-full{
	margin-top: 20px;
	font-size:.95em;
}
.three-col .callout-full ul{
	margin-left:25px;
	padding-left:0;
}
.three-col .callout-full li{
	margin-bottom:4px;
}
.max{
	width:100% !important;
	max-width: 100% !important;
	margin:0;
}
.max750{
	width:100% !important;
	max-width: 750px !important;
	margin:0;
}
#content-main.three-col div.page:nth-of-type(3n+3) .callout-full.max, #content-main.three-col div.page:nth-of-type(3n+3) .callout-full{
	padding:8px;
}
.max_border {
    width: calc(100% - 2px) !important;
    margin: 0;
}
.med{
	width:80% !important;
	max-width: 100% !important;
	margin:0;
}
.callout-full.box{ 
    margin: 20px 0;
    border: 1px solid #b2c1d2;
}
.callout-full.box .regform label{
	margin-top:0;
	color:#02315d;
}
.callout-full.left {
	margin: 20px 0;
}
.callout-right-small h2:first-of-type,
.callout-full h2:first-of-type, 
.callout-right-small h3:first-of-type,
.callout-full h3:first-of-type, 
.callout-right-small h4:first-of-type, 
.callout-full h4:first-of-type,
.callout-full h5:first-of-type  {
	margin: 0 0 10px;
	padding: 0;
}
.callout-full p:first-of-type {
	margin-top: 0;
	padding-top: 0;
}
.callout-full p:last-of-type {
	margin-bottom: 0px;
}
.callout-full.right {
    float: right;
    width: 280px;
    padding: 10px;
    position: relative;
    box-sizing: border-box;
	clear:right;
	font-size:.95em;
}
.callout-full.right.wide{
	width: 320px;
	max-width: 40%;
}
.callout-full.right.widest{
	width: 400px;
    max-width: 40%;
}
.callout-full.right ul{
	margin:10px 0 10px 20px;
	padding:0;
}
.rejected {
	border-color: red!important;
	border-width: 4px!important
}
#arrow-new, .img-right-caption p a {
	color: #FFF
}
.img-caption-right {
	float: right;
	text-align: center
}
#top, .srchbx {
	text-align: right
}
.img-caption-bottom {
	float: left;
	margin: 0 25px 0 0;
	padding: 10px 0 25px;
	display: inline
}
/*.sidebox {
	background: #F9FBFF !important;
}*/
.sidebox ul {
	margin: 0;
	padding: 0 0 15px
}
.sidebox li {
	margin-left: 20px
}
.video_play_button:before{
	font-family: FontAwesome;
	font-size: 50px;
	position: absolute;
	top:140px;
	left: 50%;
	margin-left: -25px;
	content: "\f16a";
	color:#F00;
}
.video_play_button:before:hover{
	color: #FFF;
}
.video-narrow-80 { /*wrap videowrapper in this parent for smaller width*/
	width: 85%;
	margin:20px auto;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	/*margin: 25px 0;*/
}
.video-narrow-80 p:last-of-type, .video-center-75 p:last-of-type {
	margin-bottom: 15px;
	padding-bottom:8px;
	border-bottom:1px solid #CCC;
}
.video-narrow-80 p, .video-center-75 p{
	font-size: .9em;
}
.videoframe{
	padding: 3px;
    background: #c5c5c5;
    border-radius: 2px;
}
.video-narrow-80.border .videoWrapper, .video-center-75.border .videoWrapper{
	margin:0 !important;
	box-sizing: border-box;
}
.video-narrow-80.border, .video-center-75.border{
	background:#CCC;
	padding:1px 1px 2px;
}
.img-caption .videoWrapper{
	margin:0;
}
.img-caption{
	transition:all .3s;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	/*width: calc(100% - 2px);
	height: calc(100% - 2px);*/
	width:100%;
	height:100%;
	z-index: 99;
	box-sizing: border-box;
	border: none;
}
.videoWrapper.noborder iframe{
	border:none;
}
.video-right {
	width: 300px;
	float: right;
	margin: 0 0 10px 8px;
}
.video-right p:first-of-type {
	margin-top: 5px;
}
.video-right p:last-of-type {
	margin-bottom: 0;
}
.video-right p {
	font-size: .9em;
	margin: 0;
}

.video-center-75 {
	width: 75%;
	margin:20px auto;
}
.video-75 {
	width: 75%;
	margin:20px 0;
	max-width: calc(100% - 300px);
}

@media screen and (max-width: 800px) {
	.video-75 {
		max-width: 100%;
	}
}
.video-right .videoWrapper, .video-center-75 .videoWrapper, .video-narrow-80 {
	border: 0;
}
.bottom15 li {
	margin-bottom: 15px
}
.bottom-0 {
	margin-bottom: 0
}
.crc-map {
	float: right;
	margin: 0 0 10px 10px;
	clear: none
}
.hline {
	clear: both;
	height: 1px;
	background: #CCC;
	margin: 20px 0
}
#home-left {
	padding: 10px 10px 20px 35px;
	background: #e1edfc;
	min-height: 415px
}
#content-main-left {
	padding: 10px
}
#arrow-new {
	background: url(https://peelregion.ca/_imgs/tpl_images/bg-arrow-new.png) right no-repeat;
	height: 27px;
	width: auto;
	padding: 8px 35px;
	top: 20px;
	left: 0;
	font-weight: 600;
	font-size: 19px;
	position: absolute;
	display: none;
}
#arrow-new-end {
	background: url(https://peelregion.ca/_imgs/tpl_images/bg-arrow-new-end.png) left no-repeat;
	height: 35px;
	width: 10px;
	padding: 0;
	top: 30px;
	left: -10px;
	position: absolute;
	display: none;
}
.img-caption-full, .img-right-caption {
	background: #555;
	overflow: hidden;
	box-sizing: border-box
}
.newsletter-arrow-new {
	top: 26px!important;
	left: 0!important
}
.newsletter-arrow-new-end {
	top: 37px!important;
	left: -10px!important
}
.newsletter-right {
	width: 48%!important;
	margin: 0 0 0 2%!important;
	padding-bottom: 30px!important
}
.newsletter-right img {
	max-width: 100%;
	box-shadow: 0 0 5px 2px rgba(0,0,0,.28);
	border: 2px solid #FFF
}
.newsletter-right #arrow-new {
	font-weight: 300!important;
	text-transform: capitalize!important;
	padding: 8px 25px 8px 10px!important
}
.newsletter-right .homebox {
	min-height: 300px
}
.newsletter-left {
	width: 48%!important;
	float: left;
	padding: 0!important
}
.newsletter-right form {
	padding: 0 10px 0 0;
	margin-top: 70px;
	clear: none
}
.newsletter-right label {
	margin: 0!important
}
.newsletter-right a:link, .newsletter-right a:visited {
	text-decoration: underline!important
}
.newsletter-right .privacy {
	float: right;
	margin: 15px 10px 0
}
#content-main {
	position: relative;
	padding: 0;
	margin: 10px auto 0;
	box-sizing: border-box;
}
.maxi_width, #content-main.maxi_width, div.page.maxi_width {
	margin: 0 !important;
	width: 100% !important;
	padding:0 !important;
	min-height: 200px;
}
#home-left li, #home-left ul {
	margin-left: 15px;
	padding: 0
}
#home-right {
	float: right;
	margin: 0 0 0 10px;
	width: 30%;
	height: auto;
	padding: 0;
	position: relative
}
#side-right, #side-right-single {
	float: right;
	margin: 0 0 0 25px;
	width: 30%;
	padding: 0;
	position: relative
}
#home-right label, #side-right label, #side-right-single label {
	margin: 5px 0;
	display: inline-block
}
#side-right img {
	max-width: 100%
}
#side-right img.border {
	border: 1px solid #767575!important
}
.img-right-caption {
	width: 30%;
	margin: 0 0 10px 2%;
	float: right;
	color: #FFF;
	border: 1px solid #555
}
.article-right.img-right-caption img {
	width: 100%;
	border: 0!important
}
.img-caption-full p, .img-right-caption p {
	padding: 0 10px;
	font-size: .85em;
}
.img-caption-full p:first-of-type, .img-right-caption p:first-of-type {
	margin-top: 0;
	padding-top:5px;
}
.img-caption-full p:last-of-type, .img-right-caption p:last-of-type {
	margin-bottom: 0;
	padding-bottom:5px;
}
.img-caption-full ul, .img-right-caption ul, .img-caption-full ol, .img-right-caption ol{
	margin:10px 0;
	font-size: .85em;
}
.img-right-caption p a:focus, .img-right-caption p a:hover {
	color: #FEFF85;
}
.img-caption-full {
	width: 75%;
	margin: 10px auto;
	color: #FFF;
	border: 1px solid #555;
}
.img-caption-full img {
	width: 100%;
	height: auto;
	box-sizing:border-box;
}
h4 + .img-caption-full{
	margin-top:20px;
}
.img-caption.grey{
	background: #EEE;
	padding: 8px;
}
.img-caption.grey p:last-of-type{
	border: none;
}
.white-caption{
	border:none;
	background:none;
	border-bottom:1px solid #CCC;
	color:#333;
}
.white-caption img{
	border:1px solid #CCC;
}
.white-caption p{
	padding:0;
}
.white-caption p:first-of-type {
	margin-top:10px;
}
.white-caption p:last-of-type {
	margin-bottom:10px;
}
#main-bar, #topbar {
	height: 102px;
	position: relative
}

.waste-icons {
	margin-top: 10px;
	padding: 3px;
	clear: both;
	font-size: .8em;
	background: #ecf2f9
}
#top, .toplinks {
	font-size: .825em;
	text-transform:capitalize;
	color: #FFF
}
.waste-icons li, .waste-icons ul {
	margin: 0!important;
	padding: 0;
	list-style: none
}
#main-bar, #program-title {
	padding: 0 10px;
	margin: auto;
	box-sizing: border-box;
}
.waste-icons li {
	display: inline-block;
	margin: 0!important;
	width: 14.5%;
}
#submbtn, #submbtn2, .btn-homebox, .btn-in-page, .check-left {
	vertical-align: top
}
.no-waste-icons .waste-icons {
	display: none;
	margin-bottom: 10px
}
.img-gen-right {
	margin: 0 0 10px 10px;
	float: right;
	clear: right
}
.img-gen-left {
	margin: 0 10px 0 0;
	float: left
}
.img-center {
	display: block;
	margin-left: auto;
	margin-right: auto
}
#topbar {
	background:#01468c;	
	z-index: 2500;
}
#upper-wrapper-landing.home #topbar {
	-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,.1), 0 1px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0px 1px 0px rgba(0,0,0,.1), 0 1px 0 rgba(0,0,0,.1);
	box-shadow: 0px 1px 0px rgba(0,0,0,.1), 0 1px 0 rgba(0,0,0,.1);
	z-index: 1030;
	position: relative;
}
#main-bar {
	color: #FFF
}
.toplinks {
	background: #03427c; /*002547 HTML 5 with Opacity(54%) 00254754*/
	position: absolute;
	top: 0;
	right: 10px;
	padding: 5px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.toplinks li, .toplinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}
.toplinks li {
	display: inline-block;
	margin: 0 10px
}
#top {
	height: 21px;
	padding: 5px 10px 0;
	font-weight: 700;
	margin: auto
}

#topbar a:link, #topbar a:visited, #topbar #short_nav a:link, #topbar #short_nav a:visited {
	color: #FFF;
	text-decoration: none;
	position: relative;
}
 #topbar a:link:hover, #topbar a:visited:hover, #topbar #short_nav a:link:hover, #topbar #short_nav a:visited:hover {
	text-decoration: underline;
}
#topbar span {
	position: relative
}
.logos {
	width: 200px;
	height: 53px;
	position: absolute;
	top: 35px;
	left: 0px;
	background: url(https://peelregion.ca/_imgs/tpl_images/rop-logo-web.png) no-repeat;
}
.logos.print {
	display: none;
	background: none;
}
.logos img {
	border: 0;
	width: 200px;
	height: 53px;
}
.logos a:link, .toplinks a:link {
	border: 2px solid;
	border-color: transparent;
	display: inline-block;
}
.logos a:focus, .toplinks a:focus {
	border: 2px solid #FFF;
}
#pagetitle-container {
	background: #92b0d9;
	clear: both;
	display: none;
}
#program-title H1, #program-title P {
	color: #0055a6;
	display: inline-block;
	background: #c9d8ec;
	padding: 5px 15px;
	margin: 0;
	font-weight: 600;
	font-size: 1.25em
}
#upper-wrapper-landing {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0
}
#upper-wrapper {
	margin: 0 auto;
	padding: 0;
	position: relative
}
#contentwrapper {
	position: relative
}
.float-r {
	margin-right: 10px;
	float: right;
	position: relative
}
.srchbx {
	padding: 0;
	position: absolute;
	top: 50px;
	right: 0
}
.search {
	float: right;
	width: 200px;
	position: relative;
	top: 2px
}
.srchicon {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 8px;
	right: 3px;
	z-index: 501;
	width: 22px;
	height: 22px
}
.searchtxt {
	font-size: 14px;
	color: #FFF!important;
	background: #256aae;
	width: 185px;
	padding: 8px 20px 8px 5px;
	overflow: visible;
	line-height: 15px;
	border: 2px solid transparent
}
#contactnum, #contactnum-container, #content-main-container, #footer, #footer-container, #programs, #sectionmap, #sectionmap-container, .boxsvc, .chk-container .cbox, .chk-container label, .col-lr, .invoiceitem, .invoicetotal, .proggroup, .proggroup-img, .proggroup-txt, .receipt, .receipt h3, .receipt-content, .regform, .regform .conditional, .regform legend, .regform p, .rop-skip, div.horizontaline {
	overflow: hidden
}

/*******************ADD TO MASTER MIN* with new homapage*******************/
.footer_n div.img-caption p:last-of-type{
	border: none;
}
.footer_n ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer_n li{
	margin: 0 0 10px;
}
.footer_n h2, .footer_n h3{
	margin: 0;
}
.footer_n{
	color: #FFF;
}
.footer_n a:link, .footer_n a:visited, .footer_n h3{
	color: #FFF;
	color: rgba(255, 255, 255, 0.87);
	text-decoration: none;
}
.footer_n a:link:hover, .footer_n a:visited:hover, .footer_n a:focus{
	color: #FFF;
	text-decoration: underline;
}
.footer_n .social img, .footer_n .social .fa{
	width:29px;
	border:none;
}
.footer_n .social li{
	display:inline-block;
	margin:2px 2px 5px;
}
.footer_n .social li:first-of-type{
	margin-left:0;
}

.footer_n .social a{
	box-sizing: border-box;
	display: block;
	border: 2px solid;
	border-color: rgba(0, 0, 0, 0);
	padding: 4px 6px;
    background: rgba(0, 0, 0, .2);
}
.footer_n .social a:hover, .footer_n .social a:focus{
	border-color: rgb(255, 255, 255);
	background: rgba(0, 0, 0, .95);
}
.endfooter{
	padding-bottom: 25px;
	border-top: 1px solid rgba(255, 255, 255, 0.23);
}
/*page loading*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(/_imgs/rop_loading.gif) center no-repeat #fff;
}

@media screen and (max-width: 1010px) {
.footer_n .image-group div.img-caption {
	width: 100% !important;
	max-width: 100%;
    font-size: 100%;
    margin: 0 auto 20px !important;
    clear: both;
    display: block;
    float: none;
	text-align: center;
}
.awards{
	float: none;
	margin:30px auto;
}
.endfooter{
	text-align: center;
}
}
/********************************************************/

.homebox, .homebox img, .sidebox {
	border: 0;
	position: relative
}
.search label {
	display: none
}
.section-img-r {
	max-width: 30%;
	height: auto;
	margin: 0 0 10px 2%;
	float: right;
	clear: right
}
.max-50 {
	max-width: 50%!important
}
.homebox {
	color: #000;
	margin-bottom: 10px
}
.homebox-r {
	margin-left: 0
}
.boxwhen {
	min-height: 130px
}
.boxsvc {
	min-height: 165px
}
.height-100 {
	height: 100px!important
}
.boxwhere {
	min-height: 230px;
	margin-bottom: 0
}
.homebox h3, .sidebox h3 {
	margin: 0;
	padding: 0
}
.homebox p {
	margin: 5px 0;
	padding: 0 0 5px
}
.homeimg-r {
	float: right;
	margin: 0 0 0 10px;
	clear: none;
	width: 38%;
	max-width: 400px;
}
.sidebox {
	color: #000;
	margin-bottom: 10px;
	padding-bottom: 8px
}
.sidebox h3, .sidebox-content {
/*	padding: 5px 10px!important;*/
	display: block
}
/*.sidebox-content {
	background: #f9fbff
}*/
.sidebox img {
	border: 0
}
.sidebox-r {
	margin-left: 0
}
.sidebox-img-labels {
	position: relative;
	clear: both;
	background: #d3dff0;
	padding: 0 10px
}
.compheight {
	position: absolute;
	display: block;
	width: 40px;
	font-size: .85em;
	color: #0055A6;
	font-weight: 600;
	top: 106px;
	left: 10px
}
.cart-garb, .cart-org, .cart-recy, .comp-large, .comp-med, .comp-small {
	background: #0055A6;
	color: #FFF;
	display: inline-block;
	padding: .25em .5em;
	font-weight: 600
}
.comp-large, .comp-med, .comp-small {
	position: absolute;
	top: 200px;
	font-size: .85em
}
.comp-large {
	left: 35px
}
.comp-med {
	left: 120px
}
.comp-small {
	left: 223px
}
.img-left {
	float: left;
	clear: none!important;
	height: 209px!important;
	margin-bottom: 10px!important
}
.img-labels-500 {
	width: 500px;
	max-width: 100%;
	font-size: .85em;
	position: relative
}
.cart-garb, .cart-org, .cart-recy {
	position: absolute;
	top: 82%
}
.ldepth, .lheight, .lwidth {
	position: absolute;
	display: block;
	width: 70px!important;
	font-size: .7em!important;
	line-height: 1.1em!important
}
.cart-org {
	left: 43%
}
.cart-garb {
	left: 76%
}
.cart-recy {
	left: 11%
}
.ldepth, .lwidth {
	top: 0!important;
	text-align: left;
	color: #000
}
.ldepth {
	left: 58px!important
}
.lwidth {
	right: 20px!important
}
.lheight {
	color: #000;
	top: 81px!important;
	right: 2px!important;
	text-align: left
}
.mdepth, .mheight, .mwidth, .sdepth, .sheight, .swidth {
	width: 70px;
	position: absolute;
	display: block
}
.kdepth, .kheight, .kwidth, .mdepth, .mheight, .mwidth, .odepth, .oheight, .owidth, .sdepth, .sheight, .swidth {
	font-size: .7em;
	line-height: 1.1em;
	color: #000;
	text-align: left
}
.mdepth, .mwidth {
	top: 9px
}
.mdepth {
	left: 58px
}
.mwidth {
	right: 20px
}
.mheight {
	top: 93px;
	right: 2px
}
.sdepth, .swidth {
	top: 20px
}
.sdepth {
	left: 60px
}
.swidth {
	right: 25px
}
.sheight {
	top: 101px;
	right: 10px
}
.odepth, .oheight, .owidth {
	position: absolute;
	display: block;
	width: 40px
}
.odepth {
	top: 12px;
	left: 66px
}
.owidth {
	top: 10px;
	right: 62px
}
.oheight {
	top: 80px;
	right: 45px
}
.kdepth, .kheight, .kwidth {
	position: absolute;
	display: block;
	width: 50px
}
#footer, #programs, #submbtn, #submbtn2, .frm-cont, .receipt, .regform, .regform2 span {
	position: relative
}
.kdepth {
	top: 42px;
	left: 56px
}
.kwidth {
	top: 40px;
	right: 52px
}
.kheight {
	top: 96px;
	right: 35px
}
.btn-orange, .regform h5 {
	display: inline-block;
	font-weight: 400;
	position: relative
}
.btn-orange {
	padding: 5px 10px;
	top: 1px;
	background: #A42E00; /*AAA Compliant*/
	outline: 0;
	border: none !important;
    color: #FFF !important;
    text-decoration: none !important;
	box-sizing:border-box;
	border-radius:2px;
}
.btn-orange a:link, .btn-orange a:visited, a.btn-orange, a.btn-orange:link, a.btn-orange:visited, a.btn-orange.video_link:before{
	color: #FFF !important;
	text-decoration: none !important;
}
.btn-orange:focus, .btn-orange:hover {
	background: #036
}
.btn-orange.blue {
	background: #036; 
}
.btn-orange.plus_link {
    background: #2b7d00;
    padding: 8px 10px 10px;
    top: 0;
}
.btn-orange.blue:focus, .btn-orange.blue:hover, .btn-orange.plus_link:focus, .btn-orange.plus_link:hover {
	background: #A42E00;
}
.btn-orange.bigbutton {
    font-size: 1.125em;
    padding: 8px 13px 10px;
}
input{
		box-sizing:border-box;
}
.input200 {
	width: 75%;
	font-size: 1em;
	padding: .45em;
	border: 3px solid #d7dadd
}
.in-page-form{
	width: calc(100% - 60px);
	font-size: 1em;
	padding: .44em;
	border: 2px solid #d7dadd;

	box-sizing:border-box;
}
#in-page .btn-homebox {
	width: 55px;
	font-size: 1em;
	padding: .45em !important;
	box-sizing:border-box;
	border:0 !important;
	top:0;
}
.in-page-btn {
	width: auto!important;
	border: 0!important;
	padding: .5em!important
}
.input400 {
	width: 400px;
	font-size: 1em;
	padding: .45em;
	border: 3px solid #d7dadd;
}
.btn-homebox {
	font-size: 1em;
	padding: .5em!important;
	top: 1px
}
.btn-homebox-full {
	width: auto!important
}
.btn-in-page {
	font-size: 1em;
	padding: .5em;
	top: 1px
}
.in-page-form, .input200, .input400, .searchtxt {
	color: #555
}
.check-left {
	margin: 18px 5px 0 0!important
}
.regform .indent {
	padding-left: 15px
}
.regform h3 {
	margin: 15px 0 0;
	padding: 0
}
.regform label h3, .regform label h4{
	margin: 0 !important;
}
.boxc .regform label h3{
	margin: 0;
}
.oneline{
  clear:both;
}
.oneline input, .oneline button{
  float:left !important;
  clear:none !important;
  box-sizing:border-box;
}
.oneline input, .oneline .twitter-typeahead{
  width:calc(100% - 70px)!important;
  float: left;
  position: relative;
}
.callout-full .oneline input, .callout-full .oneline .twitter-typeahead{
  width:calc(100% - 56px)!important;
  float: left;
  position: relative;
}
.callout-full .oneline button, .callout-full .oneline input[type=submit]{
	width: 50px !important;
	box-sizing: border-box;
	margin:0 0 0 5px !important;
	border-radius: 0;
}
.sideform{
	margin: 0;
	clear: both;
}
.sideform input:focus{
	border: 2px solid #000 !important;
}
.oneline .twitter-typeahead input{
	width: 100% !important;
	height: 2.65em;
    border: 1px solid #CCC;
    border-radius: 3px;
}
.oneline .twitter-typeahead{
	height: 35px;
}
.oneline span{
	width: 100%;
}
.oneline button, .oneline input[type="submit"], .boxc .regform .oneline input[type="submit"]{
  width: 65px !important;
  margin: 0 0 0 5px;
  padding: 8.5px 2px !important;
  top: 1px;
  position: relative;
}
.errorbox {
	display: block;
	padding: 15px 30px 15px 15px;
	border: 1px solid #C86060;
	border-radius: 0;
	margin-bottom: 25px;
	background: #FFECEC;
	box-sizing: border-box
}
.errorbox a:link, .errorbox a:visited {
	color: #00459A;
	text-decoration: underline
}
.errorbox H3, .errorbox a:focus, .errorbox a:link:hover, .errorbox a:visited:hover {
	color: #000
}
.errorbox H3:first-of-type, .errorbox p:first-of-type {
	margin-top: 0;
	padding-top: 0
}
.errorbox p:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0
}

.fullwidth {
	width: 100%;
	box-sizing: border-box
}
.boxc .regform input[type="submit"] {
	padding: .25em .5em!important
}
.boxc .regform label {
	margin: 5px 10px 5px 0!important
}
.frm-cont {
	width: 99%;
	padding: 20px 0 0;
	font-size: small
}

.btn-prev, .regform .btn-prev {
	background: 0 0;
	color: #333;
	margin: 18px 0 0 15px;
	float: left;
	border: 2px transparent;
	box-sizing: border-box
}
.btn-prev:focus, .regform .btn-prev:focus {
	border: 2px solid #666
}
.float-left {
	float: left!important
}
.text-left{
	text-align: left !important;
}
.nobottom {
	margin-bottom: 0!important;
	padding-bottom: 0!important
}
.single {
	margin: 10px 0 0!important
}
.nopadd {
	margin: 0;
	padding: 0
}
.horizontaline label {
	display: inline-block!important;
	float: left;
	clear: none
}
.padding-top2 {
	padding-top: 15px!important
}
.regform .radio {
	clear: none;
	margin: 11px 20px 0 0;
	padding: 0
}
.regform .cbox {
	clear: both;
	margin: 11px 8px 0 0;
	padding: 0
}
.inline label {
	margin: 0 10px 15px 0!important;
	display: block;
	clear: both
}
.chk-container {
	clear: both
}
.chk-container .cbox {
	float: left;
	margin-top: 2px!important
}
.chk-container label {
	float: none!important;
	margin: 0 10px 10px 0
}
.regform .w90p {
	width: 90%!important
}

.invoicegroup div:last-of-type, .invoiceitem.last {
	border-bottom: 1px solid #d3d8e1
}
.chk-container label.error {
	color: #FB3A3A;
	display: inline-block;
	margin: 20px 0 0 -28px;
	padding: 0;
	text-align: left
}
.callout-full .regform{
	margin: 0;
}
.clear {
	clear: both !important;
	overflow:hidden;
}
.noclear {
	clear: none !important
}
.width100 {
	width: 100% !important;
	max-width: 100% !important;
}
.full-button{
	padding: 8px 6px;
}
button.full-button .fa{
	margin-right:5px !important;
	margin-left:0 !important;
}
.width50 {
	width: 48%
}
.width85p {
	width: 85px !important
}
.width200p {
	width: 200px !important
}
.max200{
	max-width:200px !important;
}
.max100{
	max-width:100px !important;
}
.width300p, .width300p.date {
	width: 300px !important
}
.width300p.date {
	padding-right: 60px;
	background: url(https://peelregion.ca/twaste3/imgs/form_cal.png) right top no-repeat
}
.regform .f50 {
	width: 48% !important;
	display: inline-block;
	margin: 0 0 5px
}
.dollar, .regform .f50:nth-of-type(2n+2) {
	float: right
}
.regform .inline label {
	margin-right: 0
}
.regform .f50:nth-of-type(2n+3) {
	clear: both
}
.regform .f50 input, .regform .f50 select, .regform .inline input, .regform .inline select {
	width: 100%
}
.regform .f50 label {
	margin: 15px 0 0
}
.dollar {
	padding-right: 5px
}
.invoiceitem {
	background: #F9FBFF;
	padding: 5px;
	margin: 0;
	border-top: 1px solid #d3d8e1;
	color: #000
}
.invoiceitem .descript {
	float: left;
	display: block;
	width: 78%
}
.invoiceitem .dollar {
	float: right;
	display: block;
	width: 17%;
	text-align: right
}
.invoicetotal {
	padding: 5px 5px 0 0;
	margin: 2px;
	text-align: right;
	clear: both;
	font-weight: 700
}
.sameline {
	display: inline-block;
	float: left;
	margin-right: 25px
}
.textinput {
	padding: .5em!important
}
.receipt {
	width: 100%;
	max-width: 400px;
	padding: 0;
	margin: 0;
	border: 1px solid #D1DFF2;
	border-bottom: 8px solid #D1DFF2
}
.receipt h3, .receipt-content {
	display: block;
	padding: 5px 10px!important
}
#submbtn, #submbtn2, .regform2 label {
	display: inline-block
}
.regform2 input[type=submit] {
	width: 15%;
	padding: 8px 2.5%;
	float: left;
	margin-left: .5%
}
.receipt h3 {
	margin: 0;
	padding: 0;
	background: #e4ebf5
}
.receipt p {
	margin: 5px 0;
	padding: 0;
	font-size: .9em
}
.receipt .left, .receipt .right {
	margin-bottom: 10px;
	display: inline-block
}
.receipt .right {
	float: right
}
.receipt .left {
	float: left;
	clear: both
}
#submbtn, #submbtn2 {
	background: #A42E00;
	color: #FFF;
	border: 0;
	outline: 0;
	font-weight: 600;
	font-size: 1em;
	padding: .5em 1em!important;
	top: 1px
}
#ipt_email {
	color: #555
}
.conditional p:first-of-type {
	padding-bottom: 5px;
	margin-bottom: 0
}
.regform2 {
	margin-bottom: 0
}
::-webkit-input-placeholder {
	font-style:normal;
}
:-moz-placeholder {
	font-style:normal
}
::-moz-placeholder {
	font-style:normal
}
:-ms-input-placeholder {
	font-style:normal
}
.regform2 input[type="submit"] {
	background: #A42E00;
	color: #FFF;
	border: 2px solid #A42E00;
	padding: 2px 10px 5px;
	font-weight: 600;
	margin: 0;
	clear: both
}
.regform2 input[type="submit"]:hover {
	background: #036;
	border-color: #036
}
.regform2 input[type="text"], .regform2 input[type="email"], .regform2 input[type="password"] {
	background: #fff;
	border: 2px solid #d5d7da;
	padding: 2px 5px 5px;
	clear: both
}
.regform2 input:focus {
	border: 2px inset #00498e!important
}
.img-caption-255 p, .page-image p {
	font-size: .85em
}
#programs-container {
	clear: both;
	overflow: hidden;
	padding-bottom: 40px;
	background-color: #FFF;
}
#programs {
	padding: 0 10px;
	margin: auto
}
.proggroup {
	width: 44%;
	padding: 0;
	margin: 0 5.5% 15px 0;
	float: left;
	color: #333
}
.proggroup-l {
	clear: left
}
.proggroup-img {
	float: left;
	margin: 7px 10px 0 0
}
.proggroup p {
	margin: 0 0 10px;
	padding: 0
}
.proggroup h4 {
	margin: 0;
	padding: 0 0 5px
}
.proggroup h4 a:link, .proggroup h4 a:visited {
	text-decoration: none
}
#sectionmap li a:link:hover, .proggroup a:link, .proggroup a:link:hover, .proggroup a:visited, .proggroup a:visited:hover {
	text-decoration: underline
}
#sectionmap li a:link, .col-lr a:link, .col-lr a:visited {
	text-decoration: none
}
#sectionmap.in-page{
	width:100%;
	padding:0;
	overflow:hidden;
}
.sitemap{
	overflow: hidden;
}
#sectionmap.in-page .sitemapbox{
	overflow:hidden;
}
.in-page .sitemapbox h2, .in-page .sitemapbox h3{
	margin-bottom:15px;
}
#sectionmap.in-page ul {
    list-style-type: disc;
    margin-left: 30px;
    padding: 0;
}
#sectionmap.in-page li{
	display: list-item;
	list-style-type:disc;
}
#content-main-container {
	clear: both;
	background: #FFF;
	background: linear-gradient(to bottom, #FFF 50%, #efefef);
}
#content-main-container #content-main{
	min-height: 0px !important;
}
#sectionmap-container {
	clear: both;
	background-color: #FFF;
	min-height:250px;
}
#content-main-container {
	padding-bottom: 15px
}
#hero-left, #hero-right{
	height:425px;
}
#programs h3{
	border-bottom:1px solid #e1e1e1;
	padding-bottom:5px;
}
#programs.sitehome h3 {
     border: none; 
     padding-top: 0px; 
}
#sectionmap {
	clear: both;
	padding:30px 0 0;
	margin: auto;
	background: 0 0!important;
	max-width:100%;
}
#sectionmap ul, #hero-right .boxc ul {
  	padding-left:25px;
}
p + #sectionmap{
	margin-top: 30px;
}
#sectionmap ul li::before, #hero-right .boxc ul li:before {
  /*content: "\25CF";
  content: "\2022";
  color: #01468c;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;*/
}
#sectionmap h3, #sectionmap h4 {
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: 1px solid #e1e1e1;
	display: block
}
#sectionmap .special h3, #sectionmap .special h4 {
	border: none;
}
#sectionmap h3 img {
	display: none
}
.col-lr {
	width: 30%;
	float: left;
	margin: 0;
	padding: 0
}
.col-lr a:link:hover, .col-lr a:visited:hover {
	text-decoration: underline
}
.underline{
	border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
}
.col-c {
	margin: 0 5%
}
ul.noindent{
    margin-left: 0;
    padding-left: 25px;
}
.ul-left{
    margin-left: 20px;
    padding-left: 0;
}
.ul-0, .ul-5, .ul-10, .ul-15, .ul-20{
	margin-bottom:30px;
}
.ul-0 + li, .ul-5 + li, .ul-10 + li, .ul-15 + li, .ul-20 + li{
    margin-top: -20px !important;
}
.ul-0 li {
	margin-bottom: 2.5px
}
.ul-5 > li {
	margin: 2.5px 0
}
.ul-10 > li {
	margin: 5px 0
}
.ul-10 > li ul, .ul-15 > li ul, .ul-20 > li ul {
	margin: 5px 0 10px;
}
.ul-15 > li {
	margin: 10px 0;
}
.ul-20 > li {
	margin: 10px 0 20px !important;
}
p + .ul0{
	margin-top:-11px;
}
#contactnum, #footer {
	margin: auto
}
#contactnum-container {
	clear: both;
	background: #f5f8fb;
	margin: 0
}
#contactnum {
	padding: 15px 10px
}
#footer-container {
	clear: both;
	background: #054d84 /* was #0155A6*/;
	padding: 20px 0;
	margin: 0;
}
ul{
	list-style:disc;
}
#footer {
	color: #FFF;
}
.rop-skip, .skip-navitems {
	position: absolute;
}
#cright, #footer-logo, #social {
	position: relative
}
#footer-logo {
	right: 0;
	top: 20px
}
#cright {
	font-size: .9em;
	padding-top:10px;
	float: left;
    clear: left;
}
.footerlinks{
	list-style:none;
	margin:0;
	padding:0;
}
.footerlinks li{
	float:left;
	display:inline-block;
	padding:5px 10px 5px 0;
}
.footerlinks li:last-of-type{
	clear:both;
	padding-top:15px;
}
div.img-caption.awards, .awards{
	float:right;
	text-align: right;
}
div.img-caption.awards img{
	width: 145px !important;
}
div.img-caption.awards a{
	border:none;
	/*pointer-events: none;
    cursor: default;*/
    text-decoration: none;
    color:inherit;
	opacity:.6;
}
div.img-caption.awards a:hover, div.img-caption.awards a:focus{
	opacity:.85;
	border:none;
}
#cright p {
	display: inline-block;
	margin: 0 10px 0 0
}
#cright a:link, #cright a:visited {
	color: #FFF;
	color: rgba(255, 255, 255, 0.77);
	text-decoration: underline;
}
#cright a:focus, #cright a:link:hover, #cright a:visited:hover {
	color: #FFF;
	text-decoration: none;
}
#social {
	width: 200px
}
#twitter a {
	float: left;
	width: 35px;
	height: 27px;
	margin-right: 10px;
	background: url(https://peelregion.ca/_imgs/tpl_images/sprite-social-2.png) no-repeat;
	border:none;
}
#twitter a:hover, #twitter a:focus{
	background-position: 0 -38px;
}
#ytoube a {
	float: left;
	width: 62px;
	height: 27px;
	margin-right: 20px;
	background: url(https://peelregion.ca/_imgs/tpl_images/sprite-social-2.png) -44px 0 no-repeat;
	border:none;
}
#ytoube a:hover, #ytoube a:focus{
	background-position: -44px -37px;
}
#linkedin a:focus, #linkedin a:hover {
	border-color: #FFF;
	outline: none;
}
#linkedin a {
	float: left;
	width: 37px;
	height: 27px;
	margin-right: 0;
	border: 2px solid transparent;
	background: url(https://peelregion.ca/_imgs/tpl_images/sprite-social-2.png) -115px -2px no-repeat
}
#skip-nav {
	list-style-type: none;
	margin: 0;
	padding: 0
}
.skip-navitems {
	left: 0;
	top: 10px;
	width: 100%;
	text-align: left;
	z-index: 15002;
	display: block
}
.rop-skip {
	padding: 5px;
	clip: rect(1px,1px,1px,1px);
	height: 1px;
	margin: 0;
	width: 1px
}
.rop-skip:hover{
	color:#00498e;
}
.rop-skip:focus {
	clip: rect(auto,auto,auto,auto);
	height: inherit;
	margin: inherit;
	overflow: inherit;
	position: static;
	z-index: 15004;
	border: 1px solid #000;
	background: #fff;
	width: auto;
	display: inline-block;
	font-size: small;
	text-align: center;
	outline: 0;
	color:#00498e;
}
#content-home .bigfont, #hero-right, #page-right, .area_f, .area_item, div.homegroup img, div.homegroup-txt, .img-bar, .page-image, .programgroup img, .programgroup-txt, div.sitemapbox, div.sblocks {
	overflow: hidden
}
#page-content-anchor, #page-info-anchor {
	display: block;
	overflow: hidden;
	visibility: hidden
}
.rop-skip:focus a {
	outline: 0
}
#page-content-anchor {
	height: 0
}
#page-info-anchor {
	height: 1px
}
* {
	outline: 0
}
.charttable, .ttable1 {
	border: 0;
	border-collapse: separate;
	font-size: .95em;
}
.ccards {
	float: left;
	padding-top: 7px
}
.ttable1 td, .ttable1 th {
	padding: 4px;
	vertical-align: top
}
.ttable1 {
	background: #92b0d9;
	border-spacing: 1px;
	width: 100%
}
.ttable1 tr {
	background: #FFF
}
.ttable1 th {
	background-color: #e6f1ff;
	text-align: left;
	color: #024481;
	font-weight: 400
}

.charttable {
	border-spacing: 0;
	width: auto;
	margin-bottom: 20px;
	border-bottom: 1px solid #CCC;
	border-collapse: separate;
	font-size: .95em;
}
.charttable.center td, .charttable.center th{
	text-align:center !important;
}
.charttable.grid {
	border-spacing: 1px;
	background: #1e6cb8;
	border-bottom: none;
}
.charttable tr.green td{
	background: #f0ffdf;
} 
.charttable tr.green th{
	background: #e7ffcb;
} 
.charttable.row-hover tr:hover td{
	background: #fceeac !important;
	color: #000;
}
.charttable.full {
	width: 100%
}
.charttable.half {
	width: 50%
}
.charttable td, .charttable th {
	padding: 8px;
	vertical-align:middle;
}
.charttable.middle td, .charttable.middle th {
	vertical-align: top;
}
td.center, th.center {
	text-align: center;
}
.charttable th {
	color: #FFF;
	background: #0054a6;
	font-weight: 600;
	text-align: left;
	vertical-align: middle;
}
.charttable td.grey{
	background: #eef4fc;
}
.charttable th[rowspan], .charttable td[rowspan] {
	vertical-align: middle !important;
}
.charttable.row-hover tr:hover th[scope="col"]{
      background: #0054a6 !important;
      color: #fff !important;
}
.charttable th[scope="row"] {
	background: #eef4fc;
	font-weight: 400;
	color: #000;
}
.charttable.row-hover tr:hover th[scope="row"]{
      background: #FFE364 !important;
      color: #000 !important;
}
.row-total td, .row-total th {
    border-top: 2px solid #0054a6;
    background: #f7f8fb;
}
.total_row {
    background: #f1f1f1 !important;
}
.total_row td, .total_row th {
    border-top: 2px solid #0054a6;
}
.charttable p:first-of-type {
	margin-top: 0;
}
.charttable p:last-of-type {
	margin-bottom: 0;
}
.charttable p:first-of-type + ul, .charttable p:last-of-type + ul, .charttable p:first-of-type + ol, .charttable p:last-of-type + ol {
	margin-top: 10px !important;
}
.charttable li > ul, .charttable li > ol {
	margin-top: 5px;
}
.charttable tr {
	background: #FFF
}
.charttable tr:nth-of-type(odd) {
	background: #e3e3e3;
}
/*.charttable.white th{
	background: #C3C3C3;
	color:#333;
}*/
.charttable.white tr:nth-of-type(odd) {
	background: #FFF;
}
.charttable ul, .charttable ol {
/*margin-top:0px;*/
}
.widecol {
	width: 60%
}
.narrowcol {
	width: 40%
}
.ttable1 td p:first-of-type {
	margin-top: 0;
	padding-top: 0
}
.ttable1 td p:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0
}
.mobiletable:before{
	display:none;
}
.mobiletable .scrollmsg{
	display:none;
}
@media screen and (max-width:1010px) {
	.charttable.half {
		width: 100%
	}
}
@media screen and (max-width:750px) {
  .mobiletable .scrollmsg:after{
	font-family: FontAwesome;
    content: "\f054";
    font-weight: 300;
    padding: 0 0 0 5px;
    font-size: 15px;
    display: inline-block;
  }
  .mobiletable:before{
	display:block;
	content:"Swipe to show more \279c";
	margin:0 0 10px !important;
  }
  .mobiletable{
	overflow:hidden;
	overflow-x: scroll;
    position: relative;
    width: 100%;
	/*margin-bottom: -40px;*/
	padding-bottom:30px;
  }
  .mobiletable .scrollmsg{
	text-align:center;
	/*display:block;*/
  }
  .mobiletable table, .mobiletable > div{
	  min-width:700px;
  }
  .mobiletable.widest table, .mobiletable.widest > div{
	  min-width:950px;
  } 
  
  
}

.tooltip2 {
	position: relative;
	display: inline-block
}
.tooltip2 i.fa {
	font-size: 21px!important
}
.tooltip2 .tooltiptext {
	visibility: hidden;
	width: 100%;
	box-sizing: border-box;
	background-color: #525252;
	color: #fff;
	text-align: left;
	padding: 10px;
	border-radius: 5px;
	position: absolute;
	z-index: 1000;
	bottom: 85%;
	left: 0;
	font-size: .875em
}
.tooltip2:focus .tooltiptext, .tooltip2:hover .tooltiptext {
	visibility: visible
}
.tooltip2 button {
	background: 0 0;
	border: none;
	padding: 10px 0 0;
	text-align: left
}

#hero-right .boxc, #page-right .boxc, #page-right .threebox .boxc, #page-right .href .boxc {
	color: #000;
	background: #e1edfc;
	position: relative
}
.boxc ul {
	padding: 0 !important;
    margin-left:25px;
    list-style: disc !important;
}
#side-right .href .boxc {
	height: auto!important
}
#sectionmap-container, #programs-container {
	padding: 10px 0 15px
}
#hero-right .onebox, #hero-right .threebox, #hero-right .href {
	/*height: 440px*/
}
#hero-right .boxc {
	border: 0;
	color: #000;
	background: #E1EDFC none repeat scroll 0% 0%;
	height: 170px;
	padding: 5px 4%;
	margin-bottom: 10px;
	position: relative;
	box-sizing: border-box;
}
#hero-right .boxc p:last-of-type {
	margin-bottom: 0;
	padding: 0
}
#hero-right .boxc:last-of-type {
	margin-bottom: 0
}
/*TWO SIDE BOX*/
#hero-right .href .boxc:first-of-type{
	height:225px !important;
}
#hero-right .href .boxc:nth-of-type(2){
	height:185px !important;
}
/*----*/

.boxc li a:active, .boxc li a:link, .boxc li a:visited {
	text-decoration: none;
	color: #133a7b;
	padding: 0;
	margin:	-1px 0;
}
.boxc li a:link:hover, .boxc li a:link:focus{
	text-decoration: underline !important;
}
.boxc ul.round li a:link::before{
	content: '\f111';
}
.boxc a:focus::before, .boxc a:hover::before {
	color: #098dcf;
}
#page-left h2 {
	font-size: 2.75em;
	line-height: 1em;
	margin: 0;
	padding: 0;
	font-weight: 400
}
#page-left h2 .smaller {
	font-size: .75em
}
#page-right {
	width: 32%;
	padding: 0;
	margin: 0;
	float: right
}
#page-right .boxc, #page-right .href .boxc {
	border: 0;
	padding: 10px 4% 20px;
	margin-bottom: 10px
}
#page-right .href .boxc:nth-last-of-type(1) {
	margin-bottom: 0
}
#page-right .threebox .boxc {
	border: 0;
	padding: 10px 4%;
	margin-bottom: 10px
}
#page-right .threebox .boxc:first-of-type, #page-right .threebox .boxc:nth-of-type(2) {
	height: 100px
}
.boxc h3, #page-right h3 {
    margin: 0 0 8px;
    font-weight: 600;
}

.callout-full .boxc + .boxc{
    clear: both;
}
.callout-full .hide + .boxc{
    padding-top: 0px;
}
#hero-right ul + h3, #page-right ul + h3 {
	margin-top:10px;
}
#hero-right h3 {
    color: #000;
	margin: 8px 0;
}
#c2p-container {
	margin: 10px auto
}
.boxc>P {
	margin-top: 8px
}
.programgroup {
	width: 49%;
	float: left;
	margin: 5px 2% 5px 0;
	padding: 8px 0;
	position: relative;
	min-height: 75px;
	border-top: 1px solid #CCC
}
.programgroup h4 a, .programgroup a h4, .homegroup a h3, .homegroup a h3, .sitemapbox h3 a, .sitemapbox a h3{
	padding-left:0;
	position:relative;
}
.programgroup:nth-of-type(2n + 2){
	margin-right:0;
}
div.programgroup:first-of-type, div.programgroup:nth-of-type(2) {
	border-top: 0!important
}
.programgroup h4 a:link, div.sitemapbox a:link{
	text-decoration: none
}
.programgroup h4 a:link:hover, div.sitemapbox a:link:hover, .programgroup h4 a:link:focus, div.sitemapbox a:link:focus {
	text-decoration: underline
}
.programgroup:nth-of-type(2n+3) {
	clear: both
}
.programgroup img {
	float: left;
	margin: 7px 15px 0 0;
	border: 1px solid #777;
	width: 105px;
	height: 69px;
}
.programgroup-txt > p {
	padding-top: 0;
	margin-top: 0
}
.programgroup-txt h4:first-of-type {
	margin: 0;
	padding: 0;
}
div.sitemapbox {
	width: calc((100% - 40.1px) / 3);
    float: left;
    margin: 10px 20px 10px 0;
	padding: 0;
	position: relative;
	box-sizing: border-box;
}
div.sitemapbox:nth-of-type(3n + 3){
	margin-right: 0;
}
div.sitemapbox.multi {
	clear: none!important;
	float: right;
	margin: 0
}
#three-col, #two-col, .area_f, .area_item:nth-of-type(3n+4), div.homegroup:nth-of-type(2n+3) {
	clear: both
}
div.sitemapbox:nth-of-type(3n+3) {
	margin-right: 0
}
div.sitemapbox:nth-of-type(3n+4) {
	clear:both;
}

div.sitemapbox h3 + p, #sectionmap div.sitemapbox h3 + ul{
	margin-top:10px !important;
}
div.sitemapbox h3 a, .programgroup-txt h4 a {
	padding: 0;
	display: block;
}
#sectionmap div.sitemapbox ul{
	margin-left: 0;
}
div.sitemapbox.special {
    border: 1px solid #d9d9d9;
    background: #F5F5F5;
	padding: 10px;
}
div.sitemapbox.special h3 {
	border: none;
}
div.sitemapbox.box, .box .sitemapbox{
	border:1px solid #ccc !important;
	padding:8px 8px 10px;
}
div.sitemapbox h3{
	border:none;
	padding:0;
	color: #01264d;
	font-size: 1.1em;
	margin: 5px 0 0;
}
div.sitemapbox p:first-of-type {
	margin-top: 0;
	padding-top: 0;
}
div.sitemapbox p:last-of-type {
	margin-bottom: 0;
	padding-bottom: 5px;
}
div.box .sitemapbox h3, div.box .sitemapbox h3{
	border:none !important;
}

/*index sitemap layout--------------------*/
#site-map {
	clear: both;
	padding-top: 20px;
	overflow: hidden;
}
#site-map div.indexbox {
	box-sizing: border-box;
	width: calc(50% - 12.5px);
	float: left;
	position: relative;
	margin: 0 0 20px;
}
#site-map.rows div.indexbox {
	width: 100%;
}
#site-map div.indexbox {
	box-sizing: border-box;
	width: calc(50% - 12.5px);
	float: left;
	position: relative;
	margin: 0 0 20px;
}
div.indexbox.special {
	border: 1px solid #CCC;
	background: #F5F5F5;
	padding: 5px 10px 10px;
}
#site-map div.indexbox:nth-of-type(2n + 2) {
	float: right;
}
#site-map div.indexbox:nth-of-type(2n + 3) {
	clear: both;
}
#site-map h2:first-of-type {
	margin-bottom: 20px;
}
#site-map div.indexbox h3:first-of-type {
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px;
	margin: 2px 0 15px;
	font-size: 1.2em;
}
#site-map div.indexbox.special h3 {
	border: none;
}
#site-map div.indexbox p:first-of-type {
	margin-top: 0;
	padding-top: 0;
}
#site-map div.indexbox p:last-of-type {
	margin-bottom: 0;
	padding-bottom: 5px;
}
/*end index sitemap layout----------------*/

#content-home {
	margin: 0 auto;
	padding: 0;
	min-width: 800px;
	max-width: 1320px;
	position: relative
}
#content-home ul {
	list-style: none;
	margin: 0;
	padding: 0
}
#content-home li {
	margin: 3px 0
}
#content-home .bigfont a:link, #content-home .bigfont a:visited, #content-home a:link, #content-home a:visited, #content-home li a:link, #content-home li a:visited {
	color: #FFF;
	text-decoration: none
}
#content-home .bigfont a:link:hover, #content-home .bigfont a:visited:hover, #content-home a:link:hover, #content-home a:visited:hover, #content-home li a:link:hover, #content-home li a:visited:hover {
	color: #FFF;
	text-decoration: underline
}
#content-home .two-cols h1 {
	font-size: 3.25em;
	font-weight: 300;
	padding: 0;
	margin: 0;
	color: #FFF
}
#content-home .two-cols h2 {
	font-weight: 600;
	color: #FFF;
	margin: 25px 0 20px
}
#content-home p {
	font-weight: 400
}
#homelinks-container .two-cols li a:link, #homelinks-container .two-cols li a:visited{
	background: url(https://peelregion.ca/sitehome/1/link_arrow_dark.png) right center no-repeat;
	display: block;
	border: none;
	border-top: 1px solid #3c80be;
	margin: 0;
	padding: 6px 23px 6px 0;
	color: #FFF;
	text-decoration: none;
}
#homelinks-container .two-cols li:last-of-type a, #homelinks-container .two-cols li:last-of-type a:focus, #homelinks-container .two-cols li:last-of-type a:hover {
	border-bottom: 1px solid #3c80be!important;
	padding-bottom: 10px!important
}
#homelinks-container .two-cols li a:focus, #homelinks-container .two-cols li a:link:hover, #homelinks-container .two-cols li a:visited:hover {
	background: url(https://peelregion.ca/sitehome/1/link_arrow_white.png) right center no-repeat;
	text-decoration: underline;
	border: 0;
	border-top: 1px solid #3c80be;
	padding: 6px 23px 6px 0
}
#homelinks-container .two-cols a:focus {
	text-decoration: underline!important
}
#homelinks-container .two-cols .morelink a, #homelinks-container .two-cols .morelink a:active, #homelinks-container .two-cols .morelink a:visited {
	background: url(https://peelregion.ca/sitehome/1/link_arrow_dark.png) right center no-repeat;
	display: inline-block;
	padding-right: 23px;
	border: none;
}
#homelinks-container .two-cols .morelink a:focus, 
#homelinks-container .two-cols .morelink a:hover, 
#homelinks-container .two-cols .morelink a:visited:hover{
	background: url(https://peelregion.ca/sitehome/1/link_arrow_white.png) right center no-repeat;
	text-decoration: underline!important;
}
#content-home .two-cols.nowelcome {
	padding: 5px 30px 20px
}
#content-home .btn-orange {
	padding: 2px 10px 5px;
	top: 0
}
#content-home .bigfont {
	font-size: 1.05em;
	font-weight: 600;
	border-bottom: 1px solid #4983a4;
	padding: 8px 0;
	margin: 0
}
#content-home .bigfont.first {
	border-top: 1px solid #4983a4
}
#content-home .two-cols {
	width: 510px;
	padding: 20px 30px;
	left: -30px;
	top: 0;
	position: relative;
	z-index: 100;
	box-sizing: border-box
}
.btn-right {
	float: right;
	margin: 0 0 0 8px
}
.featurebar {
	position: absolute;
	bottom: 0;
	height: 30px;
	width: 96%;
	margin-left: 0;
	padding: 15px 2%;
	z-index: 100
}
#-container h3, #-container h4, .featurebar h3, .featurebar h4 {
	margin: 0;
	padding: 0
}
#c2p-bar {
	background: #e1edfc;
	padding: 10px 0
}
.homegroup {
	width: 49%;
	float: left;
	margin: 5px 2% 5px 0;
	padding: 8px 0;
	position: relative;
	min-height: 75px;
	border-top: 1px solid #CCC
}
div.homegroup:first-of-type, div.homegroup:nth-of-type(2) {
	border-top: 0!important
}
div.homegroup h3, div.homegroup h4 {
	padding: 0 0 5px;
	margin: 0;
	font-weight: 600
}
div.homegroup h3 a:link, div.homegroup h3 a:visited, div.homegroup h4 a:link, div.homegroup h4 a:visited {
	text-decoration: none;
	display: inline-block
}
div.homegroup h3 a:link:hover, div.homegroup h3 a:visited:hover, div.homegroup h4 a:link:hover, div.homegroup h4 a:visited:hover {
	text-decoration: underline
}
div.homegroup:nth-of-type(2n+2) {
	margin: 5px 0
}
div.homegroup img {
	float: left;
	margin: 7px 10px 0 0;
	width: 107px;
	height: 71px;
	border: 1px solid #777
}
div.homegroup-txt > p {
	padding-top: 0;
	margin-top: 0
}
div.homegroup-txt h4:first-of-type {
	margin: 2px 0 0;
	padding: 0 0 5px
}
.area_item .head-img {
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
  border-bottom: none !important;
  margin: 0 auto 10px !important;
  display: block !important;
}
.area_item {
    /*padding: 0 15px 30px !important;*/
	padding: 0 1% !important;
    border-right: 1px solid #dedede !important;
    width: calc(100% / 3);
    float: left;
    position: relative;
    box-sizing: border-box;
    font-size: .95em;
}
.area_item img{
	max-width: 100%;
}
.area_item strong{
	font-size:1.05em;
}
.area_item.noborder{
	border-left:0;
}
.area_item:nth-of-type(3n+3) {
	margin-right: 0;
	border-right: 0 !important;
}
.area_item:first-of-type {
	border-left: 0;
	padding-left:0;
}
.area_item h3 {
	margin: 0 0 5px;
	color:#000;
}
.iconlist{
	list-style:none;
	margin:0;
	padding:0;
}
.iconlist li{
	margin:0;
}
.iconlist .fa{
	font-size: 1.5em;
    margin: 0 5px 0 0;
    position: relative;
    top: 2px;
}
.area_f {
	margin-bottom: 50px
}
.area_f:last-of-type {
	margin: 25px 0;
}
.area_f ul{
    margin: 0 0 0 25px;
    padding: 0;
}
.area_item ul + img{
	display:inline;
	max-width:100%;
	margin-top:15px;
}
.area_item img + p{
	margin-top:15px;
}
.area_title {
	margin: 8px 0;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc
}
div.bigvalue {
	width: 49.25%;
    float: left;
    margin: 5px 1.5% 15px 0;
    padding: 0 10px 5px;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #ccc;
}
div.bigvalue:nth-of-type(2n+2) {
	margin-right: 0;
}
div.bigvalue:nth-of-type(2n+3) {
	clear: both;
}
/*div.bigvalue:only-of-type , div.bigvalue:nth-of-type(2n+3).bigvalue:last-of-type {
	width: 100%;
	margin-right:0;
}*/
div.bigvalue h3 {
	margin: 0 0 10px;
	padding-top: 10px;
	color: #000;
	line-height: 1.15em;
	font-size: 1.15em;
	font-weight: 700;
}
div.bigvalue ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.maths {
    position: relative;
    top: 1px;
}
.lessthan i{
	display: inline-block;
    width: 10px;
    font-size: 12px;
    position: relative;
    padding: 0;
    top: -1.5px;
    margin: -2px 0;
    color: #2b2b2b;
}
.geq, .geq i, .leq, .leq i{
	display:inline-block;
	width: 10px;
	font-size: 10px;
	position:relative;
	padding:0;
	top: 2px;
    margin: -2px 0;
	color:#2b2b2b;
}
.geq i:nth-of-type(2n + 1), .leq i:nth-of-type(2n + 1){
	font-size: 12px;
}
.leq i:nth-of-type(2n + 1){
	margin-left:-1px;
}
.geq i:nth-of-type(2n + 2), .leq i:nth-of-type(2n + 2){
	clear:both;
	margin-top:-2px;
}
div.bigvalue li {
	position: relative;
	padding: 0;
	margin-bottom: 7px;
}
div.bigvalue .value, div.bigvalue strong {
	color: #0054a6;
	font-size: 1.2em;
	display: inline-block;
	font-weight: 700;
}
.metric, .pass, .fail, .neutral, .positive, .negative, .no-change{
    padding: 3px 22px 3px 5px;
    border-radius: 4px;
    font-weight: 400;
    margin: 5px 0;
    display: inline-block;
    box-sizing:border-box;
    float:left;
    width:49%;
    position: relative;
    min-height: 25px;
}
.pass, .fail, .neutral{
	float:right;
}
.positive, .negative, .no-change{
	width:100%;
}
.metric{
	background: #e0e0e0;
	color: #000;
	border: 1px solid #e0e0e0;
	clear:both;
}
.metric strong{
	font-size:1em;
	color:#000;
}
.pass:after, .fail:after , .positive:after, .negative:after, .nochange:after, .nodata:after{
	font-family: FontAwesome;
	padding: 0;
	display: block;
	position:absolute;
	font-size:15px;
	right:5px;
}
.neutral, .no-change {
    background: #294a65;
    color: #FFF;
    border: 1px solid #294a65;
}
.scores{
	overflow:hidden;
}
.scores + .footnote{
	margin-top:150px;
}
.panel-body .scores + .footnote{
	margin-top:60px;
}
.fail{
	background:#B30000;
	color:#FFF;
	border: 1px solid #B30000;
}
.fail:after{
	content: "\f00d";
	top:4px;
}
.pass{
	background: #68d268;
    color: #000;
	border: 1px solid #68d268;
}
.pass:after{
	content: "\f00c";
	top:4px;
}
.positive:after{
	content: "\f062";
	top:7px;
	color:#009e06;
}
.negative:after{
	content: "\f063";
	top:7px;
	color:#B30000;
}
.no-change:after{
	content: "\f176";
	top:4px;
}
.negative.alt:after, .positive.alt:after, .nochange.alt:after, .nodata.alt:after{
	font-size: 1.5em;
    font-weight: 700;
	top:unset;
	bottom:5px;
	left: -0
}
.legend_negative.alt:before, .legend_positive.alt:before, .legend_nochange.alt:before, .legend_nodata.alt:before{
	font-family: FontAwesome;
	font-size: 1em;
    font-weight: 700;
	top:0;
	margin-right: 5px;
}
.positive.alt:after{
	content: "\f111";
}
.negative.alt:after{
	content: "\f10c";
}
.nodata.alt:after{
	content: "\f28d";
	color: #000;
}
.nochange.alt:after{
	content: "\f042";
	color: #607d8b;
}
div.chartscore:first-of-type{
	margin-top: 0;
}
.chartscore + .chartexplain{
	margin-top:-45px
}
h4 + .chartscore{
	margin-top: 25px !important;
}
.chartexplain {
    border: 1px solid #CCC;
    border-top: 0;
    border-right: 0;
    padding: 2em 0 0 50px;
    position: relative;
    color: #5d5d5d;
	font-size: .9em;
	margin-bottom: 40px;
}
.chartexplain:before{
    font-family: FontAwesome;
    font-size: 28px;
    font-weight: 400;
    position: absolute;
    top: -2px;
    left: 12px;
    content: "\f05a";
    color: #5d5d5d;
}

.chartexplain:after{
    font-family: open sans;
    font-size: 1.35em;
    font-weight: 600;
    color: #000;
    position: absolute;
    top: -2px;
    left: 50px;
    content: "How are we working to get back on track?";
}
.chartexplain.notitle:after{
    content: "";
}
.chartexplain.notitle{
	padding-top: 0;
}
.chartexplain + .chartscore{
	margin-top: 60px;
}
.chartscore{
	min-height: 455px;
	clear: both;
	position: relative;
	padding: 20px 70% 10px 0;
	overflow: hidden;
	margin-bottom: 40px;
}
.chartscore .ctarget span{
	font-weight: 700;
	/*display: block;*/
}
.chartscore.nochart{
	padding: 0 0 10px;
	min-height: 10px;
/*	clear: none;
	width: 48%;
	margin-right: 4%;
	float: left;*/
}
.chartscore.nochart:nth-last-of-type(2n + 2){
	margin-right: 0;
}
.chartscore.nochart .cchart{
	display: none !important;
}
.chartscore .cchart {
    display: block;
    box-sizing: border-box;
    right: 0;
    top: 20px;
    width: calc(70% - 25px);
    position: absolute;
}
.cchart .charttable {
	font-size: .9em !important;
	overflow: hidden;
}
.cchart p:first-child{
	margin: 3px 0 15px;
}
.cchart td{
	text-align: left;
}
.chartscore h4{
	font-size: 1.15em;
    margin: 0px;
    font-weight: 600;
    /*border-bottom: 1px solid #dedede;
    padding-bottom: 6px;*/
}
.chartscore h4 span{
	font-size: 1.65em;
	display: block;
	width: 100%;
}
h4.big_value span{
	font-size: 1.5em;
	display: block;
	width: 100%;
	color: #0054a6;
	font-weight:400;
}
.chartscore .footnote{
	margin: 20px 0;
	border-color: #dedede;
}
.chartscore p{
    margin: 9px 0;
}
h4 + .chartscore{
    margin-top:50px !important;
}
.score_good:before, .score_bad:before, .noscore:before{
    font-family: FontAwesome;
    padding: 0;
	margin-right: 5px;
    display: inline-block;
    font-size: 20px;
    vertical-align: text-top;
    font-weight: 400;
	position: relative;
	top: 7px;
}
.nochart .noscore:before{
	display:none;
}
.nochart h4 span{
	margin-bottom:5px;
}
.nochart.chartscore{
	margin-bottom:0;
}
.score_legend {
    box-sizing: border-box;
    border: 1px solid #dedede;
    margin: 15px 0 30px !important;
    overflow: hidden;
    display: inline-block;
    background: #fbfbfb;
	padding: 0 5px;
	width: auto
}
.score_legend li {
    padding: 10px 5px;
}
.score_legend li:first-of-type {
    padding-right: 0;
}
.score_legend, .score_legend.nolist{
	overflow:visible;
}
.score_legend li, a.ttip_download{
	position:relative;
	/*cursor:help;*/
}
.ttips{
	width:250px;
	visibility:hidden;
	overflow:hidden;
	position:absolute;
	background:#FFF;
	border:1px solid #dedede;
	z-index: 3;
    color: #000;
	top:37px;
	box-sizing: border-box;
}
a.ttip_download{
	display: inline-block;
	line-height: 1.25em;
}
a.ttip_download:hover:after{
	content:"Download this document. Right-click for save options";
	font-weight:600;
	max-width:330px;
	min-width:250px;
	overflow:hidden;
	position:absolute;
	border:1px solid #ffea6a;
	z-index: 3;
	font-size:.9em;
    color: #000;
	background: #ffea6a;
	top:27px;
	right:0;
	box-sizing: border-box;
	-webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,.4);
	-moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,.4);
	box-shadow: 1px 2px 3px 0px rgba(0,0,0,.4);
	padding:12px;
}
.ttips.grow{
	visibility:visible;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,.5);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,.5);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,.5);
	padding:12px;
}
@media screen and (max-width: 900px){
	.score_legend li {
    	padding-bottom: 0;
		clear: both;
	}
	.ttips{
		top:5px;
		position:relative;
		height: 0;
		width: 250px;
	}
	.ttips.grow{
		height: auto;
		-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,.5);
		-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,.5);
		box-shadow: 1px 1px 2px 0px rgba(0,0,0,.5);
   		margin-bottom: 10px;
		clear: both;
	}
}
.score_legend .score_good:before, .score_legend .score_bad:before, .score_legend .noscore:before{
    font-size: 17px;
    top: 1px;
}
.score_bad:before{
	/*content: "\f10c";*/
	content: "\f111";
}
.score_good:before{
	content: "\f192";
}
.noscore:before{
	content: "\f042";
}
.score_good{
	color: #148613;
}
.score_bad{
	color: #d00000;
}
.noscore{
	color:#0054a6
}
.chart_desc{
    font-size: 1.1em;
    line-height: 1.5em;
    font-weight: 300;
    color: #000;
}
/*.chartscore:nth-of-type(odd){
	padding: 10px 0 10px 60%;
}
.chartscore:nth-of-type(odd) .cchart {
    clear: right;
	right: unset;
    left: 0;
    width: calc(60% - 40px);
}*/

@media screen and (max-width: 800px) {
.chartscore{
	min-height: unset;
	width: 100%;
	padding: 0 0 20px;
}
	.chartscore .cchart {
    top: 20px;
    width: 100%;
    position: relative;
	padding-bottom: 40px;
}
	.chartexplain {
    padding: 2.5em 0 0 50px;
}
}

@media screen and (max-width: 480px) {
	.chartexplain {
    padding: 4em 0 0 50px;
}
}
.legend_larger{
	font-size: 1.125em;
	left: 5px;
	position: relative;
}
.legend_positive.alt:before{
	content: "\f111";
	color: #009e06;
}
.legend_negative.alt:before{
	content: "\f10c";
	color: #B30000;
}
.legend_nodata.alt:before{
	content: "\f28d";
	color: #000;
}
.legend_nochange.alt:before{
	content: "\f042";
	color: #607d8b;
}
#sidenav {
	border-right: 1px solid #CCC;
	margin: 20px 0;
	padding-bottom: 20px;
	font-size: .975em;
}
.html_page #sidenav{
		margin-top: 0;
}
#sidenav H3 {
	font-size: 1em;
	margin-bottom: 10px;
	margin: 0px;
	background-color: #fbfbfb;
	border-top: 1px solid #ccc;
	border-left: 1px solid #CCC;
}
nav#sidenav ul {
	margin: 0;
	padding: 0;
	list-style: none
}
nav#sidenav > ul {
	margin: 0
}
nav#sidenav ul li {
	display: none
}
nav#sidenav ul li a {
	display: block
}
nav#sidenav .hide a:link {
	display: none !important;
}
nav#sidenav H4+li {
	padding-top: 0
}
nav#sidenav H4+p {
	padding: 5px 0 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
	border-left: 3px solid #CCC;
	font-weight: 600
}
nav#sidenav ul li ul li {
	border: none
}
nav#sidenav ul li ul li ul {
	display: none!important
}
#menu-link{
	width:32px;
	height:32px;
	background:url(https://peelregion.ca/sitehome/_includes/icon-mmenu.png) no-repeat;
}
#menu-link.open{
	background:url(https://peelregion.ca/sitehome/_includes/icon-mmenu.png) no-repeat;
}
#menu-link.close{
	background:url(https://peelregion.ca/sitehome/_includes/icon-mmenu-close.png) no-repeat;
	right:-11px;
}
nav#sidenav .showmenu ul{ /*forces open the sub sub menu*/
	display:block !important;
	margin:5px 0 10px;
	padding-left:15px;
}
.showsubarrow, .showsubarrow .showsubsub li {
	display: block!important
}
nav#sidenav ul li ul li ul.showsubsub {
	display: block!important;
	margin: 0 0 0 10px;
}
.showsubarrow {
	font-weight: 600!important
}
nav#sidenav ul li.showsubnav, nav#sidenav ul li.showsubnav ul li {
	display: block;
	margin: 0
}
nav#sidenav ul li.showsubnav ul li {
	font-weight: 400;
	position: relative
}
nav#sidenav ul .showsubnav.indent ul {
	margin-left: 9px;	
}
/*hide sub elements but just show the active---------*/
/*nav#sidenav ul li.showsubnav ul li a {
	display: none;
	margin: 0
}
nav#sidenav ul li.showsubnav ul li .lactive {
	display: block !important;
	margin: 0
}*/
/*end hiding-----------------------------------------*/
nav#sidenav ul li.showsubnav ul li ul li {
	padding-left: 0
}
.showsubnav {
	font-weight: 700
}
.showsubnav li:first-of-type {
	padding-top: 0
}
.showtopnav ul li {
	display: block!important;
	margin: 0
}
nav#sidenav ul li ul {
	margin: 0;
	display: none;
}
.showsubnav ul {
	display: block!important;
	font-weight: 400
}
nav#sidenav li.show ul{
	display: block !important;
}
.subsub {
	font-weight: 600 !important;
	margin-bottom:5px
}
.subsub::after {
	font-family: FontAwesome;
	content: "\f078";
	padding: 4px 0 0 8px;
	display: inline-block;
	font-size:14px;
	vertical-align:text-top;
	font-weight: 400;
}
.subclosed::after {
	font-family: FontAwesome;
	content: "\f054";
	padding: 0 0 0 8px;
	display: inline-block;
	font-size:14px;
}
.slide-right .subsub::after{
	color:#FFF;
}
nav#sidenav .subsub ul {
	display: block!important;
}
nav#sidenav .submenu {
	display: none
}
nav#sidenav H4 {
	margin: 0 0 15px;
	padding: 0;
	font-size: 1em;
	display: block;
	border: 1px solid #CCC;
	border-right: none;
	background: #efefef
}
.nav-title{
	display: block !important;
}
nav#sidenav a:link, nav#sidenav a:visited, nav#sidenav p{
	padding: 4px 8px 4px 4px;
	display: block;
	box-sizing: border-box;
    width: calc(100% + 1px);
	text-decoration: none;
}
 nav#sidenav li p {
 	font-weight:600;
 	margin:0;
 }
nav#sidenav a:link:focus, nav#sidenav a:link:hover{
text-decoration: underline;
}
.lactive, .lactive-a a {
	width: calc(100% + 1px);
	border: 1px solid #CCC!important;
	border-right: none!important;
	box-sizing: border-box;
	display: block;
	background: #FFF
}
#sect-heading .lactive, #sect-heading .lactive-a a {
	border: none !important;
}
nav#sidenav .nolink {
	padding: 4px !important;
}
.pagecol {
	width: 20%;
	box-sizing: border-box;
	margin: 0 0 10px;
	float: left
}
#hero-right .boxc:only-of-type {
	height: 415px;
	margin-bottom: 0
}
.pagecol .boxc h3:first-of-type {
	margin: 0 0 5px
}
#three-col .pagecol:nth-of-type(3n+2) {
	width: 55%;
	margin: 0 1% 10px
}
#three-col .pagecol:nth-of-type(3n+3) {
	width: 23%
}
#two-col .pagecol:nth-of-type(2n+2) {
	width: 79%;
	margin: 0 0 10px 1%
}
#two-col .pagecol:nth-of-type(2n+3) {
	width: 79%;
	margin: 20px 0;
	float: right
}
#hero-right .boxc li, #page-right .boxc li, #three-col .pagecol .boxc li, div.sitemapbox li {
    margin: 5px 0px;
    line-height: 1.2em;
}

.pagecol .boxc .morelink {
	clear: both;
	padding-top: 10px
}
#three-col .pagecol .boxc:only-of-type, #two-col .pagecol .boxc:only-of-type {
	width: 100%;
	margin: 0;
	min-height: 50px
}
#two-col .pagecol .boxc:only-of-type li {
	display: inline-block;
	width: 50%;
	float: left;
	padding: .25em 1% .25em 0;
	box-sizing: border-box
}
#three-col .pagecol .boxc, #two-col .pagecol .boxc {
	color: #000;
	background: #e1edfc;
	border: 0;
	padding: 5px 4%;
	margin-bottom: 10px;
	position: relative;
	box-sizing: border-box
}
#two-col .pagecol .boxc {
	width: 32.5%;
	float: left;
	min-height: 180px
}
#two-col .pagecol .boxc:nth-of-type(3n+2) {
	margin: 0 1.25% 10px
}
#three-col .pagecol .boxc ul, #two-col .pagecol .boxc ul {
	margin: 0;
	padding: 0;
	list-style: none
}
#homelinks-container a {
	padding: 3px
}
#homelinks-container a:focus {
	color: #FFF;
	border: 1px solid #FFF;
	text-decoration: none!important
}
#hero-left {
    background: #FFF;
    width: 68%;
    padding: 30px 300px 20px 20px;
    background-position: right center !important;
    background-repeat: no-repeat;
    float: left;
    position: relative;
    box-sizing: border-box;
}
#hero-left.bleed{
	padding:25px 400px 20px 20px;
	background-position: right 5px bottom 5px !important;
	background-size: contain !important;
	border-top: 5px solid #FFF;
}
#content-main-container {
    background: #01468c;
    background: url(https://peelregion.ca/sitehome/banners/p-rotated-650.png) no-repeat top -50px left -85px, linear-gradient(180deg, rgba(1,81,161,.92) 70%, rgba(1,81,161,.92));
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity-92)";
    filter: alpha(opacity=92);
    -moz-opacity: .92;
    -khtml-opacity: .92;
    padding: 10px 0 15px;
	-moz-box-shadow: inset 0px 1px 0px rgba(0,0,0,.1), inset 0 1px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: inset 0px 1px 0px rgba(0,0,0,.1), inset 0 1px 0 rgba(0,0,0,.1);
	box-shadow: inset 0px 1px 0px rgba(0,0,0,.1), inset 0 1px 0 rgba(0,0,0,.1);
}
#content-home-container {
	/*background-color: #FFF;
	position: relative;
	background-repeat: no-repeat;
	background-position: bottom center !important;*/
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	
}
#hero-right{
	background:#FFF;
}
#hero-right .boxc {
    color: #000;
    background: #e1edfc;
    margin: 5px 5px 0 0;
    position: relative;
    box-sizing: border-box;	
    border: 1px solid #c2d0e2;
	height: 415px;
}
#hero-right .twobox .boxc {
	color: #000;
	position: relative;
	box-sizing: border-box;
	border-top: 1px solid #c2d0e2;
}
.boxc{
	background: #e1edfc;
    padding: 5px;
}
.callout-full .boxc{
	background: none;
}
#hero-right .twobox.tallshort .boxc:first-of-type {
	height: 160px;
}
#hero-right .twobox .boxc:nth-of-type(2) {
	height: 250px;
	margin-bottom: 0;
}
#hero-right .twobox.tallshort.taller .boxc:first-of-type {
	height: 185px;
}
#hero-right .twobox.taller .boxc:nth-of-type(2) {
	height: 225px;
	margin-bottom: 0;
}
#hero-left img {
	width: 300px;
	max-width: 40%;
	height: auto;
	position: absolute;
	bottom: 5px;
    right: 5px;
}
#hero-left h1 {
	line-height: 1.175em;
	margin-top: 5px;
}
#hero-left h2{
	margin: 0;
}
.xtiny{
	font-weight:600;
	font-size:.475em !important;
}
h1 .xtiny {
	margin-top: 4px;
}
.xsmall{
	display: block;
	font-size:.65em !important;
	line-height: 1.75em;
}
#hero-left h2 .smaller {
	font-size: .75em
}
#hero-left  ul {
    margin-bottom: 18px !important;
}
#hero-right {
	width: 32%;
	padding: 0;
	margin: 0;
	float: right;
	min-height:400px;
}
#upper-wrapper-landing.home {
	background: #fff!important
}

.bg_caption {
	position: absolute;
	z-index: 17000;
	bottom: 0;
	right: 0;
	padding: 5px 10px;
	color: #FFF;
	max-width: 250px;
	font-size: .825em;
	background: #000;
	background: rgba(0,0,0,.8);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8
}
.bg_caption a:link, .bg_caption a:visited {
	color: #FFF;
	text-decoration: none
}
.bg_caption a:link:focus, .bg_caption a:link:hover, .bg_caption a:visited:hover {
	color: #FFF;
	text-decoration: underline
}
.border{
	border:1px solid #CCC !important;
}
.bg_caption a:link:focus {
	border: none
}
.caption, .chart-source, .img-caption-255 p {
	font-size: .85em
}
.ctitle,.cchart{
	text-align: center;
}
.cchart + p{
	margin-top: 0;
}
.ctitle span{
	font-weight: 400;
	display: inherit;
}
.img-bar{
	margin:20px 0;
	clear:both;
}
.img-bar.centered{
	text-align:center;
}
.img-bar.spaced img{
	margin:10px;
}
.img-caption-255 {
	width: 32%;
    float: left;
    margin: 5px 2% 20px 0;
    padding: 0;
    position: relative;
    box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}
.img-caption-255:nth-of-type(3n+3) {
	margin-right: 0;
}
.img-caption-255:nth-of-type(3n+4) {
	clear: both;
}
.img-caption-255 img {
	width: 100%;
}
.img-caption-255 p:first-of-type {
	padding-top: 8px;
	margin-top: 0
}
.img-caption-255 p:last-of-type {
	margin-bottom: 0;
	padding-bottom: 8px
}
.image-right {
	float: right;
	margin: 0 0 10px 20px;
	border: none;
	max-width: 250px
}
div.img-caption.right.thumb{
	width: 170px;
	max-width: 30%;
}
.img-caption-horizontal {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 10px 10px 10px 150px;
    min-height: 130px;
	background: #EEE;
	margin: 20px 0 35px;
}
.img-caption-horizontal img {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 120px;
}
.img-caption-horizontal h3 {
	margin: 0 0 10px;
}
.grey_fill{
    background: #424242;
	padding:8px;
}
.grey_fill img{
	border:none !important;
}
.border-grey{
	border:1px solid #CCC;
	box-sizing:border-box;
}
.image-right.tall {
	max-width: 185px;
}
.image-right img {
	width: 100%;
	margin: auto;
	display: block
}
.image-right.border img {
	border:1px solid #CCC;
}
.caption {
	margin: 0 0 10px;
	padding: 5px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC
}
.legend.green {
	color: #009e06
}
.legend.red {
	color: #F00
}
.legend.grey {
	color: #607d8b
}
.icon.blue {
	color: #0054a6;
	margin: 0 8px 0 0;
	vertical-align: middle;
}
.chart-source {
    text-align: center;
    padding: 15px 0 20px;
    width: 700px;
    max-width: 100%;
    display: block;
    margin: auto;
}
.infographic {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center
}
.infographic li {
	display: inline-block;
	margin: 10px;
	padding: 0
}
.infographic li strong {
	color: #0054a6;
	font-size: 2.5em;
	display: block;
	font-weight: 600;
	line-height: 1em
}
.infographic li sup {
	font-size: .375em;
	top: -1.25em;
}
.infographic li abbr {
	font-size: .875em;
	border-bottom: none;
	color: #0054a6
}
.tip {
	display: block;
	border-bottom: 1px solid #92b0d9;
	border-top: 1px solid #92b0d9;
	padding: 10px 0 10px 40px;
	position: relative
}
.tip::before {
	font-family: FontAwesome;
	content: "\f05a";
	padding: 0 20px 0 0;
	display: block;
	position: absolute;
	left: 0;
	top: 7px;
	font-size: 28px;
	font-weight: 400;
	color: #0054a6
}
.tip.calendar::before {
	content: "\f274"
}
.tip.chat::before {
	content: "\f1d7"
}
.page-image {
	margin: 5px 20px 5px 0;
	box-sizing: border-box;
	width: calc(40% + 2px);
	max-width: calc(250px + 2px);
	float: left;
}
.index-image {
	margin: 5px 0 5px 20px;
	box-sizing: border-box;
	width: calc(25% + 2px);
	float: right;
	max-width: 200px;
}
.page-image-single {
	clear: both;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	box-sizing: border-box;
}
.page-image-single img {
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.34);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.34);
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.34);
	max-width: 100%;
}
.page-image img {
	width: calc(100% - 2px);
	border: 1px solid #999;
	height:auto;
	box-sizing: border-box;
}
.page-image a{
	border:none;
}
.page-image a p{
	border:2px solid;
}
.page-image.noborder img, .noborder,  .noborder img{
	border: none !important;
}
.page-image.right {
	float: right;
	margin: 0 0 20px 10px;
	clear: right;
	width:calc(30% + 2px);
}
.page-image.right p{
	border:none !important;
}
.page-image h4 {
	padding: 0;
	margin: 0 0 5px;
	font-size: 1.1em;
	color: #000
}
.page-image p {
	font-size: .85em
}
.page-image p:first-of-type {
	padding-top: 0;
	margin-top: 10px;
	margin-top: 5px;
}
.page-image p:last-of-type {
	padding-bottom: 5px;
	margin-bottom: 0;
	border-bottom: 1px solid #ccc
}
/*content with profiles - faceshot image on the left*/
div.p_profiles {
	clear: both;
	border-top: 1px solid #CCC;
	padding: 10px 0;
	margin: 0;
	padding-left: 164px;
	position: relative;
	min-height: 186px;
}
div.p_profiles.shorter{
	border:none !important;
	min-height:115px
}
h1 + div.p_profiles, h2 + div.p_profiles, h3 + div.p_profiles{
	margin-top:20px;
}
div.p_profiles h3{
	margin-top:0;
}
div.p_profiles img {
	position:absolute;
	top:10px;
	left:0;
	width:149px;
	height:186px;
}
div.p_profiles.shorter img{
	height:auto;
}
div.p_profiles:last-of-type {
	border-bottom: 1px solid #CCC;
	margin-bottom: 30px;
}
div.p_profiles p:first-of-type {
	margin-top: 0;
	padding-top: 0;
}
.index_page h3 a:link{
	text-decoration:underline;
	font-weight:400;
}
.index_page h3 a:hover, .index_page h3 a:focus{
	text-decoration:none;
}
.index_page h3 + p{
	margin-top:-13px;
}
@media screen and (max-width:1460px) {
#alerts, #c2p-container, #contactnum, #content-main, #footer, #homelinks-container, #main-bar, #mainav, #program-title, #programs, #sectionmap, #top, .responsive {
	width: 96% !important;
	margin: auto;
	position: relative;
	box-sizing: border-box;
}
.responsive #sectionmap {
    padding: 0;
    width: 100% !important;
}
#alerts:before {
	left: 1%;
}
div.page {
    box-sizing: border-box;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
    width: calc(98% - 275px);
}
div.page:first-of-type {
    width: 255px;
}
#alerts {
	padding: 15px 2% 15px 50px !important;
	box-sizing: border-box;
}
#content-home .two-cols {
	left: -30px
}
#hero-right {
	font-size: .95em
}
#three-col .pagecol .boxc:only-of-type, #two-col .pagecol .boxc:only-of-type {
	width: 100%;
	margin: 20px 0
}
#three-col .pagecol:nth-of-type(3n+2) {
	width: 79%;
	margin: 0 0 10px 1%
}
#three-col .pagecol:nth-of-type(3n+3) {
	clear: both;
	width: 79%;
	float: right;
	margin: 20px 0 10px
}
}
@media screen and (max-width: 1200px){
div.sitemapbox {
	width: calc((100% - 20.1px) / 2);
}
	div.sitemapbox:nth-of-type(2n+2) {
	margin-right: 0 !important;
}
div.sitemapbox:nth-of-type(2n+3) {
	clear: both;
	margin-right: 20px;
}
div.sitemapbox:nth-of-type(2n+2) {
	clear: none;
}
}

@media screen and (min-width: 1010px) and (max-width: 1400px) {
	.hero H1, #hero-left H1 {
		font-size: 1.65em;
	}
	.hero .page-intro, #hero-left .page-intro {
		font-size: 1.25em;
	}
	#hero-left.bleed{
		padding: 10px 260px 20px 20px;
		background-position: right -131px bottom 5px !important;
		border-right: 5px solid #FFF;
	}
	
}

@media screen and (min-width:1010px) and (max-width:1200px) {
div.page {
    min-height: 200px;
}

.three-col .callout-full {
    font-size: 1em;
	margin-left:0;
}
#three-col .pagecol .boxc, #two-col .pagecol .boxc {
	width: 49.375%;
	float: left;
	margin-bottom: 10px;
	min-height: 150px
}
#three-col .pagecol .boxc:nth-of-type(3n+2), #two-col .pagecol .boxc:nth-of-type(3n+2) {
	margin-left: 1.25%;
	margin-right: 0
}
#three-col .pagecol .boxc:nth-of-type(3n+3), #two-col .pagecol .boxc:nth-of-type(3n+3) {
	clear: both;
	width: 100%;
	min-height: 50px
}
#three-col .pagecol .boxc:nth-of-type(3n+3) li, #three-col .pagecol .boxc:only-of-type li, #two-col .pagecol .boxc:nth-of-type(3n+3) li {
	display: inline-block;
	width: 50%;
	float: left;
	padding: .25em 1% .25em 0;
	box-sizing: border-box
}
.video-narrow-80, .video-center-75 {
	width: 100%;
}
.video-narrow-80 p, .video-center-75 p{
	font-size: 1em;
}
}
@media screen and (max-width:1010px) {
body{
	padding:0;
}
.boxc h3, #page-right h3 {
    margin: 10px 0 8px;
}
#hero-left, #hero-left.bleed{
	background-position: right bottom 0 !important;
}
#mhomelink {
	background: #000 !important;
}
#sectionmap, .proggroup, .proggroup-l {
	clear: both
}
.sectiontitle{
	text-align: center;
}
.toplinks, .thide {
	display: none !important;
}
nav#sidenav .showmenu ul {
    margin: 4px 0 4px -5px;
}
#upper-wrapper-landing.home #top-ph, #upper-wrapper-landing.home #topbar-tab {
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1), 0 1px 0 rgba(0,0,0,.21);
	-moz-box-shadow: 0 2px 0 rgba(0,0,0,.1), 0 1px 0 rgba(0,0,0,.21);
	box-shadow: 0 2px 0 rgba(0,0,0,.1), 0 1px 0 rgba(0,0,0,.21);
	z-index: 1030;
	position: relative
}
#mainav-tablet {
	color: #FFF;
	height: 62px;
	padding: 0 1%;
	position: relative;
	margin: auto;
	overflow: hidden;
	width: 92%
}
#upper-wrapper-landing {
	background: 0 0!important
}
.input200, .input400 {
	width: 75%
}
.btn-homebox {
	padding: .5em 2.25%
}
#content-main {
	overflow: visible;
}
#topbar, #content-main{
	padding: 0;
}
#contactnum, #footer, #home-left, #sectionmap, .col-lr, .proggroup, .srchbx {
	overflow: hidden
}

element.style {
}
#sectionmap-container, #programs-container {
    padding: 10px 0 15px;
}
.proggroup {
	width: 100%;
	padding: 0;
	margin: 10px 0;
	float: left;
	font-size: 1em
}
.proggroup-r {
	float: none
}

.col-lr, li {
	padding: 0
}
.col-lr {
	width: 49%;
	float: left;
	margin: 1% 1% 0 0;
	clear: none
}
.col-c {
	margin: 1% 1% 1% 0
}
.col-r {
	margin: 0;
	clear: both;
	width: 100%
}
.col-r-list {
	width: 49%;
	float: left;
	margin: 1% 1% 0 0
}
.h1w {
	font-size: 2em;
	color: #fff;
	font-weight: 300
}
#program-title {
	font-size: 15px
}
#hero-right, .searchtxt {
	font-size: 1em
}
#hero-right .href .boxc:first-of-type{
	height:225px !important;
}
#hero-right .href .boxc:nth-of-type(2){
	height:225px !important;
}
#hero-right .href .boxc, #side-right .href .boxc, #page-right .href .boxc {
	border: 0;
	width: calc(50% - 5px);
	padding: 10px 2%;
	margin: 0px 10px 0 0;
	float: left;
	clear: none;
}

#hero-right .href .boxc:nth-of-type(2) {
    margin-right:0;
}
.homebox li a, .homebox.two-cols li a, .sidebox.two-cols li a {
	margin-top: 5px;
	margin-bottom: 5px;
	display: block
}
#arrow-new-end, .search label, div.page:first-of-type {
	display: none
}
#home-left {
	padding-right: 0;
	text-overflow:initial;
}
.homebox, .sidebox {
	float: left;
	margin: 10px 0;
	min-height: 165px;
	width: 32%;
	padding: 10px;
	box-sizing: border-box
}
.callout-full .sidebox, .callout-full .homebox  {
	width: 100% !important;
	padding:0 !important;
	min-height: unset !important;
	float:none;
	margin:10px 0 !important;
}
.homebox.two-cols, .sidebox.two-cols {
	width: 47%
}
.homebox.one-col, .newsletter-right .homebox, .sidebox.one-col {
	width: 98%!important;
	min-height: 50px!important
}
.boxwhen, .boxwhere {
	min-height: 200px
}
.boxwhere {
	margin-bottom: 0
}
.homebox-r {
	margin-left: 2%
}
#side-right, #side-right-single {
	width: 100%
}
#content-main-left.article-left {
	float: left;
	width: 68%!important;
	padding: 0 0 25px!important
}
#side-right.article-right, .img-right-caption {
	width: 30%!important;
	margin: 0 0 0 2%!important
}
.article-right img {
	width: 100%;
	border: 1px solid #CCC!important;
	box-sizing: border-box!important
}
.newsletter-left {
	width: 98%!important;
	float: none;
	clear: both;
	margin: 0 1%!important
}
#side-right-single .homebox-r {
	margin-left: 0
}
#side-right-single .homebox, #side-right-single .sidebox {
	width: 98%
}
#home-left {
	height: auto!important;
	min-height: auto
}
#footer-container {
	position:relative;
}
.footerlinks li{
	float:none;
	display:block;
	clear:both;
	padding:3px 0;
}
.srchbx {
	padding: 0;
	position: relative;
	top: 20px;
	left: 15px;
	width: 90%;
	box-sizing: border-box;
}
.srchicon {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 25%;
	right: 2%;
	z-index: 501;
	width: 22px;
	height: 22px
}
#hero-right .onebox, #hero-right .threebox, #hero-right .href {
	height: auto;
}
.search {
	float: left;
	width: 100%;
	margin: 0;
	position: relative
}
.searchtxt {
	color: #FFF!important;
	background: #256aae;
	border: 0;
	padding: 3% 10% 3% 3%;
	width: 100%;
	overflow: visible;
	line-height: 25px;
	border-radius: 5px;
	font-weight: 400
}
.mm-home {
	background: #123456
}
.newsletter-right {
	width: 100%!important;
	margin: 0 auto!important;
	text-align: center;
	padding-bottom: 30px!important
}
.c2preg {
	max-width: 615px;
	margin: 0 auto;
	-webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,.28);
	-moz-box-shadow: 0 0 5px 2px rgba(0,0,0,.28);
	box-shadow: 0 0 5px 2px rgba(0,0,0,.28);
	border: 2px solid #fff!important
}
.c2pjoin {
	max-width: 649px;
	margin: 20px auto;
	text-align: left
}
.video-center-75, .video-75 {
	width: 99%!important
}

.landing_hero_item:nth-of-type(2n+1) {
	width: 100%;
	margin-left: 0
}
.landing_hero_item.qlinks ul {
	border-top: none;
	margin-top: 10px
}
.landing_hero_item, .page {
	width: 100%
}

#hero-right, #page-right {
	width: 100%;
	margin: 0;
	padding: 0;
	float: none;
	clear: both;
	min-height:0px;
}
/*#hero-left {
	margin-bottom: 10px;
	width: 100%;
	padding-bottom: 50px
}*/
#hero-left{
	padding-left:4%;
}
#hero-left, #hero-right{
    width: 108% !important;
    left: -4%;
	position:relative;
}
#content-main-container{
	padding:0;
}
.homegroup, .pagecol .boxc li {
	margin: 5px 0
}
#hero-right .threebox div.boxc:last-of-type, #page-right .threebox div.boxc:last-of-type {
	height: auto!important
}
.mdide {
	display: none!important
}
#content-home {
	min-width: 100%;
	max-width: 100%;
	padding: 0
}
#content-home .two-cols {
	left: -30px
}
div.homegroup {
	width: 100%;
	float: left;
	padding: 8px 0;
	position: relative;
	border-top: 1px solid #CCC
}
.lactive::before, .slide-right #navcol {
	box-sizing: border-box;
	position: absolute
}
div.homegroup:nth-of-type(2n+2) {
	margin: 5px 0;
	clear: both
}
div.homegroup:nth-of-type(2) {
	border-top: 1px solid #CCC!important
}
#three-col .pagecol:first-of-type, #two-col .pagecol:first-of-type {
	display: none
}
#three-col .pagecol:nth-of-type(3n+2), #three-col .pagecol:nth-of-type(3n+3), #two-col .pagecol:nth-of-type(2n+2), #two-col .pagecol:nth-of-type(2n+3) {
	width: 100%;
	margin-left: 0;
	margin-right: 0
}
#three-col .pagecol .boxc, #two-col .pagecol .boxc {
	width: 100%;
	float: left;
	margin: 0 0 10px!important;
	min-height: 50px
}
#hero-right .boxc:only-of-type {
	height: auto
}
/*
#mmicon {
	display: block;
	float: right;
	margin: 10px 0 0;
	cursor: pointer;
}
*/
#mmicon {
    display: block;
    float: right;
    margin: 0;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 10px;
}
#mmicon a:link, .logos a:link, #mmicon a:active {
	color: #FFF;
	outline: none;
	border: 2px solid;
	border-color: transparent;
	display: block;
}
#mmicon a:focus, .logos a:focus {
	border-color: #FFF;
	outline: none !important;
}
#mmicon .fa-2x {
	font-size: 40px;
}
#mmicon .fa-times-thin {
	font-size: 60px;
	margin: -10px 0 0 0;
}
.slide-left #navcol, .thide {
	display: none
}
#mmicon a:active {
	color: #FFF
}
#topbar {
	height: 62px!important
}
.logos {
	top: 10px
}
.slide-right #navcol {
	display: block;
	right: -280px;
	z-index: 90;
	-webkit-transition: left .4s;
	transition: left .4s;
	width: 280px !important;
	top: 0;
	padding-bottom: 15px;
	height: 100%;
	margin: 0;
	background: #0155A6;
}
nav#sidenav H4, nav#sidenav .nolink {
	border: none;
	background: #123456;
	margin: 0;
}
nav#sidenav .nolink {
	padding: 10px 10px 10px 20px !important;
	color: #FFF;
}
nav#sidenav H3 {
	background: #000;
	border: none;
}
div.page:nth-of-type(3n+2) {
	width: 100%
}
div.page:nth-of-type(3n+3) {
	width: 100%;
	clear: both;
	float: none;
	margin-right: 0
}
#sidenav {
	border-right: none;
	padding: 0;
	margin: 0
}
nav#sidenav ul li {
	border-top: 1px solid #004485;
}
nav#sidenav a:link, nav#sidenav a:visited {
	text-decoration: none;
	padding: 10px 10px 10px 20px;
	border-color: transparent;
	display: block;
	color: #fff
}
.lactive, .lactive-a a {
	background: #004281;
	border: none!important;
	border-left: 5px solid #000!important
}
.lactive::before {
	font-family: FontAwesome;
	margin-left: -30px;
	display: block;
	width: 30px;
	padding: 3px 0 0 10px
}
body {
	-webkit-box-shadow: 5px 1px 20px 2px rgba(0,0,0,.3), 0 1px 0 rgba(0,0,0,.21);
	-moz-box-shadow: 5px 1px 20px rgba(0,0,0,.3), 0 1px 0 rgba(0,0,0,.21);
	box-shadow: 5px 1px 20px rgba(0,0,0,.3), 0 1px 0 rgba(0,0,0,.21)
}
#content-main, #topbar, #upper-wrapper {
	position: initial
}
#hero-left, #hero-right, #hero-right .boxc:only-of-type{
	height:auto;
}
#hero-left{
	min-height:390px;
}
#hero-left {
    width: 100%;
}
#hero-left.bleed {
    padding: 30px 400px 20px 4%;
}
#hero-right{
	background:#e1edfc;
}
#hero-right .boxc {
	height:auto;
	padding: 15px 4% 25px;
	border:none;
	margin:0;
}
#hero-right .threebox .boxc {
    height: 100px;
}
#hero-left img {
    width: 300px;
    max-width: calc(40% - 20px);
    max-height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}
#hero-right .twobox .boxc {
	width: 50%;
	margin: 0;
	float: left;
	border-bottom: none;
}
.boxc {
	padding: 14px;
}
#hero-right .twobox.tallshort .boxc:first-of-type {
    min-height: 220px !important;
	height: unset !important;
}
#hero-right .twobox.tallshort .boxc:nth-of-type(2) {
	margin:0;
	height: unset !important;
}
}
 @media screen and (max-width:900px) {
.bg_caption {
	max-width: 150px!important
}
}
 @media screen and (max-width:800px) {
#hero-left.bleed {
    padding: 30px 4% 290px 4%;
	background-size: 800px !important;
	background-repeat: no-repeat;
}
.area_f, .area_item {
	border: none
}
.area_item h4, .tooltip2 .tooltiptext {
	font-size: 1em
}
.area_item p{
	margin: 10px 0;
}
.area_item h4 {
	padding: 0;
}
.area_f:first-of-type {
	border-top: none;
}
.area_f:last-of-type {
	margin-bottom: 20px;
}
.pagecol .boxc li {
	width: 100%!important;
	padding: 0!important;
}
.homebox-r {
	margin: 10px auto;
	width: 98%;
}
.homebox, .homebox.two-cols, .sidebox.two-cols {
	clear: both;
	margin: 10px auto;
	width: 100%;
	float: none!important;
}
.sidebox.two-cols {
	width: 98%;
}
.callout-full .sidebox.two-cols {
	width: 100%;
}
#footer-container {
	overflow: hidden;
}
#footer {
	overflow: hidden;
}
.regform .f50 {
	width: 100% !important;
	box-sizing: border-box;
}
.regform .f50:nth-of-type(2n+2) {
	clear: both;
	float: left;
}
.regform .indent {
	padding-left: 10px
}
.area_f, .area_item {
	border: none
}
.area_item {
	width: 100%;
	margin: 0 0 50px;
	clear: both;
	font-size: 100%;
	border-right: 0 !important;
	/*border-bottom: 1px solid #dedede;*/
}
.area_item h4 {
	padding: 0;
	font-size: 1em
}
.area_f:first-of-type {
	border-top: none
}
.area_f:last-of-type {
	margin-bottom: 20px
}
#site-map div.indexbox {
	box-sizing: border-box;
	width: 100%;
	float: left;
	position: relative;
	margin: 0 0 20px;
}
}
 @media screen and (max-width:780px) {
.bg_caption {
	display: none!important
}
}
 @media screen and (max-width:770px) {
#c2p-container .regform2 label {
	padding-right: 55px;
	min-height: 60px
}
#c2p-container .regform2 .btn-orange {
	position: relative;
	display: inline;
}
}
@media screen and (max-width:765px) {
/*#hero-left {
	background: #e1edfc!important;
	height: auto;
	padding: 20px 2.7% 0
}*/
#hero-left {
    height: auto;
	min-height:300px;
    padding: 20px 40.1% 20px 4%;
	border:none;
	background-color:#FFF !important;
	background-repeat: no-repeat;
}
#hero-left h1 {
    font-size: 1.9em;
}
/*#hero-left.bleed{
    padding: 20px 400px 20px 4%;
	background-position: right bottom !important;
}*/

#content-main-container {
	padding:0;
}
div.img-caption.video {
	width: 100% !important;
    max-width: 100% !important;
}
#expandicon{
	display:none;
}
#hero-right .twobox.tallshort .boxc:first-of-type {
    height: unset !important;
}
#hero-right .twobox.tallshort .boxc:nth-of-type(2) {
	margin:0;
	height: unset !important;
}
}
@media screen and (max-width:685px) {
div.sitemapbox{
	height: auto !important;
}
.fsmaller{
	font-size:1em;
}
#alerts {
	padding: 15px 10px 15px calc(28px + 2%)!important
}

#alerts::before {
	top: -5px;
	font-size: 28px;
	margin-top: 18px
}
#alerts-container.green #alerts::before{
	font-size:24px !important;
}
#alerts li {
	border: 0;
	padding: 0
}
#hero-right .href .boxc:first-of-type{
	height:auto !important;
}
#hero-right .href .boxc:nth-of-type(2){
	height:auto !important;
}
#hero-left {
	margin: 0
}
#hero-left h2 {
	font-size: 2.2em
}
.index-image {
	width: calc(40% + 2px);
	display: none;
}
#homelinks-container {
	width: 100%!important;
	overflow: hidden;
	padding: 0
}
.navicons {
	padding: 18px 2% 0 8px!important
}
#hero-right .href .boxc, #side-right .href .boxc {
	color: #000;
	background: #e1edfc;
	border: 0;
	height: auto;
	width: 100%;
	padding: 10px 2% 20px;
	margin-right: 0;
	float: none;
	clear: both;
	position: relative;
}
	#hero-right .boxc{
		
	border-bottom: 1px solid #0054a6;
	}
#hero-right .href.tallshort .boxc:first-of-type {
	height: auto
}
#hero-right .href .boxc:nth-last-of-type(1), #hero-right .href.tallshort .boxc:nth-of-type(2) {
	height: auto;
	margin-right: 0
}
#content-home, #side-right .href .boxc {
	height: auto!important
}
#hero-right .threebox .boxc, #page-right .threebox .boxc {
	color: #000;
	background: #e1edfc;
	border: 0;
	height: auto!important;
	width: 100%;
	padding: 10px 2%;
	float: left;
	position: relative;
	clear: none;
	box-sizing: border-box
}
/*#hero-right .threebox .boxc:nth-of-type(3n+2), #page-right .threebox .boxc:nth-of-type(3n+2) {
	margin: 0 0 10px
}
#page-right .href .boxc, #page-right .href .boxc:nth-last-of-type(1), #page-right .href.tallshort .boxc:nth-of-type(2) {
	height: auto;
	margin-bottom: 10px;
	margin-right: 0
}*/
#hero-right .threebox .boxc:nth-of-type(3n+3) {
	width: 100%
}
#page-right .href .boxc {
	color: #000;
	background: #e1edfc;
	border: 0;
	width: 96%;
	padding: 10px 2% 20px;
	float: none;
	clear: both;
	position: relative
}
#page-right .href.tallshort .boxc:first-of-type {
	height: auto
}
#content-home {
	min-height: 620px!important
}
#content-home .two-cols, #content-home .two-cols.nowelcome {
	left: 0;
	top: 0;
	min-height: 610px!important;
	margin: 0;
	height: auto!important;
	z-index: 100;
	position: relative
}
#content-home-container {
	background: #2e7bc5;
	height: auto!important
}
#content-home .two-cols {
	width: 96%;
	padding: 20px 2%
}
#content-home .two-cols h1 {
	font-size: 2.75em
}
div.homegroup img {
	width: 88px;
	height: auto!important
}
#content-home .two-cols.nowelcome {
	width: 100%;
	padding: 5px 2% 20px;
	overflow: hidden
}
#content-home .two-cols li {
	padding: 0!important;
	margin: 0
}
#homelinks-container .two-cols li a:link, #homelinks-container .two-cols li a:link:hover, #homelinks-container .two-cols li a:visited, #homelinks-container .two-cols li a:visited:hover {
	padding: 15px 23px 15px 0
}
.featurebar {
	position: relative;
	clear: both;
	bottom: 0;
	height: auto!important;
	width: 96%;
	z-index: 100;
	overflow: hidden
}
#c2p-bar .regform2 input[type=submit] {
	clear: none!important
}
.regform2 input[type=email], .regform2 input[type=text] {
	clear: both;
	width: 75%;
	padding: 8px 2.5%;
	float: left;
	-webkit-appearance: none
}
.opa90b {
	background: #2268ab;
	background: rgba(30,100,168,1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	color: #FFF
}
#c2p-container {
	margin: 0;
	padding-left: 2%;
	display: block;
	min-height: 80px
}
.boxgroup .two-cols:nth-of-type(2n+2) {
	margin: 15px 0!important
}
.programgroup {
	float: left;
	position: relative;
	border-top: 1px solid #CCC
}
.programgroup:nth-of-type(2n+1) {
	clear: both
}
div.programgroup:nth-of-type(2) {
	border-top: 1px solid #CCC!important
}
.programgroup, .programgroup:nth-of-type(2n+1), div.sitemapbox, div.sitemapbox:nth-of-type(2n+2), div.sitemapbox:nth-of-type(2n+3) {
	width: 100%!important;
}
#side-right, .proggroup {
	width: 100%
}
#content-main, #mainav-phone, #pagewrapper, #programs {
	margin: auto;
}
#program-title ul {
	font-size: 1em
}
#navcol {
	font-size: 1.15em
}
#sectionmap, .proggroup {
	font-size: 1em;
	clear: both
}
#pagewrapper {
	min-width: 100%;
	max-width: 100%;
	padding: 0;
	overflow: hidden
}
#arrow-new-end, #home-right, #topbar-tab, .ccards, .mhide, .newsletter-right, .proggroup-img, .title-dt {
	display: none !important;
}
#mainav-phone {
	color: #FFF;
	height: 62px;
	padding: 0;
	clear: both;
	overflow: hidden
}

#upper-wrapper-landing {
	background: #FFF!important
}
#arrow-new {
	left: 0;
	top: 20px
}
#programs {
	overflow: hidden
}
.proggroup {
	overflow: hidden;
	margin: 10px 0;
	float: left
}
.proggroup-l {
	clear: both
}
.proggroup-r {
	float: none
}
.col-lr, .col-r-list {
	float: left;
	width: 100%;
	overflow: hidden
}
#sectionmap {
	background: #FFF;
	overflow: hidden
}
#sectionmap h3 a {
	margin: 0;
	padding: 7px 0;
	display: block;
	text-decoration: none
}
#sectionmap h3 a:hover, #sectionmap h3 visited:hover {
	text-decoration: underline
}
#sectionmap h3 img {
	padding: 14px 8px 0 0;
	display: inline
}
#sectionmap ul {
	list-style-type: disc;
}
#hero-right .href .boxc li {
	margin: 10px 0
}
#sectionmap h3 {
	margin: 0;
	font-size: 1.25em;
	font-weight: 600;
	padding: 0 25px 5px 0
}
#sectionmap.panel-heading, .col-lr, .col-r-list {
	padding: 0
}
.col-lr {
	margin: 0;
	clear: both
}
.col-c {
	margin: 0
}
.col-c h3, .col-lr h3 {
	margin: 0;
	padding: 0
}
.col-r-list {
	margin: 0;
	clear: both
}
.callout-right-small, .crc-map, .homeimg-r {
	float: none;
	clear: both
}
#home-left {
	overflow: hidden;
	padding-right: 0;
	text-overflow:initial;
	font-size: 1em
}
.homebox li, .sidebox li {
	margin: 0 0 0 20px!important
}
#content-main-left.article-left {
	float: none;
	margin: auto;
	width: 100%!important;
	padding: 0 0 25px!important;
	clear: both
}
#side-right.article-right, .img-right-caption {
	width: 100%!important;
	margin: 10px 0 20px!important;
	padding: 0;
	overflow: hidden
}
.article-right img {
	width: 100%;
	border: 1px solid #CCC!important;
	box-sizing: border-box!important
}
.homeimg-r {
	margin: 10px 0;
	display: none
}
.sidebox {
	clear: both;
	margin: 10px 1%;
	width: 98%;
	padding: 0;
	min-height: 50px!important
}
.w300 {
	width: 96%;
	padding: 2%
}
.h1w {
	font-size: 1.5em;
	color: #fff;
	font-weight: 300
}
#program-title {
	font-size: 15px
}
.input200, .input400 {
	width: 75%
}
.btn-homebox {
	width: 20%;
	padding: .5em 2.25%
}
#home-left, .homebox {
	height: auto!important;
	min-height: 50px!important;
	margin: 0 0 10px;
	box-sizing: border-box
}
#home-left {
	padding: 10px 1%
}
#contactnum {
	padding: 15px 10px!important;
	margin: auto;
	overflow: hidden
}
.xLarge, .xSmall {
	margin: 0;
	padding: 0
}
.img-labels-500 {
	width: 500px;
	max-width: 100%;
	font-size: .75em
}
.textcenter {
	text-align: center
}
.xLarge {
	font-size: 1.75em;
	line-height: 1.1em
}
.xSmall {
	font-size: 1em
}
.f80 {
	font-size: .8em
}
.f75 {
	font-size: .75em
}
.f65 {
	font-size: .65em
}
.f55 {
	font-size: .55em
}
.f33 {
	font-size: .4em
}
.fthin {
	font-weight: 400
}
.fmed {
	font-weight: 600
}
.fthick {
	font-weight: 700
}
.feature-heading-new {
	margin-top: 3em
}
.feature-heading {
	margin-top: 1em
}
.tab {
	background: url(/_imgs/tpl_images/ico-plus.gif) 99% 50% no-repeat;
	display: block
}
.selected {
	background: url(/_imgs/tpl_images/ico-minus.gif) 99% 50% no-repeat;
	display: block
}
.hide-all-svs-link, .newsletter-right img {
	display: none
}
#sectionmap {
	border-top: 0
}

.panel-group .panel-heading {
	border-top: 1px solid #CCC!important
}
.panel-group-home {
	padding-top: 0;
	border-bottom: 1px solid #CCC!important;
	overflow: hidden
}
.panel-group {
	border-bottom: 1px solid #CCC
}
.crc-map {
	margin: 10px 0
}
.video-right {
	width: 100%;
	float: right;
	margin: 0 0 15px
}
#home-left li {
	margin-top: 3px!important;
	margin-bottom: 3px!important
}
.c2preg {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none!important
}
.img-caption-255 {
	width: 49%;
    float: left;
    margin: 5px 2% 20px 0;
    padding: 0;
    position: relative;
    box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}
.img-caption-255:nth-of-type(2n+2) {
	margin-right: 0;
}
.img-caption-255:nth-of-type(2n+3) {
	clear: both;
	margin-right: 2%;
}
.img-caption-255:nth-of-type(3n+4) {
	clear: none;
}
#hero-left, .tip {
	box-sizing: border-box
}
div.sitemapbox.special {
	margin-top: 25px !important;
}
.infographic li strong {
	font-size: 1.75em;
}
.infographic li sup {
	font-size: .5em;
	top: -.8em;
	font-weight: 600;
}
}
@media screen and (max-width:640px) {
.shhed p {
font-size:1em
}
.shed-block {
min-width:85px
}
.callout-right-small {
margin:auto
}
.img-spec-140 {
float:none;
margin:auto
}

.image-right.tall, .image-right {
float:right;
width:40%;
margin:0 0 10px 20px
}
.image-right.tall {
 float: right;
 width: 40%;
 margin: 0 0 10px 20px
}
.bigvalue {
	width: 100% !important;
	float: none;
	clear: both;
	padding: 0;
	margin-bottom: 25px;
	border-right: none;
	font-size: 100%;
}
.bigvalue:nth-of-type(2) h4, .bigvalue:nth-of-type(3) h4 {
	border-top: 1px solid #CCC;
}
}
@media screen and (max-width:460px) {
.image-right {
	float: right;
	margin: 0 0 10px 20px;
	border: none;
	max-width: 155px
}
.image-right.tall {
	max-width: 125px;
}
.page-intro {
    font-weight: 300;
}
.img-caption-255{
	width:100%;
	margin:10px 0;
	border-bottom: none;
}
.img-caption-255:nth-of-type(2n+3), .page-image:first-of-type {
	clear: both
}
}
@media screen and (min-width:800px) {
#c2p-container {
	text-align: center!important
}
}
 @media screen and (min-width:1010px) {
.dhide, #mhomelink, #m-rop-home {
	display: none !important;
}
}
/*for cart labels-----------*/
.img-spec {
	clear: both;
	height: 175px;
	position: relative;
	overflow: hidden;
	width: 232px;
	text-align: center;
}
/*large dimensions*/
.ldepth {
	position: absolute;
	display: block;
	width: 70px;
	font-size: .7em;
	line-height: 1.1em;
	color: #000;
	top: 0px;
	left: 58px;
	text-align: left;
}
.lwidth {
	position: absolute;
	display: block;
	width: 70px;
	font-size: .7em;
	line-height: 1.1em;
	color: #000;
	top: 0px;
	right: 20px;
	text-align: left;
}
.lheight {
	position: absolute;
	display: block;
	width: 70px;
	font-size: .7em;
	line-height: 1.1em;
	color: #000;
	top: 81px;
	right: 2px;
	text-align: left;
}
/*medium dimensions*/
.mdepth {
	position: absolute;
	display: block;
	width: 70px;
	font-size: .7em;
	line-height: 1.1em;
	color: #000;
	top: 9px;
	left: 58px;
	text-align: left;
}
.mwidth {
	position: absolute;
	display: block;
	width: 70px;
	font-size: .7em;
	line-height: 1.1em;
	color: #000;
	top: 9px;
	right: 20px;
	text-align: left;
}
.mheight {
	position: absolute;
	display: block;
	width: 70px;
	font-size: .7em;
	line-height: 1.1em;
	color: #000;
	top: 93px;
	right: 2px;
	text-align: left;
}
/*small dimensions*/
.sdepth {
	position: absolute;
	display: block;
	width: 70px;
	font-size: .7em;
	line-height: 1.1em;
	color: #000;
	top: 20px;
	left: 60px;
	text-align: left;
}
.swidth {
	position: absolute;
	display: block;
	width: 70px;
	font-size: .7em;
	line-height: 1.1em;
	color: #000;
	top: 20px;
	right: 25px;
	text-align: left;
}
.sheight {
	position: absolute;
	display: block;
	width: 70px;
	font-size: .7em;
	line-height: 1.1em;
	color: #000;
	top: 101px;
	right: 10px;
	text-align: left;
}
/*organics dimensions*/
.odepth {
	position: absolute;
	display: block;
	width: 40px;
	font-size: .7em;
	line-height: 1.1em;
	color: #000;
	top: 12px;
	left: 66px;
	text-align: left;
}
.owidth {
	position: absolute;
	display: block;
	width: 40px;
	font-size: .7em;
	line-height: 1.1em;
	color: #000;
	top: 10px;
	right: 62px;
	text-align: left;
}
.oheight {
	position: absolute;
	display: block;
	width: 40px;
	font-size: .7em;
	line-height: 1.1em;
	color: #000;
	top: 80px;
	right: 45px;
	text-align: left;
}
/*kitchen container dimensions*/
.kdepth {
	position: absolute;
	display: block;
	width: 50px;
	font-size: .7em;
	line-height: 1.1em;
	color: #000;
	top: 42px;
	left: 56px;
	text-align: left;
}
.kwidth {
	position: absolute;
	display: block;
	width: 50px;
	font-size: .7em;
	line-height: 1.1em;
	color: #000;
	top: 40px;
	right: 52px;
	text-align: left;
}
.kheight {
	position: absolute;
	display: block;
	width: 50px;
	font-size: .7em;
	line-height: 1.1em;
	color: #000;
	top: 96px;
	right: 35px;
	text-align: left;
}
/*cart labels*/
.label-sm {
	position: absolute;
	display: block;
	font-size: .8em;
	font-weight: 600;
	bottom: 3px;
	left: 20%;
}
.label-sm, .cart-recy, .cart-org, .cart-garb {
	color: #000 !important;
	background: #FFF !important;
	border: 1px solid #000 !important;
	padding: 0.25em 0.5em !important;
	border-radius: 0px !important;
}
.label-sm-org {
	left: 27%;
	bottom: 3px;
}
.img-left {
	float: left;
	clear: none !important;
	height: 209px !important;
	margin-bottom: 10px !important;
}
.clearb {
	clear: both;
}
/*end cart labels-----------*/

/*collection schedules-----------*/
.colsched{
	margin: 15px 0 30px;
}
.colweek {
    display: block;
   /* border: 1px solid #CCC;*/
	margin-bottom: 15px;
}
.colweek span{
	display: inline-block;
	width: calc((100% - 8px) / 3);
	box-sizing: border-box;
	padding: 8px;
	background: #EEE;
	margin-right:4px;
}
.colweek span:nth-of-type(3){
	margin-right: 0;
}
.colweek span:nth-of-type(1){
	font-weight: 600;
	font-size: 1.15em;
}
.colweek span.collweek_garb{
	background: #000;
	color: #FFF;
}
.colweek span.collweek_recy{
	background: #0054a6;
	color: #FFF;
}
.colweek span.collweek_org{
	background: #148613;
	color: #FFF;
	padding-left: 0;
}
.colweek span.collweek_org:before{
    font-family: FontAwesome;
    padding: 0;
    margin-right: 0;
    display: inline-block;
    font-size: 20px;
    vertical-align: text-top;
    font-weight: 400;
    position: relative;
    top: 1px;
    left: -10px;
	content: "\f068";
}
@media screen and (max-width: 500px){
.colweek span{
	width: calc((100% - 4px) / 2);
}
.colweek span:nth-of-type(1) {
    width: 100%;
    margin-right: 0;
}
}
/*end collection schedules-----------*/
.icon-red {
	color: #F00;
	font-size: 25px !important;
}

/*new homepage styles*/
#content-home .two-cols.nowelcome {
    padding: 5px 30px 20px;
}
#content-home .two-cols {
    width: calc(510px + 50%);
    padding-left: 50% !important;
    left: -50%;
    top: 0;
    position: relative;
    z-index: 100;
    box-sizing: border-box;
}
#content-home .two-cols{
	background: #01468c;
	/*background: url(https://peelregion.ca/sitehome/banners/p-rotated-650.png) no-repeat top 50px left 190px, linear-gradient(135deg, rgba(1,70,140,.92) 70%, rgba(0,34,68,.92));*/
	background: url(https://peelregion.ca/sitehome/banners/p-rotated-650.png) no-repeat top 50px left 190px, linear-gradient(135deg, rgba(1,81,161,1) 72%, rgba(0,57,115,1));
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity-92)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;

}
@media screen and (max-width: 685px){
#content-home .two-cols {
    width: 100%;
	left:0;
	padding:0 2% 15px !important;
	/*background: url(https://peelregion.ca/sitehome/banners/p-rotated-650.png) no-repeat top 50px left 190px, linear-gradient(135deg, rgba(1,70,140,.92) 70%, rgba(0,34,68,.92));*/
	background: url(https://peelregion.ca/sitehome/banners/p-rotated-650.png) no-repeat bottom -30px left -50px, linear-gradient(135deg, rgba(1,81,161,1) 72%, rgba(0,57,115,1));
}
#content-home-container{
	background:none #FFF !important;
}
.img-caption-full {
    width: 100%;
}
	#hero-right .twobox .boxc {
	width: 100%;
	margin: 0;
}
	
}
/*end new homepage*/

@media screen and (min-width: 685.01px){
	.mobile_only{
		display: none !important;
	}
}


/*Image Styles-------------------------------------------------------*/
div.img-caption {
	max-width: 640px;
	width:100%;
    margin: 25px auto;
    position: relative;
    font-size: 97.5%;
    box-sizing: border-box;
	overflow:hidden;
}

div.img-caption.left{
	margin: 25px 0;
}
.image-group.columnblue .img-caption p{
	border: none !important;
	font-size: 1em;
}
.image-group.boxes .img-caption{
    background: #fbfbfb;
    border: 1px solid #e6e6e6;
    font-weight: 400;
    padding: 10px;
}
.image-group.boxes .img-caption.sameheight{
	padding: 10px;
}
.img-caption.sameheight h3, .img-caption.sameheight h4{
	margin-top: 0;
}
.image-group.boxes .img-caption p:last-of-type{
	border:none;
	margin-bottom:0;
	padding-bottom:0;
}
div.img-caption.wide{
	max-width:1000px;
}
.toppadd{
	padding-top:20px;
}
div.img-caption.smaller {
    max-width: 480px;
}
div.img-caption.small{
    max-width: 350px;
}
div.img-caption.right {
	width: 280px;
	max-width:30%;
    clear: right;
    margin: 0 0 20px 20px;
    position: relative;
    box-sizing: border-box;
	overflow:hidden;
	float:right;
}
div.img-caption.right.peelpeople {
	width: 340px;
}
div.img-caption.right.peelpeople p {
    position: relative;
    top: -30px;
	min-height: 40px;
    right: 0;
    border: none;
    background: #0064bb;
	background: rgba(0, 100, 187, 1);
    color: #FFF;
    padding: 5px 10px 8px 50px;
    box-sizing: border-box;
	font-size: 1.08em;
	transition: all ease-in-out .15s;
	clear: both;
	border-bottom: 2px solid #000;
}
div.img-caption.right.peelpeople a{
	text-decoration: none!important;
}
div.img-caption.right.peelpeople.from_left p {
	right:unset;
	left: 0;
}
div.img-caption.right.peelpeople p:before{
	font-family: FontAwesome;
    padding: 0;
    margin-right: 5px;
    display: inline-block;
    font-size: 27px;
    vertical-align: text-top;
    font-weight: 400;
    position: absolute;
    top: 9px;
    left: 10px;
	content: "\f10a"; /*tablet*/
	content: "\f245"; /*pointer*/
    content: "\f008"; /*film*/
	content: "\f02d"; /*book*/
	content: "\f109"; /*laptop*/
}
div.img-caption.right.peelpeople span{
	margin: 0 0 2.5px;
	font-weight: 600;
	display: block;
	width: 100%;
	font-size: 1.25em;
}
.peelpeople a:hover p, .peelpeople a:focus p{
	background: #fbfbfb !important;
	color:#000 !important;
}
h1 + div.img-caption.right{
	margin-top: 10px;
}
div.img-caption.right.widest {
	width: 400px;
	max-width: 40%;
}
div.img-caption.right.wide460 {
	width: 460px;
	max-width: 40%;
}
div.img-caption.right.wide {
	width: 320px;
	max-width: 40%;
}
div.img-caption.right.medium, div.img-caption.right.smaller {
	max-width: 250px;
}
div.img-caption.right.small {
	width: 175px;
}
div.img-caption.right.mid {
	width: 227.5px;
	max-width:195.5px;
}
div.img-caption.right + h2, div.img-caption.right + h3, div.img-caption.right +h4{
	clear:left;
}
.image-group{
	display:block;
	overflow:hidden;
	clear:both;
}
.image-group div.img-caption {
	float: left;
	position: relative;
	box-sizing:border-box;
	margin: 10px 30px 10px 0;
    width: calc((100% - 90.1px) / 4);
	clear: none !important;
}
.image-group div.img-caption.social {
    width: 275px;
    margin-right: 2%;
}
/*this is to align on the homepages only*/
.topbar-float .image-group div.img-caption.social{
	margin-right: 30px;
    width: calc((100% - 90.1px) / 4);
}
#alerts .image-group div.img-caption {
    font-size: .975em;
	margin-top:0;
}
.image-group.four div.img-caption:nth-of-type(4n + 4), .image-group.four .blocklink:nth-child(4n + 4) div.img-caption{
	margin-right: 0;
}
.image-group.four div.img-caption:nth-of-type(4n + 5){
	clear:both !important;
}
div.image-group.news .blocklink:first-child div.img-caption {
	border-left: none;
	padding-left: 0;
}
div.image-group.news .blocklink:nth-child(4n + 4) div.img-caption {
	padding-right: 0;
}


/*three-accross*/
.image-group.three div.img-caption {
	width: calc((100% - 80.1px) / 3);
	margin-right: 40px;
}

.image-group.three div.img-caption:nth-of-type(3n + 3), .image-group.three .blocklink:nth-child(3n + 3) .img-caption{
	margin-right: 0;
}
.image-group.three div.img-caption:nth-of-type(3n + 4){
	margin-right: 40px;
	clear: both !important;
}

/*two-accross*/
.image-group.two div.img-caption {
	width: calc((100% - 40.1px) / 2) !important;
	max-width: 100%;
}
.image-group.two div.img-caption:nth-of-type(2n + 2), .image-group.two .blocklink:nth-child(2n + 2) .img-caption{
	margin-right: 0;
}

.image-group.two div.img-caption:nth-of-type(2n + 3){
	margin-right: 40px;
}
div.img-caption img{
	border:1px solid #CCC;
	width:100%;
	box-sizing:border-box;
}
div.img-caption p:first-of-type, div.img-caption h4:first-of-type, div.img-caption h3:first-of-type {
	margin-top:10px;
}
div.img-caption p:last-of-type {
	border-bottom:2px solid #CCC;
	padding-bottom:10px;
	margin-bottom: 0;
}
.image-group.no-lines div.img-caption p:last-of-type, .no-lines p:last-of-type {
	border-bottom:none !important;
}
div.img-caption.no-bottom p:last-of-type {
	border-bottom:none !important;
}
div.img-caption a:hover, div.img-caption a:focus{
	border-color:#003366;
}
/*profiles specific*/
.profiles div.img-caption img{
	width:90px;
	position:absolute;
	top:10px;
	left:0;
	font-size:.95em;
}
.image-group.profiles div.img-caption {
	width:32%;
	padding:5px 0 5px 105px;
	border-top: 2px solid #CCC;
}
.image-group.profiles p:last-of-type{
	border:none;
	margin: 10px 0 0;
}
.image-group.profiles h3{
	margin:0;
}
.image-group.profiles p{
	margin:5px 0;
}
.image-group.profiles h3 + p{
	margin-top:0px;
}
.image-group.profiles div.img-caption:nth-of-type(3n+3) {
	margin-right:0;
}
.image-group.profiles div.img-caption:nth-of-type(3n+4) {
	margin-right:2%;
}
.image-group.profiles div.img-caption:nth-of-type(3n+5) {
	margin-right:2%;
}
.img-caption.shadowed{
    background: #FFF;
    padding: 5px;
}
.img-caption.shadowed h3{
	font-size:1.05em;
}
.img-caption.shadowed p{
	line-height:1.5em;
}
.img-caption.shadowed h3, .img-caption.shadowed p{
	padding-left:8px;
	padding-right:8px;
}
.img-caption.shadowed:hover, .img-caption.shadowed:focus{
	box-shadow: 0px 4px 10px -3px rgba(0,0,0,0.48);
}
.img-caption.shadowed img, .img-caption.shadowed p{
	border: none !important;
}
a.blocklink .img-caption p:last-of-type, a.blocklink .img-caption p:last-of-type{
	border-bottom: 2px solid;
	border-color: transparent;
	line-height: 1.5em;
}
a.blocklink:hover .img-caption p:last-of-type, a.blocklink:focus .img-caption p:last-of-type {
	border-bottom-color: #036;
}
/*@media screen and (min-width:1011px) and (max-width:1330px){*/
@media screen and (max-width:2400px){
.image-group.profiles div.img-caption {
	width: calc((100% - 40.1px) / 2);
	margin-right:40px !important;
}
.image-group.profiles div.img-caption:nth-of-type(2n+2) {
	margin-right:0 !important;
}
.image-group.profiles div.img-caption:nth-of-type(2n+3) {
}
}
@media screen and (max-width:760px){
.image-group.profiles div.img-caption {
	width:100%;
	max-width:100%;
	margin-right:0 !important;
}
}
/*end profiles specific*/

/*3 accross when only one column*/
div.page:only-of-type .image-group div.img-caption {
	width: calc((100% - 80.1px) / 3);
}
div.page:only-of-type .image-group div.img-caption:nth-of-type(3n+3){
	margin-right:0;
}
div.page:only-of-type .image-group div.img-caption:nth-of-type(3n+4) {
	margin-right:40px;
}
div.page:only-of-type .image-group div.img-caption:nth-of-type(3n+5) {
	margin-right:40px;
}

@media screen and (min-width:800px) and (max-width:1200px){
.image-group div.img-caption {
	width: calc((100% - 80.1px) / 3);
}
.image-group div.img-caption:nth-of-type(3n+3), .image-group .blocklink:nth-child(3n + 3) .img-caption {
	margin-right:0;
}
.image-group div.img-caption:nth-of-type(3n+4) {
	margin-right:40px;
	clear: both;
}
.image-group div.img-caption:nth-of-type(3n+5) {
	margin-right:40px;
}
.image-group div.img-caption.awards {
    width: 100%;
    margin-right: 0;
    max-width: 100%;
}
}

@media screen and (max-width:960px) {
.image-group.textcontent div.img-caption, .image-group.three.textcontent div.img-caption{
	max-width: 100% !important;
	width: 100% !important;
	margin: 0 0 30px !important;
}
}

@media screen and (max-width:800px) {
.image-group div.img-caption, .image-group.three div.img-caption {
	width: calc((100% - 40.1px) / 2);
	margin-right: 40px !important;
}
/*start limiting*/
.image-group.limit_from_3 div.img-caption:nth-of-type(n+3) {
	display:none !important;
}
/*end hiding extra images*/

.image-group div.img-caption:nth-of-type(4n+2), .image-group.three div.img-caption:nth-of-type(2n+2), .image-group .blocklink:nth-child(4n + 2) .img-caption {
	margin-right:0 !important;
	clear: none !important;
}

.image-group div.img-caption:nth-of-type(2n + 2), .image-group .blocklink:nth-child(2n + 2) div.img-caption {
    margin-right: 0 !important;
}
	

div.img-caption.right {
	width:100%;
}
div.img-caption.small {
	width: 175px;
}
.mclear{
	clear:both;
}
.mediaattype{
	float:none;
	display:block;
}
.newstype{
	display:block;
	text-align:right;
	width:100%;
}
.newstype + h1{
	margin-top:10px;
}
.callout-full.right {
	clear:both;
    width: 100%;
}
h1 + .callout-full.margin_top_0 {
	margin-top: 25px !important;
}
div.img-caption.right.peelpeople {
    width: 300px;
}
}
@media screen and (max-width:640px) {
div.img-caption.right, div.img-caption.right.wide{
	width:100% !important;
	max-width: 100%;
	font-size: 100%;
	clear:both;
	display:block;
	float:none;
}
div.img-caption.right.widest {
	width: 100%;
	max-width: 100%;
}
div.img-caption.right.thumb {
	clear: none;
    float: right !important;
}
div.img-caption.small {
	max-width: 210px;
	width:100%;
}
div.img-caption.right.scale {
	width:100%;
	max-width: 30%;
	float:right;
	margin:0 0 10px 10px;
}
div.img-caption.right.small.scale {
	width:175px;
}
h1 + div.img-caption.right, h1 + div.img-caption.right.scale, h1 + div.img-caption.right.small{
	margin-top:25px;
}
div.img-caption.right.peelpeople img {
   width: 100%;
}
div.img-caption.right.peelpeople.from_left p {
    width: 100%;
}
}
@media screen and (max-width:640px) {
.image-group div.img-caption {
	width:100% !important;
	font-size: 100%;
	margin-left: unset;
	margin:10px auto !important;
	clear:both;
	display:block;
	float:none;
}
/*start limiting*/
.image-group.limit_first div.img-caption:nth-of-type(1) {
	display:none !important;
}
/*end hiding extra images*/

.image-group.boxes  div.img-caption{
    max-width: 100% !important;
	width: 100%  !important;
}
.image-group.two div.img-caption {
	width:100% !important;
}
div.img-caption.small {
	width:210px;
	float:none;
}
}

/*start boxes 2 acrooss nmedia--*/
.media-group{
	overflow:hidden;
}
.media-group div.twobox{
	width:49%;
	float: left;
    position: relative;
    box-sizing: border-box;
	margin:10px 2% 10px 0;
	font-weight:400;
}
.media-group div.twobox:nth-of-type(2n + 2){
	margin-right:0;
}
.media-group div.twobox p:first-of-type {
	margin-top:10px;
}
.media-group div.twobox p:last-of-type {
	margin-bottom:10px;
	border-bottom:1px solid #CCC;
	padding-bottom:8px;
}
.twobox .videowrapper, .twobox .video-info, .twobox .video-info-full{
	margin:0;
}
.media-group div.twobox:only-of-type{
		width:100%;
		margin-right:0;
}
@media screen and (max-width:1010px){
	div.twobox{
		width:100%;
		margin-right:0;
	}
	.med{
	width:100% !important;
}
}
/*end boxes 2 acrooss media--*/

/*End Image Styles-------------------------------------------------------*/

/*transp-------------------------------------------------------*/
.stack-left{
	clear:both;
	overflow:hidden;
	margin:25px 0;

}
.stack-left .roads{
	width: 23.5%;
	float:left;
	display:inline-block;
	box-sizing:border-box;
	text-align: center;
	margin: 0 2% 20px 0;
	background: #eaeaea;
    min-height: 190px;
    padding: 15px 10px 5px;
    border-radius: 5px;
}
.stack-left .roads .rr_road{
	width:104px;
	height:104px;
	margin:auto;
	box-sizing:border-box;
	background:url(https://peelregion.ca/pw/transportation/_img/road_bg.png) no-repeat;
	color:#f7cd0a;
	font-size:37px;
	font-weight:600;
}
.stack-left .roads:nth-of-type(4n + 4){
	margin-right:0;
}
.stack-left .roads:nth-of-type(4n + 5){
	clear:both;
}
.stack-left .roads .rr_road span{
	display:block;
	padding:50px 0 0;
	width: 104px;
    text-align: center;
}
@media screen and (max-width:840px) {
.stack-left .roads{
	width: 49%;
}
.stack-left .roads:nth-of-type(2n + 2){
	margin-right:0;
}
.stack-left .roads:nth-of-type(2n + 3){
	clear:both;
}
.stack-left .roads:nth-of-type(4n + 5){
	clear:both;
}
}
/*End transp-------------------------------------------------------*/

/*End notices-------------------------------------------------------*/
#notice_listing h3{
	margin:20px 0 0;
	border-top:1px solid #CCC;
	padding-top:20px;
}
.notice_listing h3{
	margin:20px 0 5px !important;
}
#notice_listing h3:first-of-type{
	border:none;
}
#notice_listing .meeting, .notice_listing .meeting{
	font-weight:600;
	margin-top: -10px;
}
li.meeting{
	font-weight:600;
	margin-top: 5px !important;
}
#notice_listing .meeting:after, .notice_listing .meeting:after, .meeting:after{
	font-family: FontAwesome;
	content: "\f274";
	padding: 0 0 0 5px;
	display: inline-block;
	position:relative;
	top:0;
}
.linkedin:before {
    font-family: FontAwesome;
    content: "\f08c";
    margin:0 5px 0 0;
    display: inline-block;
    position: relative;
    top: 3px;
    font-size: 24px;
    color: #0977b5;
}
#notice_listing p a{
	margin-left:-2px;
}
.notice_new:after {
    font-family: FontAwesome;
    content: "\f06a";
    padding: 0 0 0 5px;
    display: inline-block;
    position: relative;
    top: 2px;
	/*color:#f30e0e; red*/
	color:#11a509;
	font-size:1.5em;
}
.notice_new.check:after{
	content: "\f058";
	color:#11a509;
}
.notice_new.star:after{
	content: "\f005"
}
.archive_years{
	list-style:none;
	margin:0;
	padding:0;
	margin-left: -2px;
}
.archive_years li{
	display:inline-block;
	margin-right:10px;
}
/*End notices-------------------------------------------------------*/

/*Forms-------------------------------------------------------------*/
form{
	margin:0;
	position:relative;
}
.button, 
.regform input[type="text"], 
.regform input[type="email"], 
.regform input[type="password"], 
.regform textarea,
.regform input[type="tel"],
.regform input[type="number"],
.regform input[type="button"] 
.regform input[type="submit"] {
	-webkit-appearance: none;
	font-size:1em;
}
fieldset + fieldset{
	margin-top: 50px !important;
}
fieldset.ltgrey{
    border: 1px solid #ededed;
    background: #f9f9f9;
}
.regform {
	clear: both;
	padding-bottom: 5px;
	margin: 25px auto;
}
.regform.noblock{
	padding-bottom: 5px;
	margin: 0 auto;
	font-size:1em;
}
.regform select, 
.regform input[type="text"], 
.regform input[type="email"], 
.regform input[type="password"], 
.regform textarea,
.regform input[type="tel"],
.regform input[type="number"] {
	width: 100%; /*fallback*/
	width: calc(100% - 2px);
	border: 1px solid #ccc;
	box-sizing:border-box;
	float: left;
	clear: both;
	margin: 1px 0 5px;
	padding: 8px 5px;
	overflow:hidden;
	background: #FFF;
	-webkit-appearance: none;
}
.regform input[type="range"]{
	max-width: 500px;
	box-sizing:border-box;
	display: block;
}

.regform input[type=text].txt_label {
    display: inline;
    width: 1.68em;
    padding: 0;
    border: none !important;
    float: none;
}
/*.regform select{
    padding-right: 40px;
    position: relative;
    background: url(https://peelregion.ca/_imgs/bg-select.png) no-repeat right 5px top 5px #FFF;
}*/
.oneline_search button{
	width:130px !important;
    float: left !important;
    clear: none !important;
    margin: 0 !important;	
	border:1px solid #036 !important;
}
.oneline_search button:hover, .oneline_search button:focus{
	background:#A42E00 !important;
	border-color: #A42E00 !important;
}
.oneline_search input{
	width:calc(100% - 133px) !important;
	margin-right:3px !important;
}
.num_field label{
	float:left !important;
	width: calc(100% - 70px) !important;
	margin-top: 15px !important;
}
.num_field input{
	float:right !important;
	width:50px !important;
	clear:none !important;
	margin-top: 12px !important;
}
.form_sep{
	border-top:1px solid #d4d4d4;
	clear: both;
	overflow: hidden;
	padding: 0 0 5px;
}
.form_sep:first-of-type{
		margin-top: 30px;
}
.regform .radio {
    clear: none;
    margin: 7px 0px 0px;
    padding: 0px;
    border: 0px !important;
	position:relative;
}
.regform .radio label {
    margin: 2px 0 3px 6px;
}
.regform input[type=radio]{
	-webkit-appearance: radio;
	top:6px !important;
}
.regform input[type=checkbox] {
	-webkit-appearance: checkbox;
}
.regform .radio input[type=radio], .regform .radio input[type=checkbox] {
	position: absolute;
    top: 7.5px !important;
    left: 4px;
    margin: 0;
    width: 18px;
    height: 18px;
}
input[type=radio]:focus, input[type=checkbox]:focus{
	outline: ridge #3381a5 !important;
}
.regform label, .regform.noblock label h2 {
	float: left;
	margin: 15px 5px 4px 0;
	display: block;
	clear: both;
	font-weight:600;
	color:#000;
	position: relative;
	min-height: 1.05em;
}
.regform label span, .regform fieldset span{
	font-weight:400;
}
.regform .inline{
	display:inline-block;
	float:left;
	clear:none !important;
	margin-right:15px;
}
.regform p{
	clear:both;
}
.regform input.error, .regform select.error, .regform textarea.error {
  border:1px solid #CCC;
}
.regform label.error{
	color:#e80000;
	font-weight:600;
}
.regform label.error i{
	font-size:19px;
}
.regform .smeline_input{
	display:block;
	clear: both;
	position:relative;
	padding-bottom:15px;
	overflow:hidden;
}
.regform .smeline_input label.error {
	background: #f3f8fd;
    color: #FB3A3A;
    font-weight: 600;
    position: absolute;
    /* bottom: 0; */
}
.regform fieldset {
	padding: 5px 8px 15px;
	border: 1px solid #CCC;
	clear: both;
	margin-top: 15px;
}
.regform legend {
	background:#f7f7f7;
	border: 1px solid #CCC;
    left: 8px;
    padding: 8px;
	margin-top:2px;
	font-weight:600;
	color:#000;
}
.regform input[type=submit], .regform input[type=reset], .regform input[type=button] {
    padding:9px 15px; 
    background-color: #036;
    border:0 none;
    cursor:pointer;
	font-weight:400;
	color:#FFF;
	display:inline-block;
	width:auto;
	margin: 15px 10px 0 0;
}
.regform input[type=button].disabled{
	color:#000;
}
.regform input[type=button].disabled:hover, .regform input[type=button].disabled:focus {
	background:#ECECEC !important;
}
.regform input[type=submit].orange{
	background:#b63806 !important;
}
.regform input[type=submit]:hover,
.regform input[type=button]:hover, 
.regform input[type=reset]:hover, 
.regform input[type=submit]:focus,
.regform input[type=button]:hover,  
.regform input[type=reset]:focus {
	/*background: #A42E00 !important; AA Compliant*/
	background:#A42E00 !important; /*AAA Compliant*/
}
.regform input[type=submit].orange:hover, .regform input[type=submit].orange:focus{
	background:#036 !important;
}

.regform input:focus, .regform textarea:focus, .regform select:focus{
	background-color:#e4fafd;
	/*background:#fff9d8;*/
	border-color:#65a0c3;
}
.upperc{
	text-transform:uppercase !important;
}
.regform .cbox{
	width:20px !important;
	clear: both;
    margin: 11px 8px 0 0;
    padding: 0;
	border:0 !important;
}
.regform .width75px{
	width:75px !important;
}
.regform .width200px{
	width:200px !important;
}
.regform input[type=radio], .regform input[type=checkbox]{
	position:relative;
	top:0 !important;
    left:0;
	margin:0;
	width: 20px !important;
	border:1px solid #CCC;
}
.regform .radio{
	clear: both;
    position: relative;
    padding: 5px 0 5px 29px;
    overflow: hidden;
    margin-top: 0;
}
.attached {
    position: relative;
    clear: both;
    margin-left: 25px;
	overflow: hidden;
}
.chk-container{
	padding-left: 25px;
}
.chk-container input[type=radio], .chk-container input[type=checkbox]{
	margin-left: -25px;
	top: 2px;
}
.checkboxrow{
	clear: both;
	position: relative;
	padding-left: 25px;
	margin-bottom: 15px;
	overflow: hidden;
}
.regform .checkboxrow label{
	margin: 0;
	padding: 0;
}
.regform .checkboxrow input[type=radio], .regform .checkboxrow input[type=checkbox] {
    position: absolute;
    top: 3px !important;
    left: 0;
}
.width100{
	width:100% !important;
}
.width50{
	width:50% !important;
}
.regform placeholder {
	font-style: normal;
	color: #a9a9a9
}
-webkit-input-placeholder {
	font-style: normal;
	color: #a9a9a9
}
-moz-placeholder {
	font-style: normal;
	color: #a9a9a9
}
:-ms-input-placeholder {
	font-style: normal;
	color:#a9a9a9
}
button .fa{
	margin-left:5px;
}
button {
	float: none;
	background: #036;
	padding:8px 10px;
	font-weight:400;
	border:none;
	margin-bottom:10px !important;
	color:#FFF !important;
}
button + button{
	margin-left:5px;
}
button.green{
	background: #1c6600;
}
button.orange{
	background: #A42E00;
}
button.disabled, .regform input[type=submit].disabled{
	background: #f3f3f3;
    border: 1px solid #CCC;
    color: #353535;
	padding:9px 15px;
	pointer-events: none;
	cursor: default;
}
button a, button a:visited{
	color:#FFF !important;
	border:none !important;
	text-decoration:none !important;
}
button.orange:hover, button.orange:focus{
	background: #036 !important;
}
button:hover, button:focus{
	text-decoration:none;
	background: #A42E00 !important;
}
button.right{
	float:right;
	clear:both;
	display:block;
	margin-right:0;
}
div.double:first-of-type, div.tripple:first-of-type, div.double:nth-of-type(2n + 3), div.tripple:nth-of-type(3n + 4){
	clear:both;
}
.oneline_pwd div:first-of-type{
	width:calc(100% - 80px);
	float:left;
	display:inline-block;
	clear:both;
}
.oneline_pwd div:nth-of-type(2){
	width:75px;
	margin-left:5px;
	clear:none;
	float:left;
	display:inline-block;
}
.oneline_pwd button{
	width:100%;
	padding: 9px 10px !important;
    margin: 1px 0 5px;
}
.regform h4 {
    font-weight: 600;
	clear:both;
	display:block;
}
div.double{
	width:49%;
	float:left;
	margin-right:2%;
}
div.double:nth-of-type(2n + 2){
	margin-right:0;
}
div.doublex{
	width:49% !important;
	float:left !important;
	margin-right:2%;
}
div.doublex:nth-of-type(2n + 2){
	margin-right:0 !important;
}
div.tripple{
	width:32%;
	float:left;
	margin-right:2%;
}
div.tripple.grey{
    box-sizing: border-box;
    background: #f7f7f7;
    padding: 8px;
    margin-top: 17px;
    border: 1px solid #ececec;
	overflow: hidden;
}
div.tripple.grey label{
	margin-top:2px;
}
div.tripple:nth-of-type(3n + 3){
	margin-right:0;
}
div.quad{
	width:23.5%;
	float:left;
	margin-right:2%;
}
div.quad:nth-of-type(4n + 4){
	margin-right:0;
}
.collection-notice {
font-size: .912em;
    margin: 15px 0 0;
    clear: both;
    overflow: hidden;
    background: #f3f3f3;
    padding: 10px;
    border: 1px solid #CCC;
    color: #353535;
}
.collection-notice h3{
	margin-bottom:10px;
}
.collection-notice h3:first-of-type, .collection-notice p:first-of-type{
	margin-top:0;
}
.collection-notice p:last-of-type{
	margin-bottom:0;
}
@media (max-width:800px){

.width50{
		width:100% !important;
	}
}
@media (max-width:725px){
div.tripple{
	width:49% !important;
	margin-right:2% !important;
	clear:none !important;
	float:left !important;
}
div.tripple:nth-of-type(2n + 2){
	margin-right: 0 !important;
}
div.quad{
	width:32%;
	margin-right:2% !important;
}
div.quad:nth-of-type(3n + 3){
	margin-right:0 !important;
}
}
@media (max-width:645px){
div.double{
	width:100%;
	clear:both;
	float:none;
	margin-right:0 !important;
}
}
@media (max-width:525px){
div.quad, div.quad:nth-of-type(3n + 3){
	width:49%;
	margin-right:2% !important;
}
div.quad:nth-of-type(2n + 2){
	margin-right:0 !important;
}
div.tripple, div.double{
	width:100% !important;
	margin-right:0 !important;
}
}
.selectdiv {
  position: relative;  
  float: left;
}

/*To remove button from IE11*/
select::-ms-expand {
     display: none;
}

.selectdiv:after {
	content: '<>';
	font: 17px "Consolas", monospace;
	color: #333;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 6px;
	top: 10px;
	padding: 0 0 2px;
	/*border-bottom: 1px solid #999;*/
	position: absolute;
	pointer-events: none;
}

.selectdiv select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	float: right;
	padding: 8px 27px 8px 5px;
	background-color: #ffffff;
	-ms-word-break: normal;
	word-break: normal;
}
/*End forms---------------------------------------------------------*/
.citylogos{
	text-align:center;
	clear:both;
	padding-top:25px;
}
.citylogos img{
	margin:15px 10px;
}
.hide, .hide2, .hide3 {
	display: none !important;
	border: none !important;
}
.show {
	display: block !important;
}
.form_error{
	padding:10px;
	background: #B10C00;
	color:#FFF;
	font-weight:400;
	padding-left:60px;
	position:relative;
	min-height:35px;
	border-radius:3px;
}
.form_error:empty, p:empty{
	display:none;
}
.form_error:before {
    position:absolute;
	top:10px;
	left:10px;
	font-size: 35px;
    font-weight: 400;
    transition: 0.3s;
	font-family: FontAwesome;
	content: "\f071";
}
.erroricon:before {
    position:relative;
	font-family: FontAwesome;
	content: "\f06a";
	margin-right:5px;
}
ul + #home_special{
	display:none;
}

/*C2P Signup----*/
.regform.ctopform{
	margin:0 0 5px;
}
.img-caption.zoom{
	overflow:visible;
}
.img-caption.zoom .zoom_items{
	transition:all ease-in-out .25s;
	top:0;
	right:0; /*will need diff handlng if parent container not anchored to right of page*/
	position:absolute;
	display:block;
	background:#FFF;
	padding:8px;
	width:100%;
	box-sizing:border-box;
	margin:auto;
}

.img-caption.zoom:hover .zoom_items, .img-caption.zoom:focus .zoom_items{
    width: 400px;
	max-width:500px;
	box-shadow: 0px 4px 25px -5px rgba(0,0,0,0.68);
}
.img-caption.zoom:hover .zoom_items p:last-of-type, .img-caption.zoom:focus .zoom_items p:last-of-type{
	border:none !important;
}
.regform .smeline_input input[type="text"],.regform .smeline_input input[type="submit"]{
	float:left;
	clear:none;
	box-sizing:border-box;
	margin:0;
}
.regform .smeline_input input[type="text"]{
	width:calc(100% - 91px);
	margin-right:1px;
}
.regform .smeline_input input[type="submit"]{
	width:90px;
}
@media screen and (max-width:1200px) {
.img-caption.zoom .zoom_items{
	width:100%;
	max-width:500px;
	position:relative;
	box-shadow: 0px 4px 25px -5px rgba(0,0,0,0.68);
}
.img-caption.zoom:hover .zoom_items, .img-caption.zoom:focus .zoom_items{
    width:100%;
	max-width: 500px;
}
}
@media screen and (min-width:980px) {
.addthis-smartlayers, div#at4-follow, div#at4-share, div#at4-thankyou, div#at4-whatsnext {
    top: 360px !important;
}
}



/*scroll to top-----------------------------------------*/
.btt {
    display: inline-block;
    font-weight: 300;
    padding: 7px 0;
    background: rgb(1, 45, 107);
    background: rgba(0, 0, 0, 0.54);
    color: #FFF;
	box-sizing:border-box;
	text-align: center;
    border-radius: 20px;
	width: 38px;
	height: 38px;
}
.btt .fa{
	font-size: 24px;
    position: relative;
    top: -1px;
	margin:0;
}
a.btt:focus, a.btt:hover{
	background: rgb(1, 45, 107);
}
#topcontrol a:link, #topcontrol a:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: 300;
}
@media screen and (max-width:685px) {
.btt {
	display:none;
}
}
/*end scroll to top-------------------------------------*/


/*cfl page panels layout--------------------------------*/
.sectiontitle {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 10px;
}
.ppanels{
	position:relative;
	padding:20px 0;
	clear: both;
}
.ppanels.notop{
	padding-top:0;
	margin-top:-20px;
}
.ppanels.wblub{
	padding-right:calc(40% + 30px);
}
.ppanels .image_right{
	width: 40%;
    float: right;
    margin: 0 0 10px 20px;
    position: relative;
    top: -15px;
    right: -15px;
}
.ppanels .image_right img{
	width:100%;
    box-sizing: border-box;
	border-radius: 5px;
}
.ppanels.wblub.left{
	padding-left:calc(40% + 30px);
	padding-right:unset;
}
.ppanels.left .prime_image{
	float:right;
}
.ppanels h3{
	margin:0;
}
.ppanels .blub{
	position:absolute;
	width:37.5%;
	top:35px;
	right:0;
	background:rgb(0, 102, 179);
	padding:15px;
	font-size:2.05em;
	font-weight:600;
	color:#E9E9E9;
	z-index:1;
	line-height:1.25em;
	box-sizing:border-box;
	border:5px solid #FFF;
	border-right:0;
}
.ppanels.left .blub{
	right:unset;
	left:0;
}
.ppanels .blub.bsmall{
	font-size:1.15em;
	font-weight:400;
}
.ppanels.up{
	top:-35px;
}
.ppanels.up .blub{
	top:-115px;
}
.blub p:first-of-type{
	margin-top:0;
}
.blub p:last-of-type{
	margin-bottom:0;
}
.blub .highlight{
	color:#FFF;
}
.quote_author{
    float: right;
    clear: both;
    font-size: .5em;
    font-weight: 400;
    line-height: 1.35em;
    margin-top: 15px;
    text-align: right;
}
.bsmall .quote_author{
	font-size:.95em;
}
.page-quote-half{
background: #f3f8fd;
padding: 14px;
border-left: 5px solid #2368B1;
overflow: hidden;
margin:25px 0 25px 30px;
font-style: italic; 
font-size: 1.2em;
}
.author{
  margin-bottom: 0;
  font-style: normal;
  font-size: .85em;
  text-align: right;
}
.author:before{
  content: "~ ";
}
/*
.quote {
    margin: 0 0 5px;
    font-size: 1.12em;
    font-style: italic;
    font-family: helvetica, arial, snas-serif;
    padding-left: 29px;
    position: relative;
    line-height: 1.35em;
	color: #003369;
}
.quote::before{
    content: "\201C";
    font-size: 60px;
    position: absolute;
    top: .125em;
    left: 0px;
    display: inline-block;
    width: 0px;
}
.quote::after{
	content: "\201D";
    font-size: 60px;
    position: relative;
    top: .395em;
    right: 0px;
    display: inline;
    line-height: 0;
}
*/

.quote {
    margin: 35px 0 35px 30px;
    font-size: 1.125em;
    font-style: italic;
    font-family: "georgia", arial, snas-serif;
    padding: 0 10px 0 44px;
    position: relative;
    line-height: 1.5em;
	box-sizing:border-box;
    width: calc(95% - 30px);
}
.quote.borderleft{
    border-left: 2px solid;
}
.quote.cent.left {
    margin: 35px 0;
    width: 100%;
    max-width: calc(95% - 30px);
}
.quote.cent{
	margin: 35px auto;
	width: 1000px;
	max-width: calc(95% - 30px);
}
.quote::before{
    content: "\201C";
    font-size: 60px;
    position: absolute;
    top: .2em;
    left: 6px;
    display: inline-block;
    width: 0px;
}
.quote.quote-none{
	margin:0;
	padding-left: 34px;
}
.quote.quote-none p:last-of-type::after, .quote.quote-none.with_auth p:nth-last-of-type(2)::after, .quote.quote-none::before{
	display:none;
}
.cquote, .oquote {
    font-size: 60px;
    position: relative;
    top: 26px;
    display: inline-block;
    line-height: 0em;
}
.oquote{
	left: -34px;
    display: block;
}
.cquote{
	padding-left:3px;
}
.quote.with_auth p:last-of-type{
	padding-right: 0;
}
/*.quote.with_auth p:nth-last-of-type(2){
	padding-right: 20px;
}*/
.quote p:last-of-type::after, .quote.with_auth p:nth-last-of-type(2)::after{
    content: "\201D";
    font-size: 53px;
    position: relative;
    top: 0.45em;
    left: 4px;
	padding-right: 20px;
    display: inline-block;
	line-height: 0;
}
.quote.with_auth p:last-of-type::after{
    content: none;
}
.quote.with_auth p:last-of-type::before{
    content: "- ";
}
.quote.with_auth p:last-of-type{
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-style: normal;
	position: relative;
	text-align: right;
	font-size: .925em;
    padding-top: 5px;
}


.blutext {
    color: #004c86;
}
.ppanels h2{
	font-weight:600;
	color:#000;
	font-size:1.5em;
}
.ppanels h2:first-of-type{
	margin-top:0;
}
.ppanels h2:first-of-type + p{
	margin-top:-12.5px;
}
.ppanels .prime_image{
	position:relative;
	max-width:67.5%;
	font-size:.95em;
}
.ppanels .prime_image p:last-of-type{
	padding-bottom:8px;
	margin-bottom:0;
	border-bottom:1px solid #CCC;
}
.prime_image img{
	width:100%;
}
/*end cfl page panels layout----------------------------*/

/*three hero right side box option*/
#hero-right .threebox .boxc {
	padding: 5px 4%;
	position: relative;
}
#hero-right .threebox .boxc {
	height: 100px;
}
 #hero-right .threebox .boxc:last-of-type {
	height: 205px;
	margin-bottom: 0;
}

/*GRID ITEMS-----------------------------------------*/
.active_show{
	background: #1c6600 !important;
	color: #FFF !important;
}
.panels .active_show {
    background: #0066b3 !important;
}
.active_show:before{
    font-family: 'FontAwesome';
    content: '\f058';
    margin:-5px 5px 0 5px;
}
.opa50 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.15;
	color: #CCC;
}
.grid-item {
    transition: all 600ms linear;
    background: #f1f1f1;
    font-weight: 400;
    border-bottom: 1px solid #e6e6e6;
    margin: 0;
    padding: 10px;
}
.grid-item h3 {
	margin-top: 0;
}
.area_info {
	padding: 0 0 0 68px;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	font-size:.95em;
}
.area_info h4, .area_info p{
	line-height: 1.35em;
}
.peopleprofiles .grid-item {
	padding: 0 0 10px 0;
	transition: all ease-in-out .175s;
}
.peopleprofiles .area_info{
	padding: 0 0 10px;
}
.peopleprofiles .area_info img{
	position:relative;
	width: 100%;
	max-width: 100%;
	margin-bottom: 15px
}
.peopleprofiles .grid-item a{
	text-decoration: none;
}
.peopleprofiles .grid-item a h4{
	color: #0066b3;
    font-size: 1.05em;
}
.peopleprofiles .grid-item a:hover h4, .peopleprofiles .grid-item a:focus h4{
	color: #000;
}
.peopleprofiles .grid-item a p{
	color: #333;
}
.peopleprofiles .grid-item:hover, .peopleprofiles .grid-item:focus{
	background: #FFF;
}
.peopleprofiles .area_info h2, .peopleprofiles .area_info h3, .peopleprofiles .area_info h4, .peopleprofiles .area_info p{
	padding: 0 10px;
}
.gridlink{
	margin-bottom: 15px;
	display: block;
	box-sizing: border-box;
	color: #2f2f2f !important;
	position: relative;
}
.gridlink .grid-item{
	margin-bottom: 0 !important;
}
.gridlink:hover .grid-item.pop, .gridlink:focus .grid-item.pop{
 	background: #054d84;
	color: #FFF;
	border-bottom-color:#000;
}
.gridlink:hover .grid-item.pop h4, .gridlink:focus .grid-item.pop h4{
	color: #FFF;
}
.area_info.wider{
	padding-left:44px;
}
.area_info .ident{
	color: #0066b3;
}
.area_score {
    position: relative;
    box-sizing: border-box;
	display: none;
}
.area_score .fa-fw{
	text-align: right;
	float:right;
}
.area_info img {
	max-width: 30px;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    border: 0 !important;
}
.area_info .fa {
	font-size: 30px;
	position: absolute;
	left: 0;
	top: 0;
}
.area_info.images {
	min-height: 150px;
}
.area_info.picture img {
	bottom: 0;
	top: auto;
}
.area_info.images.top img {
	top: 0;
}
.area_info.images.top {
	min-height: 150px;
	z-index: 999;
	top: -10px;
	left: -10px;
	padding: 10px 0 0 110px;
}
.cfl_link{
	margin: 70px 0 30px;
	border-top: 1px solid #CCC;
	padding-top: 0;
	overflow: hidden;
}
.cfl_link p::before{
	content:"2018 Community for Life: ";
	display: inline;
	font-weight: 600;
}
.grid-item .area_score img {
	width: 25px;
	position: absolute;
	right: 5px;
	top: 10px;
	left: auto;
}
.score_container {
	position: relative;
	color: #FFF;
	padding: 5px 0 0 68px;
	border-radius: 4px;
}
.boxes .score_container {
	padding: 5px 0 0 44px;
	position: relative;
	bottom: 0;
}
.score_container.negative.alt:after, .score_container.positive.alt:after, .score_container.nochange.alt:after, .score_container.nodata.alt:after{ 
	font-size: 18px;
}
.score_container.green {
	background: #00974a;
}
.score_container.green i {
	transform: rotate(-45deg);
}
.score_container.red {
	background: #db0000;
}
.score_container.red i {
	transform: rotate(45deg);
}
.score_container.yellow {
	background: #fa9700;
}
.score_container.monitor {
	background: #a0a0a0;
}
.area_info img.icon {
	top: 0;
}
.area_info p:first-of-type, .area_info h4:first-of-type, .area_info h3:first-of-type {
	margin-top: 2px;
}
.area_score p:first-of-type {
	margin-top: 5px;
}
.area_info p:last-of-type, .area_score p:last-of-type {
	margin-bottom: 5px;
}
.area_info h4 {
	margin-bottom: 4px;
	color: #000;
}
.area_info .value_num {
    font-size: 1.3em;
    color: #00498e;
    display: block;
    font-weight: 600;
    line-height: 1.25em;
}
.area_info .score_container, .score_container {
    font-size: 1em;
    color: #000;
}
.nav_controls .btn, .nav_controls button {
	margin: 2.5px 0 2.5px 5px;
	-moz-transition: all 150ms linear;
	-webkit-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}
a.nav_item {
	display: inline-block;
	box-sizing: border-box;
	margin-right: 25px;
	border: none;
	padding-bottom: 5px;
	font-weight: 600;
}
.giant {
	font-size: 125%;
}

.nav_item {
	display: inline-block;
}

/*END GRID ITEMS-------------------------------------*/
.legend {
	margin: 5px 0 0
}
.legend.green {
	color: #009e06;
}
.legend.red {
	color: #f00;
}
.legend.grey {
	color: #607d8b;
}
.icon.blue {
	color: #004073;
	margin: 0 8px 0 0;
	vertical-align: middle;
}
/*---*/


/*new styles new homepage and special sections------------------*/
.float #main-bar, #topbar.float {
	height: 75px !important;
	position: relative;
	box-sizing: border-box;
}
.pages #main-bar, #topbar.pages {
	height: 74px !important;
}
.pages .logos{
	top: 15px;
}
.float #main-bar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding: 0;
}
.float .home_shortcut{
	background: none;
}
#topbar.float, .float #topbar {
	position: absolute !important;
	background: none !important;
	width: 100%;
	box-shadow: none !important;
}
.float .logos img, .float .logos, .pages .logos img, .pages .logos{
    border: 0;
    width: 200px;
    height: 53px;
}
.float .logos, .pages .logos{
	background:url(https://peelregion.ca/_imgs/rop-logo-web-200.png) no-repeat;
	left: 0;
	top: 15px;
	z-index: 8000;
}
@media screen and (max-width:1460px) {
.float .logos{
	left: 0;
}
}
.herotext {
    position: absolute;
    bottom: 35px;
    color: #FFF;
    font-size: 1.2em;
    max-width: 700px;
    box-sizing: border-box;
    /*text-shadow: 1px 1px 7px #333;
    text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5);*/
}.herotext.center{
	max-width: 100%;
	width: 100%;
	text-align: center;
}
.herotext.lower{
	bottom: 25px;
	/*background: rgba(0, 0, 0, 0.74);*/
	padding: 0 0 15px;
}
.herotext h1{
	color: #FFF;
	font-size: 1.5em;
	margin: 0 0 10px;
	text-shadow: 1px 1px 7px #333;
    text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5);
}
.herotext.large h1{
	font-size: 2.85em;
}
.herotext h2, .herotext h3{
	color: #FFF;
	margin: 0 0 12px;
}
.heropanel, .heropanel .responsive, .topbar-float .heropanel, .topbar-float .heropanel .responsive{
	min-height: 400px;
	height: calc(100vh - 130px);
}

.heropanel{
	box-sizing:border-box;
	padding-bottom:80px;
	position:relative;
}

.hero_heading{
    position: absolute;
    left: 0;
    top: 117px;
    text-shadow: 1px 1px 7px #333;
    text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5);
}
.hero_heading h1{
	color:#FFF;
	font-size:2.75em
}
/*larger monitors*/
@media screen and (min-width: 1600px) {
	.heropanel, .heropanel .responsive{
		min-height: 400px;
		height: calc(100vh - 130px);
	}
	.topbar-float .heropanel, .topbar-float .heropanel .responsive{
		min-height: 400px;
		height: calc(100vh - 130px);
	}
	/*a.hint_fold{
		display: none;
	}*/
}
/*larger monitors*/

.hero_overlay {
    width: 100%;
    position: absolute;
    left: 0;
	height:280px;
}
.hero_overlay.short {
	height:122px;
}
.hero_overlay.dark.bottom{
	/*background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%);
    bottom: 0px;*/
	
	background: linear-gradient(to top, black -25%, rgba(0, 0, 0, 0.738) 23%, rgba(0, 0, 0, 0.541) 47%, rgba(0, 0, 0, 0.382) 59%, rgba(0, 0, 0, 0.278) 69.5%, rgba(0, 0, 0, 0.194) 75%, rgba(0, 0, 0, 0.126) 82%, rgba(0, 0, 0, 0.075) 87.2%, rgba(0, 0, 0, 0.042) 89.1%, rgba(0, 0, 0, 0.021) 94%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%);
	bottom: -1px;
}
.hero_overlay.dark.top{
	/*background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%);
	top:0;*/
	
	background: linear-gradient(to bottom, black 5%, rgba(0, 0, 0, 0.738) 26%, rgba(0, 0, 0, 0.591) 34%, rgba(0, 0, 0, 0.392) 47%, rgba(0, 0, 0, 0.298) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, transparent 100%);
	top:0;
	opacity:.8;
}

/*this blinks content*/
.blink_me {
	/*animation: blinker 3s linear infinite;*/
	animation: blinker 1s linear 3000; /*loops 3000 times and stops*/
}
.blink_me:hover, .blink_me:focus {
	animation: blinker 1s linear 0; /*no looping*/
}
@keyframes blinker {
 50%{
 	   bottom: 7px;
	}
}

.blink_2s {
	/*animation: blinker 3s linear infinite;*/
	animation: blinker2s 2s linear 3000; /*loops 3000 times and stops*/
}
.blink_2s:hover, .blink_2s:focus {
	animation: blinker2s 2s linear 0; /*no looping*/
}
@keyframes blinker2s {
 50%{
 	   background: #0054a6;
 	   color:#fff;
	}
}
/*end blinker*/
a.hint_fold {
	position: absolute;
	padding: 10px;
	left: 50%;
	bottom: 10px;
	margin-left: -27.5px;
	box-sizing: border-box;
	background: #FFF;
	color: #002977;
	border-radius: 26px;
	text-align: center;
	width:40px;
	z-index: 1034;
}
a.hint_fold .fa, a.hint_fold:hover .fa {
	font-size: 30px !important;
}
a.hint_fold:hover, a.hint_fold:focus {
	/*background: #002977;
	background: rgba(0, 41, 119, 0.93);*/
	color: #FFF;
	border: none;
}
a.hint_fold.dark {
	/*background: #002977;*/
	background: none;
	color: #FFF;
}
a.hint_fold.dark:hover, a.hint_fold.dark:focus {
	/*background: #FFF;
	color: #002977;*/
}
@media screen and (max-width: 1010px) {
	a.hint_fold{
		display: none;
	}
}


#mmicon_2018{
	display:none;
}
#short_nav {
	right: 0;
}

#heroimage {
	position: relative;
}
#menu-link.open {
	background: url(https://peelregion.ca/sitehome/_includes/icon-mmenu.png) no-repeat;
}
/*Paralex scoling--------------------*/
.heropanel {
	position: relative;
	background-size: cover;
	background-position: center;
}
#heroimage {
	position: relative;
}
#hero-caption {
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0;
	padding:5px 10px;
    z-index: 9;
	background:rgb(0,0,0);
    background: rgba(0,0,0,.85);
    color: #FFF;
	font-size:.85em;
	max-width: 100%;
    margin: 0;
	box-sizing:border-box;
}
#hero-caption:empty{
	display:none;
}
.img-info:before{
	font-family: FontAwesome;
    font-weight: 300;
    display: inline-block;
    font-size: 20px;
    position: relative;
    top: 0;
    left: 0;
	content: "\f05a";
}
.img-info span{
	display: none;
}
.img-info:hover span{
	display: inline-block;
	margin-left: 10px;
	top: -2px;
    position: relative;
}
.img-info {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
	padding:6px 7px;
    z-index: 4000;
	background:rgb(0,0,0);
    background: rgba(0,0,0,.65);
    color: #FFF;
	font-size:.85em;
	max-width: 100%;
    margin: 0;
	box-sizing:border-box;
	border-radius: 20px;
	overflow:hidden;
	cursor: help;
}
.img-info:hover, .img-info:focus {
	background: rgba(0,0,0,.85);
}
.img-info:empty{
	display:none;
}
#short_nav {
	float: right;
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 2%;
	text-align: right;
	font-size:.9em;
	text-decoration:none !important;
}
.float #short_nav{
	right: 0;
}
#short_nav a{
	text-decoration:none;
	border:none;
}
a.home_shortcut, a.home_shortcut:focus, a.home_shortcut:active{
	text-decoration:none !important;
	border:none !important;
}
.parallax {
	/*height: 500px; */
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.parallax2 {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
}
#c2p-bar {
	background-color: #F6F6F6;
	height: 100px;
	color: #FFF;
}
#home_functions_container {
	position: absolute;
	bottom: 0px;
	width: 100%;
}
#home_functions {
	height: 100px;
	background: rgb(53, 61, 66);
	background: rgba(53, 61, 66, .9);
	color: #FFF;
}
.newsearch{
	width:100%;
}
.newsearch .form_switch, .newsearch .form_switch:link:focus{
    display: inline-block;
    padding: 7.5px 8px;
	font-weight:400;
    margin-right: 0px;
    background: #036;
	color:#FFF !important;
    font-size: .9em;
    z-index: 2;
    border: 2px solid #036 !important;
	border-radius:0 2px 2px 0;
    position: absolute !important;
    right: 0px;
    top: 0px;
    height: 40px;
    box-sizing: border-box;
	width:125px;
	text-align:center;
}
/*.newsearch .form_switch:after {
	font-family: FontAwesome;
	content: "\f054";
	padding: 0 0 0 5px;
	display: inline-block;
	position: relative;
	top: 1px;
	transition: all ease-out .1s;
	font-size: 16px;
}*/
.newsearch .active{
	background:#FFF !important;
	color:#000 !important;
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}
.newsearch form{
	position:relative;
}
.newsearch input[type="submit"], .newsearch button{
	float: left;
	border:0;
	width:45px;
	height:40px;
	box-sizing:border-box;
	font-size: 1em;
	color:#036;
	transition:all .15s;
	border-radius:0 3px 3px 0;
}
.newsearch.wider input[type="submit"], .newsearch.wider button{
    width: 145px;
}
.newsearch #search_selector{
	left:0;
	border:0;
	z-index:1;
	bottom:0;
}
.newsearch input[type="submit"]:hover, .newsearch button:hover, .newsearch button:focus{
	background:#2a7bca;
	color:#FFF;
}
/*.newsearch input[type="submit"]:before{
	font-family: FontAwesome;
	content: "\f002";
	padding: 0 0 0 5px;
	font-size: 16px;
}*/
.newsearch input[type="text"]{
    color: inherit;
    font: inherit;
    width: calc(100% - 45px);
    padding: 5px 10px;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #CCC;
    position: relative;
    float: left;
}
.newsearch.wider input[type="text"]{
    width: calc(100% - 146px);
}
#mnav { /*overriding*/
	right: 2%;
	margin-right: -10px;
}
.shortcut_holder {
	float: left;
}
.home_shortcut {
	display: inline-block;
	padding: 8px 10px;
	background: #036;	
	color: #FFF;
	z-index: 99;
	text-decoration: none;
}
a.home_shortcut {
	font-weight:400;
}
.home_shortcut:hover, .home_shortcut:focus {
	background: #FFF;
	color: #000 !important;
}
.home_shortcut:focus {
	text-decoration: underline !important;
}
.home_shortcut:after {
	font-family: FontAwesome;
	content: "\f078";
	padding: 0 0 0 5px;
	display: inline-block;
	position: relative;
	top: 0;
	transition: all ease-out .1s;
	font-size: 16px;
}
.home_shortcut.no_mega:after{
	content:"";
}
.shortcut_holder.open .home_shortcut{
	background: #FFF;
	color: #00498e !important;
	pointer-events: none;
}
.shortcut_holder.open{
	cursor: pointer !important;
	pointer-events: none;
}
.shortcut_holder.open .home_shortcut:after{
	content: "\f077";
}
.closelink a:after {
	font: FontAwesome;
	display: inline-block;
	position: relative;
	content: "\f00d";
	top:0px;
	padding: 0 0 0 5px;
	/*padding: 0 5px 0 0;
	transform: rotate(180deg);*/
}
.mega_home {
	width: 100%;
	background: rgba(255, 255, 255);
	background: rgba(255, 255, 255, 1);
	position: absolute;
	z-index: 100;
	top: 74px;
	right: 0;
	padding: 25px 2% 45px;
	box-sizing: border-box;
	border-radius: 1px;
	box-shadow: 0px 6px 16px -6px rgba(0,0,0,0.68);
	font-size:.95em;
	display:none;
	/*z-index:2000;*/
}
.closelink {
    text-align: right;
    display: inline-block;
    width: 100%;
    padding: 0;
    margin-top: 10px;
    position: absolute;
    bottom: 3px;
    right: 10px;
	font-weight:600;
	font-size:1em;
}

.closelink a:link {
    text-decoration: none !important;
    padding: 2px 8px 5px;
    border-radius: 3px;
    font-weight: 400;
    background: #072c51;
    color: #FFF;
}
.closelink a:hover, .closelink a:focus{
    background: #FFF;
    color: #072c51;
}
.top_home_item {
	width: 23.875%;
	float: left;
	margin: 5px 1.5% 10px 0;
	padding: 0;
	position: relative;
	box-sizing: border-box;
}
.top_home_item:nth-of-type(4n + 4) {
	margin-right: 0;
}
.top_home_item:nth-of-type(4n + 5) {
	clear: both;
}
.mega_home h2 {
	/*border-bottom: 1px solid #CCC;*/
	padding-bottom: 0px;
	margin: 0 0 8px;
}
.mega_home H3 {
	margin: 0 0 10px;
	border-bottom: 1px solid #CCC;
    padding-bottom: 5px;
}
.mega_home ul {
	padding:0 0 10px;
	list-style: none;
}
.mega_home .primary{
	border-bottom: 1px solid #CCC;
    padding: 5px 0;
    display: block;
    border-top: 1px solid #CCC;
}
.mega_home li {
	margin-bottom: 7px;
}
.mega_home a {
	text-decoration:none;
	border:none !important;
}
.mega_home a:hover, .mega_home a:focus{
	text-decoration:underline !important;
}
.mega_home h4{
	margin:0 0 8px;
	color:#000;
	font-size:1.15em;
}
.mega_home h4 + p{
	margin-top:0;
}
.mega_column_in {
	width: calc(96%/3);
	box-sizing: border-box;
	margin-left: 2%;
	float:left;
	border-left:1px solid #CCC;
	padding-left: 20px !important;
}
.mega_column {
	width: calc(98% - 201px);
	box-sizing: border-box;
	margin-left: 2%;
	float:left;
	border-left:1px solid #CCC;
	padding-left: 20px;
}
.mega_column h4{
	margin:0 0 8px;
}
.mega_column:first-of-type {
	width: 200px;
	margin-left: 0;
	border-left:0;
	padding-left:0 !important;
}
.mega_column_in:first-of-type {
	margin-left: 0;
	border-left:0;
	padding-left:0 !important;
}
.top_home_item.special {
	border: 1px solid #CCC;
	background: #F5F5F5;
	padding: 5px 10px;
}
@media screen and (max-width: 1440px) {
.mega_home {
	width: 98%;
	right: 1%;
}
}
@media only screen and (max-width: 1300px) {
.parallax, .parallax2 {
	background-attachment: scroll;
}
}

@media screen and (max-width: 1010px) {

.heropanel, .heropanel .responsive, .topbar-float .heropanel, .topbar-float .heropanel .responsive {
    /*height: 455px;*/
}
.mega_home {
	width: 100%;
	right: 0;
	padding-top:0;
}
.mega_column:first-of-type{
	padding-top:0;
	margin-top:0;
}
.mega_column:first-of-type h3{
	border-bottom:none;
	margin-bottom: 0;
    padding-bottom: 0;
}
.mega_column {
    width: 100% !important;
    margin: 0;
    border-left: 0;
    padding: 0;
}
.mega_home H3:first-of-type {
	margin-top:15px;
}
#ward_map{
	display:none;
}
#hero-caption {
    max-width: 100%;
    margin: 0 1%;
}
}
@media screen and (max-width:875px) {
	.heropanel, .heropanel .responsive, .topbar-float .heropanel, .topbar-float .heropanel .responsive {
		height: 560px;
	}
	.hide_875{
		display: block;
	}
	#mnav{
		display:none !important;
	}
	#mmicon {
		display: block;
		float: right;
		margin: 0;
		cursor: pointer;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	#topbar{
		height:65px !important;
	}
	#short_nav, .mega_home , .top_search{
		display:none !important;
	}
	.logos {
		top: 10px;
	}
	.top_home_item {
		width: 49%;
	}
	.top_home_item:nth-of-type(2n + 2) {
		margin-right: 0 !important;
	}
	.top_home_item:nth-of-type(2n + 3) {
		clear: both;
	}
	.top_home_item:nth-of-type(3n + 3) {
		margin-right: 2%;
	}
	.top_home_item:nth-of-type(3n + 4) {
		clear: none;
	}
	#mmicon_2018 {
		display: block;
		margin: 0;
		cursor: pointer;
		position: absolute;
		top: 20px;
		right: 0;
	}
	.area_info{
	font-size: 1em;
	}
	.float #mmicon_2018, .topbar-float #mmicon_2018{
		right: 0;
	}
	
	.slide-right #mmicon_2018 {
		right: 2%;
	}
	#mmicon_2018 a:link{
		color: #FFF;
		outline: none;
		border: 2px solid;
		border-color: transparent;
		display: block;
	}
	.nav-menuw{
		display: none !important;
	}
	.panels{
		padding: 10px 0;
	}
	.hero_overlay.dark.top{
		height:210px;
		opacity: 1;
	}
		
}
@media screen and (max-width: 800px) {
#topbar {
	position: relative !important;
}
.zoom_this{
	display: none;
}
}
@media screen and (min-width: 681px) {
.mega_column_in .expand_list{
	padding-right:0;
	pointer-events: none;
    cursor: default;
	text-decoration: none;
	color:inherit;
}
.mega_column_in .expand_list:after{
	display:none;
}
}
@media screen and (max-width: 680px) {
.heropanel, .heropanel .responsive, .topbar-float .heropanel, .topbar-float .heropanel .responsive{
	min-height: 400px;
	height: 400px;
}
.hero_overlay {
    height: 194px;
}
.mega_column:first-of-type{
	padding-bottom:0;
}
.mega_column{
	border:none;
}
h3 + .mega_column_in{
	margin-top:10px;
}
.mega_column_in {
	margin: 0;
	border-left: 0;
	padding-left: 0;
	width:100%;
	clear:both;
	border-bottom: 1px solid #CCC;
}
.mega_column_in:first-of-type{
	border-top: 1px solid #CCC;
}
.mobile_toggle_hide{
	/*display:none;*/
	height:0;
	overflow:hidden;
	transition:all ease-out .5s;
}
.mega_column_in h4 a{
	display:block;
	margin:10px 0;
}
}

@media screen and (max-width: 480px) {
.heropanel, .heropanel .responsive, .topbar-float .heropanel, .topbar-float .heropanel .responsive{
	min-height: 370px;
	height: 370px;
}
.hero_overlay {
    height: 150px;
}
}

@media screen and (min-width: 685px){
	.hide_larger_mobile{
		display:none !important;
	}
}
/*START PANELS*/
.panels {
    padding: 30px 0;
    overflow: hidden;
	background: #FFF;
	position: relative;
	clear:both;
}
.panels h2{
	font-size: 2em;
	color: #000;
}
.panels div.img-caption h3{
    font-size: 1.125em;
    margin: 5px 0 0;
}
.panels div.img-caption h3 + p{
	margin-top: 5px;
}
.panels.grey, .arrow_blue.grey{
    background-color: #F9F9F9;
}
.panels.dkgrey{
	background: #c3c3c3;
}
.panels.blue {
    background: #054d84;
    color: #FFFFFF;
}
.panels.blue h2, .panels.blue h3, .panels.blue .page-intro, .panels.blue h4, .panels.blue a:link, .panels.blue a:visited{
	color: #FFF !important;
}
.panels.blue a:link:hover, .panels.blue a:focus{
	text-decoration:none !important;
}
.panels.navbar{
	min-height: 110px;
	padding: 20px 0 12px;
	box-sizing: border-box;
}
.arrow_blue {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #054d84;

    transform: rotate(45deg);
    left: 50%;
    margin-left: -15px;
    top: -16px;
}
.arrow_blue.white{
	background: #FFFFFF;
}
/*panel bg zooming and overlay*/
.panels.zooming, .thezoom, .panels.zooming .responsive{
	/*height: calc(100vh - 100px);*/
	min-height: 600px;
}
.panels.tocolor{
	min-height: 500px;
	transition:all ease-in-out .5s;
}
.panels.tocolor:hover, .panels.tocolor:focus{
	background:#e1e1e1;
}
.panels.zooming{
	padding: 0;
}
.thezoom{
	width: 100%;
	box-sizing: border-box;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .75s ease-in-out;
	background: #EEE;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
	overflow: hidden;
	filter: grayscale(100%);
}
.panels.zooming:hover .thezoom, .panels.zooming:focus .thezoom{
	width: 102%;
	left: -1%;
	filter: grayscale(0%);
}
.panels.zooming .responsive{
	z-index: 2;
}
.zoom_text a, .zoom_text h2, .zoom_text, .zoom_text a:before{
	color: #FFF;
	text-decoration: none;
}
.zoom_text a:hover, .zoom_text a:focus{
	color: #FFF !important;
}
.zoom_text h2{
	margin-bottom: 10px;
}
.zoom_text{
	margin: auto;
	bottom: 20px;
	position: absolute;
	width: 100%;
	padding: 5px 15px 8px;
	box-sizing: border-box;
	border-radius: 2px;
	font-size: 1.35em;
	text-align: center;
}
.zooming .video_link:before{
	font-size: 22px;
	margin-right: 8px;
}
.zoom_text .btn-go{
	background: rgba(0,0,0,.65) !important;
	border: 1px solid;
	border-color: #FFF;
	border-color:rgba(255,255,255,.25) !important;
	border-radius: 3px;
}
h1.bigger, h2.bigger{
	margin: 0 0 10px;
	font-size: 1.95em;
	font-weight: 700;
}
/*END PANELS*/

/*pop out--------------------------------------*/
.right_out{
	position:fixed;
	display:block;
	z-index:2000;
	top:0;
	padding:0 0 0 40px;
	right:-615px;
	width:650px;
	max-width:90%;
	box-sizing:border-box;
	transition:all .35s ease-out;
	height: 100vh;
	overflow-y: auto;
	/*overflow: visible;*/
}
/*narrower popouts*/
#mTranslate.right_out{
	right:-405px;
	width:440px;
}
.pop_body{
	background: #FFF;
	height: 100vh;
	padding:15px 10px 20px;
	box-sizing:border-box;
	overflow-y: auto;
}
.pop_body h3{
	margin-top:0;
}
.show_right{
	right:0 !important;
	position:fixed;
	z-index:15009;
}
.frm_open{
    position: absolute;
    left: 0;
    top: 185px;
    width: 40px;
    display: block;
    background: #012d6b;
    color: #fff !important;
    padding:10px 12px;
    text-decoration: none;
    transition: all .25s;
    font-weight: 300;
	z-index:-1;
	border-radius: 24px 0 0 24px;
}
.frm_open.notab{
	display:none;
}
.frm_open.lowertab{
    top: 159px;
}
.frm_open.bright{
	background: #58a900;
}
.frm_open.bright:focus, .frm_open.bright:hover{
	background: #000;
}
.show_right .frm_open{
	display:none !important;
}
.frm_open:hover,.frm_open:focus{
	background: rgba(0, 98, 158, 0.9);
}
.frm_open .fa,.frm_open .fa{
	transition:all .125s;
	margin-left: 0px;
}
.frm_open:hover .fa,.frm_open:focus .fa{
	font-size:25px;
}
.frm_open i{
    font-size: 20px;
}
.right_out.show_right{
	padding: 0 0 0 1px;
	-webkit-box-shadow: -5px 0px 27px -18px rgba(0,0,0,0.75);
	-moz-box-shadow: -5px 0px 27px -18px rgba(0,0,0,0.75);
	box-shadow: -5px 0px 27px -18px rgba(0,0,0,0.75);
}
@media (max-width:800px){
.right_out{
	right:-415px;
	width:450px;
}
}
@media (max-width:685px){
.frm_open{
	display:none !important;
}
.show_bottom .frm_open{
	display:block !important;
}
}
/*pop out--------------------------------------*/
.field_heading{
	clear:both;
}
.field_heading h4 {
    clear: both;
    padding: 6px 10px;
    background: #f7f7f7;
    margin: 26px 0 8px;
    border: 1px solid #ccc;
	text-align: center;
    /*left: -9px;
    position: relative;
    display: inline-block !important;*/
}
legend i{
	font-size:25px !important;
	position:relative;
	top: 3px;
    left: 4px;
}
legend a{
	text-decoration:none !important;
}
.topbar-float #trns{
	display:none;
}
/*ensure aspect ration of 640 X 420*/
.img_640_420{
	padding-bottom: 65.625%;
	overflow:hidden;
	height: 0;
	position: relative;
}

/*special num bullets*/
ol.rom_low {
	list-style-type: lower-roman;
}
ol.funny_numbers {
  list-style: none;
  counter-reset: list_increment;
}
ol.funny_numbers li {
  counter-increment: list_increment;
}
/*ol.funny_numbers > li {
    padding: 0 0 15px 10px;
	position: relative;
}*/
ol.funny_numbers > li::before {
    /* content: counter(list_increment) ". "; */
    content: counter(list_increment);
    color: #FFF;
    position: absolute;
    left: 0px;
    padding: 5px 6px 7px;
    background: #054d84;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    display: block;
    text-align: center;
    top: 0;
    border: 1px solid #054d84;
    font-weight: 600;
}
ol.funny_numbers.bright > li::before {
    /* content: counter(list_increment) ". "; */
    color: #054d84;
    background: #F1F1F1;
}
ol.funny_numbers > li {
	padding: 0 0 0 45px;
	position: relative;
}
ol.funny_numbers > li:last-of-type {
	border-bottom: none;
}
a.linkline{
	text-decoration: underline !important;
}


div.img-caption.up60 iframe {
    position: relative;
	display: block;
    top: 0;
    left: 0;
    width: 100%;
	max-width: 100%;
    height: 500px;
    z-index: 99;
    box-sizing: border-box;
    border: none;
}
div.img-caption.up60{
	margin-bottom: -62px;
}
div.img-caption.up60 iframe{
	top: -62px;
}


.panels.dual > div{
	box-sizing: border-box;
	float: left;
}
.panels.dual > div:nth-of-type(1){
	padding-right: 80px;
	width: 60%;
}
.panels.dual > div:nth-of-type(2){
	padding-left: 0;
	width: 40%;
}
.panels h3, .panels h2{
	margin: 0 0 10px;
}
.panels h3 + p, .panels h2 + p{
	margin-top: 0;
}

@media screen and (min-width:930px) and (max-width:1330px){
	.panels.dual h2{
		font-size: 1.275em !important;
	}
}

@media screen and (max-width:930px){
.panels.dual > div{
	width: 100% !important;
	padding: 0 !important;
  }
.panels.dual > div + div{
	margin-top:30px;
}
}

a.button_big_blue {
    transition: all ease .1s;
    text-align: center;
    text-decoration: none !important;
	display: inline-block;
    font-size: 1em;
	font-weight: 600;
    padding: 12px 15px 15px;
    border: 1px solid rgba(255, 255, 255, 0.95);
    margin: 10px 0 0;
	box-sizing: border-box;
	line-height:1em;
}
a.button_big_blue.light {
    border: 1px solid #054d84;
	background: #054d84;
	color:#FFF !important;
}
a.button_big_blue.light.hollow {
    border: 1px solid #054d84;
	background: none;
	color:#054d84 !important;
}
a.button_big_blue.light:hover, a.button_big_blue.light:focus {
	background: none;
	color:#054d84 !important;
}
a.button_big_blue.light.hollow:hover, a.button_big_blue.light.hollow:focus {
	background: #054d84;
	color:#FFF !important;
}