@import url(common.css);

.main1, .main2, .main3, .main4, .main-calc, .general, .expeditions{
	width:960px; 
	position:relative; 
	top:-15px; 
	padding-bottom:25px;
}
.main1{background: url(../images/inner-top1.png) top left no-repeat;}
.main2{background: url(../images/inner-top2.png) top left no-repeat;}
.main3{background: url(../images/inner-top3.png) top left no-repeat;}
.main4{background: url(../images/inner-top4.png) top left no-repeat;}
.main-calc{background:url(../images/inner-calculator.png) top left no-repeat;}
.general{background: url(../images/inner-top-general.png) top left no-repeat;}
.expeditions{background: url(../images/inner-top-expeditions.png) top left no-repeat;}

.page2col, .page{
	min-height:350px; 
	position:relative; 
	top:27px; 
	padding:10px 25px;
	font-family: Verdana, Geneva, sans-serif;
	}
.page2col{background:url(../images/inner-bg2.png) 0 55px repeat-y; }
.page{background:url(../images/inner-bg.png) 0 55px repeat-y;}
.page2col p, .page p{
	line-height:180%;
	margin-bottom:10px;
	}
		
/* for expeditions page */
.page2col-expeditions{
	min-height:350px; 
	position:relative; 
	top:27px; 
	padding:10px 25px;
	font-family: Verdana, Geneva, sans-serif;
	background:url(../images/inner-bg.png) 0 55px repeat-y;
	}

.page2col-expeditions p{
	line-height:180%;
	margin-bottom:10px;
	}

.bottom, .bottom2col{
	height:31px; 
	position:relative; 
	top:27px;
	}
.bottom2col{background: url(../images/inner-bottom2.png) top left no-repeat;}
.bottom{background: url(../images/inner-bottom.png) top left no-repeat;}

/* for expeditions page */
.bottom2col-expeditions{
	height:31px; 
	position:relative; 
	top:27px;
	background: url(../images/inner-bottom.png) top left no-repeat;
	}

.main1 h1, .main1 h2, .main1 h3 {color: #6e9f21;}
h2.section1 {color: #6e9f21;margin-top:0;}/*for popup header*/
.main2 h1, .main2 h2, .main2 h3 {color: #e18313;}
h2.section2 {color: #e18313;margin-top:0;}/*for popup header*/
.main3 h1, .main3 h2, .main3 h3 {color: #016aa2;}
h2.section3 {color: #016aa2;margin-top:0;}/*for popup header*/
.main4 h1, .main4 h2, .main4 h3 {color: #8a2079;}
h2.section4 {color: #8a2079;margin-top:0;}/*for popup header*/
.main-calc h1{color: #139093;}
.general h1, .general h2, h3.generalsidebar {color: #6a2176;}
h1.expedition {color: #ef4137;text-indent:114px;}
h2#expeditions-certificate {color: #ef4137;}
h2.expedition {color: #ef4137;text-indent:174px;margin-top:-35px;}
h2.sectionexpedition {color: #ef4137;margin-top:0;}/*for popup header*/
.calcIframe{width:100%;height:620px;}
/* landing page headers */
h1.level1 {font-size: 20px; margin-top:10px;}
h2.level1 {color: #000; font-style:italic;}
.featured-box h3 {color:#fff;margin-top:5px;font-size:15px;}

.page-l{
	width: 640px;
	float: left;
	margin-right: 20px;
	}
.page-r{
	width: 220px;
	padding: 0 0 0 30px;	
	float: left;
	}
	
.page-r-expedition{
	width: 250px;
	padding: 0 0 0 0;	
	float: left;
	}
	
	
.exp a, .didyouknow{
	display: block;
	background: url(../images/button-right.png) top left no-repeat;
	width: 205px;
	}
.exp a{
	background-position: 0 0;
	height: 144px;
	}
.exp a:hover{background-position: -222px 0;}
.didyouknow{
	background-position: 0 -147px;	
	height: 186px;
	}
.didyouknow h3{display:none;}
.didyouknow div.button{
	display: block;
	background: url(../images/button-right.png) 0 -333px no-repeat;
	width: 150px;
	height: 40px;
	position: relative;
	top: 30px;
	left: 25px;
	}
/*.didyouknow a.button:hover{background-position: -220px -333px;}*/
.link a{
	display: block;
	background: url(../images/button-sample.gif) top left no-repeat;
	width: 202px;
	height: 138px;
	}

/* added jm */
/* dyk */
#dyk-sec1, #dyk-sec2, #dyk-sec3, #dyk-sec4 {
	width: 150px;
	padding: 30px 25px 25px 25px;
	color: #fff;
	font-size: 88%;
	line-height:1.2em;
}

/* share styles */
#share{
	position:relative;
	right:0;	
	z-index:10; /* added to fix IE7 overlay */
}

#share ul#bookmarkList {
	z-index:10;
	position:absolute;
	top:18px;
	left:880px;
	padding:1px 2px 0;
	text-align:left;
	width: 120px;
	}

ul#bookmarkList li {
	display:block;
	padding:0;
	margin:5px 0;
	}
	
ul#bookmarkList li ul {
	position:static;
	margin:5px 0 0;
	padding:1px 2px 0;
	}
	
ul#bookmarkList #post.post a {
	background-image:url(../images/share.png);
	background-repeat:no-repeat;
	background-position:0 50%;
	display:block;
	height:20px;
	width:90px;
	padding:0px 0px 0px 20px;
	color: transparent;
	text-decoration: none;
	}

ul#bookmarkList #post.postFrame a {
	padding:0px 0px 0px 20px;
	width:90px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

ul#bookmarkList #post.post a:hover,ul#bookmarkList #post.postFrame a:hover { 
	display:block;
	color: transparent;
	text-decoration: none;
	}
	
ul#bookmarkList #post.post a:hover {
	background-image: url(../images/share-hover.png);
	background-repeat:no-repeat;
	display:block;
	height:20px;
	}
ul#bookmarkList #post.postFrame a {
	background-image:url(../images/share-hover.png);
	background-repeat:no-repeat;
	display:block;
	height:20px;
	}
ul#bookmarkList #post.postFrame ul#postList a {
	font-weight:normal;
	display:block;
	background-color:transparent;
	background-repeat:no-repeat;
	margin:0 2px;
	color: #000;
	}
	
ul#bookmarkList #post.postFrame ul#postList a:hover {
	font-weight:bold;
	color: #000;
	}
	
ul#bookmarkList li ul#postList {
	background: #fff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	width:120px;
}

ul#bookmarkList li ul#postList .digg a {
	background-image:url(https://www3.epa.gov/epafiles/s/i/digg.gif);
	}
	
ul#bookmarkList li ul#postList .slashdot a {
	background-image:url(https://www3.epa.gov/epafiles/s/i/slashdot.gif);
	}

ul#bookmarkList li ul#postList .facebook a {
	background-image:url(https://www3.epa.gov/epafiles/s/i/facebook.gif);
	}

ul#bookmarkList li ul#postList .reddit a {
	background-image:url(https://www3.epa.gov/epafiles/s/i/reddit.gif);
	}
	
ul#bookmarkList li ul#postList .stumble a {
	background-image:url(https://www3.epa.gov/epafiles/s/i/stumble.gif);
	}
	
ul#bookmarkList li ul#postList .delicious a {
	background-image:url(https://www3.epa.gov/epafiles/s/i/delicious.gif);
	}
	
ul#bookmarkList li ul#postList .whatisthis a {
	background-image:url(https://www3.epa.gov/epafiles/s/i/whatisthis.gif);
	}

.show{display:block;}.hide{display:none;}
strong{font-weight:bold;}

/*----------img styles -----------------*/

.img-l{margin:0px 10px 5px 0; float:left;}
.img-r{margin:0px 0 5px 10px; float:right;}
.img-center{text-align:center;}
.img-sidebar{margin:15px 0 5px 0;}
.addtopspace{margin-top:7px;}

/*----------- link styles --------------*/
.page a, .page-l a, .popup a, .page-nav a{
	text-decoration:none; 
	border-bottom: 1px dotted #06C; 
	color:#09F;
}
.page a:hover, .page-l a:hover, .popup a:hover, .page-nav a:hover{background-color:#FF9;}
.page .topofpage, .page-l .topofpage{margin-top:20px}
.page .topofpage a, .page-l .topofpage a{
	padding:3px 5px; 
	border-bottom: 0;
	background-color:#09C; 
	color:#fff; 
	font-size:11px; 
	text-decoration:none;
}
.page .topofpage a:hover, .page-l .topofpage a:hover{background-color:#06C;}
.page .nostyle, .popup .exitEPA, a.removelinkstyle{border:0;}
.page .nostyle:hover, .popup .exitEPA:hover, a.removelinkstyle:hover{background:none;}

/*----------- moreinfo page ------------*/

#moreinfo h2{
	color:#647DA6;	
	font-size:18px;
	margin: 10px 0;
}
#moreinfo h3{
	color:#666;
	font-size:16px;
	border-left:17px solid #9C0;
	padding-left:10px;
	margin: 25px 0 10px;
}
#moreinfo h4{
	color:#399;
	font-size:14px;
	padding-bottom: 10px;
	font-style:italic;
}
#moreinfo h2, #moreinfo h3, #moreinfo h4{font-weight:bold;}
#moreinfo ul{margin: 5px 0 20px 20px;}
#moreinfo ul li{
	background: url(../images/bullet.gif) 0 3px no-repeat;
	padding-left: 25px;
	padding-right:30px;
	margin-bottom: 10px;
	line-height:180%;
}


/*-------  nav -------*/
/*------- section nav 4.2 -------*/
#content .page #sec4-2 {
	float:right;
	clear:left;
	width:480px;
	height:590px;
	background: url(../images/nav-4-2-bg.jpg);
	position: relative;
	z-index: 1;
}

