/*	MAIN.CSS - Stylesheet for the layout
	(margins, position, width, height, and floats)
	No color or background declarations should be here. */

/*	Example style for CSS#

div {
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
behavior: url(../css3pie/PIE.htc);
}

*/

/*-----Mobile Reset-----*/
#mobile-menu,
#m-menu-close, 
#m-search-close {
	display: none;
}


.section-inner { 
	width: 970px;
	margin: 0 auto;
	position: relative;
}
.w-w2 {	
	min-width: 970px;
	background: no-repeat center 32px;
}

/* --HEADER-- */
#header {position: relative; z-index: 31;}
	.h-w2 {height: 275px; background: url(/images/skin/bg/bg-hw2.png) no-repeat center 51px;}
	#util, #logo, #search {
		position: absolute;
	}
	#mainnav {
		position: fixed;
		z-index: 20;
		top: 0;
		left: 0;
		height:53px;
		width: 100%;
		background: url(/images/skin/bg/bg-hw1.png) repeat-x;
		box-shadow:  
	}
		#mainnav > ul { margin: 0 auto; padding-top: 9px; width: 970px; position: relative; }
			#mainnav > ul > li { float: left; }
			#mainnav > ul > li > a {
				display: block;
				height: 1px; 
				padding-top: 31px;
				overflow: hidden;
			}
				#mainnav> ul > li > a:hover,
				#mainnav li a.hover {background-position: 0 -32px;}
					.no-js #mainnav li:hover > div { display: block; }
				#mainnav li a.active {background-position: 0 -64px;}
				
				/* moved to cfm template */
				/*
				#nav-discover > a {width: 187px; background: url(/images/skin/nav/nav-discover.png) no-repeat;}
				#nav-parks > a {width: 251px; background: url(/images/skin/nav/nav-parks.png) no-repeat;}
				#nav-services > a {width: 103px; background: url(/images/skin/nav/nav-services.png) no-repeat;}
				#nav-public > a {width: 142px; background: url(/images/skin/nav/nav-public.png) no-repeat;}
				#nav-city > a {width: 109px; background: url(/images/skin/nav/nav-city.png) no-repeat;}
				#nav-business > a {width: 178px; background: url(/images/skin/nav/nav-business.png) no-repeat;}
				*/

	.mega-dropdown {display: none; position: absolute; top: 41px !important; left: 15px !important; width: 940px; z-index: 999; background: url(/images/skin/bg/nav-texture-tile.jpg) repeat;}
	.drop-point { position: relative; display: block; z-index: 10000;}
		.drop-point div { position: absolute; width: 44px; height: 23px; bottom: -29px; left: 50%; margin-left: -22px; background:url(../images/skin/bg/drop-point.png); }
	.mega-dropdown .dropdown-nav {background: url(/images/skin/bg/drop-top.png) repeat-x;}
		.dropdown-nav {overflow: hidden; padding: 55px 40px;}
			.dropdown-nav > ul {float: left; width: 270px; padding-left: 20px;}
			.dropdown-nav > ul:first-child {padding-left: 0;}
			.dropdown-nav > ul > li {border-top: 1px solid #a3a0a0; border-bottom: 1px solid #5d5d5d;}
			.dropdown-nav > ul > li:first-child {border-top: none;}
			.dropdown-nav > ul > li:last-child {border-bottom: none;}
			.dropdown-nav li a:hover {text-decoration: underline;}
			.dropdown-nav li a:before {content: "» "}
			.dropdown-nav > ul > li > a {
				color: #fff;
				display: block;
				font-size: 18px;
				padding: 5px 0;
				text-decoration: none;
			}
			.dropdown-nav ul ul {padding-bottom: 15px;}
			.dropdown-nav ul ul a {display: block; padding-left: 12px; color: #cecece; text-decoration: none;}
				.dropdown-nav ul ul ul a {display: block; padding-left: 24px; color: #cecece; text-decoration: none;}
		.drop-featured {border-top: 1px solid #a3a0a0; padding: 22px 40px;}
			.drop-title {
				display: inline-block; 
				color: #fff; 
				padding: 10px 12px;
				font-size: 13px;
				margin-bottom: 3px;
				font-family: 'GothamBoldRegular', Arial, Helvetica, sans-serif;
				text-shadow: 0 -1px #333;
				text-transform: uppercase;
				background: url(/images/skin/bg/bg-droptitle.png) repeat;
			}
			.drop-article {
				padding: 14px 15px 11px;
				overflow: hidden;
				background: url(/images/skin/bg/bg-featuredad.png) repeat;
				margin-bottom: 3px;
			}
			.drop-article p {margin: 0; float: left; font-size: 22px; color: #5e5e5e;}
			.drop-article a {
				display: block; 
				float: right; 
				height: 1px; 
				width: 111px;
				overflow: hidden; 
				padding-top: 30px;
				background: url(/images/skin/bg/btn-learnmore.png) no-repeat;
			}
	#logo {
		top: 78px;
		left: 35px;
	}
	#util {
		top: 68px;
		right: 35px;
	}
		#util li { float: left; padding-left:18px; }
			#util li a {display: block; color: #4e4e4e; text-decoration: none; font-size:12px;}
				#util li a:hover {text-decoration: underline;}
			#util li.util-twitter a {padding-left: 16px; width:0; overflow:hidden; background: url(/images/skin/bg/util-tw.png) no-repeat 0 2px;text-indent: -1900px;}
			#util li.util-facebook a {padding-left: 14px;width:0; overflow:hidden; background: url(/images/skin/bg/util-fb.png) no-repeat 0 1px;text-indent: -1900px;}
			#util li.util-yt a {padding-left: 14px;width:0; overflow:hidden; background: url(/images/skin/bg/util-yt.png) no-repeat 0 1px;text-indent: -1900px;}
			#util li.util-weather a {padding-left: 20px; overflow:hidden; background: no-repeat 0 -1px; background-size: 20px; height: 20px;text-indent: -1900px;}
			#util li.util-twitter, #util li.util-yt, #util li.util-weather { padding-left:8px;}
			#util li.util-facebook { padding-left:14px;}
			
	#search {
		top: 91px;
		right: 35px;
		width: 280px;
		background: #fff;
		overflow: hidden;
		box-shadow: #999 0 1px 1px;
		behavior: url(/css3pie/PIE.htc);
	}
		#search input[type=text] {
			padding: 12px 14px;
			font-size: 15px;
			font-family: Corbel, Arial, Helvetica, sans-serif;
			line-height: 16px;
			height: 16px;
			border: 0;
			background: none;
			float: left;
			width: 214px;
			color: #4e4e4e;
		}
		#search input[type=submit] {
			display: block;
			float: left;
			height: 22px;
			padding-top: 22px;
			overflow: hidden;
			margin-top: 9px;
			width: 30px;
			cursor: pointer;
			border: 0;
			background: url(/images/skin/bg/btn-search.png) no-repeat;
		}
			#search input[type=submit]:hover {background-position: -30px 0;}
	#page-title, .page-title {
		position: absolute;
		bottom: 0;
		left: 15px;
		width: 186px;
		padding: 10px 12px;
		color: #fff;
		font-size: 13px;
		font-family: 'GothamBoldRegular', Arial, Helvetica, sans-serif;
		text-shadow: 0 -1px #333;
		text-transform: uppercase;
		background: url(/images/skin/bg/bg-pagetitle.png) repeat;
	}

