/* RESPONSIVE STYLES FOR DACORUM BOROUGH CONUCIL - DEC 2015 - CYBER MEDIA SOLUTIONS */

/* FONTS ONLY
================================================================================ */
@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

html, body, h1, h2, h3, h4, h5, h6, .h2, .h3, .p, p, a, .a, li, th, td, form, table, button, #cse, #cse *, #search input, .search .gsc-search-box input.gsc-input, #cse .gs-result a.gs-title, .button, ul.off-canvas-list li a, .left-submenu .back > a, #nav ul li, body .sfContentBlock .button {	
	font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
}

/* GENERAL
================================================================================ */
html {
	font-size: 16px; /* match foundation.css */
	color: #434443;
}

body {
	background-color: #fcfdf8;
	font-size: 1rem;
}

h1, h2, h3, h4, h5, p, li, th, td, form, button, label, .h2, .h3, .p, dl, 
body .sfContentBlock h1, body .sfContentBlock h2, body .sfContentBlock h3, body .sfContentBlock h4, body .sfContentBlock h5, body h1, body h2, body h3, body h4, body h5 {	
	font-size: 0.875rem;
	line-height: 1.75; /* relative to computed font-size  */
	padding: 0;
	color: #434443;
}

h1, h2, h3, h4, h5, .h2, .h3, 
body .sfContentBlock h1, body .sfContentBlock h2, body .sfContentBlock h3, body h1, body h2, body h3, body h4, body h5 { 
	margin: 0.9375rem 0;
	letter-spacing: 0.025em;
}
	h1 strong, h2 strong { font-weight: 900; }

h1, body .sfContentBlock h1, body h1 {
	font-size: 1.375rem;
	font-weight: 500;
	line-height: 1.33; /* relative to computed font-size  */
}

h2, .h2, body .sfContentBlock h2, body .sfContentBlock .h2, body h2 {
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing: 0.05em;
}

h3, .h3, body .sfContentBlock h3, body .sfContentBlock .h3, body h3 {
	font-size: 1.0rem;
	font-weight: 600;
	line-height: 1.5;
}

h4, body .sfContentBlock h4, body h4 {
	font-size: 0.875rem;
	font-weight: 600;
}

h5, body .sfContentBlock h5, body h5 {
	font-size: 0.875rem;
	font-weight: 400;
}

p, .p, body .sfContentBlock p, body .sfContentBlock .p {
	margin: 0.625rem 0;
	letter-spacing: 0.025em;
}

ul, ol, body .sfContentBlock ul, body .sfContentBlock ol, body ul, body ol {
	margin-top: 0.625rem;
	margin-bottom: 0;
	padding: 0;
}
ul, body .sfContentBlock ul, body .sfContentBlock ul ul, body .sfContentBlock ul ul ul, body .sfContentBlock ol ul, body .sfContentBlock ol ol ul {
	margin-left: 0;
	list-style: none;
}
ol, body .sfContentBlock ol, body .sfContentBlock ol ol, body .sfContentBlock ol ol ol {
	margin-left: 1rem;
}
ol ol, ol li ol, body .sfContentBlock ol ol, body .sfContentBlock ol li ol {
	margin-left: 2.25rem;
}
	ul li, ol li, body .sfContentBlock ul li, body .sfContentBlock ol li {
		margin-bottom: 0.625rem;
		padding-left: 0.4rem;
	}
		ul li, body .sfContentBlock ul li {
			padding-left: 22px;
			position: relative;
		}
		/*ul li:before,*/
		 body .sfContentBlock ul li:before {
			content: '';
			display: inline-block;
			border-radius: 50%;
			margin-right: 0.625rem;
			height: 6px;
			width: 6px;
			background-color: #00875b;
			position: absolute;
			top: 9px;
			left: 0;
		}
		/* Override the above */
		body [class*="block-grid-"] > li, body .sfContentBlock [class*="block-grid-"] > li, #header nav ul li, .transactions li, .categories li, .link_list li, .events_list li, 
		.news_list li, .accordion .accordion-navigation, ul.a-z li, ul.pagination li, #footer ul li, #breadcrumb ul li, .access_keys ul li {padding-left: 0;}
			body [class*="block-grid-"] > li:before, body .sfContentBlock [class*="block-grid-"] > li:before, #header nav ul li:before, .transactions li:before, .categories li:before, .link_list li:before, .events_list li:before, 
			.news_list li:before, .accordion .accordion-navigation:before, ul.a-z li:before, ul.pagination li:before, #footer ul li:before, #breadcrumb ul li:before, .access_keys ul li:before {display: none;}
		
	ul.nostyle, body .sfContentBlock ul.nostyle {margin: 0; padding: 0;}
	ul.nostyle li, body .sfContentBlock ul.nostyle li {margin: 0; padding: 0; background: none;}
	body [class*="block-grid-"], body .sfContentBlock [class*="block-grid-"] {
		margin: 0 -0.625rem;
		padding: 0;
	}
		body [class*="block-grid-"] > li, body .sfContentBlock [class*="block-grid-"] > li {
			padding-left: 0.625rem !important;
			padding-right: 0.625rem !important;
		}

a, .a, body a:link, body a:visited {
	color: #00875b;
	outline: none;
	text-decoration: none;
	font-weight: 600;
}
	a:hover, a:focus, a.hover, a:hover .a, a:focus .a, a.hover .a, body a:hover, body a:focus {
		color: #434443;
		outline: none;
	}
	/*
	a:hover, a:focus, a.hover, body a:hover, body a:focus {
		border-bottom: 1px solid #434443;
	}
	*/
/*	a.external::after {
		content: "";
		display: inline-block;
		margin-left: 5px;
		width: 16px;
		height: 16px;
		background: url(../images/style/external.png) 0 0 no-repeat;
	}
		a.external:hover::after, a.external:focus::after {
			-webkit-filter: brightness(90%) grayscale(100%);
			-moz-filter: brightness(90%) grayscale(100%);
			filter: brightness(90%) grayscale(100%);
		}
	*/
	.sfnewsDetails .sfnewsContent ul, .sfnewsListTitleDateContent .sfnewsContent ul {
	/*list-style: none !important;*/
	}
hr {
	width:auto;
	margin: 0.9375rem 0;
	border: none;
	border-bottom: solid 1px rgba(0,0,0,0.2);
	clear: both;	
}

img {
	margin-left: auto;
	margin-right: auto;
}
	img.fill {width: 100%;}
	img.right, img.left {
		margin-bottom: 0.625rem;
	}
	img.right {margin-left: 1.25rem;}
	img.left {margin-right: 1.25rem;}
	img.load_fade {display: inline-block; opacity: 0;}
	/*.hide_load_fade img.load_fade {display: none;}*/
	
blockquote {
	margin: 0; padding: 0;
	border: none;
}

/* Useful misc classes */

.centre {text-align: center;}
.center_small {text-align: center;}
.vert_centre {position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}

.relative {position: relative;}
.visible {visibility: visible;}
.hidden {visibility: hidden; display: none !important;}
.clear {clear: both;}
.clear_right {clear: right;}
.clear_left {clear: left;}

.sr_only {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.right_small {float: right;}
.left_small {float: left;}
.right {text-align: left !important;} /* overrides CS default style sheet */
.text_right {text-align: right !important;}

/* Margins */
.no_marg_top {margin-top: 0 !important;} .no_marg_bot {margin-bottom: 0 !important;} .no_marg_left {margin-left: 0 !important;} .no_marg_right {margin-right: 0 !important;} .no_marg {margin: 0 !important;}
.no_marg_small {margin: 0 !important;}
/* Paddings */
.no_pad_top {padding-top: 0 !important;} .no_pad_bot {padding-bottom: 0 !important;} .no_pad_left {padding-left: 0 !important;} .no_pad_right {padding-right: 0 !important;} .no_pad {padding: 0 !important;}
.no_pad_small {padding: 0 !important;}

/* FOUNDATION ELEMENTS
================================================================================ */
.row, .top-bar-section {max-width: 75rem;} /* 1200px */

.flex-video {margin-bottom: 0;}

.reveal-modal, dialog {
	border: none;
	min-height: 0;
}
	.reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
		width: 20px;
		height: 20px;
		display: block;
		background: #434443;
		border-radius: 50%;
		position: absolute;
		top: 7px;
		right: 7px;
		color: #ffffff;
		font-weight: normal;
		cursor: pointer;
		text-align: center;
		font-size: 1.5rem;
		line-height: 0.833;
		text-indent: 1px;
		z-index: 9999;
	}
		.reveal-modal .close-reveal-modal:hover, dialog .close-reveal-modal:hover {
			background: #00875b;
			border-bottom: none;
		}
.reveal-modal-bg {
	background: rgba(255,255,255,0.75);	
}

.tooltip {
	background-color: #434443;
	max-width: calc(100% - 25px);
	text-align: center;
}
	.tooltip > .nub {
		border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #434443;
		right: 10px;
		left: auto;
	}
	