#content .page #sec4-2-nav {
	 width: 480px;
	 height: 590px;
	 background: url(../images/nav-4-2-text.png);
	 margin: 0px auto; padding: 0;
	 position: absolute;
	 top: 20px;
	 left: 0px;
	 z-index: 5;
}

#content .page #sec4-2 li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;z-index:5; text-indent: -9999em;}

#content .page #sec4-2 a {display: block; border:none;}

#content .page #sec4-2a {left: 110px; top: 0px; width: 130px; height: 110px;}
#content .page #sec4-2b {left: 30px; top: 110px; width: 160px; height: 200px;}  
#content .page #sec4-2c {left: 0px; top: 243px; width: 180px; height: 90px;}
#content .page #sec4-2d {left: 335px; top: 240px; width: 120px; height: 120px;}
#content .page #sec4-2e {left: 348px; top: 130px; width: 120px; height: 70px;}
#content .page #sec4-2f {left: 269px; top: 0px; width: 160px; height: 120px;}

#content .page #sec4-2a a {height: 110px;} 
#content .page #sec4-2b a {height: 100px;}
#content .page #sec4-2c a {height: 90px;}
#content .page #sec4-2d a {height: 120px;}
#content .page #sec4-2e a {height: 70px;}
#content .page #sec4-2f a {height: 120px;}

#content .page #sec4-2a a:hover, #content .page #sec4-2a a.on {background: url(../images/nav-4-2-text.png) -589px 0 no-repeat;}
#content .page #sec4-2b a:hover, #content .page #sec4-2b a.on {background: url(../images/nav-4-2-text.png) -510px -110px no-repeat;}
#content .page #sec4-2c a:hover, #content .page #sec4-2c a.on {background: url(../images/nav-4-2-text.png) -480px -243px no-repeat;}
#content .page #sec4-2d a:hover, #content .page #sec4-2d a.on {background: url(../images/nav-4-2-text.png) -814px -240px no-repeat;}
#content .page #sec4-2e a:hover, #content .page #sec4-2e a.on {background: url(../images/nav-4-2-text.png) -828px -130px no-repeat;}
#content .page #sec4-2f a:hover, #content .page #sec4-2f a.on  {background: url(../images/nav-4-2-text.png) -748px 0px no-repeat;} 
/*--/end section nav 4.2 -------*/

/*------- section nav 4.3 -------*/
#content .page .sec4-3-bg {
	position:absolute;
	z-index:1;
	width:480px;
	height:590px;
	left:460px;
}

#content .page .sec4-3{
	width:480px;
	height:590px;
	float:right;
	}
#content .page .sec4-3 ul li{display:inline;}
#content .page .sec4-3 ul li a{
	display:block;
	background:url(../images/nav-4-3-text.png) top left no-repeat;
	text-indent: -9999em;
	border-bottom:none;
	overflow:hidden;
	float:left;	
	position:relative;
	z-index: 5;
	}
