/*	MAIN.css?v=20211217 - Stylesheet for the layout for DESKTOP sites
	(margins, position, width, height, and floats)
	Min Screen Width 940px - Fixed Width Layout (centred on wider screens) */

/* --- HIDE MOBILE ONLY ELEMENTS --- */
/* Also hide CMS included elements we can't get rid of any other way,
   and header/footer links to content that is not live yet */

/* .social-tour, .social-youtube, .su-youtube,*/
#mobile-footer-ctas,
#mobile-quick-links,
#mobile-ctas-trigger,
.nav.aside .column-title,
#googleSearchAdvancedLink,
#mobile-menu, #mobile-utilities,
#utilities .mobile-site-help, .mobile-site-help,
.mobile-only-text {
	display: none;
}

[id$=ctas] .column-title {
	display:none;
}


/* --- HTML ELEMENTS --- */
/* Breakpoint-specific sizing and margins */
blockquote { margin-bottom: 1.6em; padding-left: 2em;}


img, .video {
	margin: 3px 10px;
}
img.image-map, img.image-icon {
	margin: 0px;
}



/* --- MAIN LAYOUT --- */
#wrapper { min-height: 100%; position: relative; width: 100%;}

.w-w2 {
	/*min-width: 80.83em;*/
}

/* --HEADER-- */

.a-w1 {
    margin: 0 auto;
    max-width: 99%;
    position: relative;
    width: 82em;
}
.a-w2 {
    padding: 0 8em;
}

#alert-bar a.cta {
    position: absolute;
    right: 0;
    top: 27%;
}



#header {
	min-height: 257px;
	position: relative;
}
.h-w1 {
	height: 42px;
	margin: 0 auto;
}
.h-w2 {
	margin: 0 auto;
	height: 42px;
	width: 970px;
	position: relative;
	max-width: 99%;
}
.h-w3 {
    width: 100%;
    position: absolute;
    border-bottom: 12px solid rgba(255, 255, 255, 0.5);
    bottom: 0;
}

#header {
	width: 100%;
	z-index: 10;
}
	/* Banners */
	#header /* Default */
	{ background: url(../images/banners/banner-default.jpg) center 4px no-repeat;}
	#pagevariable165 #header, #ctl00_pagevariable165 #header /* Discover Richmond */
	{background: url(../images/banners/banner-discover.jpg) center 4px no-repeat;}
/*	#pagevariable165 #header::before, #ctl00_pagevariable165 #header::before {
    	background: url("../images/banners/bgtile-left-discover.jpg") repeat-x top right;
    	content: " ";height: 100%;position: absolute;left: 0;top: 0;width: calc(50% - 800px);z-index: -1;}
	#pagevariable165 #header::after, #ctl00_pagevariable165 #header::after {
    	background: url("../images/banners/bgtile-right-discover.jpg") repeat-x top left;
    	content: " ";height: 100%;position: absolute;right: 0;top: 0;width: calc(50% - 800px);z-index: -1;}
*/	#pagevariable27 #header, #ctl00_pagevariable27 #header /* City Hall */
	 {background: url(../images/banners/banner-cityhall.jpg) center 4px no-repeat;
	  /*background: url(../images/banners/banner-cityhall.jpg) center 4px no-repeat, linear-gradient(90deg, #7585b3 50%, #7B7BA1 50%);*/}
	#pagevariable109 #header, #ctl00_pagevariable109 #header /* City Services */
	 {background: url(../images/banners/banner-services.jpg) no-repeat center top;
	  /*background: url(../images/banners/banner-services.jpg) no-repeat center top, linear-gradient(150deg, rgba(0, 0, 0, 0) calc(50% - 200px), #0b0b0b calc(50% - 200px), #231d1f), linear-gradient(#b6aac2, #b7aac2 41%, #8279AA 65%, #75699b);*/}
	#pagevariable15 #header, #ctl00_pagevariable15 #header /* Business */
	 {background: url(../images/banners/banner-business.jpg) center 4px no-repeat;
	  /*background: url(../images/banners/banner-business.jpg) center 4px no-repeat, linear-gradient(90deg, #759ed5 50%, #6E9AD8 50%);*/}