/* HEADER
================================================================================ */
#header {}
	#logo {}
		#logo a {
			display: block;
			overflow: hidden;
			float: left;
			
			-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
			-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
			box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
		}
		#logo a:hover, #logo a:focus {
			border: 5px solid #00875b;
			border-top: none;
			margin-left: -5px;
		}
			#logo a img {
				display: block;
			}
	
	#header nav {
		float: right;
		text-align: right;
	}
		#header nav ul {
			width: 100%;
			margin: 0; padding: 0;
			display: none;
			background: #62635b;
			position: relative;
			right: -10px;
		}
			#header nav ul li {
				padding: 0; margin: 0;
				display: block;
			}
				#header nav ul li a, #header nav .selected {
					color: #fff;
					font-size: 0.875rem;
					font-weight: 400;
					display: block;
					line-height: 50px;
					padding: 0 0.9375rem;
					width: 140px;
					
					-webkit-transition: background-color 300ms ease-out, color 300ms ease-out;
					-moz-transition: background-color 300ms ease-out, color 300ms ease-out;
					transition: background-color 300ms ease-out, color 300ms ease-out;
				}
				#header nav .selected {
					padding-left: 0;
					padding-right: 1.5625rem;
					position: relative;
					font-size: 1rem;
				}
					#header nav .selected:after {
						content: "";
						display: block;
						position: absolute;
						right: 0; top: 22px;
						width: 0;
						height: 0;
						border-style: solid;
						border-width: 7px 6px 0 6px;
						border-color: #ffffff transparent transparent transparent;
						
						-webkit-transition: border-color 300ms ease-out;
						-moz-transition: border-color 300ms ease-out;
						transition: border-color 300ms ease-out;
					}
				#header nav ul li a:hover, #header nav ul li a:focus, #header nav .selected:hover, #header nav .selected:focus {
					color: #67b757;
					border-bottom: none;
				}
					#header nav .selected:hover:after, #header nav .selected:focus:after {border-color: #67b757 transparent transparent transparent;}
					#header nav .selected.active:after {
						border-width: 0 6px 7px 6px;
						border-color: transparent transparent #fff transparent;
					}
						#header nav .selected.active:hover:after, #header nav .selected.active:focus:after {border-color: transparent transparent #67b757 transparent;}
				#header nav ul li a.active {
					background: #00875b;
					color: #fff;
				}
					#header nav ul li a.active:hover, #header nav ul li a.active:focus {
						background: #67b757;
						border-bottom: none;
					}
	
	#header .search {}
		#header .search .show {
			display: block;
			height: 50px;
			width: 100%;
			text-indent: -9999px;
			position: relative;
			background: url(../images/style/search_btn_white.png) transparent no-repeat center center !important;
		}
			#header .search .show:hover, #header .search .show:focus {
				background-image: url(../images/style/search_btn_lgreen.png) !important;
				border-bottom: none;
			}
				#header .search .show.active {background-image: none !important;}
				#header .search .show.active:after {
					content: "\00d7";
					display: block;
					font-size: 30px;
					line-height: 45px;
					color: #fff;
					text-indent: 0;
					width: 100%;
					text-align: center;
					position: absolute; top: 0;
				}
					#header .search .show.active:hover:after, #header .search .show.active:focus:after {color: #67b757;}
			#header .search .show:before {
				content: "";
				width: 1px;
				height: 20px;
				background: #fff;
				left: -5px;
				top: 15px;
				position: absolute;
			}
		#header .search form {
			display: none;
			background: #fff;
			padding: 0; margin: 0.4375rem 0;
			height: 2.25rem;
			position: absolute;
			right: 60px; top: 0;
			width: 0;
			margin-left: 100%;
		}
		#header .search input[type="text"] {
			width: calc(100% - 2.25rem);
			height: 2.25rem;
			background: none;
			border: none;
			float: left;
			margin: 0; padding: 0 0.5rem;
			/*font-style: italic;*/
		}
		#header .search input[type="button"] {
			height: 2.25rem; !important;
			width: 2.25rem;
			text-indent: -9999px;
			padding: 0; margin: 0;
			border: none;
			background: url(../images/style/search_btn.png) transparent no-repeat center center !important;
			border-radius: 0;
			min-width: 36px;
			float: right;

			-webkit-transition: background 300ms ease-out;
			-moz-transition: background 300ms ease-out;
			transition: background 300ms ease-out;
		}
			#header .search input[type="button"]:hover, #header .search input[type="button"]:focus {
				background: #67b757 url(../images/style/search_btn_white.png) no-repeat center center !important;
		}
	
/* FIXED NAV */
.fixed_nav {
	position: absolute;
	top: 0;	
	left: 0;
	width: 100%;
	z-index: 400;
	height: 3.125rem;
	background: rgba(0,0,0,0.6);
}
.fixed_nav_spacing {padding-top: 3.125rem}

/* BREADCRUMB
================================================================================ */
#breadcrumb {
	overflow: hidden;
}
	#breadcrumb ul {
		display: none;
	}

/* HOMEPAGE
================================================================================ */
.home {
	background: #f5f8e3;
}
	.home.no_bg .bg {
		display: none;
	}
	.home h1, body .sfContentBlock .home h1 {
		text-align: center;
		font-size: 3rem; /* 48 */
		color: #fff;
		font-weight: 400;
		margin-bottom: 3.75rem;
		margin-top: 0;
		
		text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.55); 
	}
		.home h1 strong {font-weight: 600;}
	.home .fixed_nav_spacing {
		padding-top: 100px;
		padding-bottom: 1.875rem;
	}
	.home .button, .services .button, body .sfContentBlock .home .button, body .sfContentBlock .services .button, 
	.home .button:link, .services .button:link, .home .button:visited, .services .button:visited {
		color: #fff;
		border-color: #fff;
	}
	.home .button, body .sfContentBlock .home .button, .home .button:link, .home .button:visited {
		margin-top: 0;
		background: rgba(0,0,0,0.8);
	}
		.home .button:hover, .services .button:hover, .home .button:focus, .services .button:focus, 
		body .sfContentBlock .home .button:hover, body .sfContentBlock .home .button:focus, body .sfContentBlock .services .button:hover, body .sfContentBlock .services .button:focus {
			background: #fff;
			color: #434443;
			border: 2px solid #fff;
		}
	
	.transactions {}
		.transactions li {margin: 0;}
			.transactions li a {
				display: block;
				color: #434443;
				text-align: center;
				font-size: 0.75rem;
				font-weight: 600;
				line-height: 1.1;
				padding: 0;
			}
				.transactions li a:hover, .transactions li a:focus {
					border-bottom: none;
				}
				.transactions li a img {
					display: block;
					max-height: 50px;
				}
				.transactions li a span {
					display: block;
				}
					.transactions li a span strong {
						padding: 0;
						font-weight: 600;
						display: block;
					}

.services, .events, .news, .white_bg {
	padding: 1.5625rem 0 0 0;
}		
	.services h2, .events h2, .news h2, .white_bg h2, body .sfContentBlock .services h2, body .sfContentBlock .events h2, body .sfContentBlock .news h2, body .sfContentBlock .white_bg h2 {
		text-transform: none;
		margin: 0 0 1.5625rem 0;
	}		