#content .page .sec4-3 ul li.health a{
	top: 10px;
	left:180px;
	width:134px;
	height:98px;
	background-position: 0 0;
	}
#content .page .sec4-3 ul li.health a:hover, #content .page .sec4-3 ul li.health a.on{background-position: -170px 0;}

#content .page .sec4-3 ul li.ecosystems a{
	top: 80px;
	left:-84px;
	width:134px;
	height:98px;
	background-position: 0 -250px;
	}
#content .page .sec4-3 ul li.ecosystems a:hover, #content .page .sec4-3 ul li.ecosystems a.on{background-position: -170px -250px;}

#content .page .sec4-3 ul li.weather a{
	top: 193px;
	left:-262px;
	width:134px;
	height:98px;
	background-position: 0 -375px;
	}
#content .page .sec4-3 ul li.weather a:hover, #content .page .sec4-3 ul li.weather a.on{background-position: -170px -375px;}

#content .page .sec4-3 ul li.drought-fires a{
	top: 213px;
	left: 24px;
	width:134px;
	height:98px;
	background-position: 0 -499px;
	}
#content .page .sec4-3 ul li.drought-fires a:hover, #content .page .sec4-3 ul li.drought-fires a.on{background-position: -170px -499px;}


#content .page .sec4-3 ul li.seas a{
	top: -40px;
	left: 205px;
	width:134px;
	height:98px;
	background-position: 0 -132px;
	}
#content .page .sec4-3 ul li.seas a:hover, #content .page .sec4-3 ul li.seas a.on{background-position: -170px -132px;}
/*--/end section nav 4.3---*/

/*------- section nav 2.2 -------*/
#content .page .sec2-2{
	background:url(../images/nav-2-2-bg.jpg) top left no-repeat;
	width:875px;
	height:220px;
	margin-left:17px;
	margin-top:30px;
	}
#content .page .sec2-2 ul li{display:inline;}
#content .page .sec2-2 ul li a{
	display:block;
	background:url(../images/nav-2-2-text.png) top left no-repeat;
	text-indent: -9999em;
	border-bottom:none;
	overflow:hidden;
	float:left;	
	position:relative;
	}
#content .page .sec2-2 ul li.ag a{
	left:20px;
	width:100px;
	height:40px;
	background-position: 0 0;
	}
#content .page .sec2-2 ul li.ag a:hover, #content .page .sec2-2 ul li.ag a.on{background-position: -157px 0;}
#content .page .sec2-2 ul li.energy a{
	left:92px;
	width:70px;
	height:35px;
	background-position: 0 -40px;
	}
#content .page .sec2-2 ul li.energy a:hover, #content .page .sec2-2 ul li.energy a.on{background-position: -157px -40px;}
#content .page .sec2-2 ul li.water a{
	top:80px;
	left:5px;
	width:86px;
	height:55px;
	background-position: 0 -80px;
	}
#content .page .sec2-2 ul li.water a:hover, #content .page .sec2-2 ul li.water a.on{background-position: -157px -80px;}
#content .page .sec2-2 ul li.health a{
	top:8px;
	left:145px;
	width:70px;
	height:35px;
	background-position: 0 -140px;
	}
#content .page .sec2-2 ul li.health a:hover, #content .page .sec2-2 ul li.health a.on{background-position: -159px -140px;}
#content .page .sec2-2 ul li.eco a{
	top:28px;
	left:215px;
	width:140px;
	height:55px;
	background-position: 0 -180px;
	}
#content .page .sec2-2 ul li.eco a:hover, #content .page .sec2-2 ul li.eco a.on{background-position: -161px -180px;}
#content .page .sec2-2 ul li.forest a{
	top:100px;
	left:100px;
	width:100px;
	height:35px;
	background-position: 0 -240px;
	}
#content .page .sec2-2 ul li.forest a:hover, #content .page .sec2-2 ul li.forest a.on{background-position: -160px -240px;}
#content .page .sec2-2 ul li.rec a{
	top:4px;
	left:180px;
	width:110px;
	height:25px;
	background-position: 0 -330px;
	}
#content .page .sec2-2 ul li.rec a:hover, #content .page .sec2-2 ul li.rec a.on{background-position: -159px -330px;}
#content .page .sec2-2 ul li.coastal a{
	top:153px;
	left:65px;
	width:120px;
	height:25px;
	background-position: 0 -290px;
	}
#content .page .sec2-2 ul li.coastal a:hover, #content .page .sec2-2 ul li.coastal a.on{background-position: -161px -290px;}

/*--- nav 2.2 top ---*/
#nav-2-2-top {
	float:right;
	margin:10px 0 10px 10px;
	background:url(../images/nav-2-2-trapezoid.jpg);
	width:147px;
	height:173px;
}

#nav-2-2-top ul {margin:7px 0 0 10px;}

#nav-2-2-top ul li, #nav-2-2-top ul li a {
	font: normal bold 11px Verdana, Geneva, sans-serif;
	line-height:1.6em;
	letter-spacing:-0.02em;
	color: #fff;
	background: none;
	border: none;
}

#nav-2-2-top ul li a:hover, #nav-2-2-top ul li a.on {color: #F9ED32;}
#nav-2-2-top ul li a.nospace{line-height:95%;display:block;margin-top:2px;margin-bottom:4px;}

/*--/end section nav 2.2---*/

/*------- section nav 2.1 -------*/
#content .page .sec2-1{
	background:url(../images/nav-2-1-bg.jpg) top left no-repeat;
	width:875px;
	height:220px;
	margin-left:17px;
	margin-top:30px;
	}
#content .page .sec2-1 ul li{display:inline;}
#content .page .sec2-1 ul li a{
	display:block;
	background:url(../images/nav-2-1-text.png) top left no-repeat;
	text-indent: -9999em;
	border-bottom:none;
	overflow:hidden;
	float:left;	
	position:relative;
	}
	
#content .page .sec2-1 ul li.temperature a{
	left:0px;
	width:137px;
	height:60px;
	background-position: 0px 0;
	}
#content .page .sec2-1 ul li.temperature a:hover, #content .page .sec2-1 ul li.temperature a.on{background-position: -155px 0;}

#content .page .sec2-1 ul li.droughts a{
	top: 155px;
	left:-70px;
	width:90px;
	height:55px;
	background-position: 0 -80px;
	}
