@charset "UTF-8";
/* CSS Document */

body {
	font:13px/1.5em Georgia, "Times New Roman", Times, serif;
	background-color:#313130;
	text-align:center;
	margin:0;
}

a {
	color: #5f93b3;
	text-decoration:none;
}
	a:hover {
		text-decoration:underline;
	}
	
	a.glossary {
		border-bottom:1px dotted #445c6f;
	}
		a.glossary:hover {
			text-decoration:none;
			border-bottom-style:solid;
		}
		
	a.chart {
		color:#445C6F;
		/*display:block;
		background:url("/images/site/chart_icon.gif") no-repeat 0 0.3em;
		padding-left:20px;*/
	}
	
img.print { display:none; }

img.enlarge {
	background:url("/images/site/enlarge.gif") no-repeat right bottom;
	padding-bottom:12px;
}
	p.image-caption {
		font:10px/1.5em Verdana, Arial, Helvetica, sans-serif;
		margin:15px 0 25px;
	}

/*
* Page layout structures
* ---------------------------------------- */
.page {
	width:985px;
	margin:0 auto;
	text-align:left;
	position:relative;
	overflow: hidden;
}
	#main {background:#f5f4ee url("/images/site/main_bg.gif") repeat-x}
	#main .page {background:url("/images/site/main_page_bg.gif") repeat-y}
	#main .home {background:url("/images/site/main_page_bg_home.gif") repeat-y}

	#promo {
		background-color:#4a6070;
	}
		#promo .page {
			background:url("/images/site/promo_page_bg.gif") repeat-y;
			height:192px;
		}
		
		#promo .blank {height: 20px}
		

/*
* Site branding / logo
* ---------------------------------------- */
#brand {
	width:244px;
	height:40px;
	position:absolute;
	left:30px;
	top:15px;
	margin:0;
	padding:0;
    z-index:100;
}
#logo {
	height: 125px;
	width: 347px;
	position:absolute;
	left:20px;
	top:78px;
	margin:0 0 10px;
	padding:0;
    z-index:100;
}
	#brand a,
	#logo a {
        display:block;
		width:100%;
		height:100%;
		font-size:1px;
		text-indent:-1000px;
		overflow:hidden;
	}
	#logo a {
		background:url("/images/site/title-world.png") no-repeat;
		background-size: contain;
	}
		.home #logo {
		 	/* hide the logo block on the home page...
			 * logo is non-clickable and rendered into the background. */
			background:none;
			display:none;
		}

/*
* Main site navigation
* ---------------------------------------- */
#main-nav-print { display: none; }

#main-nav {
	height: 57px;
	background:url("/images/site/main_nav_bg_omni.gif") no-repeat;
	padding:0 0 0 275px;
	margin:0;
}

.home #main-nav {
	background: url("/images/site/main_nav_bg_home.gif") no-repeat;
}

	#main-nav li {
		height:15px;
		float:left;
		padding:35px 0 0 30px;
		margin:0;
	}
	#main-nav a {
		display:block;
		height:100%;
		background-repeat:no-repeat;
		background-position:0 0;
		font-size:1px;
		text-indent:-1000px;
		overflow:hidden;
	}
		#main-nav a:hover {
			background-position:0 -15px;
		}
		#main-nav a.in {
			background-position:0 -30px;
		}
			#main-nav a.in:hover {
				background-position:0 -45px;
			}
		
		#main-nav a.about {
			background-image: url("/images/home/nav_about.gif");
			width:141px;
		}

		#main-nav a.back {
			background-image: url("/images/home/nav_home.gif");
			width:141px;
		}
	
		#main-nav a.uses {
			background-image:url("/images/site/nav_uses.gif");
			width:141px;
		}
		#main-nav a.sources {
			background-image:url("/images/site/nav_sources.gif");
			width:142px;
		}
		#main-nav a.costs {
			background-image:url("/images/site/nav_costs.gif");
			width:137px;
		}
		#main-nav a.efficiency {
			background-image:url("/images/site/nav_efficiency.gif");
			width:128px;
		}
		
/*
* Local site navigation
* ---------------------------------------- */
#section-nav {
	height:30px;
	line-height:30px;
	font-size:14px;
	float:right;
	padding:0 22px 6px 0;
	position:relative;
	z-index:101;
}
	#section-nav ul {
		margin:0;
		padding:0;
	}
	#section-nav li {
		display:inline;
		border-left:1px solid #c4c3be;
		padding:0 10px;
		margin:0;
	}
		#section-nav li.alpha {
			border:none;
		}
		#section-nav li.active a {
			color:#edbe99;
		}
	    /*#section-nav li.inactive a {
			color:#edbe99;
		}
    #section-nav li.inactive a:hover,*/
    #section-nav a {
		color:#e28642;
	}

	/**
	* Custom treatment for the Efficiency section navigation:
	* nav is too wide to fit on one line using standard formatting,
	* so the nav text is rendered slightly smaller and tighter.
	*/
	.efficiency #section-nav {
		font-size:12px;
		position:relative;
		z-index:200;
	}	
		.efficiency #section-nav li {
			padding:0 6px;
		}