.services {
	background-color: #005439;
	
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005439), to(#00875b));
	background: -webkit-linear-gradient(top, #00875b, #005439);
	background: -moz-linear-gradient(top, #00875b, #005439);
	background: -ms-linear-gradient(top, #00875b, #005439);
	background: -o-linear-gradient(top, #00875b, #005439);
}
	.services h2, body .sfContentBlock .services h2 {color: #fff;}
	.services hr {border-color: rgba(255,255,255,0.5);}
	.categories, body .sfContentBlock .categories, .categories[class*="block-grid-"] {
		padding-top: 1.25rem;
	}
		.categories li, body .sfContentBlock .categories li, .categories[class*="block-grid-"] > li, body .sfContentBlock .categories[class*="block-grid-"] > li {
			margin: 0 0 1.25rem 0;	
			padding-bottom: 0;
		}
			.categories li a {
				display: block;
				overflow: hidden;
				font-size: 1rem;
				color: #fff;
				font-weight: 600;
				line-height: 1.22;
				
				-webkit-transition: background-color 300ms ease-out, color 300ms ease-out;
				-moz-transition: background-color 300ms ease-out, color 300ms ease-out;
				transition: background-color 300ms ease-out, color 300ms ease-out;
			}
				.categories li a span {
					width: calc(100% - 4.6875rem);
					display: block;
					float: left;
				}
					.categories li a .icon {
						width: 4.0625rem;
					}
					.categories li a span.desc {
						font-style: italic;
						font-weight: 500;
						font-size: 0.8125rem;
						letter-spacing: 0.025em;
						line-height: 1.33;
						padding-top: 0.3125rem;
					}
				.categories li a:hover, .categories li a:focus {
					border-bottom: none;
				}
					.categories li a:hover .icon, .categories li a:focus .icon{
						background: #fff;
					}
			/* Extra levels */
			.sub {
				display: none;
				position: relative;
				padding-top: 23px;
				margin-top: 1.25rem;
				background: url(../images/style/sub_bg.png) repeat-x;
			}
				.sub .link_list, body .sfContentBlock .sub .link_list {
					margin: 1.875rem 0 0.625rem 0;
				}
					.sub .link_list li, body .sfContentBlock .sub .link_list li {
						padding-bottom: 1.25rem;
						padding-top: 0;
					}
						.sub .link_list li a {
							color: #fff;
							font-weight: 400;
							font-size: 0.875rem;
							border-bottom: 1px solid rgba(255,255,255,0.2);
						}
							.sub .link_list li a:hover, .link_list li a:focus {
								color: #000;
								border-bottom: 1px solid #000;
							}						 
					
.events {
	background: #fafbf1 url(../images/style/events_bg.jpg) center bottom no-repeat;
}
	.events_list, .events_list[class*="block-grid-"] {margin-top: 1.875rem;}
	/*.events .events_list, body .sfContentBlock .events .events_list {margin: 0;}*/
		.events_list li, body .sfContentBlock .events_list li {margin: 0;}
			.events_list li a {
				background: #fff;
				display: block;
				font-size: 1.125rem;
				font-weight: 400;
				line-height: 1.22;
				padding: 0 0 0.3125rem 0;
				overflow: hidden;
				border: 1px solid rgba(0,0,0,0.1);
				
				-webkit-transition: background-color 300ms ease-out, color 300ms ease-out;
				-moz-transition: background-color 300ms ease-out, color 300ms ease-out;
				transition: background-color 300ms ease-out, color 300ms ease-out;
			}
			.events .events_list li a {border: none;}
				.events_list li a img {display: none;}
				.events_list li a span {
					display: block;
					padding: 0 1.25rem;
				}
					.events_list li a span.desc {
						font-size: 0.875rem;
					}
				.events_list li a:hover, .events_list li a:focus {background: #00875b;}
					.events_list li a:hover span, .events_list li a:focus span {color: #fff;}					
.news {
	background: #fff;
}
	.news_list, body .sfContentBlock .news_list {
		border-top: 1px solid rgba(0,0,0,0.2);
		margin-bottom: 1.25rem;
	}
		.news_list li, body .sfContentBlock .news_list li {
			padding: 0; margin: 0;
		}
			.news_list li a {
				display: block;
				overflow: hidden;
				border-bottom: 1px solid rgba(0,0,0,0.2);
				padding: 0.3125rem 0; margin: 0;
				font-weight: 400;
			}
				.news_list li a span {
					display: block;
				}
				.news_list li a .square_box {
					max-width: 140px;
					float: left;
					display: none;
				}
					.news_list li a .square_box img {
						height: 100%;
						max-width: none;
					}
				.news_list li a .text {
					float: left;
					width: calc(100% - (50px));
				}
				.news_list li a .arrow_holder {
					width: 40px; height: 40px;
					float: right;
					border: 2px solid #00875b;
					border-radius: 50%;
					
					-webkit-transition: background-color 300ms ease-out, color 300ms ease-out;
					-moz-transition: background-color 300ms ease-out, color 300ms ease-out;
					transition: background-color 300ms ease-out, color 300ms ease-out;
				}
					.news_list li a .arrow {
						width: 14px;
						height: 2px;
						background: #00875b;
						position: relative;
						margin: 17px 0 0 11px;
						text-indent: -9999px;
					}
						.news_list li a .arrow:after {
							position: absolute;
							content: "";
							top: -5px;
							right: 0;
							width: 12px;
							height: 12px;
							background: transparent;
							border-right: 2px solid #00875b;
							border-top: 2px solid #00875b;
							
							-webkit-transform: rotate(45deg);
							-moz-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
							transform: rotate(45deg);
						}
				.news_list li a:hover .arrow_holder, .news_list li a:focus .arrow_holder {background: #00875b;}
					.news_list li a:hover .arrow, .news_list li a:focus .arrow {background: #fff;}
						.news_list li a:hover .arrow:after, .news_list li a:focus .arrow:after {border-color: #fff;}
						
/* MAIN CONTENT
================================================================================ */					
.title_bar {
	position: relative;
	background-color: rgba(236,100,0,0.85);
}
	.title_bar::after {
		/*content: "";
		background-position: top center;
		background-repeat: no-repeat;
		opacity: 0.6;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		position: absolute;
		z-index: -1;   */
	}
	.title_bar .icon + h1 {width: 100%;}
	.title_bar h1, body .sfContentBlock .title_bar h1 {color: #fff;}
	.title_bar .icon {display: none;}
	.title_bar .button, body .sfContentBlock .title_bar .button {
		color: #fff;
		border-color: #fff;
	}
		.title_bar .button:hover, .title_bar .button:focus, body .sfContentBlock .title_bar .button:focus, body .sfContentBlock .title_bar .button:hover {
			background: #fff;
			border: 2px solid #fff;
			color: #434443;
		}
		
/*.orange {background-color: rgb(236,100,0);}
.green {background-color: rgb(0,135,91);}
.red {background-color: rgb(137,27,0);}
.gold {background-color: rgb(211,156,11);}
.blue {background-color: rgb(19,149,186);}
.maroon {background-color: rgb(58,12,0);}*/

.icon {
	float: left;
	height: 4.0625rem; width: 4.0625rem;
	border: 3px solid #fff;
	border-radius: 50%;
	margin-right: 0.625rem;
	padding: 0.75rem;
	display: block;
	
	-webkit-transition: background-color 300ms ease-out, color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out, color 300ms ease-out;
	transition: background-color 300ms ease-out, color 300ms ease-out;
}
.icon.colour {border-color: #00875b;}
	.icon img {
		max-height: 100%; max-width: 100%;
		display: block;
		margin: 0 auto;
	}

.white_bg {
	background: #fff;
	padding-bottom: 1.5625rem;
	margin-top: 1.25rem;
}
	.white_bg + .white_bg {margin-top: 0;}
	
body > .content, body #wrapper > form > .content, body > form #wrapper > .content {
	min-height: calc(100vh - (185px + 60px));
}
	body > .content > div.row:last-child {
		margin-bottom: 1.5625rem;
	}

.link_list, body .sfContentBlock .link_list {
	margin-bottom: 0.625rem;
}
	.link_list li, body .sfContentBlock .link_list li {
		margin-bottom: 0;
		padding-bottom: 0;
	}
		.link_list li a {
			border-bottom: 1px solid rgba(0,0,0,0.2);
			font-weight: 600;
			padding: 0.5rem 0;
			display: block;
			
			-webkit-transition: none;
			-moz-transition: none;
			transition: none;
		}
			.link_list li a.active, .link_list li a:hover, .link_list li a:focus {
				color: #434443;
				border-color: #434443;
			}
			
/* Accordion */
.accordion {
	clear: both;
	margin: 0.625rem 0;
}
	.accordion .accordion-navigation {
		padding: 0 0 1px 0;
	}
		.accordion .accordion-navigation > a, .accordion .accordion-navigation.active > a {
			background: rgba(0, 0, 0, 0.1);
			color: #00875b;
			font-size: 0.875rem;
			line-height: 2;
			padding: 0.375rem 0.9375rem;
			position: relative;
		}
			.accordion .accordion-navigation > a:hover, .accordion .accordion-navigation > a:focus {
				background: #00875b;
				color: #fff;
				border-bottom: none;
			}
			.accordion .accordion-navigation > a:after {
				position: absolute;
				content: "";
				top: 0.75rem;
				right: 0.9375rem;
				width: 12px;
				height: 12px;
				background: transparent;
				border-right: 2px solid #00875b;
				border-top: 2px solid #00875b;
				
				-webkit-transform: rotate(135deg);
				-moz-transform: rotate(135deg);
				-ms-transform: rotate(135deg);
				transform: rotate(135deg);
			}
			.accordion .accordion-navigation.active > a:after {
				top: 1.125rem;
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}
				.accordion .accordion-navigation > a:hover:after, .accordion .accordion-navigation > a:focus:after {
					border-color: #fff;
				}
		.accordion .accordion-navigation > .content.active {
			padding: 0.375rem 0.9375rem;
			background: none;
		}
			.accordion .accordion-navigation > .content > ul {
				margin-left: 0;
				
			}
		.accordion .accordion-navigation > .content > ul > li:before {
			content: '';
			display: inline-block;
			border-radius: 50%;
			margin-right: 0.625rem;
			height: 6px;
			width: 6px;
			background-color: #00875b;
			position: absolute;
			top: 9px;
			left: 0;
		} 
/* Full News Listing */
.news_list.full, body .sfContentBlock .news_list.full {
	border-top: none;
	margin-top: 0.3125rem;
}
	.news_list.full li a {
		padding: 0.625rem 0;
	}
		.news_list.full li a .img {
			display: none;
		}
		.news_list.full li a .text {
			width: 100%;
		}
		
/* EVENTS FINAL PAGES
================================================================================ */	
.event_summary {
	margin-top: 0.9375rem;
}
	.event_summary .icon {
		border: none;
		padding: 0; margin-top: 0.1875rem;
		width: 35px; height: 35px;
		border-radius: 0;
	}
	.event_summary p {
		width: calc(100% - 45px);
		float: right;
		margin: 0.3125rem 0;
	}
	.event_summary .icon + p {
		font-size: 1rem;
	}
.event_summary.centre {}
	.event_summary.centre .icon {
		margin: 0.1875rem auto;
		float: none;
	}
	.event_summary.centre p {
		width: 100%;
		clear: both;
	}
	
/* A-Z
================================================================================ */	
ul.a-z, body .sfContentBlock ul.a-z {
	margin: 1.875rem auto;
    text-align: center;
    background: #fff;
    display: block;
	font-size: 0;
}
	ul.a-z li, body .sfContentBlock ul.a-z li {
		color: rgba(0, 0, 0, 0.4);
		display: inline-block;
		font-size: 1.125rem;
		font-weight: 600;
		padding: 0.3125rem 0; margin: 0;
		width: 30px;
	}
		ul.a-z li a {
			border: medium none;
			display: block;
			padding: 0 0.3125rem;
		}
			ul.a-z li a:hover, ul.a-z li a.active {
				background: #00875b;
				border-bottom: none;
				color: #fff;
			}

.a-z_content {
	margin-bottom: 0.3125rem;
}
	.a-z_content dl {}
		.a-z_content dl dt {margin-bottom: 0;}
		.a-z_content dl dd {
			margin-bottom: 0.625rem;
			padding-bottom: 0.625rem;
			border-bottom: 1px solid rgba(0,0,0,0.2);
		}
		
/* SEARCH RESULTS
================================================================================ */	
.search_advanced {
	display: none;
	border: 1px solid rgba(0, 0, 0, 0.2);
	padding: 1.5625rem;
	margin-bottom: 1.25rem;
}
	.search_advanced .action {
		margin-top: 0.9375rem;
	}
		.search_advanced .action .columns {}
			.search_advanced .action .columns a {
				display: block;
				float: left;
			}

.search_button {}
	.search_button button, .search_button .button {
		min-width: 0;
		width: 100%;
	}

.planning_copyright {
	padding: 0 0.9375rem;
	border: 1px solid rgba(198,15,19,0.8);
	overflow: hidden;
}

.search_results {}
	.search_results .result {
		padding-bottom: 0.9375rem;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}
		.search_results .result em {
			font-style: normal;
			font-weight: bold;
		}
		.search_results .result .url {
			font-style: italic;
			font-size: 0.75rem;
		}
	
/* PAGINATION
================================================================================ */	
ul.pagination, body .sfContentBlock ul.pagination {
	margin-top: 1.25rem;
}
	ul.pagination li, body .sfContentBlock ul.pagination li {
		margin-left: 0.3125rem;
	}
	ul.pagination li:first-child, body .sfContentBlock ul.pagination li:first-child {padding-left: 0;}
		ul.pagination li a {
			color: #434443;
		}
			ul.pagination li a:hover, ul.pagination li a:focus {
				background: rgba(0, 0, 0, 0.2);
				border-bottom: none;
			}
			ul.pagination li.current a, ul.pagination li.current button {background: #00875b;}
				ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {background: #67b757;}
/* TABLES
================================================================================ */
table, body .sfContentBlock table {
	width: 100%;
	margin: 0.625rem 0;
	font-weight: 300;
	border-color: rgba(0,0,0,0.2);
}
	table tr th, table tr td, body .sfContentBlock table td, body .sfContentBlock table th {font-size: 1rem;}
	table thead {}
		table thead tr th, body .sfContentBlock table th {
			text-align: left;
			font-size: 114%;
			line-height: 130%;
			font-weight: 600;
			padding: 0.5625rem 0.625rem;
			color: #fff;
			background: #00875b;
		}
	table tbody {}
		table tr td, body .sfContentBlock table td {
			font-size: 100%;
			font-weight: 400;
			line-height: 130%;
			padding: 0.5625rem 0.625rem;
			color: #434443;
		}
			table tr td p, table tr td ul {
				margin: 0;
				line-height: 110%;
			}
				table tr td ul li {
					padding: 0 0 0 1.5625rem;
					background-position: 5px 9px;
				}
		table tr.even, table tr.alt, table tr:nth-of-type(even) {background: #fafafa;}

/* FORMS
================================================================================ */
form {
	margin: 0.625rem 0;
}
fieldset {
	padding: 0.4687rem 0;
	border: none;	
}
	form fieldset:nth-child(2n) {
		background: #fafafa;
	}

/* Labels */
label, p.lbl {
	cursor: default;
	font-size: 0.875rem;
	margin: 0 0 0.3125rem 0;
    line-height: 2.31rem;
}
	label .required, p.lbl .required {
		display: inline-block;
		margin-left: 0.3125rem;
		font-size: 0.6875rem;
		background: #67b757;
		color: #fff;	
		padding: 0.1875rem 0.3125rem;
		line-height: 1.14;
		border-radius: 3px;
		text-transform: uppercase;
	}

/* Text fields */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], 
input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	border: 1px solid rgba(0,0,0,0.2);
	margin: 0 0 0.9375rem 0;
	color: #434443;
	box-shadow: none;
}
	input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus,
	input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, 
	input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
		background: #ffffff;
	}
	
/* Placeholder text */
form ::-webkit-input-placeholder {color: rgba(0,0,0,0.5);}
form :-moz-placeholder {color: rgba(0,0,0,0.5);}
form ::-moz-placeholder {color: rgba(0,0,0,0.5);}
form :-ms-input-placeholder {color: rgba(0,0,0,0.5);}

/* Checkboxes and Radios */
input[type="checkbox"], input[type="radio"] {
	margin: 0.75rem 0;		
}
	input[type="checkbox"] + label, input[type="radio"] + label {
		margin-bottom: 0.9375rem;
		vertical-align: top;
		line-height: 2.55;
	}

/* Custom checkboces and radios */
.custom_check input[type="checkbox"], .custom_radio input[type="radio"] {
	display: none;
	visibility: hidden;
}
	.custom_check input[type="checkbox"] + label, .custom_radio input[type="radio"] + label {
		display: inline-block;
		padding: 0.25rem 1.5625rem;
		margin-left: 0;
		margin-right: 0.9375rem;
		background-color: transparent;
		border: 2px solid #00875b;
		color: #434443;
		letter-spacing: 0.075em;
		font-size: 0.875rem;
		line-height: 1.79;
		border-radius: 2px;
	}
		.custom_check input[type="checkbox"] + label:hover, .custom_radio input[type="radio"] + label:hover,
		.custom_check input[type="checkbox"] + label.active, .custom_radio input[type="radio"] + label.active {
			background-color: #00875b;
			color: #fff;
			cursor: pointer;
	
			-webkit-transition: background-color 300ms ease-out, color 300ms ease-out;
			-moz-transition: background-color 300ms ease-out, color 300ms ease-out;
			transition: background-color 300ms ease-out, color 300ms ease-out;
		}

/* Select fields */
select {
	margin: 0 0 0.9375rem 0;
	padding: 0.3135rem;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.2);
	color: #434443;
}
	select:hover {
		background-color: #fff;
		border-color: #ccc;
	}
	
/* Custom select fields */
.select_con {
	overflow: hidden;
	margin: 0 0 0.9375rem 0;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.2);
	position: relative;
	padding-right: 30px;
}
	/* Handles drop-down arrow - remove if using image instead */
	.select_con:after {
		border-color: #aaaaaa rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
		border-image: none;
		border-right: 5px inset rgba(0, 0, 0, 0);
		border-style: solid inset inset;
		border-width: 5px;
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		right: 0.9375em;
		margin-top: -3px;
	}
		.select_con:hover:after {
			border-color: #222222 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
		}
	.select_con select {
		width: calc(100% + 50px);
		background: transparent none;
		margin: 0;
		border: none;
		height: auto;
	}
		
/* Error messages */
p.error, body .sfContentBlock p.error {
	margin: 0 0 0.9375rem 0;
	padding: 7px 0 0 0;
	background: url(../images/style/error_bg.png) 10px 0 no-repeat;	
}
	p.error span {
		padding: 0.3125rem 0.625rem;
		color: #fff;
		background: #c60f13;
		display: block;	
	}
input.error, textarea.error {
    background: #f4cfd0;
    border-color: #c60f13;
	margin-bottom: 0.3125rem;
}

/* Form buttons */
form button {
	margin: 30px 0;
	font-size: 0.875rem;
	min-width: 200px;
}
form .postfix.button, form button.postfix {
	line-height: 2.3125;
	background: #00875b;
	color: #fff;
	margin-top: 0;
	min-width: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	padding: 0;
	border: none;
}
	form .postfix.button:focus, form .postfix.button:hover, form button.postfix:focus, form button.postfix:hover {
		background: #67b757;
	}

/* jQuery UI Datepicker */
.ui-datepicker {
	background: #e3e3e3;
	border: 1px solid #00875b;
	display: none;
	overflow: hidden;
	z-index: 3 !important;
}
	.ui-datepicker a:hover, .ui-datepicker a:focus {
		border-bottom: none;
	}
	.ui-datepicker-header {
		background: #00875b;
	}
		.ui-datepicker-header a {
			position: absolute;
			top: 0;
			width: 35px;
			height: 35px;
			text-indent: -9999px;
		}
			.ui-datepicker-header a.ui-datepicker-next {
				right: 0;
			}
			.ui-datepicker-header a span {
				position: absolute;
				display: block;
				content: "";
				height: 15px;
				width: 15px;
				margin: 0 auto;
				top: 10px; right: 12px;
				border-right: 2px solid #fff;
				border-bottom: 2px solid #fff;
				
				transform: rotate(-45deg);
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
			}
				.ui-datepicker-header a:hover span {border-color: #67b757;}
			.ui-datepicker-header a.ui-datepicker-prev {
				left: 0;
			}
				.ui-datepicker-header a.ui-datepicker-prev span {
					left: 12px; right: auto;
					
					transform: rotate(135deg);
					-webkit-transform: rotate(135deg);
					-moz-transform: rotate(135deg);
					-o-transform: rotate(135deg);
					-ms-transform: rotate(135deg);
				}
		.ui-datepicker-header .ui-datepicker-title {
			margin: 0 auto;
			width: calc(100% - 70px);
			text-align: center;
			color: #fff;
			line-height: 2.1875;
			font-size: 1rem;
		}
			.ui-datepicker-header .ui-datepicker-month {}
			.ui-datepicker-header .ui-datepicker-year {}
			
	.ui-datepicker-calendar {
		margin: 0;
		border: none !important;
		
		display: table;
		max-width: 300px;
		table-layout: fixed;
	}
		.ui-datepicker-calendar thead {}
			.ui-datepicker-calendar thead tr {}
				.ui-datepicker-calendar thead th {
					background: #ececec;
					color: #666;
					font-weight: 400;
				}
		.ui-datepicker-calendar tbody {}
			.ui-datepicker-calendar tbody tr {}
				.ui-datepicker-calendar tbody td {
					text-align: center;
				}
					.ui-datepicker-calendar tbody td a {}
					.ui-datepicker-calendar tbody td.ui-datepicker-unselectable {
						color: #a5a5a5;
					}
					.ui-datepicker-calendar tbody td.ui-datepicker-today {
						background: #ececec;
					}
						.ui-datepicker-calendar tbody td.ui-datepicker-today a {}
					.ui-datepicker-calendar tbody td.ui-datepicker-current-day {
						background: #f47f37;
					}
						.ui-datepicker-calendar tbody td.ui-datepicker-current-day a {
							color: #fff;
						}
						
.feedback {
	display: none;
}

/* BUTTONS
================================================================================ */
.button, button, body .sfContentBlock .button, body a.button:link,  body a.button:visited {
	display: inline-block;
	padding: 0.375rem 1.5625rem;
	margin: 1.25rem 0;
	background-color: transparent;
	border: 2px solid #00875b;
	border-radius: 2px;
	color: #434443;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 2;
	letter-spacing: 0.075em;
	min-width: 200px;

	-webkit-transition: background-color 300ms ease-out, color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out, color 300ms ease-out;
	transition: background-color 300ms ease-out, color 300ms ease-out;
}
	.button:hover, button:hover, .button:focus, button:focus, body .sfContentBlock .button:hover, body .sfContentBlock .button:focus, body a.button:hover, body a.button:focus {
		background-color: #00875b;
		border: 2px solid #00875b;
		color: #fff;
	}
				
/* SOCIAL
================================================================================ */
.social {}
	/* Google+ */
	.social a.addthis_button_google_plusone {
		position: relative;
		width: 28px;
		height: 24px;
	}
		.social a.addthis_button_google_plusone > div {
			position: absolute;
			top: 4px;
			right: 2px;
			opacity: 0;
			/* IE 8 */
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			/* IE 5-7 */
			filter: alpha(opacity=0);
		}
		.social a.addthis_button_google_plusone > img {
			position: absolute;
			top: 0;	right: 2px;
		}
		
/* MISC
================================================================================ */
.square_box {
	display: block;
	position: relative;
	width: 50%; /* desired width */
}
.square_box:before {
	content: "";
	display: block;
	padding-top: 100%; /* initial ratio of 1:1*/
}
	.square_box .content {
		position: absolute;
		overflow: hidden;
		top: 0; left: 0; bottom: 0; right: 0;
	}
		.square_box .content img {
			margin-left: -50%;
		}
		
#top-link {
    bottom: 0;
    right: 0;
    margin: 0;
    position: fixed;
    z-index: 99999;
}
	#top-link a {
		background: rgba(0,0,0,0.75);
		font-size: 1rem;
		line-height: 1;
		color: #fff;
		display: block;
		padding: 0.625rem 1.875rem;
		
		-webkit-transition: background-color 300ms ease-out, color 300ms ease-out;
		-moz-transition: background-color 300ms ease-out, color 300ms ease-out;
		transition: background-color 300ms ease-out, color 300ms ease-out;
	}
		#top-link a:hover, #top-link a:focus {
			background-color: #00875b;
			border-bottom: none;
		}

/* FOOTER
================================================================================ */
#footer {
	background: #434443;
	padding: 1.875rem 0;
}
	#footer * {
		color: #fff;
		letter-spacing: 0.1em;
	}
	#footer h3, body .sfContentBlock #footer h3, body #footer h3 {
		padding: 0 0 0.3125rem 0;
		margin: 0.625rem 0;
		border-bottom: 1px solid rgba(255,255,255,0.5);
		position: relative;
		cursor: pointer;
	}
		#footer h3:after {
			content: "";
			display: block;
			position: absolute;
			right: 0; top: 12px;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 7px 6px 0 6px;
			border-color: #ffffff transparent transparent transparent;
			
			-webkit-transition: border-color 300ms ease-out;
			-moz-transition: border-color 300ms ease-out;
			transition: border-color 300ms ease-out;
		}
			#footer h3:hover, #footer h3:focus {color: #7ec270;}
				#footer h3:hover:after, #footer h3:focus:after {border-color: #7ec270 transparent transparent transparent;}
				#footer h3.active:after {
					border-width: 0 6px 7px 6px;
					border-color: transparent transparent #fff transparent;
				}
					#footer h3.active:hover:after, #footer h3.active:focus:after {border-color: transparent transparent #7ec270 transparent;}
	#footer ul, body .sfContentBlock #footer ul {
		display: none;
	}
		#footer ul li, body .sfContentBlock #footer ul li {
			padding-bottom: 0;
			margin-bottom: 0;
		}
			#footer ul li a {
				display: block;
				line-height: 1.42;
				padding: 0.625rem 0;
				border-bottom: 1px solid rgba(255,255,255,0.1);
				font-weight: 400;
			}
				#footer ul li a:hover, #footer ul li a:focus {
					color: #7ec270;
					border-bottom: none;
				}
	#footer p, body .sfContentBlock #footer p {
		line-height: 2.14;
		display: none;
	}
		#footer p .button {
		
		}
	#footer ul.social_links, body .sfContentBlock #footer ul.social_links {
		margin: 1.25rem auto 0 auto; padding: 0;
		display: block;
		overflow: hidden;
		width: 200px;
	}
		#footer ul.social_links li, body .sfContentBlock #footer ul.social_links li {
			float: left;
			margin: 0 0 0.625rem 0;
			padding: 0 0.625rem 0 0;
		}
			#footer ul.social_links li a {
				width: 40px;
				height: 40px;
				display: block;
				background: rgba(255,255,255,0.2);
				text-indent: -9999px;
				background-position: center center;
				background-repeat: no-repeat;
				
				-webkit-transition: background-color 300ms ease-out, color 300ms ease-out, border-color 300ms ease-out;
				-moz-transition: background-color 300ms ease-out, color 300ms ease-out, border-color 300ms ease-out;
				transition: background-color 300ms ease-out, color 300ms ease-out, border-color 300ms ease-out;
			}
				#footer ul.social_links li a:hover, #footer ul.social_links li a:focus {
					background-color: #00875b;
				}
				#footer ul.social_links li a.soc_tw {background-image: url(../images/icons/twitter.png);}
				#footer ul.social_links li a.soc_fb {background-image: url(../images/icons/facebook.png);}
				#footer ul.social_links li a.soc_in {background-image: url(../images/icons/instagram.png);}
				#footer ul.social_links li a.soc_yt {background-image: url(../images/icons/youtube.png);}
				