#banner {
	position: absolute;
	top: 51px;
	left: 0;
	width: 100%;
	min-width: 970px;
}
	.b-w1 {
		margin: 0 auto;
		overflow: hidden;
	}
		#banner .b-w1 ul {
			height: 449px;
			overflow: hidden;
			width: 2650px;
			position: relative;
			top: 0;
			left: 50%;
			margin-left: -1325px;
		}
		#banner .b-w1 ul li {
			height: 449px;
			position: absolute;
			margin: 0 auto;
		}
		/* CHWK to stop banners flashing by as they load */
		/*
		#banner .b-w1 ul li { display: none }
		#banner .b-w1 ul li.first { display: block }
		*/
		/* CHWK */
	/*
	.banner-nav {position: absolute; top: 162px; right: 15px;}
		.banner-nav a {float: left; display: block; height: 1px; margin-left: 4px; padding-top: 16px; width: 17px; overflow: hidden; background: url(/images/skin/overview/btn-banner.png) no-repeat;}

	.banner-nav {position: absolute; top: 111px; right: 50%; margin-right:-470px;z-index: 500;}
		.banner-nav a {float: left; display: block; height: 1px; margin-left: 4px; padding-top: 16px; width: 17px; overflow: hidden; background: url(../images/skin/home/btn-banner.png) no-repeat;}
	*/
	
	.banner-nav {position: absolute; top: 162px; right: 15px;}
		.banner-nav a {float: left; display: block; height: 1px; margin-left: 4px; padding-top: 16px; width: 17px; overflow: hidden; background: url(/images/skin/overview/btn-banner.png) no-repeat;}
		.banner-nav a:hover {background-position: -17px 0;}
		.banner-nav a.activeSlide {background-position: -34px 0;}