/*
* Columns
* ---------------------------------------- */
.col {
	float:left;
	display:inline;
}
	.main {width:735px}
	.home .main {width: auto}
	
		/**
		* Specify a custom background image header for each of the four sections.
		*/
		.site .main {
			background:url("/images/site/splash-earth.jpg") no-repeat 0 26px;
		}
		
	.sec {
		width:204px;
		padding:25px 0 15px 16px;
	}
		.home .sec {
			padding-top:50px;
		}

/*
* Buttons
* ---------------------------------------- */
p.button {
	height:24px;
	background:url("/images/site/button_left.gif") no-repeat;
	padding-left:3px;
	margin:1.5em 0;
}
	p.button a {
		display:block;
		float:left;
		height:100%;
		color:#899b40;
		font:bold 11px/24px Verdana, Arial, Helvetica, sans-serif;
		background:url("/images/site/button_right.gif") no-repeat right 0;
		padding:0 30px 0 5px;
	}
	
/*
* Main page body (contains #content and #sidebar)
* ---------------------------------------- */
#body {
	background:url("/images/site/main_top_sub.jpg") no-repeat;
	position:relative;
	margin:0 10px;
}
	.home #body {
		/* top treatment for HOME page */
/*		background:url("/images/site/main_top_home.jpg") no-repeat;*/
		background: none;
	}
	.quiz #body {
		/* top treatment for QUIZ page */
		background:url("/images/site/main_top_quiz.jpg") no-repeat;
	}
	.site #body {
		/* top treatment for SITE pages */
		background:url("/images/site/column-divide-top.gif") no-repeat 735px 0;
		overflow: hidden;
	}
	.interactive #body {
		/* background treatment for INTERACTIVE page */
		background:#f5f4ee url("/images/site/main_top_interactive.jpg") no-repeat;
	}


.section-group {
	background: url('/images/home/feat-bg.gif') repeat-y 614px 0;
	overflow: hidden;
}
.section-group .section {
	background: url('/images/home/divider-home.png') no-repeat;
	overflow: hidden;
	padding: 13px 0 0 40px;
}

.section h2 {
	margin: 0;
}

.energy h2 {
	background: url('/images/home/title-energy.png') no-repeat;
	height: 98px;
	margin-left: -25px;
	width: 273px;
}

.disease h2 {
	background: url('/images/home/title-disease.png') no-repeat;
	height: 95px;
	margin-left: -16px;
	width: 580px;
}

.climate h2 {
	background: url('/images/home/title-climate.png') no-repeat;
	height: 99px;
	margin: 0 0 10px -23px;
	width: 542px;
}

.survey h2 {
	background: url('/images/home/what-matters-most.png') no-repeat;
	height: 23px;
	margin: 13px 0 17px;
	width: 365px;
}

.section p {
	color: #5b5b5b;
	margin-top: 0;
}

.section-group .primary,
.section-group .secondary {
	float: left;
}

.section-group .primary {
	padding: 0 40px 35px 0;
	width: 532px;
}

.section-group .primary p {
	font: 16px/1.3 Georgia, "Times New Roman", Times, serif;
	margin-top: 0;
}


.section-group .secondary {
	margin-left: -13px;
	width: 316px;
}

.section-group .featured {
	background: url('/images/home/feat-content.gif') no-repeat;
	padding-top: 25px;
}

.section-group .secondary .aside {
	margin: 0;
	padding-top: 13px;
}

.section-group .secondary .aside li {
	margin-bottom: 34px;
	overflow: hidden;
}

.section-group .secondary .description {
	float: right;
	width: 192px;
}

.section-group .secondary .description p {
	margin-bottom: 5px;
}


.section h3 {
	margin: 0 0 2px;
}

.section-group .secondary .efficiency {
	background: url('/images/home/understanding-efficiency.png') no-repeat;
	height: 39px;
	width: 124px;
}

.section-group .secondary .energy-system {
	background: url('/images/home/our-energy-system.png') no-repeat;
	height: 18px;
	width: 155px;
}

.section-group .secondary .microbe-types {
	background: url('/images/home/type-of-microbes.png') no-repeat;
	height: 19px;
	width: 147px;
}