/* BUSINESS
================================================================================ */
.business {}
	/* Dark blue */
	.business a, .business .a, .business .home .button:hover, .business .home .button:focus, .business .services .button:hover, .business .services .button:focus,
	body.business .sfContentBlock a, body.business .sfContentBlock .a, body.business .sfContentBlock .home .button:hover, body.business .sfContentBlock .home .button:focus, 
	body.business .sfContentBlock .services .button:hover, body.business .sfContentBlock .services .button:focus {
		color: #09327e;
	}
	
	.business ul li:before, .business .reveal-modal .close-reveal-modal:hover, .business dialog .close-reveal-modal:hover, 
	.business #header nav ul li a.active, .business .services, .business .events_list li a:hover, .business .events_list li a:focus, 
	.business .news_list li a .arrow, .business .news_list li a:hover .arrow_holder, .business .news_list li a:focus .arrow_holder,
	.business .button:hover, .business button:hover, .business .button:focus, .business button:focus,
	.business #footer ul.social_links li a:hover, .business #footer ul.social_links li a:focus,
	body.business .sfContentBlock .button:hover, body.business .sfContentBlock .button:focus {
		background-color: #09327e;
		color: #fff;
	}
	
	.business .services {
		background-color: #1478b2;
		
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#09327e), to(#1478b2));
		background: -webkit-linear-gradient(top, #1478b2, #09327e);
		background: -moz-linear-gradient(top, #1478b2, #09327e);
		background: -ms-linear-gradient(top, #1478b2, #09327e);
		background: -o-linear-gradient(top, #1478b2, #09327e);
	}

	.business .news_list li a .arrow_holder, .business .news_list li a .arrow:after, .business .button, .business button, 
	body.business .sfContentBlock .button, body.business a.button:link, body.business a.button:visited {
		border-color: #09327e;
	}
	
	/* Lighter blue */
	.business #header .search .show.active:hover:after, .business #header .search .show.active:focus:after, .business .sub .link_list li a:hover .business, .business .link_list li a:focus, 
	.business .link_list li a:hover, .business .link_list li a:focus, .business #footer ul li a:hover, .business #footer ul li a:focus, .business #footer h3:hover, .business #footer h3:focus, 
	.business #header nav ul li a:hover, .business #header nav ul li a:focus, .business #header nav .selected:hover, .business #header nav .selected:focus {
		color: #1478b2;
	}
	
	.business label .required, .business p.lbl .required, .business #header nav ul li a.active:hover, .business #header nav ul li a.active:focus {
		background-color: #1478b2;
		color: #fff;
	}
	
	.business .ui-datepicker-header a:hover span {border-color: #1478b2;}
	
	.business #header nav .selected:hover:after, .business #header nav .selected:focus:after {border-color: #1478b2 transparent transparent transparent;}
	.business #header nav .selected.active:after {
		border-color: transparent transparent #fff transparent;
	}
		.business #header nav .selected.active:hover:after, .business #header nav .selected.active:focus:after {border-color: transparent transparent #1478b2 transparent;}
		
	.business #footer h3:hover:after, .business #footer h3:focus:after {border-color: #1478b2 transparent transparent transparent;}
	.business #footer h3.active:after {
		border-color: transparent transparent #fff transparent;
	}
		.business #footer h3.active:hover:after, .business #footer h3.active:focus:after {border-color: transparent transparent #1478b2 transparent;}
		
	/* Images */
	.business .sub {
		background-image: url(../images/style/sub_bg_business.png);
	}
		
	/* Overrides */
	.business .news_list li a:hover .arrow::after, .business .news_list li a:focus .arrow::after, .business .home .button, .business .services .button, 
	.business .home .button:link, .business .home .button:visited, .business .services .button:link, .business .services .button:visited, 
	body.business .sfContentBlock .home .button, body.business .sfContentBlock .services .button {
		border-color: #fff;
	}
	.business .news_list li a:hover .arrow, .business .news_list li a:focus .arrow, 
	.business .home .button:hover, .business .home .button:focus, .business .services .button:hover, .business .services .button:focus,
	body.business .sfContentBlock .home .button:hover, body.business .sfContentBlock .home .button:focus, body.business .sfContentBlock .services .button:hover, body.business .sfContentBlock .services .button:focus {
		background-color: #fff;
	}
	.business a:hover, .business a:focus, .business a.hover, .business a:hover .a, .business a:focus .a, .business a.hover .a, body.business .sfContentBlock .transactions li a {
		color: #434443;
	}
	.business .categories li a:hover, .business .categories li a:focus, .business .events_list li a:focus .a, .business .events_list li a:hover .a,	body.business .sfContentBlock .categories li a {
		color: #fff;
	}

/* SMALL (up to 640px)
==================================================================================================================================
=============================================================================================================================== */
@media only screen and (max-width: 40.063em) {

/* GENERAL
================================================================================ */
.no_pad_left_small {padding-left: 0 !important;} .no_pad_right_small {padding-right: 0 !important;} .no_pad_top_small {padding-top: 0 !important;} .no_pad_bot_small {padding-bottom: 0 !important;}
.no_marg_left_small {margin-left: 0 !important;} .no_marg_right_small {margin-right: 0 !important;} .no_marg_top_small {margin-top: 0 !important;} .no_marg_bot_small {margin-bottom: 0 !important;}

.right_small {float: right !important; text-align: right !important;}
.left_small {float: left !important; text-align: left !important;}

/* MAIN CONTENT
================================================================================ */
.title_bar::after {
	background-image: none !important;
}

/* BUTTONS
================================================================================ */
.full_small, full_small .button, body .sfContentBlock full_small .button {
	width: 100%;
}

}

/* MEDIUM (640px up)
==================================================================================================================================
=============================================================================================================================== */
@media only screen and (min-width: 40.063em) {

/* GENERAL
================================================================================ */
body, h1, h2, h3, h4, h5, p, li, th, td, form, button, .button, label, .h2, .h3, .p, dl, p.lbl, .accordion .accordion-navigation > a, .accordion .accordion-navigation.active > a,
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], 
input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea,
.custom_check input[type="checkbox"] + label, .custom_radio input[type="radio"] + label, select, 
body .sfContentBlock h1, body .sfContentBlock h2, body .sfContentBlock h3, body .sfContentBlock h4, body .sfContentBlock h5, body .sfContentBlock p, body .sfContentBlock ul, body .sfContentBlock ol, body .sfContentBlock table th, body .sfContentBlock table td, 
body .sfContentBlock .button, body a.button:link,  body a.button:visited, body h1, body h2, body h3, body h4, body h5 {	
	font-size: 1rem;
}
h1, body .sfContentBlock h1, body h1 {font-size: 1.625rem;} 
h2, body .sfContentBlock h2, body h2 {font-size: 1.625rem;} 
h3, body .sfContentBlock h3, body h3 {font-size: 1.375rem;} 
h4, body .sfContentBlock h4, body h4 {font-size: 1.25rem;}
h5, body .sfContentBlock h5, body h5 {font-size: 1.0rem;}

hr {margin: 1.8575rem 0;}

ul li::before, body .sfContentBlock ul li::before {
    top: 12px;
}

img.right, img.left {
	max-width: 50%;
}

.no_pad_small {padding: 0 0.9375rem !important;}	
.center_small {text-align: left;}

/* FOUNDATION ELEMENTS
================================================================================ */

/* HEADER
================================================================================ */
.access_keys {}
	.access_keys ul {
		margin: 0; padding: 0;
	}
		.access_keys ul li {
			margin: 0; padding: 0;
		}
			.access_keys ul li a {
				background: #fff;
				border: 2px solid #00875b;
				border-radius: 2px;
				color: #434443;
				display: block;
				left: 0;
				padding: 0.375rem 1.5625rem;
				position: fixed;
				top: -999px;
				z-index: 1000;
			}
                .access_keys ul li a:focus, .access_keys ul li a:active {
                    top: 0;
                    border: 4px solid #00875b;
                }

#logo a img {
	max-height: 150px;
}

