* { margin: 0; padding: 0; }

	#imageFadeContainer {
		position:relative;
		top:0;
		left:0;
		width: 327px;
		height: 156px;
	}

	#imageFadeContainer img {
		position:absolute;
		top:0;
		left:0;
		display: none;
	}
 
       .comment-replies {
           margin-left: 30px;
       }
       
       .form-element.form-hide {
	   display: none;
       }

       .form-element.form-type-checkbox label,
       .form-element.form-type-radio label {
	   display: inline;
       }

       .form-float-left {
	   float: left;
       }
	
       .form-element.form-float-left {
           padding-right: 10px;
       }
       
       .form-important {
       	display: none;
       }

	html {
		height: 100%;
		margin-bottom: 1px;
		background: #f7f3e4;
	}

		body {
			padding-top: 142px;
			text-align: left;
			color: #56624f;
		}

			h1, h2 {
				color: #409329;
				font-family: Klavika, Verdana;
				text-transform: lowercase;
				font-weight: normal;
				font-size: 138.5%;
				margin:0 0 0.6111em;
			}

			a {
				color: #409329;
				text-decoration: none;
			}

			a:hover {
				border-bottom: 1px solid #f6da34;
			}
			
				h2 a:hover {
					border-bottom: none;
				}

				a img {
					border: none;
				}
			
				h3 em {
					font-weight: bold;
					font-family: Cambria, Georgia;
					font-size: 1.2em;
				}