/*	#pagevariable15 #header::after, #ctl00_pagevariable15 #header::after {
    	background: url("../images/banners/bgtile-right-business.jpg") repeat-x top left;
    	content: " ";height: 100%;position: absolute;right: 0;top: 0;width: calc(50% - 800px);z-index: -1;}
*/	#pagevariable12612 #header, #ctl00_pagevariable12612 #header /* Planning and Development */
	 {background: url(../images/banners/banner-planning.jpg) center 4px no-repeat;
	  /*background: url(../images/banners/banner-planning.jpg) center 4px no-repeat, linear-gradient(90deg, #8CB3E3 50%, rgba(0,0,0,0) 50%),
	  linear-gradient(#9bc7fb 25%, #DDf0FF);*/}
	#pagevariable199 #header, #ctl00_pagevariable199 #header /* Recreation & Commmunity Centres */
	 {background: url(../images/banners/banner-recreation.jpg) center 4px no-repeat;}
/*	#pagevariable199 #header::before, #ctl00_pagevariable199 #header::before {
    	background: url("../images/banners/bgtile-left-rec.jpg") repeat-x top right;
    	content: " ";height: 100%;position: absolute;left: 0;top: 0;width: calc(50% - 800px);z-index: -1;}
	#pagevariable199 #header::after, #ctl00_pagevariable199 #header::after {
    	background: url("../images/banners/bgtile-right-rec.jpg") repeat-x top left;
    	content: " ";height: 100%;position: absolute;right: 0;top: 0;width: calc(50% - 800px);z-index: -1;}
*/	#pagevariable147 #header, #ctl00_pagevariable147 #header /* Arts & Culture */
	 {background: url(../images/banners/banner-culture.jpg) center 4px no-repeat;
	  /*background: url(../images/banners/banner-culture.jpg) no-repeat center, radial-gradient(at right bottom , #c1d8f3, #ABC7EB);*/}
	#pagevariable237 #header, #ctl00_pagevariable237 #header/* Safety */
	 {background: url(../images/banners/banner-safety.jpg) center 4px no-repeat;}
	#pagevariable13047 #header, #ctl00_pagevariable13047 #header /* News + Events */
	 {background: url(../images/banners/banner-newsevents.jpg) center 4px no-repeat;
	 /* background: url(../images/banners/banner-newsevents.jpg) no-repeat center top, linear-gradient(90deg, rgba(0,0,0,0) 50%, #020d11 50%),
	  linear-gradient(#020d11 40%, #102C28 55%,#102C28 65%, #020d11 90%);*/}
	#pagevariable7895 #header, #ctl00_pagevariable7895 #header /* Elections */
	 {background: url(../images/banners/banner-elections.jpg) center 4px no-repeat; background-blend-mode: multiply;}
	#pagevariable8965 #header, #ctl00_pagevariable8965 #header /* Careers */
	 {background: url(../images/banners/banner-careers.jpg) center 4px no-repeat;
	 /* background: url(../images/banners/banner-careers.jpg) center 4px no-repeat, linear-gradient(90deg, #d4dee7 50%, #d9e3ec 50%);*/}
	#pagevariable12262 #header, #ctl00_pagevariable12262 #header /* Sport and Event Hosting */
	 {background: url(../images/banners/banner-eventhosting.jpg) center 4px no-repeat;}
/*	#pagevariable12262 #header::before, #ctl00_pagevariable12262 #header::before {
    	background: url("../images/banners/bgtile-left-sport.jpg") repeat-x top right;
    	content: " ";height: 100%;position: absolute;left: 0;top: 0;width: calc(50% - 800px);z-index: -1;}
	#pagevariable12262 #header::after, #ctl00_pagevariable12262 #header::after {
    	background: url("../images/banners/bgtile-left-sport.jpg") repeat-x top left;
    	content: " ";height: 100%;position: absolute;right: 0;top: 0;width: calc(50% - 800px);z-index: -1;}
*/	#pagevariable12406 #header, #ctl00_pagevariable12406 #header /* Parks, Trails & Cycling */
	 {background: url(../images/banners/banner-parks.jpg) center 4px no-repeat;}
/*	#pagevariable12406 #header::before, #ctl00_pagevariable12406 #header::before {
    	background: url("../images/banners/bgtile-left-parks.jpg") repeat-x top right;
    	content: " ";height: 100%;position: absolute;left: 0;top: 0;width: calc(50% - 800px);z-index: -1;}
	#pagevariable12406 #header::after, #ctl00_pagevariable12406 #header::after {
    	background: url("../images/banners/bgtile-right-parks.jpg") repeat-x top left;
    	content: " ";height: 100%;position: absolute;right: 0;top: 0;width: calc(50% - 800px);z-index: -1;}
*/	#pagevariable12438 #header, #ctl00_pagevariable12438 #header /* Sustainability */
	 {background: url(../images/banners/banner-sustainability.jpg) center 4px no-repeat;}