/* --CONTENT-- */
#main { 
	position: relative;
	z-index: 30; 
}
	#main .m-w1 {
	}
	#main .m-w2 {
		height: auto;
		/*overflow: hidden;*/
		padding-bottom: 30px; 
	}
	.home #main .m-w2 { 
		padding-bottom: 0; 
	}
	#subnav, #content {
		/*
		float: left;
		*/
		display: inline-block;
		vertical-align: top;
	}
	#ctas {
		width: 200px;
		position: absolute;
		top: 0; right: 0;
		display: none;
	}
	/* Subnav appears after content-body in markup, 
		but often is shifted to the left */
	#subnav { 
		width: 212px;
		position: relative;
		left: -585px; /* Negative width of #content */
		top: 0;
	}
		#subnav li {border-bottom: 1px solid #dadada;}
		#subnav li a {
			color: #268dcd;
			text-decoration: none;
			padding: 9px 0;
			line-height: 16px;
			display: block;
		}
		#subnav li a.active {color: #056839; padding-left: 15px; font-weight: bold; }
		#subnav li .sibling {padding-left: 15px; }
		#subnav li .subpage {padding-left: 30px; }
		#subnav li a.active:after {content: " \00BB";}
		#subnav li a:hover {color: #056839;}
	#content {
		width: 600px;
		position: relative;
		left: 296px; /* Positive width of #subnav */
		top: 0;
		padding-top: 32px;
	}
	.home #content {
		padding-top: 0;
	}
	
	#btn-want-to {
		position: absolute;
		left: 0px;
		top: 70px; 
		display: block;
		height: 1px;
		padding-top: 162px;
		width: 47px;
		overflow: hidden;
		background: url(/images/skin/bg/btn-iwantto.png) no-repeat;
	}
		#btn-want-to:hover {background-position: -47px 0;}
			.open #btn-want-to {background-position: -94px 0;}
			.open #btn-want-to:hover {background-position: -141px 0;}
		#want-to {
			position: fixed;
			right: 0px;
			top: 237px;
			z-index: 50;
			width: 47px;
			padding: 0px 0 0;
			
		}
		.wt-w1 {margin-left: 47px; padding-right: 47px; background: url(/images/skin/bg/bg-wtw1.jpg) repeat-x;}
		.wt-w2 {height: 291px; background: url(/images/skin/bg/bg-wtw2.jpg) no-repeat;}
			#want-to .wt-w2 > ul {overflow: hidden; width: 878px; width: 900px; margin: 0 auto; padding: 35px 26px 0 26px; }
			#want-to .wt-w2 > ul > li {float: left; width: 154px; padding-left: 26px;}
			#want-to .wt-w2 > ul > li:first-child {padding-left: 0px;}
			#want-to li a {
				display: block;
				color: #fff;
				padding: 9px 0px;
				font-size: 20px;
				text-decoration: none;
				font-family: Georgia, "Times New Roman", Times, serif;
			}
				#want-to ul ul {}
				#want-to ul ul li {height: auto; border-top: 1px solid #7b7b7b; border-bottom: 1px solid #424242;}
				#want-to ul ul li:first-child {border-top: 0;}
				#want-to ul ul li.last-child {border-bottom: 0;}
				#want-to ul ul a {
					font-family: Corbel, Arial, Helvetica, sans-serif;
					background: none;
					font-size: 13px;
					padding: 3px 0;
				}
			#want-to-collapse {display: none;}