#content .page .sec2-1 ul li.droughts a:hover, #content .page .sec2-1 ul li.droughts a.on{background-position: -155px -80px;}

#content .page .sec2-1 ul li.weather a{
	top:36px;
	left:20px;
	width:140px;
	height:30px;
	background-position: 0px -159px;
	}
#content .page .sec2-1 ul li.weather a:hover, #content .page .sec2-1 ul li.weather a.on{background-position: -154px -159px;}

#content .page .sec2-1 ul li.precip-patterns a{
	top:152px;
	left:-160px;
	width:145px;
	height:70px;
	background-position: 0 -210px;
	}
#content .page .sec2-1 ul li.precip-patterns a:hover, #content .page .sec2-1 ul li.precip-patterns a.on{background-position: -156px -210px;}

#content .page .sec2-1 ul li.snowpack a{
	top:8px;
	left:-96px;
	width:110px;
	height:50px;
	background-position: 0px  -298px;
	}
#content .page .sec2-1 ul li.snowpack a:hover, #content .page .sec2-1 ul li.snowpack a.on{background-position: -156px -298px;}

#content .page .sec2-1 ul li.glaciers a{
	top:165px;
	left:-180px;
	width:100px;
	height:55px;
	background-position: 0 -363px;
	}
#content .page .sec2-1 ul li.glaciers a:hover, #content .page .sec2-1 ul li.glaciers a.on{background-position: -155px -363px;}

#content .page .sec2-1 ul li.sea-ice a{
	top:8px;
	left:-165px;
	width:100px;
	height:50px;
	background-position: 0 -433px;
	}
#content .page .sec2-1 ul li.sea-ice a:hover, #content .page .sec2-1 ul li.sea-ice a.on{background-position: -155px -433px;}

#content .page .sec2-1 ul li.permafrost a{
	top:112px;
	left:-170px;
	width:120px;
	height:55px;
	background-position: 0 -509px;
	}
#content .page .sec2-1 ul li.permafrost a:hover, #content .page .sec2-1 ul li.permafrost a.on{background-position: -155px -509px;}


#content .page .sec2-1 ul li.oceans a{
	top:13px;
	left:677px;
	width:90px;
	height:45px;
	background-position: 0 -579px;
	}
#content .page .sec2-1 ul li.oceans a:hover, #content .page .sec2-1 ul li.oceans a.on{background-position: -153px -579px;}

#content .page .sec2-1 ul li.acidity a{
	top:-95px;
	left:606px;
	width:145px;
	height:55px;
	background-position: 0 -648px;
	}
#content .page .sec2-1 ul li.acidity a:hover, #content .page .sec2-1 ul li.acidity a.on{background-position: -154px -648px;}

#content .page .sec2-1 ul li.sea-level a{
	top:60px;
	left:526px;
	width:110px;
	height:45px;
	background-position: 0 -712px;
	}
#content .page .sec2-1 ul li.sea-level a:hover, #content .page .sec2-1 ul li.sea-level a.on{background-position: -155px -712px;}

/*--- nav 2.1 top ---*/
#nav-2-1-top {
	float:right;
	margin:10px 0 10px 10px;
	background:url(../images/nav-2-1-trapezoid.jpg);
	width:191px;
	height:230px;
}

#nav-2-1-top ul {margin:5px 0 0 15px;}

#nav-2-1-top ul li, #nav-2-1-top ul li a {
	font: normal bold 11px Verdana, Geneva, sans-serif;
	line-height:1.55em;
	letter-spacing:-0.02em;
	color: #fff;
	background: none;
	border: none;
}

#nav-2-1-top ul li a:hover, #nav-2-1-top ul li a.on {color: #F9ED32;}

#nav-2-1-top ul li a.nospace{line-height:95%;display:block;margin-top:2px;margin-bottom:4px;}

/*--/end section nav 2.1---*/

/*------- section nav 4.1 -------*/
#content .page .sec4-1{
	background:url(../images/nav-4-1-bg.jpg) top left no-repeat;
	width:875px;
	height:220px;
	margin-left:17px;
	margin-top:30px;
	}
#content .page .sec4-1 ul li{display:inline;}
#content .page .sec4-1 ul li a{
	display:block;
	background:url(../images/nav-4-1-text.png) top left no-repeat;
	text-indent: -9999em;
	border-bottom:none;
	overflow:hidden;
	float:left;	
	position:relative;
	}
#content .page .sec4-1 ul li.biomass a{
	top: 112px;
	left:20px;
	width:70px;
	height:60px;
	background-position: 0 0;
	}
#content .page .sec4-1 ul li.biomass a:hover, #content .page .sec4-1 ul li.biomass a.on{background-position: -152px 0;}

#content .page .sec4-1 ul li.nuclear a{
	top: 147px;
	left:75px;
	width:70px;
	height:50px;
	background-position: 0 -60px;
	}
#content .page .sec4-1 ul li.nuclear a:hover, #content .page .sec4-1 ul li.nuclear a.on{background-position: -152px -60px;}

#content .page .sec4-1 ul li.ccs a{
	top: 52px;
	left:76px;
	width:100px;
	height:80px;
	background-position: 0 -112px;
	}
#content .page .sec4-1 ul li.ccs a:hover, #content .page .sec4-1 ul li.ccs a.on{background-position: -152px -112px;}

#content .page .sec4-1 ul li.vehicles a{
	top: 135px;
	left:135px;
	width:80px;
	height:50px;
	background-position: 0 -190px;
	}
#content .page .sec4-1 ul li.vehicles a:hover, #content .page .sec4-1 ul li.vehicles a.on{background-position: -152px -190px;}

#content .page .sec4-1 ul li.buildings a{
	top: 43px;
	left:68px;
	width:120px;
	height:50px;
	background-position: 0 -246px;
	}
#content .page .sec4-1 ul li.buildings a:hover, #content .page .sec4-1 ul li.buildings a.on{background-position: -152px -246px;}

#content .page .sec4-1 ul li.methane a{
	top: 142px;
	left:76px;
	width:120px;
	height:70px;
	background-position: 0 -295px;
	}
#content .page .sec4-1 ul li.methane a:hover, #content .page .sec4-1 ul li.methane a.on{background-position: -152px -295px;}

#content .page .sec4-1 ul li.wind a{
	top: 21px;
	left:32px;
	width:150px;
	height:50px;
	background-position: 0 -363px;
	}
#content .page .sec4-1 ul li.wind a:hover, #content .page .sec4-1 ul li.wind a.on{background-position: -153px -363px;}