/*	#pagevariable12438 #header::before, #ctl00_pagevariable12438 #header::before {
    	background: url("../images/banners/bgtile-left-env.jpg") repeat-x top right;
    	content: " ";height: 100%;position: absolute;left: 0;top: 0;width: calc(50% - 800px);z-index: -1;}
	#pagevariable12438 #header::after, #ctl00_pagevariable12438 #header::after {
    	background: url("../images/banners/bgtile-right-env.jpg") repeat-x top left;
    	content: " ";height: 100%;position: absolute;right: 0;top: 0;width: calc(50% - 800px);z-index: -1;}
*/	#pagevariable187 #header, #ctl00_pagevariable187 #header /* Contact Us */
	 {background: url(../images/banners/banner-contact.jpg) center 4px no-repeat;
	  /*background: url(../images/banners/banner-contact.jpg) no-repeat center top, linear-gradient(90deg, #86b7e7 50%, rgba(0, 0, 0, 0)),
	  linear-gradient(#5e95d8 20%, #b3cee5 80%);*/}
	#pagevariable198 #header, #ctl00_pagevariable198 #header /* Related Links */
	 {background: url(../images/banners/banner-links.jpg) center 4px no-repeat;}
/*	#pagevariable198 #header::before, #ctl00_pagevariable198 #header::before {
    	background: url("../images/banners/bgtile-left-links.jpg") repeat-x top right;
    	content: " ";height: 100%;position: absolute;left: 0;top: 0;width: calc(50% - 800px);z-index: -1;}
	#pagevariable198 #header::after, #ctl00_pagevariable198 #header::after {
    	background: url("../images/banners/bgtile-right-links.jpg") repeat-x top left;
    	content: " ";height: 100%;position: absolute;right: 0;top: 0;width: calc(50% - 800px);z-index: -1;}
*/	#pagevariable000 #header, #ctl00_pagevariable000 #header /* Copyright, Site Map, etc */
	 {background: url(../images/banners/banner-sitehelp.jpg) center 4px no-repeat;
	  /*background: url(../images/banners/banner-sitehelp.jpg) no-repeat center top, linear-gradient(#6aa1e7 25%, #8BC6F9);*/}
/*	#pagevariable000 #header::after, #ctl00_pagevariable000 #header::after {
    	background: url("../images/banners/bgcap-right-sitehelp.png") no-repeat left bottom;
    	content: " ";height: 100%;position: absolute;right: 0;top: 0;width: calc(50% - 800px);z-index: -1;}
*/

#header {position:relative}

#utilities, #font-sizer {
	/*color: #b2b2b2; */
	font-size: 91.67%;
	font-size: 0.9167rem;
	padding-right: 10px;
	margin: 0;
	float: right;
}
#utilities{
	padding-top: 12px;
}
#font-sizer {
	padding-top: 10px;
}
#logo {
	top: 66px;
	left: 3px;
	width: 444px; height: 72px;
	position: absolute;
	background: url(../images/skin/logo.png) no-repeat;
}
.elections #logo {
	/*background: url(../images/skin/elections-logo.png) no-repeat;*/
	top: 92px;
	left: 36px;
	background-size: contain;
}

.elections #heron-logo {
	background: url(../images/rmdheron-logo.png) no-repeat;
	width:111px;
	height: 30px;
	display:block;
	position:absolute;
	top: 200px;
	right: 0px;
}
.elections #sd38-logo {
	background: url(../images/rsd38-logo.png) no-repeat;
	width:128px;
	height: 26px;
	display:block;
	position:absolute;
	top: 202px;
	right: 125px;
}

.search-wrapper {
	background: rgba(255, 255, 255, 0.75);
	overflow: hidden;
	padding: 6px 12px;
	position: absolute;
	right: 15px;
	top: 68px;
}

#search {padding: 6px 13px; width: 273px; height: 28px;}