#header nav {
	float: right;
	text-align: right;
}
	#header nav ul, body .sfContentBlock #header nav ul {
		display: block !important;
		width: 100%;
		height: 60px;
		margin: 0; padding: 0;
		font-size: 0;
		background: none;
	}
		#header nav ul li, body .sfContentBlock #header nav ul li {
			padding: 0; margin: 0;
			display: inline-block;
			position: relative;
		}
			#header nav .selected, #header nav .selected:after {
				display: none;
			}
			#header nav ul li a {
				color: #fff;
				font-size: 1rem;
				font-weight: 400;
				display: block;
				line-height: 60px;
				padding: 0 0.9375rem;
				width: auto;
			}
			#header nav ul li a:after {
				content: "";
				width: 1px;
				height: 20%;
				background: #fff;
				right: -1px;
				top: 41%;
				position: absolute;
				z-index: -1;
			}
				#header nav ul li a.active:after, #header nav ul li:last-child a:after {display: none;}
	
#header .search .show {
	display: none;
}	
#header .search form {
	display: block !important;
	margin: 0.75rem 0 !important;
	position: relative;
	right: auto !important;
	width: 100% !important;
}
	
/* FIXED NAV */
.fixed_nav {height: 3.75rem;}
.fixed_nav_spacing {padding-top: 3.75rem;}