#content .page .sec4-1 ul li.geothermal a{
	top: 96px;
	left:-65px;
	width:150px;
	height:50px;
	background-position: 0 -418px;
	}
#content .page .sec4-1 ul li.geothermal a:hover, #content .page .sec4-1 ul li.geothermal a.on{background-position: -152px -418px;}

#content .page .sec4-1 ul li.water a{
	top: 7px;
	left:138px;
	width:150px;
	height:30px;
	background-position: 0 -478px;
	}
#content .page .sec4-1 ul li.water a:hover, #content .page .sec4-1 ul li.water a.on{background-position: -150px -478px;}

#content .page .sec4-1 ul li.solar a{
	top: 97px;
	left:30px;
	width:150px;
	height:30px;
	background-position: 0 -512px;
	}
#content .page .sec4-1 ul li.solar a:hover, #content .page .sec4-1 ul li.solar a.on{background-position: -152px -512px;}

/*--- nav 4.1 top ---*/
#nav-4-1-top {
	float:right;
	margin:10px 0 10px 10px;
	background:url(../images/nav-4-1-trapezoid.jpg);
	width:197px;
	height:211px;
}

#nav-4-1-top ul {margin:13px 0 0 11px;}
#nav-4-1-top ul li, #nav-4-1-top ul li a {
	font: normal bold 11px Verdana, Geneva, sans-serif;
	line-height:1.55em;
	letter-spacing:-0.02em;
	color: #fff;
	background: none;
	border: none;
}
#nav-4-1-top ul li a:hover, #nav-4-1-top ul li a.on {color: #F9ED32;}
#nav-4-1-top ul li a.nospace{
	line-height:95%;
	display:block;
	margin-top:2px;
	margin-bottom:4px;
}

/*--/end section nav 4.1---*/

/*------- section nav 1.2 -------*/
#content .page .sec1-2-bg {
	position:absolute;
	z-index:1;
	width:432px;
	height:416px;
	left:500px;
}

#content .page .sec1-2{
	width:432px;
	height:416px;
	float:right;
	clear:left;
	display:block;
	margin: 20px 0 20px 20px;
	}
#content .page .sec1-2 ul li{display:inline;}
#content .page .sec1-2 ul li a{
	display:block;
	background:url(../images/nav-1-2-text.png) top left no-repeat;
	text-indent: -9999em;
	border-bottom:none;
	overflow:hidden;
	float:left;	
	position:relative;
	z-index: 5;
	}
#content .page .sec1-2 ul li.gheffect a{
	top: 70px;
	left: -145px;
	width:140px;
	height:90px;
	background-position: 0 0;
	}
#content .page .sec1-2 ul li.gheffect a:hover, #content .page .sec1-2 ul li.gheffect a.on{background-position: -160px 0;}

#content .page .sec1-2 ul li.ghgases a{
	top: 28px;
	left:135px;
	width:140px;
	height:90px;
	background-position: 0 -105px;
	}
#content .page .sec1-2 ul li.ghgases a:hover, #content .page .sec1-2 ul li.ghgases a.on{background-position: -160px -105px;}


#content .page .sec1-2 ul li.co2 a{
	top: 76px;
	left:0px;
	width:140px;
	height:90px;
	background-position: 0 -198px;
	}
#content .page .sec1-2 ul li.co2 a:hover, #content .page .sec1-2 ul li.co2 a.on{background-position: -160px -198px;}

/*--/end section nav 1.2---*/


/*------------ section 1 -jm----------------*/
/* 1.1 diagram */
#diagram-1-1 { width:550px;height:411px;text-align:center;margin-bottom:15px;display:inline-block; }

/* 1.2.1 */
div#print-1-2-1 {display:none;}
div#print-1-2-3 {display:none;}

/* 1.2.2 tab styles */
div#print-1-2-2 {display:none;}
.tabshide { position: absolute; top: -9999px; left: -9999px; }
.tabshide h3 {margin:0px;}

#tabs-1-2-2 { background: #f6f6f6; border:1px solid #eee; width:450px; height: 200px; margin:20px 0 20px 0; }
#tabs-1-2-2 h3 {margin-top:10px;}
.tabs-wrap {margin:0px 20px; padding:10px 0 10px 0;}

#tabs-1-2-2 .nav { overflow: hidden; margin: 0; }
#tabs-1-2-2 .nav li { width: 150px;float: left; margin-right: 0px; }
#tabs-1-2-2 .nav li.last { margin-right: 0; }
#tabs-1-2-2 .nav li a { display: block;  background: #f6f6f6; height:40px;padding: 5px; text-align: center; border: 0; }
#tabs-1-2-2 .nav li a:hover {  background: #f6f6f6 url(../images/arrow.gif) 50% 30px no-repeat; }

#tabs-1-2-2 ul { list-style: none; }
#tabs-1-2-2 ul li a { display: block; }
#tabs-1-2-2 ul li a:hover { }
#tabs-1-2-2 ul li:last-child a { }

#tabs-1-2-2 ul li.featured a.current, #tabs ul.featured li a:hover {background: url(../images/arrow.gif) 50% 30px no-repeat;}
#tabs-1-2-2 #featured, #tabs-1-2-2 li.featured { }
#tabs-1-2-2 ul li.one a.current, #tabs-1-2-2 ul.one li a:hover { background: url(../images/arrow.gif) 50% 30px no-repeat;}
#tabs-1-2-2 ul li.two a.current, #tabs-1-2-2 ul.two li a:hover { background: url(../images/arrow.gif) 50% 30px no-repeat; }
#tabs-1-2-2 ul li.three a.current, #tabs-1-2-2 ul.three li a:hover {background: url(../images/arrow.gif) 50% 30px no-repeat; }

div#tabs-1-2-2 div.tabs-wrap p {
	padding:0px 0 15px 0;
}

/*-------------/end section 1 -------------------------*/


/*------------ section 3 -jm----------------*/

/* 3.3 tab styles */
.tabshide { position: absolute; top: -9999px; left: -9999px; }
.tabshide h3 {margin-top:0px;margin-bottom:10px;}

#tabs { background: #f6f6f6; padding: 0 10px 10px 10px; margin:70px 0 0 -180px; }
.tabs-wrap {margin:0 20px;}