#mainnavigation {
    margin: 0 auto;
    max-width: 99%;
    width: 82.4em;
	position: relative;
	bottom: -13px ;
}
	#mainnavigation ul {
		overflow: hidden;
		padding: 0px;
		text-align: center;
		background: rgba(255, 255, 255, 0.8) ;
		margin: 0 0 1px;

		background: #f0f0f0;
		background:  rgba(240, 240, 240, 0.95);
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f0f0f0));
		background: -webkit-linear-gradient(#ffffff, #f0f0f0);
		background: -moz-linear-gradient(#ffffff, #f0f0f0);
		background: -ms-linear-gradient(#ffffff, #f0f0f0);
		background: -o-linear-gradient(#ffffff, #f0f0f0);
		background: linear-gradient(rgba(255, 255, 255, 0.95), rgba(240, 240, 240, 0.95));

		}
		#mainnavigation li {
			display: inline-block;
			*display: inline;
			zoom: 1;
			position: relative;
			padding-bottom: 2px;
			white-space: nowrap;
			height: 42px;
		}
			#mainnavigation li a {
				color: #434345;
				font-size: 116.67%;
				font-size: 1.1667rem;
				display: block;
				height: 34px;
				padding-top: 10px;
				text-decoration: none;
				font-family: 'FrutigerLight', 'Arial Narrow', Helvetica, sans-serif;
				text-shadow: none;
				font-weight: normal;
				cursor: pointer;
			}
				#mainnavigation li a:hover {color: #0081C6;}
				#mainnavigation li a span {
					height: 24px;
					display: inline-block;
					zoom: 1;
					padding: 0px 0.6em;
					line-height: 26px;
				}

			#mainnavigation li.top-nav {padding-right: 0.9em;}
				#mainnavigation li.top-nav a.active {padding-top: 0px; height: 44px;}
				#mainnavigation li.top-nav a.active span {height: 34px; padding-top: 10px;}

			#mainnavigation li.lower-nav {
				background: url(../images/sprites/Repeat-x.png) right 10px no-repeat;
				margin-left: -2px;
			}
				#mainnavigation li.lower-nav a {padding: 10px 4px 0px;}

			#nav-discover a span {border-left: 5px solid #ee3124;}
			#nav-parks a span {border-left: 5px solid #00a94f;}
			#nav-recreation a span {border-left: 5px solid #fbaf34;}
			#nav-sport a span {border-left: 5px solid #0081c6;}
			#nav-arts a span {border-left: 5px solid #434345;}

		/* Active Top Navigation Element */
		#pagevariable165 #mainnavigation li#nav-discover a,
		#pagevariable12406 #mainnavigation li#nav-parks a,
		#pagevariable199 #mainnavigation li#nav-recreation a,
		#pagevariable12262 #mainnavigation li#nav-sport a,
		#pagevariable21390 #mainnavigation li#nav-sport a,
		#pagevariable147 #mainnavigation li#nav-arts a,
		#pagevariable27 #mainnavigation li#nav-city_hall a,
		#pagevariable109 #mainnavigation li#nav-city_services a,
		#pagevariable12612 #mainnavigation li#nav-planning a,
		#pagevariable12438 #mainnavigation li#nav-sustainability a,
		#pagevariable15 #mainnavigation li#nav-business a,
		#pagevariable237 #mainnavigation li#nav-public a,
		#pagevariable8965 #mainnavigation li#nav-careers a
#pagevariable21390 #mainnavigation li#nav-sport a
			{background: url(../images/skin/nav-active.png) left top repeat-x; color: #fff;}
		/** For ASPX pages **/
		#ctl00_pagevariable165 #mainnavigation li#nav-discover a,
		#ctl00_pagevariable12406 #mainnavigation li#nav-parks a,
		#ctl00_pagevariable199 #mainnavigation li#nav-recreation a,
		#ctl00_pagevariable12262 #mainnavigation li#nav-sport a,
		#ctl00_pagevariable147 #mainnavigation li#nav-arts a,
		#ctl00_pagevariable27 #mainnavigation li#nav-city_hall a,
		#ctl00_pagevariable109 #mainnavigation li#nav-city_services a,
		#ctl00_pagevariable12612 #mainnavigation li#nav-planning a,
		#ctl00_pagevariable12438 #mainnavigation li#nav-sustainability a,
		#ctl00_pagevariable15 #mainnavigation li#nav-business a,
		#ctl00_pagevariable237 #mainnavigation li#nav-public a,
		#ctl00_pagevariable8965 #mainnavigation li#nav-careers a
			{background: url(../images/skin/nav-active.png) left top repeat-x; color: #fff;}


		/*#mainnavigation #nav-discover {padding-left: 3em;}*/
		#mainnavigation #nav-careers {background: none;}



/* --HOME CONTENT --*/

.home #header, .home.bg1 #header
{ background: url(../images/homepage/banners/home-banner-01.jpg) center 4px no-repeat;}
.home.bg2 #header
{ background: url(../images/homepage/banners/home-banner-02.jpg) center 4px no-repeat;}
.home.bg3 #header
{ background: url(../images/homepage/banners/home-banner-03.jpg) center 4px no-repeat;}
.home.bg4 #header
{ background: url(../images/homepage/banners/home-banner-04.jpg) center 4px no-repeat;}
.home.bg5 #header
{ background: url(../images/homepage/banners/home-banner-05.jpg) center 4px no-repeat;}
.home.bg6 #header
{ background: url(../images/homepage/banners/home-banner-06.jpg) center 4px no-repeat;}
.home.bg7 #header
{ background: url(../images/homepage/banners/home-banner-07.jpg) center 4px no-repeat;}
.home.bg8 #header
{ background: url(../images/homepage/banners/home-banner-08.jpg) center 4px no-repeat;}
.home.bg9 #header
{ background: url(../images/homepage/banners/home-banner-09.jpg) center 4px no-repeat;}
.home.bg10 #header
{ background: url(../images/homepage/banners/home-banner-10.jpg) center 4px no-repeat;}


.home #header {height: auto; /*border-bottom: 1px solid #0081c6;*/}
	.home .h-w4 {
		height: 682px;
		position: relative;
		max-height: calc(100vh - 245px - 4em);
		min-height: calc(19em + 290px);
	}

	.home .h-w3 {
		border-bottom: 0px;
		margin-top: 124px;
		position: static;
	}

.home #main {background: none; width:auto;}
.home #content {
	padding: 0px;
	width: 100%;
	left: 0px;
}


	.home-emergency {
		position: absolute;
		display: none;
	}


	#home-search, #home-dropdowns {
		max-width: 100%;
		position: relative;
		width: 73.33em;
		margin: auto;
	}
	#home-search {margin-top: 100px; z-index: 90;}
	#home-dropdowns {margin-top: 15px; z-index: 50;}