/* --FOOTER-- */
#footer {font-size: 13px; background: url(/images/skin/bg/bg-footer-repeat.png) repeat-x;}
	/* MOVED TO HOME / PAGE.css .f-w1 {overflow: hidden; background: url(/images/skin/bg/bg-footer.jpg) no-repeat top center;}*/
	

	/**************************************/
	/* CTAs moved to home.css or page.css */
	/**************************************/
				.cta-calendar {float: left; height: 100%; padding: 20px 20px;}
					.cta-calendar span {
						display: block; 
						width: 44px; 
						text-align: center;
						color: #fff;
						text-shadow: 0 -1px #333;
						text-transform: uppercase;
					}
					.cta-month {padding: 4px 0 3px; font-size: 12px; line-height: 12px; height: 12px; background: url(/images/skin/bg/cta-month.png) no-repeat;}
					.cta-day { font-size: 28px; line-height: 20px; height: 28px; background: #49869f;}
				.event-details {
					padding: 20px 0px;
					width: 300px;
				}
				.event-details.calendar {
					width: 270px;
				}
				
				.cta-info .event-details:first-child {padding: 20px 0 20px;}
					.cta-info .event-details:first-child p {margin: 0; padding: 0 30px; line-height: 20px; background: url(/images/skin/bg/cta-eventdetails.png) no-repeat 15px 9px;}
						.cta-info .event-details:first-child p a {font-weight: normal;}
					.cta-info .event-details:first-child p {border-bottom: 1px solid #bdc9c9;}
					/* CHWK */
					.cta-info.noborder .event-details p {border: none;}
					/* CHWK */
					.cta-title {font-weight: bold;}

					.cta-info .event-details:first-child {padding: 0 0 20px;}
					.cta-info .event-details:first-child p {margin: 0; padding: 0 16px; line-height: 30px; background: url(/images/skin/bg/cta-eventdetails.png) no-repeat 0 9px;}

					.cta-info.thrd .event-details:first-child p {background: url(/images/skin/bg/cta-eservices.png) no-repeat 0 9px; }
					.cta-info.thrd a { color:#257b52; text-decoration:none;}
					.cta-info.thrd a:hover {text-decoration: underline;}

						.cta-info .event-details:first-child p a {font-weight: normal;}
					.cta-info .event-details > div { background: url(/images/skin/bg/home-cta-sep.png) no-repeat center bottom;}
					.cta-info .event-details > div:last-child { background:none;}
					.cta-title {font-weight: bold;}
				.cta-info > a {
					display: block;
					height: 1px;
					padding-top: 31px;
					margin: 0 0 15px 20px;
					overflow: hidden;
				}
					.cta-info > a:hover {background-position: 0 -32px;}
					.cta-council {width: 152px; background: url(/images/skin/bg/cta-btn-council.png) no-repeat;}
					.cta-news {width: 92px; background: url(/images/skin/bg/cta-btn-news.png) no-repeat;}
					.cta-events {width: 92px; background: url(/images/skin/bg/cta-btn-events.png) no-repeat;}
					.cta-eservices {width: 122px; background: url(/images/skin/bg/all-eservices.png) no-repeat;}
				


	#bottomlinks {
		padding: 42px 0 0 15px;
		height: 388px;
	}
		#bottomlinks > ul {overflow: hidden;}
		#bottomlinks > ul > li {float: left; width: 140px; padding-left: 18px;}
		#bottomlinks > ul > li:first-child {padding-left: 0;}
		#bottomlinks > ul > li > a { font-size: 16px; line-height: 21px; font-family: Georgia, "Times New Roman", Times, serif; min-height: 42px; margin-bottom: 20px;}
		#bottomlinks li a {color: #fff; text-decoration: none; display: block;}
		#bottomlinks li a:hover {text-decoration: underline;}
		#bottomlinks ul ul li {border-top: 1px solid #787676; border-bottom: 1px solid #424242;}
		#bottomlinks ul ul li:first-child {border-top: none;}
		#bottomlinks ul ul li:last-child {border-bottom: none;}
		#bottomlinks ul ul a {padding: 2px 0; line-height: 21px;}
		
		#bottomlinks .util-contact{ display: none;}	
		
	#copyright {color: #969696; float: left; padding: 18px 15px;}
		#copyright a {display: inline-block; padding-left:4px; color: #969696; text-decoration: none; cursor: default; }
	#credit {color: #969696; float: right; padding: 18px 15px;}
		#credit a {color: #969696; text-decoration: none;}
		#credit a:hover {text-decoration: underline;}

/* STICKY FOOTERS: Uncomment to enable */
/*   
html,body {	height:100%; }
#wrapper { min-height: 100%; position: relative; }
#footer { 
	position: absolute; bottom: 0; left: 0; width: 100%; 
	height: 60px; 
}
#main { padding-bottom: 60px; }
*/
/* END STICKY FOOTERS */