#tabs .nav { overflow: hidden; margin: 0 0 10px 0; }
#tabs .nav li { width: 260px; float: left; margin: 0 10px 5px 10px; }
#tabs .nav li.last { margin-right: 0; }
#tabs .nav li a { display: block; padding: 5px; text-align: center; border: 0; }
#tabs .nav li a:hover {  }

#tabs ul { list-style: none; }
#tabs ul li a { display: block; background:none; }
#tabs ul li a:hover { }
#tabs ul li:last-child a { }

#tabs ul li.featured a.current, #tabs ul.featured li a:hover { background-color:#016aa2; }
#tabs #featured, #tabs li.featured {display:none;}
#tabs ul li.one a.current, #tabs ul.one li a:hover { background-color:#016aa2;}
#tabs ul li.two a.current, #tabs ul.two li a:hover { background-color:#016aa2; }
#tabs ul li.three a.current, #tabs ul.three li a:hover {background-color:#016aa2; }

.tabs-wrap .answer1, .tabs-wrap .answer2, .tabs-wrap .answer3{
	background-color:#fff;
	padding:10px;
	margin-bottom:20px;
	font-weight:normal;
	border:1px dotted #ccc;
}

/* 3.1 figure 1 styles */
#content .page .sec3-1 ul#landscape {
	list-style: none;
	background: url(../images/scientists-clues-figure1.png) no-repeat 0 0;
	position: relative;
	width: 890px;
	height: 582px;
	margin: 15px 0 0 8px;;
	padding: 0;
	}
	
#content .page .sec3-1 div#landscape-print {display:none;}
	
#content .page .sec3-1 ul#landscape li {position: absolute;}	
	
#content .page .sec3-1 ul#landscape li a{
	display: block;
	height: 100%;
	text-indent: -9000px;
	outline:0;
	border:none;
	}
	
#content .page .sec3-1 ul#landscape li a:hover {background: url(../images/3-1-figure1-magglass.png) no-repeat 0 0;}
	
/* precipitation */
#content .page .sec3-1 ul#landscape li#precipitation {
	width: 200px;
	height: 150px;
	top: 0px;
	left: 0px;
	}

#content .page .sec3-1 ul#landscape li#precipitation a:hover{background-position: 80px 62px;}

/* migration */
#content .page .sec3-1 #migration {
	width: 260px;
	height: 150px;
	top: 0px;
	left: 220px;
	}
	
#content .page .sec3-1 ul#landscape li#migration a:hover {background-position: 90px 50px;}

/* snow-ice */
#content .page .sec3-1 #snow-ice {
	width: 225px;
	height: 150px;
	top: 0px;
	left: 650px;
	}
	
#content .page .sec3-1 ul#landscape li#snow-ice a:hover {background-position: 94px 55px;}
	
	
/* storms */
#content .page .sec3-1 #storms {
	width: 200px;
	height: 170px;
	top: 200px;
	left: 0px;
	}
	
#content .page .sec3-1 ul#landscape li#storms a:hover {background-position: 72px 71px;}
	
	
/* temperatures */	
#content .page .sec3-1 #temperatures {
	width: 250px;
	height: 220px;
	top: 170px;
	left: 215px;
	}
	
#content .page .sec3-1 ul#landscape li#temperatures a:hover{background-position: 90px 42px;}
	
	
/* droughts-wildfires */	
#content .page .sec3-1 #droughts-wildfires {
	width: 175px;
	height: 210px;
	top: 180px;
	left: 490px;
	}
	
#content .page .sec3-1 ul#landscape li#droughts-wildfires a:hover{background-position: 44px 62px;}
	
	
/* permafrost */	
#content .page .sec3-1 #permafrost {
	width: 180px;
	height: 170px;
	top: 200px;
	left: 700px;
	}
	
#content .page .sec3-1 ul#landscape li#permafrost a:hover {background-position: 93px 68px;}
	
	
/* corals */	
#content .page .sec3-1 #corals {
	width: 225px;
	height: 150px;
	top: 425px;
	left: 0px;
	}
	

#content .page .sec3-1 ul#landscape li#corals a:hover {background-position: 113px 31px;}
	
	
/* sea */
#content .page .sec3-1 #sea {
	width: 180px;
	height: 150px;
	top: 425px;
	left: 275px;
	}
	

#content .page .sec3-1 ul#landscape li#sea a:hover {background-position: 56px 35px;}
	
	
/* oceans */
#content .page .sec3-1 #oceans {
	width: 175px;
	height: 150px;
	top: 425px;
	left: 475px;
	}
	
#content .page .sec3-1 ul#landscape li#oceans a:hover {
	background-position: 66px 32px;
	}
	
	
/* plant */
#content .page .sec3-1 #plant {
	width: 180px;
	height: 170px;
	top: 390px;
	left: 695px;
	}

#content .page .sec3-1 ul#landscape li#plant a:hover {background-position: 66px 94px;}

/*-------------/end section 3 -------------------------*/