/*	.home-eservices, .home-howdoi {
		width: 50%;
	}
	.home-eservices {
		float: left;
	}
	.home-howdoi {
		float: right;
	}

		.home-eservices .more, .home-howdoi .more {
			height: 3px;
			margin: 0;
			position: relative;
		}
			.home-eservices .more a { position: absolute; left:0;}
			.home-howdoi .more a { position: absolute; right:0;}
		.home-eservices div, .home-howdoi div {
			position: relative;
		} */



#ScrollForMore {
    bottom: 15px;
    left: 50%;
    margin-left: -49px;
    position: absolute;
}

	.home-quicklinks, .home-news, .home-featured, .home .c-w2 {
		margin: 0 auto;
		width: 78.34em;
		max-width: 99%;
	}

	.home-quicklinks h2 {
		background: url("../images/homepage/heading-line4.png") no-repeat center center;
	}
	.home-news h2, .home-featured h2 {
		background: url("../images/homepage/heading-line3.png") no-repeat center center;
	}

	.home-featured p, .home-news p {
		width: 300px;
	}
	.home-news .more {
		text-align: right;
		width: 100%;
		width: calc(100% - 25px);
	}

.home .c-w1, .home .c-w1.bg1 {
    background: url("../images/homepage/banners/events-banner-01.jpg") no-repeat 50% 0;
}
.home .c-w1.bg2 {
    background: url("../images/homepage/banners/events-banner-02.jpg") no-repeat 50% 0;
}
	.home-events {
		width: 400px;
	}
		#content .home-events .more {
			text-align: right;
			width: 100%;
		}
			.home-events .more a:first-child {
				float: left;
			}

/* --CONTENT-- */
#main {
	position: relative;
	background: url(../images/sprites/nav-repeat-y.png) 24% top repeat-y;
	margin-bottom: 25px;
	width: 78.34em;
	max-width: 99%;
	margin: 0 auto;
}

	#main .m-w1 {
		margin-top: 1%;
	}
	#main .m-w2 {
		overflow: visible;
		position: relative;
	}
	#main .m-w2:after {
		content: " ";
		clear: both;
	}

#breadcrumbs {height: 30px; font-size: 91.67%;
	font-size: 0.9167rem; color: #a6a6a6; padding-top: 10px; background-color: #fff;}
	#breadcrumbs a {color: #a6a6a6; text-decoration: none;}

[id$=subnav], #content {
	float: left;
}

.news-column {width: 22.92em; float: left;}
	.news-column .imageShadow,
	.news-column .image-logo {margin: 3px 0px!important;}
	.news-column .caption {margin: 0px!important;}
.information-column {width: 14.17em; float: right;}

td.caption {
	margin: 0;
	padding: 0 10px;
}