/* BREADCRUMB
================================================================================ */
#breadcrumb {}
	#breadcrumb > div {
		height: 60px;
		margin-left: 129px;
	}
	#breadcrumb ul, #body .sfContentBlock #breadcrumb ul {
		display: block;
		overflow: hidden;
		margin: 0; padding: 0;
		position: relative;
		z-index: 500;
	}
		#breadcrumb ul li, body .sfContentBlock #breadcrumb ul li {
			float: left;
			font-size: 0.75rem;
			padding: 0; margin: 0;
		}
			#breadcrumb ul li a {
				font-weight: 400;
			}
				#breadcrumb ul li a:hover, #breadcrumb ul li a:focus {border-bottom: none;}
		#breadcrumb ul li a::after {
			color: #434443;
			content: "/";
			margin: 0 0.66667rem;
			position: relative;
			top: 1px;
		}

/* HOMEPAGE
================================================================================ */
.home {
	background: #fff url(/images/default-source/slidesgfx/WaterGardens2.jpg?sfvrsn=2) center top no-repeat;
	max-height: 1240px;
}
.home.fixed_bg {
	background: #fff url(/images/default-source/slidesgfx/WaterGardens2.jpg?sfvrsn=2) center top no-repeat fixed;
	max-height: none;
}
.home.no_bg {
	background: #fff;
	overflow: hidden;
	position: relative;
}
	.home.no_bg .bg {
		width: 2357px;
		height: 1240px;
		margin-left: -1178px;
		position: absolute;
		left: 50%; top: 0;
		display: block;
	}
		.home.no_bg .bg img {
			margin: 0 auto;
			width: 2357px;
			height: 1240px;
		}
	.home.no_bg h1, body .sfContentBlock .home.no_bg h1 {color: #434443;}
			
	.home .fixed_nav_spacing {
		padding-top: 140px;
	}
	.transactions, body .sfContentBlock .transactions {}
		.transactions li, body .sfContentBlock .transactions li {margin: 0;}
			.transactions li a {
				background: rgba(0,0,0,0.75);
				font-size: 1rem;
				line-height: 1.22;
				color: #fff;
				padding: 1.25rem 0.875rem 0.875rem 0.875rem;
				
				-webkit-transition: background-color 300ms ease-out, color 300ms ease-out;
				-moz-transition: background-color 300ms ease-out, color 300ms ease-out;
				transition: background-color 300ms ease-out, color 300ms ease-out;
			}
				.transactions li a:hover, .transactions li a:focus {
					background: #00875b;
				}
				.transactions li a span {
					padding-top: 0.9375rem;
				}
				.transactions li a img {
					max-height: 75px;
				}
		.transactions.additional {
			display: none;
		}
		
.services, .events, .news {
	padding: 1.5625rem 0;
}	
	.categories, body .sfContentBlock .categories, .categories[class*="block-grid-"] {
		padding-top: 3.125rem;
	}
		.categories li, body .sfContentBlock .categories li, .categories[class*="block-grid-"] > li, body .sfContentBlock .categories[class*="block-grid-"] > li {
			margin: 0 0 3.125rem 0;	
		}
			.categories li a {
				font-size: 1.125rem;
			}
			.categories li a span.desc {
				font-size: 0.9375rem;
			}
		.categories .sub .row {
			max-width: 75rem;
			margin: 0 auto;
		}
		.sub {
			margin-top: 1.875rem;
		}
			.sub .link_list, body .sfContentBlock .sub .link_list {
				margin: 3.125rem 0 1.875rem 0;
			}
				.sub .link_list li, body .sfContentBlock .sub .link_list li {
					margin-bottom: 0;
				}
	.categories.additional {
		display: none;
	}
		
	
.events_list li a {
	padding: 0 0 0.875rem 0;
}
	.events_list li a img {display: block;}
	.events_list li a span {
		padding: 0 1.875rem;
		font-size: 1.125rem;
	}
	.events_list li a span.desc, .events_list li a span.p.a {
		font-size: 0.9375rem;
	}
	/*	.events_list li a span.p.a {
			padding: 0;
		}
	*/
.news_list li a .square_box {
	display: block;
}
.news_list li a .text {
	float: left;
	margin-left: 2.5rem;
	width: calc(100% - (2.5rem + 50px + 140px));
}
	.news_list li a .text span {
		font-size: 1.125rem;
	}

/* MAIN CONTENT
================================================================================ */
.title_bar {
	padding: 0.9375rem 0 !important;
	margin-bottom: 0.9375rem;
}
	.title_bar::after {
		/*content: "";
		background-image: url(../images/sample/background_02.jpg); /* default */
		background-position: top center;
		background-repeat: no-repeat;
		opacity: 0.6;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		position: absolute;
		z-index: -1; */  
	}
	.title_bar h1, body .sfContentBlock .title_bar h1, body .title_bar h1 {
		margin: 1.875rem 0; 
		line-height: 1.346;
		float: left;
	}
	.title_bar .icon {
		display: block;
		margin: 0.9375rem 1.25rem 0.9375rem 0;
	}
	.title_bar .icon + h1, body .sfContentBlock .title_bar .icon + h1 {
		width: calc(100% - 85px);
	}
	.title_bar .button, body .sfContentBlock .title_bar .button {
		margin: 0;
	}
	
body > .content, body #wrapper > form > .content, body > form #wrapper > .content {
	min-height: calc(100vh - (194px + 100px));
}