/*------------ section 4: Kihwa added----------------*/
.featured-box{
	width:202px;
	background:#91BE4A url(../images/featured-box-top.gif) top left no-repeat;
	margin-bottom: 20px;
}
.featured-bottom{
	background:url(../images/featured-box-bottom.gif) bottom left no-repeat;
	padding-top:10px;	
}
.featured-box h3{color:#FFF; padding:15px 10px 0 10px;}
.featured-box p{color:#fff; font-size:11px; line-height:120%; padding: 0 10px 10px 10px; margin:0;}
.featured-box p a{color:#FF0; text-decoration:none;}
.featured-box p a:hover{text-decoration: underline;}

/*-------------/end section 4 -------------------------*/
/*------- popup boxes -------*/
.popup {
	padding:10px; 
	background:#fff;
}
.popup p, .popup ul {
	margin-top: 15px;
	font: 12px/1.5em Verdana, Geneva, sans-serif;  
}
.popup ul li{margin: 15px 0 0 20px;}
.popup ul.list li{margin:0;}
.popup ol{
	list-style:decimal;
	margin:15px 10px 0 30px;
	font-family:Verdana, Geneva, sans-serif;
}
.popup ol li{line-height:130%;padding-bottom:10px;}

/*-------------/end popup boxes -------------------------*/


/*------- general styles, added julie -------*/

ul.breadcrumbs {
	font: 10px Verdana, Geneva, sans-serif;
	list-style-type: none;
	margin:0 0 10px 0;
	padding:0;
}

ul.breadcrumbs li {
	display: inline;
	color: #999999;
}

ul.breadcrumbs li a {
	margin-right: 10px;
	margin-left: 5px;
	text-decoration: none;
	color: #999999;
	border: none;
}

ul.breadcrumbs li a.first{margin-left: 0px;}

ul.breadcrumbs li a:hover{color: #666666;}

ul.breadcrumbs li.on {
	font-weight:bold;
	color: #666666;
	padding-left: 5px;
}

.page-nav{
	text-align: center;
	padding: 10px 0 0 0;
}

.highlight {background:#FF6;}

.sidebar {
	float: right;
	width:300px;
	clear:left;
	margin-left:20px;
	padding:0 15px 15px 15px;
	font-size:95%;
	background:#f6f6f6;
	border:1px solid #eee;  
	margin-bottom:20px;
	display:block;
}

.sidebar-print {display:none;}
p.text-center{text-align:center;}
p.caption{
font-size:80%;
line-height:140%;
color: #666666;
}

p.caption-center{
font-size:80%;
line-height:140%;
color: #666666;
text-align:center;
}

p.caption-1-2-2{
width:450px;
margin:5px 0 0 40px;
font-size:80%;
line-height:140%;
color: #666666;
}

#glossary{margin: 20px 0 20px 0;}

#glossary li
{
display: inline;
list-style-type: none;
}

#glossary li a{margin-right: 20px;}
#glossary li.empty{margin-right: 20px;}


/*--------- added Kihwa --------------*/
.list, .tab_container ul, .list-small{margin-left:15px; margin-bottom:10px;}
.list-small{margin-top:15px;}
.list li, .tab_container ul li{
	background:url(../images/bullet.gif) 0 5px no-repeat;
	padding:3px 10px 5px 30px;
	line-height:150%;
}
.list-small li{
	background:url(../images/bullet-small.gif) 0 8px no-repeat;
	padding: 3px 10px 5px 20px;
	line-height:150%;	
}
.list-landing1, .list-landing2, .list-landing3, .list-landing4{
	margin: 20px;	
}
.list-landing1 li, .list-landing2 li, .list-landing3 li, .list-landing4 li{
	background:url(../images/landing_icon_basics.gif) 0 3px no-repeat;
	padding:0 0 20px 40px;
	line-height:175%;
}
.list-landing2 li{
	background-image:url(../images/landing_icon_impacts.gif);
}
.list-landing3 li{
	background-image:url(../images/landing_icon_scientist.gif);
}
.list-landing4 li{
	background-image:url(../images/landing_icon_solution.gif);
}
.howitworks{
	background:url(../images/HowItWorks.gif) top left no-repeat;
	text-indent:-999em;	
}
.howworks{
	background:#f6f6f6;
	border:1px solid #eee; 
	padding:10px; 
	overflow:auto;
	margin-bottom:20px;
}
.howworks-r{
	margin-left:15px;
	width:410px;
	float:left;
}
.howworks-r ol, .climatechallenge ol{
	padding-left:25px;
	list-style:decimal;
	display:block;
}
.howworks-r ol li, .climatechallenge ol li{padding-bottom:10px; line-height:130%;}
.howworks-l{
	display:block;
	width:450px;
	float:left;
}
.coolfacts{
	background:url(../images/CoolFacts-icon.gif) 5px 5px no-repeat;
	border:3px solid #f3f3f3;
	margin-top:30px;
	padding:20px 20px 20px 135px;
}
.coolfacts h2, .climatechallenge h2{display:none;}
.climatechallenge{
	background:url(../images/ClimateChallenge-icon.gif) 15px 15px no-repeat;
	border: 3px solid #f3f3f3;
	margin-top:30px;
	padding:20px 20px 20px 200px;
}
h2.whatsatstake{
	background:url(../images/Whats-at-stake.gif) top left no-repeat;
	text-indent:-999em;
}
/*---------- tab styles --------------*/
div.tab_area{width:420px;float:left;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #ccc;
	border-left: none;
	margin-bottom: -1px;
	background: #f3f3f3;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.1em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #FFC;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #ccc;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 20px;
	font-size: 11px;
}
.tab_content h3 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1em;
	font-weight:bold;
}
.tab_content h4{
	font-size:11px;
	font-weight:bold;	
	padding-bottom:2px;
	color:#693;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}
/*---------------/end tab styles---------------*/
/*-----------climate challenge box ------------*/
.climatechallenge p{display:none;}
.climatechallenge p.display { 
		display:block;
		line-height:140%;
}

.climatechallenge p.source{
	display:block;
	font-size:11px;
	color:#333;
	background-color:#f3f3f3;
	line-height:120%; 
	padding:10px;
	margin-top:15px;
}
.reveal1, .reveal2, .reveal3{
	background:#9CF; 
	width:100px; 
	border:1px solid #69F; 
	cursor:pointer; 
	padding:1px 2px; 
	font-size:11px; 
	color:#36C;
}
.reveal1:hover, .reveal2:hover, .reveal3:hover{background:#69F;color:#fff;}
.answer1, .answer2, .answer3{font-weight:bold;}
/*---------/end climate challenge box----------*/ 

ul.eco{margin:0}
ul.eco li{
	border-bottom:1px dashed #dcdcdc;
	display:block;
	padding:0 0 20px;
	overflow:auto;
	line-height:170%;
}
ul.eco li.last{border-bottom:0;}

h3.divider{
	border-top:1px dashed #dcdcdc;	
	clear:both;
	margin-top:25px;
	padding-top:25px;
}

ol.choices{list-style:upper-alpha;margin:10px;}
ol.choices li{padding:0;}



/* slickbox sliders styles -jm */
div.slickbox-container {display:block;}
div.slickbox-container-2col {display:inline;width:210px;float:left;}
.twocol {width:210px;display:inline-block;}
div.slickbox-container-3col {display:inline;width:290px;float:left;}
.threecol {width:290px;display:inline-block;}

div.slickbox { display:block;padding:1px;}
div.slickbox h2 { background:#e9f2fc;border:1px solid #c6ddf7;padding:5px 5px 5px 7px;margin:0px; }

div.slickbox h2 a {
	background: url(../images/slickbox-arrow.gif) 0 2px no-repeat;
	color:#39C;
	font-weight:bold;
	font-size:12px;
	padding-left:12px;
	border:none;
	outline:0;
}

div.slickbox h2 a:hover { background: url(../images/slickbox-arrow-on.gif) 0px 2px no-repeat; border:none; }
div.slickbox div.active { border:1px solid #c6ddf7;padding:10px; display:inline-block; }
div.slickbox h2 a.active { background: url(../images/slickbox-arrow-active.gif) 0px 3px no-repeat; }
/*---------------/end slickbox slider styles---------------*/

/* expedition page styles -jm */
#map_wrap {
	display:block;
	width:400px;
	height:456px;
	background: url(../images/expedition_bottomleft.gif) no-repeat bottom left;
	position: relative;
	z-index:10;
	margin-left:49px;
	}
	
#map_container{
	float:left;
	position:absolute;
	}
#map_canvas{
	border:2px solid #ef4136;
	height:400px;
	width:550px;
	}
#expedition-one{background:url(../images/arctic_popup.jpg) 0 4px no-repeat;}
#expedition-two{background:url(../images/sealevel_popup.jpg) 0 4px no-repeat;}
#expedition-three{background:url(../images/tropical_popup.jpg) 0 4px no-repeat;}
#expedition-four{background:url(../images/agriculture_popup.jpg) 0 4px no-repeat;}
#expedition-five{background:url(../images/droughts_popup.jpg) 0 4px no-repeat;}
#expedition-six{background:url(../images/coral_popup.jpg) 0 4px no-repeat;}
/*#expedition-seven{background:url(../images/bg-infowindow.jpg) 0 4px no-repeat;}*/
#expedition-seven{background:url(../images/snowpack_popup.jpg) 0 4px no-repeat;}
#expedition-eight{background:url(../images/disease_popup.jpg) 0 4px no-repeat;}
		
.tooltip{
	height:130px;
	margin:5px 0 0 5px;
	padding:5px 0 0 0;
	width:270px;
	z-index:2;
	}
.tooltip h2{
	color:#ef4136;
	font-size:18px;
	font-weight:normal;
	margin:0 0 10px 16px;
	padding:0 0 0 70px;
	}
	
#expedition-six h2 {
	font-size:15px;
	line-height:110%;
	}
		
.tooltip p{
	float:right;
	font-size:12px;
	line-height:135%;
	margin:0 5px 0 0;
	width:135px;
	}
.tooltip p a{
	color:#0083cb;
	display:block;
	font-style:italic;
	padding:5px 0 0 0;
	text-decoration:none;
	width:100px;
	}
.tooltip a:hover{color:#ef4136;}
			
#expeditions-topleft {
	background: url(../images/expeditions_girl.jpg) no-repeat top left;
	height:182px;
	}
			
#expeditions-topleft p {padding-left:200px;}
			
.expeditions-right {
	background: url(../images/expeditions_rightbg.jpg) no-repeat bottom right;
	height:650px;
	display:block;
	position:relative;
	}

#passport {
	width: 185px;
	height: 100%;
	margin: -10px 0 0 26px;
	}
			
#passport a {margin: 0 0 0 10px;}
	
#passport p {
	width: 105px;
	text-align:center;
	font-size:10.5px;
	line-height:17px;
	margin: -33px 0 0 4px;
	}
			
#passport p a {
	color: #09F;
	text-decoration:none; 
	border-bottom: 1px dotted #06C; 
	}
	
#passport p a:hover {
	background: #FF9;
	}
			