/* --- ASIDE --- */
	[id$=ctas] {
		width: 19.6%;
		float: right;
		padding-bottom: 166px;
		display: inline-block;
		*display: inline;
		zoom: 1;
		background: url(../images/skin/layout/bg-cta-bottom.png) left bottom no-repeat;
	}
		[id$=ctas] h2 {
			font-size: 125%;
			font-size: 1.25rem;
			color: #333;
			font-family: 'FrutigerLight', 'Arial Narrow', Helvetica, sans-serif;
			font-weight:normal;
		}

		[id$=ctas] input, [id$=ctas] select {
			max-width: 12em;
		}

		[id$=ctas] ul {padding: 0 0 20px 0px; background: url(../images/skin/layout/bg-cta-shadow.png) left bottom no-repeat; margin:0 0 8px 0;}
		[id$=ctas] ul ul {background: none; padding: 0; margin: 0;}
		[id$=ctas] ul.last-cta, [id$=ctas] ul:last-of-type { margin: 0; padding: 0; background: none;}
			[id$=ctas] ul li a {text-decoration: none;}

			.cta-email a {background:  url(../images/sprites/LargeIcons.png) left -116px no-repeat;}
			.cta-rss a {background:  url(../images/sprites/LargeIcons.png) left -58px no-repeat;}
			.cta-friend a {background:  url(../images/sprites/LargeIcons.png) left -87px no-repeat;}

			[id$=ctas] .cta-icons {padding: 0px; padding-bottom: 5px; background: none;}
			[id$=ctas] .cta-icons a {padding-left: 40px; padding-top: 5px; height: 22px; display: block;}
			[id$=ctas] .cta-email {margin-top: 8px; }

/* ---  HOME ASIDE --- */
.home [id$=ctas] {
	margin-top: 30px;
	border: 1px solid #c6c6c8;
	border-top: 5px solid #fbaf34;
	padding-bottom: 0px;
	margin-bottom: 0px;
	background-image: none;
	background-color: #fbfbfb;
}
	.home [id$=ctas] .cta-container {
		padding: 15px;
		background:url(../images/skin/home/bg-cta-home-shadow.png) center top no-repeat;
		position: relative;
	}
	.home [id$=ctas] .first-cta {background-image: none;}

[id$=ctas] .cta-maps {min-height: 70px;}
	[id$=ctas] .cta-volunteer {min-height: 90px;}

		[id$=ctas] .cta-maps img {position: absolute; right: 0px; top: 0px;}
		[id$=ctas] .cta-volunteer img {position: absolute; right: 0px; bottom: 0px;}

		[id$=ctas] .cta-maps p {width: 100px;}

/* --- SIDE NAV --- */
	[id$=subnav]{
		left: -48.7%;
		width: 24%;
		position: relative;
		top: 0;
		padding-top: 20px;
		border-top: 5px solid #0081c6;
		z-index: 90;
	}
		[id$=subnav] ul {margin: 0px; padding: 0px; width: 100%;}
			[id$=subnav] ul li {
				display: inline-block;
				*display: inline;
				zoom: 1;
				margin: 0px; padding: 0px;
				list-style: none;
				width: 100%;
				border-bottom: 1px solid #d9d9d9;
				position: relative;
			}
			[id$=subnav] ul ul {
				position: absolute;
				left: 100%;
				top: -5px;
				width: 24.5em;
				border-top: 5px solid #fbaf34;
				background-color: #f7f7f7;
				z-index: 90;
				display: none;

				-webkit-box-shadow: #666 1px 1px 3px;
				-moz-box-shadow: #666 1px 1px 3px;
				box-shadow: #666 1px 1px 3px;
			}
			[id$=subnav] ul ul li {
				width: 24.5em;
			}
			[id$=subnav] ul ul ul {
				left: 24.5em;
			}

				[id$=subnav] ul li a {
					display: block;
					border-bottom: 1px solid #fff;
					color: #333333;
					text-decoration: none;
					padding: 5px 40px 5px 20px;
					border-left: 5px solid #f2f2f2;
				}
				[id$=subnav] ul li:hover > ul {display: block;}
				[id$=subnav] ul ul li a {border-left: 5px solid #f7f7f7;}
				[id$=subnav] ul ul li > a:hover, [id$=subnav] ul ul li.sfHover > a {border-left: 5px solid #fff;}

				[id$=subnav] ul li.ipf-parent > a,
				[id$=subnav] ul li.ipf-parent > div a {background: url(../images/skin/subnav-normal.png) 16.25em center no-repeat;}
				[id$=subnav] ul li.ipf-parent > a:hover,
				[id$=subnav] ul li.ipf-parent > div > a:hover,
				[id$=subnav] ul li.ipf-parent.ipf-active > a:hover,
				[id$=subnav] ul li.ipf-parent.ipf-active > div > a:hover,
				[id$=subnav] ul li.ipf-parent.sfHover > a,
				[id$=subnav] ul li.ipf-parent.sfHover > div > a {
					background: #fff url(../images/skin/subnav-active.png) 16.25em center no-repeat;
					border-left: 5px solid #fff;
				}

				[id$=subnav] ul ul li.ipf-parent > a,
				[id$=subnav] ul ul li.ipf-parent > div a {background-position: 22em center !important;}

					[id$=subnav] ul li a:hover {color: #0081c6; background-color: #fff; border-left: 5px solid #fff; text-decoration:none !important;}
					[id$=subnav] ul li.ipf-active > a,
					[id$=subnav] ul li.ipf-active > div a,
					[id$=subnav] ul li.ipf-activenull > div a,
					[id$=subnav] ul li.ipf-activenull > a,
					[id$=subnav] ul li.ipf-active1 > div a,
					[id$=subnav] ul li.ipf-active2 > a,
					[id$=subnav] ul li.ipf-active3 > a {
						color: #0081c6;
						border-left: 5px solid #fbaf34 !important;
						background-color: #fff;
					}

						.sf-sub-indicator {display: none;}

			/* Only Show two levels of fly-out
			[id$=subnav] ul ul ul li.ipf-parent  > a:hover, [id$=subnav] ul ul ul li.ipf-parent > div a:hover,
			[id$=subnav] ul ul ul li.ipf-parent > a, [id$=subnav] ul ul ul li.ipf-parent > div a  {background-image: none;}
			[id$=subnav] ul ul ul ul {display:none !important;}*/


/* --- CONTENT --- */
#content {
	left: 27.82%;
	width: 48.72%;
	position: relative;
	top: 0;
}
/*.ie7 .c-w1, .ie8 .c-w1 {overflow: hidden;}*/

/* --FOOTER-- */

#footer {
	background: #f0f0f0 url(../images/sprites/Repeat-x.png) left -122px repeat-x;
	color: #666;
	margin-top: 2em;
}
	#footer .f-w1 {
		width: 78.34em;
		max-width: 99%;
		margin: 0 auto;
	}
	#footer .f-w2 {
		padding: 0px 0 30px 0;
		overflow: hidden;
	}
	#footer a {text-decoration: none;}

	#footer-top {
		padding: 9px 0 0 0;
		height: 45px;
		overflow: hidden;
		font-size: 1rem;
	}
		#footer-top ul {float: left;}
		#footer-top ul li {display:inline-block;}
		#footer-top ul.browse-aloud {float: right;}


		#footer-top ul li.browse-aloud {
			padding: 8px 0 10px 25px;
			float:right;
		}
		.social-links li, .browse-aloud li {
			margin: 8px 0;
		}
		.subscribe-links li {
			margin: 13px 0;
		}

	#footer h3 {
    	font-size: 118.18%;
    	font-size: 1.0833rem;
	}
	.footer-links {padding-right: 60px; padding-top: 10px; float: left;}
		#council {padding-right: 0;}