.section-group .secondary .disease-watchlist {
	background: url('/images/home/disease-watchlist.png') no-repeat;
	height: 19px;
	width: 147px;
}

.section .more {
	background: url('/images/home/link-circle-button.png') no-repeat 100% 0;
	display: block;
	color: #899B40;
	font: bold 11px/1.2 Verdana, Arial, Helvetica, sans-serif;
	float: left;
	padding: 4px 28px 6px 0;
}





/**
* Intro copy block (used on home and all content pages)
*/
#intro {
	padding:85px 185px 12px 40px;
}
	#intro h1 {
		color:#666;
		font-size:12px;
		font-weight:normal;
		text-transform:uppercase;
		position:relative;
		top:-12px;
		margin:0;
	}
		#intro h1 a {
			color:#666;
		}
		
	#intro h2 {
		color:#be5100;
		font-size:32px;
		font-weight:normal;
		margin:0;
	}
		#intro h2 a {
			color:#be5100;
		}
	#intro p {
		color:#090909;
		font-size:18px;
		line-height:1.3em;
		margin:20px 0 0;
	}
		#intro p a {
			color:#445C6F;
		}
	
	.home #intro {
		background: url('/images/home/earth-bg.png') no-repeat 100% 100%;
		padding: 0 398px 30px 40px;
	}
		.home #intro p {
			color:#666;
			font-size:17px;
			line-height:1.35em;
			margin:0;
		}
		
		.home #intro .title {
			background: url('/images/home/main-title.png') no-repeat;
			height: 222px;
			width: 577px;
		}
	
	.site #intro {
		padding-top:130px;
	}
	
	/** 
	* This span creates a shadow that pushes up into the intro block.
	* It must live within the next element down on the page.
	*/
	span.shadow-top {
		display:block;
		width:725px;
		height:12px;
		background:url("/images/site/intro_shadow_top.png") no-repeat;
		behavior:url("/styles/iepngfix.htc");
		position:relative;
		overflow:hidden;
	}

/*
* Interactive page
* ---------------------------------------- */
/* removed styles not in use */

/*
* Error pages (uses interactive template)
* ---------------------------------------- */
.error-page h2,
.error-page p {
	margin:30px 75px 15px;
}
	.error-page h2 {
		color:#666;
		font-size:40px;
		font-weight:normal;
		line-height:1.1em;
	}
	.error-page p {
		color:#333;
		font-size:16px;
		margin-top:15px;
		padding-bottom:50px;
	}

/*
* Interactive promos
* ---------------------------------------- */
#promo .promo {
	width:472px;
	height:207px;
	position:absolute;
	top:-15px;
}
	.promo h3 {
		display:none;
	}
	.promo a {
		/*color:#a7b8c2;*/
		color:#FFF;
		width:230px;
		display:block;
		line-height:1.4em;
		margin-top:48px;
		position:relative;
	}
		.promo a:hover {
			color:#efeeba;
			text-decoration:none;
		}
		.promo a:hover span {
			text-decoration:underline;
		}
		.promo a img {
			position:relative;
			left:4px;
			top:2px;
		}
		
	#promo-loss {
		background:url("/images/site/promo_loss_lg.gif") no-repeat;
		left:21px;
	}
		#promo-loss a {
			padding-top:78px;
			margin-left:222px;
		}
		
	#promo-flow {
		background:url("/images/site/promo_flow_lg.gif") no-repeat;
		left:493px;
	}
		#promo-flow a {
			padding-top:48px;
			margin-left:212px;
		}
/*
* Footer
* ---------------------------------------- */
#main #footer {background: #313130}

#footer .footer-content {
	background: none;
	color:#ccc;
	font:11px/1.3em Verdana, Arial, Helvetica, sans-serif;
	padding: 17px 0 40px;
	overflow: hidden;
	width: 965px;
}

	#footer a {
		color:#ccc;
	}
	#footer .sections {
		width:720px;
		background:url("/images/site/footer_dividers.gif") repeat-y 180px;
		overflow:hidden;
	}
		#footer .sections h4 {
			line-height:1em;
			text-transform:uppercase;
			margin:18px 0 0;
		}
		#footer .sections .col {
			width:140px;
			padding:0 10px 0 30px;
		}
	#footer .utility {	
		width:235px;
		padding-left:30px;
	}
	#footer ul {
		margin:0;
		padding:0;
	}
	#footer li {
		padding:10px 0 0;
	}

#footer .topics {
	padding-left: 42px;
	width: 663px;
}

#footer .topics h4 {
	margin: 16px 0 0;
	text-transform: uppercase;
}