a.passport {
	background: url(../images/expeditions_passport.png) no-repeat 0 0;
	width: 185px;
	height: 140px;
	display: block;
	}
			
a.passport:hover { background-position: -185px 0; }
/*---------------/end expedition page styles---------------*/		

img.didyouknowphoto{
	position:absolute;
	top:506px;
	padding-left:770px;
}
ol.faq, ol.faq-q-list{
	list-style:decimal;
	margin-left:30px;	
}
ol.faq-q-list{
	padding-top:5px;
	margin-bottom:20px;	
}
ol.faq li{
	padding-bottom:20px;
	line-height:180%;
}
ol.faq-q-list li{padding-bottom:10px;}
ol.faq li ul{padding-top:10px;}
ol.faq li ul li{padding-bottom:0}

a.thumb-1-2-1{
	display:block;
	background:#fff url(../images/1-2-3-greenhs.jpg) top left no-repeat;
	width:421px;
	height:317px;
	float:left;
	border:none;
	}
a.thumb-1-2-1:hover{background:url(../images/1-2-3-greenhs-over.jpg);}
a.thumb-1-2-3{
	display:block;
	background:#fff url(../images/1-2-1-carbon.jpg) top left no-repeat;
	width:422px;
	height:317px;
	float:left;
	border:none;
	}
a.thumb-1-2-3:hover{background:url(../images/1-2-1-carbon-over.jpg);}

/*------------ for print -----------------*/
.spreadingDiseases{margin-left:160px;}
.ccus{width:480px;float:right;margin-top:5px;}
.flash-alt-greencar, .flash-alt-greenhome{display:none;}
.additional-left{float:left;width:60%;}
.additional-right{float:left;width:40%;}
/*---------/end for print-----------------*/

/*------------ contact us -----------------*/
.contactForm{background-color:#f3f3f3;padding:20px;width:650px;margin-top:20px;}
.contactForm p{margin-bottom:15px;}
.contactForm label{width:120px;float:left;font-weight:bold;}
.contactForm p em{padding-left:120px;display:block;font-size:11px;color:#666;line-height:100%;}
.contactForm label span{color:#F00;font-weight:bold;}
/*---------/end contact us ----------------*/

/*------------ for screenreader -------------*/
.forscreenreader{font-size:0;height:0;width:0;overflow:hidden;border:none;}
p.forscreenreader{padding:0;margin:0;}
/*---------/end for screenreader ------------*/

/*--------- table styles for lesson plans -----------*/
.gcctable{border:1px solid black;line-height:1.2em;}
.gcctable caption{font-weight:bold;margin:10px;}
.gcctable th{background-color:rgb(0, 153, 204);padding:5px;color:white;vertical-align:middle;font-weight:bold;}
.gcctable td{border-right:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;padding:3px;}
.gcctable td.no-right{border-right:0;}
.gcctable td.no-bottom{border-bottom:0;}


sub { vertical-align: sub; font-size: .8em;}

/*---------contest page styles ------------------*/
.clearBoth{ clear: both; }

.symbol{ font-size: 20pt; }

.contestDivider{
	width: 100%;
	background: #CFDFEE;
	height: 30px;
	margin: 25px 0px 25px 0px;
}