#LastPublishedDate {
    overflow: hidden;
    position: absolute;
	bottom: 0;
    right: 0;
    height: 1.2em;
    width: 5em;
}




/* -- TEMPLATE-SPECIFIC LAYOUT CHANGES -- */

/* Google Search Results Page */
div#main_res {
	margin-left: 28%;
}
div#dyn_nav {
    position: absolute;
    top: 0;
    width: 26%;
}




/* Blank Page Template */
.notemplate #footer {
	background: #f0f0f0;
    border-top: 2px solid black;
	padding-top: 0.5em;
}

/* Full Size iFrame Template */
/* Right column and page title are included in iframe content */

.template-fullsizeiframe #content {
	width: 72%;
}
.template-fullsizeiframe [id$=subnav]{
	left: -72%;
}

.template-fullsizeiframe .lower-utility {
	width: 452px;
}

.template-fullsizeiframe #LastPublishedDate {
    bottom: 40px;
	margin: 0;
}


/* No Right Column Template */

.template-norightcol #content {
	width: 72%;
}
.template-norightcol [id$=subnav]{
	left: -72%;
}
.template-norightcol #LastPublishedDate {
    bottom: 40px;
	margin: 0;
}


/* No Navigation Template */

.template-nonav #main {
	background: none;
}
.template-nonav #content {
	width: 100%;
	padding: 0px;
	float: none;
	left: 0;
}
.template-nonav #LastPublishedDate {
    bottom: 40px;
	margin: 0;
}

/* Promo/Splash/Landing page */
.template-splash .h-w2 {
	height: auto;
	width: 70%;
}
.template-splash .h-w1 {
	margin: auto;
	height: auto;
}

.template-splash #logo {
	position: static;
	display: block;
	margin: 14px;
	background: url(../images/skin/logo-colour.png) no-repeat;
}
.template-splash #main {
	width: 70%;
	margin: 2em auto;
	padding: 2em;
}
	

/* Blank Page Template */

