html { height: 100%; margin-bottom: 1px; } /* This forces a scrollbar on Mozilla & WebKit to prevent jumping on centered sites */
	
	/* Do not remove the following section, these rules are required for forms */
		.comment-replies {
			margin-left: 30px;
		}

		.form-element.form-hide, .form-important {
			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;
		}
		
		/* This section works with the wt.hero function in site-local.js.  Values set to % need to be set.  Caption and control rules should be removed if not in use. */

		div#imageFadeContainer {
			position: relative;
			width: %;
			height: %;
			overflow: hidden;
		}

			div#imageFadeContainer img {
				position: absolute;
				top: 0px;
				left: 0px;
			}

			div#imageFadeContainer div#hero-foreground {

			}

			div#imageFadeContainer div#hero-caption {

			}

			div#imageFadeContainer div#hero-controls {

			}

				div#imageFadeContainer div#hero-controls ul {

				}

					div#imageFadeContainer div#hero-controls ul li {

					}

						div#imageFadeContainer div#hero-controls ul li a {

						}

						div#imageFadeContainer div#hero-controls ul li a#hero-previous {

						}

						div#imageFadeContainer div#hero-controls ul li a#hero-pause {

						}

						div#imageFadeContainer div#hero-controls ul li a#hero-play {

						}

						div#imageFadeContainer div#hero-controls ul li a#hero-next {

						}
						
		/* Global styles */
		
		.clear {
			clear: both;
		}
		
		form .clear {
			clear: none;
		}
		
		.left {
			text-align: left;
		}
		
		.center {
			text-align: center;
		}
		
		.right {
			text-align: right;
		}
		
		img.left {
			float: left;
		}
		
		img.center {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		
		img.right {
			float: right;
		}
		
		/* Specific styles */
		
html { height: 100%; margin-bottom: 1px; background: #5a5a5a url('/images/html-bg.jpg') repeat-y 50% 0; }

	body { background: transparent url('/images/body-bg.jpg') no-repeat 50% 0; min-height: 100%; }

		a { color: #033c37; text-decoration: none; font-weight: bold; }

		a:hover { color: #147368; }
		
		em { font-weight: inherit; }
		
		strong { font-style: inherit; }

		.left { text-align: left; }

		.center { text-align: center; }

		.right { text-align: right; }

		img.left { float: left; margin: 0 1em 1em 0; }

		img.center { display: block; margin: 0 auto 1em; }

		img.right { float: right; margin: 0 0 1em 1em; }

		.clear { clear: both; }
		
		#wrapper { width: 62.6154em; *width: 61.203em; margin: 0 auto; text-align: left; }

			#hd { background: transparent url('/images/hd-bg.png') no-repeat 50% 100%; padding: 10px 30px 0; position: relative; }

				#hd h1 { margin: 0 0 13px; padding: 53px 0 0; }

					#hd h1 a { display: block; overflow: hidden; text-indent: -10000px; width: 488px; height: 35px; background: transparent url('/images/logo.png') no-repeat 50% 50%; }

				#hd p.description { display: block; margin: 0 0 17px; width: 500px; height: 29px; overflow: hidden; text-indent: -10000px; background: transparent url('/images/description.png') no-repeat 0 50%; }

				#hd ul.navigation { margin: 0 -43px; height: 29px; background: transparent url('/images/nav-bg.png') no-repeat 0 0; }

					#hd ul.navigation li { float: left; list-style: none; padding: 4px 0 5px; margin: 5px 0; border-left: 1px solid #1d4c47; }

					#hd ul.navigation li.first { margin-left: 8px; border-left: none; }

						#hd ul.navigation li a { display: block; height: 10px; line-height: 10px; color: #fff; background-repeat: no-repeat; background-position: 50% 0; background-color: transparent; overflow: hidden; text-indent: -1000px; padding: 0 16px; }

						#hd ul.navigation li a:hover, #hd ul.navigation li.selected a, #hd ul.navigation li.ancestor a { background-position: 50% -10px; }

						#hd ul.navigation li.nav-home a { background-image: url('/images/nav-home.png'); width: 37px; }

						#hd ul.navigation li.nav-bajas-story a { background-image: url('/images/nav-bajas-story.png'); width: 85px; }

						#hd ul.navigation li.nav-the-house a { background-image: url('/images/nav-the-house.png'); width: 68px; }

						#hd ul.navigation li.nav-the-filmmakers a { background-image: url('/images/nav-the-filmmakers.png'); width: 108px; }

						#hd ul.navigation li.nav-the-event a { background-image: url('/images/nav-the-event.png'); width: 67px; }

						#hd ul.navigation li.nav-latest-news a { background-image: url('/images/nav-latest-news.png'); width: 83px; }

						#hd ul.navigation li.nav-donate a { background-image: url('/images/nav-donate.png'); width: 51px; }

						#hd ul.navigation li.nav-contact a { background-image: url('/images/nav-contact.png'); width: 61px; }

				#hd form { display: block; position: absolute; top: 92px; right: 30px; background: transparent url('/images/newsletter-form-bg.png') no-repeat 50% 0; width: 185px; padding-top: 15px; }

					#hd form label { display: inline-block; width: 55px; height: 18px; overflow: hidden; text-indent: -1000px; background: transparent url('/images/newsletter-label-bg.png'); position: relative; top: 4px; *top: 1px; padding: 0; }

					#hd form input.input-text { height: 14px; width: 108px; padding: 2px; background: #fff; color: #000; border: none; }

					#hd form input.input-submit { height: 18px; width: 18px; overflow: hidden; text-indent: -1000px; background: #fff url('/images/newsletter-button-bg.png') no-repeat 50% 50%; border: 0; padding: 0; }

			#bd { background: transparent url('/images/bd-bg.png') repeat-y 50% 0; padding: 10px 30px 5px; line-height: 1.5; }

			#home #bd { line-height: 1.231; }

				#bd a.read-more { display: inline-block; width: 86px; height: 6px; vertical-align: middle; overflow: hidden; text-indent: -1000px; background: transparent url('/images/read-more-bg.png') no-repeat 50% 0; }

				#bd .news { _width: 230px; _margin-right: 10px; }
				
					#bd .block-latest-news h2 { display: none; }

					#bd .news ul { margin: 0; }

						#bd .news ul li { margin: 0; list-style: none; font-size: 85%; }

							#bd .news ul li h3 { font-size: 100%; margin: 0; }

								#bd .news ul li h3 a { color: #000; text-decoration: none; }

				#bd .callout-middle { margin-left: 8px; }

				#bd .callout-right { margin-left: 20px; }
				
				#home #bd h1 { display: none; }

				#bajas-story #bd h1 { width: 365px; height: 22px; overflow: hidden; text-indent: -1000px; background: transparent url('/images/header-bajas-story.png') no-repeat 0 0; margin: 12px 0 8px; }

				#the-house #bd h1 { width: 341px; height: 46px; overflow: hidden; text-indent: -1000px; background: transparent url('/images/header-the-house.png') no-repeat 0 0; margin: 12px 0 8px; }

				#donate #bd h1 { width: 519px; height: 22px; overflow: hidden; text-indent: -1000px; background: transparent url('/images/header-donate.png') no-repeat 0 0; margin: 12px 0 8px; }

				#the-filmmakers #bd h1 { width: 186px; height: 22px; overflow: hidden; text-indent: -1000px; background: transparent url('/images/header-the-filmmakers.png') no-repeat 0 0; margin: 12px 0 8px; }

				#the-event #bd h1 { width: 149px; height: 22px; overflow: hidden; text-indent: -1000px; background: transparent url('/images/header-eco-expo.png') no-repeat 0 0; margin: 12px 0 8px; }
				
				#the-house #bd h2 { clear: left; }

				#the-house #bd h2.the-house, #the-house #bd h2.leed { clear: none; }

				#bd img.right, #bd span.right { margin-right: -8px; _position: relative; }

				#bd img.left, #bd span.left { margin-left: -8px; _position: relative; }

				#bd h2 { font-size: 93%; margin: 0; }
				
				#the-filmmakers #bd h2 { font-size: 123.1%; margin: 1em 0 0; }

				#bd h3 { margin: 0 0 0.5em; }

				#bd p { font-size: 93%; }

				#home #bd p { font-size: 100%; }

					#bd p img { vertical-align: top; }

				#bd ul { margin-left: 1em; }

					#bd p + ul { margin-top: -1em; }

				#latest-news #bd .item { clear: both; margin: 24px 0 48px; }

					#latest-news #bd .item .screencap {}

						#latest-news #bd .item .screencap img { background: transparent url('/images/screencap-bg.png') no-repeat 0 0; padding: 7px 5px 8px 13px; margin-left: -8px; _position: relative; _margin-left: -10px; }

				#latest-news #bd a.read-more { width: 109px; height: 9px; background-image: url('/images/news-read-more-bg.png'); }

				#latest-news #bd p.source { font-style: italic; margin-bottom: 0.5em; }

				#bd #main {}

				#home #bd #main { width: 493px; margin-bottom: 12px; _padding-bottom: 12px; }

					#bd #main #video-wrapper { padding: 13px 13px 19px 19px; width: 480px; height: 360px; background: transparent url('/images/video-frame.png') no-repeat 0 0; margin: 0 0 0 -19px; _position: relative; }

					#contact #bd #main h1 { width: 271px; height: 22px; overflow: hidden; text-indent: -1000px; background: transparent url('/images/header-contact.png') no-repeat 0 0; margin: 12px 0 8px; }
					
					#bd #main div.form-element { clear: left; margin-bottom: 1em; }

					#bd #main div.form-type-paragraph { position: relative; }

					#bd #main div.form-type-submit { width: 296px; text-align: right; }

						#bd #main div.form-element label { display: inline-block; width: 70px; padding: 3px 10px; color: #fff; font-size: 93%; text-align: right; background: #e09e00; margin: 0; text-transform: uppercase; }

						#bd #main div.form-type-paragraph label { position: absolute; top: 0; left: 0; }

						#bd #main div.form-element input.input-text { width: 200px; padding: 3px 3px 4px; color: #000; background: #fff; border: 1px solid #fff; }

						#bd #main div.form-element textarea.input-textarea { width: 200px; height: 5em; padding: 3px 3px 4px; color: #000; background: #fff; border: 1px solid #fff; margin-left: 90px; }

						#bd #main div.form-element input.input-text:focus, #bd #main div.form-element textarea.input-textarea:focus { background: #e9e2d2; outline: none; border: 1px solid #e09e00; }

						#bd #main div.form-element input.input-submit { border: none; background: #003732; font-weight: bold; padding: 3px 5px; color: #fff; }

				#bd #sb { margin-left: 0; _position: relative; _margin-right: -10px; }

					#bd #sb p { line-height: 1.3846; }

					#bd #sb .callout-donate { padding-top: 79px; background: transparent url('/images/callout-donate-bg.png') no-repeat 0 0; }

						#bd #sb .callout-donate img { margin-left: -4px; }

					#contact #bd #sb h1 { width: 174px; height: 22px; overflow: hidden; text-indent: -1000px; background: transparent url('/images/header-those-involved.png') no-repeat 0 0; margin: 12px 0 8px; }
					
			#ft { padding-top: 21px; background: transparent url('/images/ft-bg.png') no-repeat 50% 0; margin-top: -5px; clear: both; color: #819d9a; }

			#ft a { color: #819d9a; text-decoration: none; }

				#ft .sponsors {}

					#ft .sponsors h3 { margin: 0 0 7px; font-size: 85%; font-weight: normal; border-bottom: 1px solid #10443e; padding-bottom: 7px; }

					#ft .sponsors .sponsor-logos { height: 121px; }

						#ft .sponsors .sponsor-logos img { position: static; vertical-align: middle; margin-right: 10px; }

				#ft .copyright {}

					#ft .copyright p { font-size: 85%; }