#footer .utility {
	border-left: 1px solid #575754;
	padding: 15px 0 20px 20px;
}

#copyright {
	color: #c3c2be;
	font-size: 9px;
	line-height: 2;
	margin-top: 60px;
}



/*
* HOME
* ----------------------------------------
* ---------------------------------------- */
/* remove styles */

/*
* LANDING PAGE
* ----------------------------------------
* ---------------------------------------- */
#landing {
	width:735px;
	background:url("/images/site/landing_bg.gif") repeat-y;
	padding:15px 0 0;
}
	#landing span.shadow-top {
		top:-27px;
	}
	#landing span.shadow-bottom {
		display:block;
		width:100%;
		height:55px;
		background:#f5f4ee url("/images/site/landing_shadow_bottom.jpg") no-repeat;
		position:relative;
		top:-1px;
	}
	
	#landing .teaser {
		width:100%;
		overflow:auto;
		padding:15px 0 16px;
		background:url("/images/site/landing_rule_horiz.gif") no-repeat 0 bottom;
	}
		#landing .teaser h3 {
			width:137px;
			background-repeat:no-repeat;
			padding:0;
			margin:0;
		}
			#landing .teaser h3 a,
			#landing .teaser h3 span {
				display:block;
				color:#666;
				font-size:18px;
				font-weight:normal;
				text-align:center;
				padding:106px 10px 0;
			}
		
		#landing .teaser div.col {
			color:#666;
			width:395px;
			padding:0 10px 0 20px;
		}
			#landing .teaser h4 {
				color:#000;
				font-size:15px;
				font-weight:normal;
				margin:0 0 0.5em;
			}
				#landing .teaser h4 strong {
					color:#6d8217;
					font-weight:bold;
				}
			#landing .teaser p {
				margin:0;
			}
			#landing .teaser p.button {
				margin:1.25em 0 0;
			}
			
		#landing .teaser ul {
			display:inline;
			float:left;
			width:133px;
			background:url("/images/site/landing_rule_vert.gif") repeat-y left 0;
			font:11px/1.3em Verdana, Arial, Helvetica, sans-serif;
			list-style-position:outside;
			padding:0 0 3px 25px;
			margin:4px 0 0;
		}
			#landing .teaser ul li {
				border-bottom:1px solid #c4c3be;
				padding:0;
				margin:0;
			}
				#landing .teaser ul li.omega {
					border:none;
				}
			#landing .teaser ul a {
				display:block;
				background:url("/images/site/landing_nav_arrow.gif") no-repeat right 7px;
				padding:4px 0;
				padding-left:4px;
				padding-right:10px;
			}
			
/*
* ARTICLE PAGE
* ----------------------------------------
* ---------------------------------------- */
#article {
	width:735px;
	background:url("/images/site/article_bg.gif") repeat-y;
	padding:25px 0 0;
	overflow:auto;
}
	#article span.shadow-top {
		top:-37px;
	}
	#article span.fade-bottom {
		display:block;
		clear:both;
		height:52px;
		background:url("/images/site/article_bottom.jpg") no-repeat;
	}
	#article .local {
		width:169px;
		padding:0 18px 0 22px;
	}
		#article .local ul {
			font-size:16px;
			margin:0 0 20px;
		}
			#article .local ul a {
				color:#92918e;
				background:url("/images/site/article_nav_arrow.gif") no-repeat right center;
				padding-right:15px;
			}
            #article .local li.active a { color: #333; }
			
		#article .local li {
			border-top:1px solid #c3c2be;
			padding:6px 6px;
		}
			#article .local li.alpha {
				border:none;
				padding-top:0;
			}
			
		#article .local .photo {
			width:145px;
			height:145px;
			background:url("/images/site/article_photo.jpg") no-repeat;
			padding:12px;
			overflow:hidden;
		}
		#article .local p {
			color:#333;
			font:10px/1.5em Verdana, Arial, Helvetica, sans-serif;
			padding:0 12px;
			margin:5px 0 25px;
		}
		#article .local cite {
			display:block;
			font-style:italic;
			margin:0.5em 0;
		}
		
	#article .body {
		color:#333;
		font-size:14px;
		line-height:1.5em;
		width:431px;
		padding:0 60px 30px 35px;
	}
	
/*
* Glossary
* ---------------------------------------- */
#glossary {
	margin:0;
	padding:0;
}
	#glossary dt {
		font-weight:bold;
		font-size:15px;
		margin-bottom:8px;
	}
	#glossary dd {
		margin-bottom:22px;
		padding:0;
	}


	/* For image replacement */
	.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
	.ir br { display: none; }