.notemplate #wrapper {
	padding: 25px;
}
.notemplate #header {
	background: none !important;
	height: 75px;
}
.notemplate #logo {
    display: block;
    height: 75px;
    position: relative;
    top: 0;
    width: 250px;	background: url(../images/banners/HeronLogo.png) no-repeat;
}
.notemplate #main {
	background: none;
}
.notemplate #content {
	left: 0;
	width: auto;
	padding: 0px;
	float: none;
}
.notemplate #footer {
	/*background: url("../images/skin/crest.png") no-repeat left 42px;*/
}
.notemplate #footer-right {
	/*text-align: left;
	padding-left: 52px;
	float: none;*/
	float: left;
}


/************************************************
HomePage Update
**************************************************/
/* replaced 'FrutigerLight', 'Arial Narrow', Helvetica, sans-serif  with font-family: 'Open Sans Condensed', sans-serif; */

/*** header ***/
#font-sizer{
	float:left;
	padding-top:10px;
}

#utilities{
	float:left;
	padding-top:12px;
}


#utilities li a{
	font-size:12px;
	font-weight: bold;
	color:#0081c6;
}

.util-buttons{
	float:right;
	padding:8px 0;
	padding-top: 4px;
}








	.account-list{
		display: inline-block;
		position: relative;
                padding-bottom: 9px;
	}
        .account-list .btn-login::after, .account-list .btn-account::after {
            content: '\25BD';
            padding-left: 2em;
        }
		.account-drop{
			position: absolute;
			top:38px;
			left:0;
			z-index: 90;
			border: 1px solid black;
			padding: 0;
			display: none;
		}
			.account-list:hover .account-drop{
				display: block;
			}
			.account-drop li{
				background: #f2f2f2;
				border-bottom:1px solid #d4d4d4;
			}
				.account-drop li:last-child{
					border-bottom: none;
				}

				.account-drop a{
					display: block;
					width:195px;
					padding:7px 13px 9px 13px;
					text-decoration: none;
					font-size:13px;
					color:#676767;
				}
					.account-drop a:hover{
						text-decoration: none !important;
						color:#0081c6;
					}
				.account-drop span{
					font-size: 85%;
				}


/*******************************
Home CTA
********************************/


#home-search, #home-dropdowns{
	width:910px;
	position: relative;
}
#home-dropdowns > div{
	width:33%;
	float:left;
	margin-right: .5%
}
	#home-dropdowns > div:last-child{
		margin-right: 0;
	}

	#home-dropdowns  .showhide{
		font-size:18px;/*20px;*/
		font-weight: normal;
	    font-family: FrutigerRoman, Arial, sans-serif;

	    color: white;
	    background: url(../images/homepage/icons/down-arrow-white.png) no-repeat 4% center;
	    cursor: pointer;
	    display: block;
	    padding: 11px 10px 8px 50px;
	    border: 0px;
	}

	#home-dropdowns .showhide span{
		font-size: 73%;
		float: right;
	    font-family: FrutigerLight,"Arial Narrow", Arial, sans-serif;
	    font-weight: normal;
	    padding-top: 0.4em;
	    text-transform: none;
	}

	/** resets **/
	#home-dropdowns .home-eservices > div{
		background-color: #f00000;
		position: relative;
		left:-76px;
	}
	#home-dropdowns .home-howdoi > div{
		background-color: #0081c6;
		position: relative;
		left:-153px;
	}
	#home-dropdowns .home-myrichmond > div{
		background-color: #00a850;
		position: relative;
	}



	#home-dropdowns > div > div{
		min-width: 453px;
		margin-top: 4px;
		padding-top: 4px;
	}




	/** my richmond dropdown */

		.home-myrichmond .top-block{
			padding:6px 14px 10px;
		}

		.home-myrichmond .button-wrap{
			padding-top:8px;
		}
			.home-myrichmond .button-wrap a{
				margin-right: 10px;
			}

		.home-myrichmond .bottom-block{
			padding:10px 0px 16px;
			background: #009645;
		}

			.home-myrichmond .bottom-block h3{
				color:#fff;
				font-weight: bold;
				font-size:12px;
				margin-bottom: 5px;
				margin-left: 14px;
			}
			.home-myrichmond .bottom-block .btn-account, .home-myrichmond .bottom-block .btn-login,
			.home-myrichmond .bottom-block .btn-register, .home-myrichmond .bottom-block .btn-logout {
				-webkit-box-shadow: #009645 0px 2px 3px;
				-moz-box-shadow: #009645 0px 2px 3px;
				box-shadow: #009645 0px 2px 3px;
			}
			.home-myrichmond p{
				margin-bottom: 0;
				margin-left: 14px;
				clear:both;
			}