/* Full News Listing */
.news_list.full li a .img {
	margin: 0.9375rem 0 ;
	max-width: 140px;
	float: left;
	display: block;
}
.news_list.full li a .text {
	margin-left: 1.25rem;
	width: calc(100% - (1.25rem + 140px));
}

/* EVENTS FINAL PAGES
================================================================================ */
.event_summary {
	margin-top: 1.8575rem;
}
	.event_summary .columns {
		border-right: 1px solid rgba(0, 0, 0, 0.2);
	}
	.event_summary .columns:last-child {border: none;}
	.event_summary p, body .sfContentBlock .event_summary p {
		font-size: 0.875rem;
	}
	.event_summary .icon + p, body .sfContentBlock .event_summary .icon + p {
		font-size: 1rem;
	}

/* A-Z
================================================================================ */	
ul.a-z li, body .sfContentBlock ul.a-z li {
    font-size: 1.375rem;
    padding: 10px 0;
    width: 32px;
}

.a-z_content dl {}
	.a-z_content dl dd, .a-z_content dl dt {
		padding-bottom: 0.9375rem;
		margin-bottom: 0.9375rem;
		float: left;
		border-bottom: 1px solid rgba(0,0,0,0.2);
	}
	.a-z_content dl dt {
		width: 33.3333%;
		clear: both;
		padding-right: 0.9375rem;
	}
	.a-z_content dl dd {
		width: 66.6667%;
		padding-left: 0.9375rem;
	}

/* FORMS
================================================================================ */
form fieldset:nth-child(2n) {
	background: #ffffff;
}

/* BUTTONS
================================================================================ */
				
/* SOCIAL
================================================================================ */

/* MISC
================================================================================ */
#top-link {
    bottom: 30px;
}

/* FOOTER
================================================================================ */
#footer {
	padding: 3.125rem 0;
}
	#footer * {font-size: 0.875rem;}
	#footer h3, body .sfContentBlock #footer h3, body #footer h3 {
		padding: 0 0 0.3125rem 1.875rem;
		margin: 0.9375rem 0;
		font-size: 1rem;
		background-position: 0 0;
		background-repeat: no-repeat;
		cursor: default;
	}
		#footer h3:hover, .business #footer h3:hover {color: #fff;}
		#footer h3:after {display: none;}
		#footer h3.links {background-image: url(../images/icons/footer_links.png);}
		#footer h3.address {background-image: url(../images/icons/footer_address.png);}
		#footer h3.contact {background-image: url(../images/icons/footer_contact.png);}
		#footer h3.email {background-image: url(../images/icons/Email.png);}
	#footer p, body .sfContentBlock #footer p {display: inline !important;}
		#footer p .button, body .sfContentBlock #footer p .button {min-width: 0;}
	#footer ul, body .sfContentBlock #footer ul {display: block !important;}
		#footer ul li a {
			border-bottom: none;
			border-top: 1px solid rgba(255,255,255,0.1);
		}
		#footer ul li:nth-child(-n+2) a {
			border: none;
		}
		#footer ul.social_links, body .sfContentBlock #footer ul.social_links {margin: 0; width: auto;}
		
/* BUSINESS
================================================================================ */		
body.business .sfContentBlock .transactions li a {
	color: #fff;
}
.business .transactions li a:hover, .business .transactions li a:focus, body.business .sfContentBlock .transactions li a:hover, body.business .sfContentBlock .transactions li a:focus {
	background-color: #09327e;
	color: #fff;
}

}