/*
			.highlight {
				background-color: #f6e68c;
				font-style: normal;
				padding: 1px 2px;
			}
*/
			.right {
				text-align: right;
			}

			.center {
				text-align: center;
			}

			.left {
				text-align: left;
			}

			.clear {
				clear: both;
			}
			
			.green {
				color: #409329;
			}
			
			.form-element label {
				display: block;
				color: #a18f26;
				text-transform: lowercase;
				font-family: Verdana;
				margin-bottom: 0.2em;
				font-weight: bold;
			}
			
			input.input-text, textarea.input-textarea {
				font-family: Verdana;
				width: 20em;
				max-width: 98%;
				padding: 2px;
				color: #409329;
				border: 1px solid #ccc185;
				border-top: 1px solid #a18f26;
				border-left: 1px solid #a18f26;
				margin-bottom: 1em;
			}
			
			input.input-submit {
				background: #ccc185;
				border: none;
				color: #358b9e;
				font-weight: bold;
				text-transform: lowercase;
				font-size: 116%;
				cursor: pointer;
			}

			#leaves {
				position: absolute;
				top: 0px;
				left: 0px;
				margin: 0;
			}

				#leaves li {
					list-style: none;
					display: block;
					width: 56px;
					height: 56px;
					margin: 0 5px 5px 0;
					position: absolute;
					top: 0px;
					background-color: transparent;
					background-repeat: no-repeat;
					background-position: 50% 50%;
				}

				#leaves li.leaf-01 {
					background-image: url(../images/header-leaf-01.png);
					left: 0px;
				}

				#leaves li.leaf-02 {
					background-image: url(../images/header-leaf-02.png);
					left: 121px;
				}

				#leaves li.leaf-03 {
					background-image: url(../images/header-leaf-03.png);
					left: 182px;
				}

				#leaves li.leaf-04 {
					background-image: url(../images/header-leaf-04.png);
					left: 243px;
				}

				#leaves li.leaf-05 {
					background-image: url(../images/header-leaf-05.png);
					left: 304px;
				}

				#leaves li.leaf-06 {
					background-image: url(../images/header-leaf-06.png);
					left: 365px;
				}

				#leaves li.leaf-07 {
					background-image: url(../images/header-leaf-07.png);
					left: 426px;
				}

				#leaves li.leaf-08 {
					background-image: url(../images/header-leaf-08.png);
					left: 487px;
				}

				#leaves li.leaf-09 {
					background-image: url(../images/header-leaf-09.png);
					left: 548px;
				}

				#leaves li.leaf-10 {
					background-image: url(../images/header-leaf-10.png);
					left: 609px;
				}

				#leaves li.leaf-11 {
					background-image: url(../images/header-leaf-11.png);
					left: 670px;
				}

				#leaves li.leaf-12 {
					background-image: url(../images/header-leaf-12.png);
					left: 731px;
				}

				#leaves li.leaf-13 {
					background-image: url(../images/header-leaf-13.png);
					left: 243px;
					top: 61px;
				}

				#leaves li.leaf-14 {
					background-image: url(../images/header-leaf-14.png);
					left: 487px;
					top: 61px;
				}

				#leaves li.leaf-15 {
					background-image: url(../images/header-leaf-15.png);
					left: 548px;
					top: 61px;
				}

				#leaves li.leaf-16 {
					background-image: url(../images/header-leaf-16.png);
					left: 609px;
					top: 61px;
				}

				#leaves li.leaf-17 {
					background-image: url(../images/header-leaf-17.png);
					left: 670px;
					top: 61px;
				}

				#leaves li.leaf-18 {
					background-image: url(../images/header-leaf-18.png);
					left: 548px;
					top: 122px;
				}

				#leaves li.leaf-19 {
					background-image: url(../images/header-leaf-19.png);
					left: 609px;
					top: 122px;
				}

					#leaves li img {
						width: 56px;
						height: 56px;
						background-repeat: no-repeat;
						background-color: #f7f3e4;
						background-position: 50% 50%;
					}

			#custom-doc {
				margin: 0 0 0 52px;
				width: 50em;
				*width: 48.795em;
				min-width: 650px;
				padding-bottom: 4em;
				position: relative;
			}

				#custom-doc li {
					margin-bottom: 1em;
				}

				#header {
					padding-bottom: 22px;
				}

					#header a {
						border: none;
					}

						#header a img {
							width: 189px;
							height: 62px;
							background: transparent url(/images/logo.png) no-repeat 50% 50%;
						}

				ul.navigation {
					border-bottom: 3px solid #7db32e;
					padding-bottom: 5px;
					height: 12px;
					margin-bottom: 15px;
					margin-left: 0;
					width: 100%;
				}

					ul.navigation li {
						float: left;
						margin-left: 26px;
						list-style: none;
					}

					ul.navigation li.first {
						margin-left: 0;
					}

						ul.navigation li a {
							border: none;
						}

						ul.navigation li.selected a img, ul.navigation li.ancestor a img {
							background-image: url(/images/nav-bg-hover.png);
						}

							ul.navigation li a img {
								height: 12px;
								display: block;
								background-color: transparent;
								background-repeat: no-repeat;
								background-position: 0px 0px;
								background-image: url(/images/nav-bg.png);
							}

							ul.navigation li.nav-home a img {
								width: 28px;
								background-position: 0px 0px;
							}

							ul.navigation li.nav-articles a img {
								width: 34px;
								background-position: -54px 0px;
							}

							ul.navigation li.nav-events a img {
								width: 33px;
								background-position: -114px 0px;
							}

							ul.navigation li.nav-resource-center a img {
								width: 76px;
								background-position: -173px 0px;
							}

							ul.navigation li.nav-incentive-program a img {
								width: 90px;
								background-position: -274px 0px;
							}

							ul.navigation li.nav-workshops a img {
								width: 54px;
								background-position: -388px 0px;
							}

							ul.navigation li.nav-about a img {
								width: 30px;
								background-position: -467px 0px;
							}

							ul.navigation li.nav-contact a img {
								width: 39px;
								background-position: -522px 0px;
							}

				#heroshot {
					border-bottom: 1px solid #7db32e;
					margin-bottom: 15px;
					padding-bottom: 12px;
					font-size: 85%;
				}
				
				#home #heroshot {
					background: transparent url(/images/hero-bg.png) no-repeat 100% 21px;
				}

				#about #heroshot {
					background: transparent url(/images/about-hero-bg.png) no-repeat 100% 0px;
				}
				
					#heroshot a {
						color: #56624f;
						border: none;
					}
					
						#heroshot .title a {
							color: #409329;
						}
				
					#heroshot .yui-u {
						width: 311px;
						margin-left: 12px;
						line-height: 1.4545em;
					}
				
						#heroshot .yui-u .item h3 {
							font-size: 138.5%;
							display: block;
							font-family: Klavika, Verdana;
						}
						
						.workshops #heroshot .yui-u .item h3 {
							font-size: 108%;
						}
					
							#heroshot .yui-u .item h3 strong {
								font-weight: normal;
							}

							.workshops #heroshot .yui-u .item h3 strong {
								font-weight: bold;
							}
				
				#heroshot .first {
					width: 327px;
					margin-left: 0;
				}

				div#yui-main {
					font-size: 85%;
				}

					div#yui-main div.left-column {
						width: 404px;
						line-height: 1.4545em;
					}

						div#yui-main div.left-column ul {
							margin-left: 0.5em;
						}
					
							div#yui-main div.left-column ul li {
								list-style: none;
								background: transparent url(/images/bullet.png) no-repeat 0px 3px;
								padding-left: 16px;
							}

					div#yui-main div.block-links {
						width: 229px;
						_width: 223px;
					}
					
					div#yui-main h2 {
						font-size: 182%;
						width: 100%;
						line-height: normal;
					}

					div.block-articles h2 a, div.block-events h2 a, #heroshot h2.upcoming-workshops a, div.block-about h2.about, #event div.block-event h2 a, #heroshot .yui-u h2.resource-center a, #heroshot h2.incentive-program, .block-contact h2, #articles #heroshot .yui-u h2 a, #heroshot .yui-u h2.next-event a, div.block-upcoming-workshops h2 a, div.block-mayors-pledge h2 {
						display: block;
						overflow: hidden;
						text-indent: -10000px;
						height: 19px;
						background: transparent url(/images/recent-articles.png) no-repeat 0px 0px;
					}

					div.block-events h2 a, #event div.block-event h2 a {
						background: transparent url(/images/upcoming-events.png) no-repeat 0px 0px;
						width: 139px;
					}

					#heroshot h2.upcoming-workshops a {
						background: transparent url(/images/next-workshop.png) no-repeat 0px 0px;
					}

					div.block-upcoming-workshops h2 a {
						background: transparent url(/images/upcoming-workshops.png) no-repeat 0px 0px;
					}

				 	#heroshot .yui-u h2.resource-center a {
						background: transparent url(/images/resource-center-header.png) no-repeat 0px 0px;
					}

					#heroshot h2.incentive-program {
						background: transparent url(/images/incentive-program-header.png) no-repeat 0px 0px;
					}

					div.block-contact h2 {
						background: transparent url(/images/contact.png) no-repeat 0px 0px;
					}

					div.block-about h2.about {
						height: 21px;
						background: transparent url(/images/about-greenspaces.png) no-repeat 0px 0px;
					}
					
					#articles #heroshot .yui-u h2 a {
						height: 15px;
						background: transparent url(/images/newest-article.png) no-repeat 0px 0px;
					}
					
					#heroshot .yui-u h2.next-event a {
						height: 15px;
						background: transparent url(/images/next-event.png) no-repeat 0px 0px;
					}
					
					div.block-mayors-pledge h2 {
						background: transparent url(/images/mayors-pledge-button.png) no-repeat 0px 0px;
						height: 119px;
					}

					div#yui-main div.block-articles ul, div#yui-main div.block-events ul, div#yui-main ul.sidebar {
						margin-left: 0;
					}

						div#yui-main div.block-articles ul li, div#yui-main div.block-events ul li, div#yui-main ul.sidebar li.sidebar-block {
							list-style: none;
							padding-left: 0;
							background: transparent;
						}
						
						div#yui-main ul.sidebar div.block {
							width: auto;
							line-height: 1.4545em;
						}

						div#yui-main ul.sidebar div.block a {
							display: inline;
							margin-bottom: 0;
						}
						
							div#yui-main ul.sidebar div.block h2 a {
								display: block;
							}

					div.block-articles a, .articles #heroshot .yui-u .title a {
						color: #56624f;
						border: none;
					}
					
					div.block-articles a.read-more, div.block-events a.read-more, #heroshot .yui-u a.read-more, .workshops #heroshot .yui-u .item a.register-link {
						color: #409329;
					}

					div.block-links a {
						margin-bottom: 32px;
						display: block;
						border: none;
					}

				div.block-resource-center div.item {
					border: 1px solid #eae3c7;
					padding: 0 1em 2em;
					background: #fff;
					margin-bottom: 8px;
					position: relative;
				}

					div.block-resource-center div.item a, a.register-link {
						text-transform: uppercase;
						border: none;
					}
					
					div.block-resource-center div.item p.right {
						position: absolute;
						bottom: 0;
						right: 1em;
					}

				div.block-resource-center div.item-hover {
					background: #fffae6;
					cursor: pointer;
				}

					div.block-resource-center div.item-hover h3 {
						color: #74c0d0;
					}
					
				div.block-upcoming-workshops div.item {
					margin-bottom: 2em;
				}
				
					div.block-upcoming-workshops div.item h3, div.workshops #content h2, #heroshot .yui-u .item h3 {
						width: auto;
						font-weight: normal;
						font-family: Klavika, Verdana;
					}
					
					#heroshot .yui-u .item h3 {
						margin-top: 0;
						font-weight: normal;
					}

						#heroshot .yui-u .item a {
							color: #409329;
						}
						
						.workshops #heroshot .yui-u .item a {
							color: #56624F;
						}
					
					#upcoming-workshops div.workshops #content h2 {
						border-bottom: none;
						padding: 0;
					}

					div.workshops #content ul.sidebar h2, div.workshops #content h2.upcoming-workshops {
						position: static;
						padding-right: 0;
						padding-bottom: 0;
						border: none;
					}

						div.block-upcoming-workshops div.item h3 a, div.workshops #content h2 a {
							color: #56624F;
							border-bottom: none;
						}

						div.block-upcoming-workshops div.item h3 span.date, div.workshops #content h2 span.date, #heroshot .yui-u h3 span.date {
							position: absolute;
							right: 0px;
						}

					#yui-main .paged-navigation { text-align: center; position: relative; padding: 0 118px; width: 168px; }

						#yui-main .paged-navigation a { color: #409329; }

						#yui-main .paged-navigation a:hover { border-bottom: 1px solid #f6da34; }

						#yui-main .paged-navigation span { margin: 0 0.5em; }
						
						#yui-main .paged-navigation p { margin: 0; }
		
							#yui-main .paged-navigation span a { font-weight: normal; }
		
								#yui-main .paged-navigation span span.selected a { font-weight: bold; }
		
						#yui-main .paged-navigation .prev_link { position: absolute; left: 0px; text-align: left; border: none; }
		
						#yui-main .paged-navigation .next_link { position: absolute; right: 0px; text-align: right; border: none; }

				#footer {
					font-size: 77%;
					padding: 1em 0;
					border-top: 1px solid #7db32e;
					position: absolute;
					bottom: 0px;
					width: 650px;
				}
				
					#footer span.coptix-link {
						position: absolute;
						right: 0px;
					}
					
				.block-mayors-pledge div {
					margin-top: 1em;
					margin-bottom: 2em;
					padding-top: 20px;
					background-repeat: no-repeat;
					background-position: 0px 0px;
					background-color: transparent;
				}
				
					.block-mayors-pledge form div, .block-mayors-pledge div.form-wrapper {
						margin: 0;
						padding: 0;
					}

					.block-mayors-pledge div p {
						margin: 0;
						font-family: arial,helvetica,clean,sans-serif;
					}

					.block-mayors-pledge strong {
						color: #368fa7;
						font-family: Georgia;
						font-size: 1.35em;
					}
					
				.block-mayors-pledge .air {
					background-image: url(/images/air.png);
				}
				
				.block-mayors-pledge .energy {
					background-image: url(/images/energy.png);
				}
				
				.block-mayors-pledge .land {
					background-image: url(/images/land.png);
				}
				
				.block-mayors-pledge .water {
					background-image: url(/images/water.png);
				}
				
				.block-mayors-pledge .waste {
					background-image: url(/images/waste.png);
				}