/* Large (1020px up)
==================================================================================================================================
=============================================================================================================================== */
@media only screen and (min-width: 64.063em) {

/* GENERAL
================================================================================ */

/* FOUNDATION ELEMENTS
================================================================================ */
.row .row {
	margin-left: -1.5625rem;
	margin-right: -1.5625rem;
}

.column, .columns {
	position: relative;
	padding-left: 1.5625rem;
	padding-right: 1.5625rem;
	float: left;
}

/* HEADER
================================================================================ */
#header nav ul, body .sfContentBlock #header nav ul {
	height: 80px;
}
	#header nav ul li a {
		line-height: 80px;
		padding: 0 1.5625rem;
	}
	
#header .search form {
	padding: 0;
	margin: 1.375rem 0 !important;
}
	
/* FIXED NAV */
.fixed_nav {height: 80px;}
.fixed_nav_spacing {padding-top: 80px;}

/* NAVIGATION
================================================================================ */

/* BREADCRUMB
================================================================================ */

/* MAIN CONTENT
================================================================================ */
.transactions li a {
	font-size: 1.125rem;
	padding: 1.875rem 1.875rem 0.9375rem 1.875rem;
}
	.transactions li a span {
		padding-top: 1.25rem;
	}

/* A-Z
================================================================================ */
.a-z_content dl dt {width: 25%;}
.a-z_content dl dd {width: 75%;}

/* FORMS
================================================================================ */

/* BUTTONS
================================================================================ */
				
/* SOCIAL
================================================================================ */

/* MISC
================================================================================ */

/* FOOTER
================================================================================ */
#footer p .button, body .sfContentBlock #footer p .button {min-width: 200px;}

}

/* PRINT STYLES
==================================================================================================================================
=============================================================================================================================== */
@media print {
	
/* FOUNDATION COLUMNS
================================================================================ */
.small-1, .small-block-grid-12 > li {width: 8.33333%;}
.small-2, .small-block-grid-6 > li {width: 16.66667%;}
.small-3, .small-block-grid-4 > li {width: 25%;}
.small-4, .small-block-grid-3 > li {width: 33.33333%;}
.small-5 {width: 41.66667%;}
.small-6, .small-block-grid-2 > li {width: 50%;}
.small-7 {width: 58.33333%;}
.small-8 {width: 66.66667%;}
.small-9 {width: 75%;}
.small-10 {width: 83.33333%;}
.small-11 {width: 91.66667%;}
.small-12, .small-block-grid-1 > li {width: 100%;}
.small-block-grid-5 > li {width: 20%;}
.small-block-grid-7 > li {width: 14.2857%;}
.small-block-grid-8 > li {width: 12.5%;}
.small-block-grid-9 > li {width: 11.1111%;}
.small-block-grid-10 > li {width: 10%;}
.small-block-grid-11 > li {width: 9.09091%;}
	
.medium-1, .medium-block-grid-12 > li {width: 8.33333%;}
.medium-2, .medium-block-grid-6 > li {width: 16.66667%;}
.medium-3, .medium-block-grid-4 > li {width: 25%;}
.medium-4, .medium-block-grid-3 > li {width: 33.33333%;}
.medium-5 {width: 41.66667%;}
.medium-6, .medium-block-grid-2 > li {width: 50%;}
.medium-7 {width: 58.33333%;}
.medium-8 {width: 66.66667%;}
.medium-9 {width: 75%;}
.medium-10 {width: 83.33333%;}
.medium-11 {width: 91.66667%;}
.medium-12, .medium-block-grid-12 > li {width: 100%;}
.medium-block-grid-5 > li {width: 20%;}
.medium-block-grid-7 > li {width: 14.2857%;}
.medium-block-grid-8 > li {width: 12.5%;}
.medium-block-grid-9 > li {width: 11.1111%;}
.medium-block-grid-10 > li {width: 10%;}
.medium-block-grid-11 > li {width: 9.09091%;}

.large-1, .large-block-grid-12 > li {width: 8.33333%;}
.large-2, .large-block-grid-6 > li {width: 16.66667%;}
.large-3, .large-block-grid-4 > li {width: 25%;}
.large-4, .large-block-grid-3 > li {width: 33.33333%;}
.large-5 {width: 41.66667%;}
.large-6, .large-block-grid-2 > li {width: 50%;}
.large-7 {width: 58.33333%;}
.large-8 {width: 66.66667%;}
.large-9 {width: 75%;}
.large-10 {width: 83.33333%;}
.large-11 {width: 91.66667%;}
.large-12, .large-block-grid-1 > li {width: 100%;}
.large-block-grid-5 > li {width: 20%;}
.large-block-grid-7 > li {width: 14.2857%;}
.large-block-grid-8 > li {width: 12.5%;}
.large-block-grid-9 > li {width: 11.1111%;}
.large-block-grid-10 > li {width: 10%;}
.large-block-grid-11 > li {width: 9.09091%;}
	
/* AMEND STYLES
================================================================================ */
#cookie-bar, #header .search, #header nav, .accordion_all, p.swipe, .hide-for-medium-up, #footer, .white_bg, .news_list .arrow_holder, .news_list .square_box, .categories li a span.icon, .access_keys, #top-link, #logo a[href]:after {
	display: none; visibility: hidden;
}

ul.bullet li:before {
    -webkit-box-shadow: inset 0 0 0 1000px #000 !important;
	-moz-box-shadow: inset 0 0 0 1000px #000 !important;
	box-shadow: inset 0 0 0 1000px #000 !important;
}

.align_vert {padding-top: 0 !important;}
.vert_centre {
    top: auto;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}

.fixed_nav {position: relative;}
.fixed_nav_spacing {padding: 0 !important;}

#logo a img {
	float: left;
	border: 1px solid rgba(0,0,0,0.2);
	border-top: none;
	height: 150px;
}
	
body > .content, body #wrapper > form > .content, body > form #wrapper > .content {
	margin: 0 !important;
	padding-top: 0.9375rem;
	clear: both;
}
	#breadcrumb > div, #breadcrumb .columns {
		margin: 0 !important;
		height: auto !important;
	}
		#breadcrumb ul {
			width: 100%;
			margin: 0; padding: 0.3125rem 0;
			border-top: 1px solid rgba(0,0,0,0.2);
			border-bottom: 1px solid rgba(0,0,0,0.2);
			display: block;
			overflow: hidden;
		}
			#breadcrumb ul li {
				float: left;
				font-size: 0.75rem;
				padding: 0; margin: 0;
			}
			#breadcrumb ul li a::after {
				content: "/";
				margin: 0 0.66667rem;
				position: relative;
				top: 1px;
			}
.home .button, .services .button, body .sfContentBlock .home .button, body .sfContentBlock .services .button {
	display: none;
}
.transactions li a {
	border: 1px solid rgba(0,0,0,0.2);
	padding: 0.9375rem 0;
}
	.transactions li a img {
		-webkit-box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.2) !important;
		-moz-box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.2) !important;
		box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.2) !important;
	}
	.transactions li a span {
		/*height: auto !important;*/
		padding-top: 0.9375rem !important;
		margin: 0;
	}
.transactions.additional, .transactions.additional li, .categories.additional, .categories.additional li {
    display: block !important;
}
	
.categories li a span {
	width: 100%;
}
.categories li a span.desc {
	font-style: normal;
}

.events_list {
	margin: 0 -0.625rem;
}
	.events_list li {
		width: 100%;
	}
		.events_list li a {
			height: auto !important;
		}
			.events_list li a span {
				padding: 0;
			}

.news_list, .news_list li a {
	border: none;
}
	.news_list li a .text {
		padding: 0 !important;
		width: 100%;
	}

.title_bar {
	clear: both;
	position: relative;
}
	.title_bar::after {background: transparent !important;}
	.title_bar h1, body .title_bar h1 {
		border-bottom: 1px solid rgba(0,0,0,0.2);
		padding-bottom: 0.9375rem;
	}
	.title_bar .button, body .sfContentBlock .title_bar .button {
		border: 2px solid #00875b;
		position: relative;
	}
	.title_bar .button[href]:after {
		display: inline-block;
		position: absolute;	
		left: 110%; top: -5px;
	}
	.title_bar .row .columns {width: 100%;}
		.title_bar .row .columns .right {float: left !important;}
		.title_bar .button, body .sfContentBlock .title_bar .button {margin-top: 0;}
	
.icon {
	-webkit-box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.2) !important;
	-moz-box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.2) !important;
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.2) !important;
}

.event_summary .columns {
	width: 100%;
}
	
.accordion .accordion-navigation > a, .accordion .accordion-navigation.active > a, .accordion .accordion-navigation > .content, .accordion .accordion-navigation > .content.active {
	display: block;
	padding: 0;
}

form .button.postfix, body .sfContentBlock form .button.postfix {
	border: 2px solid #00875b;
	line-height: 2.357;
}

p.error span {padding: 0; color: #c60f13 !important;}

table thead tr {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
}