@import '/climatechange/styles/indicators.css';

#content #pageContent ul#tabs.ghgGases li a
{
	padding: 9px 42px;
}
#main   #pageContent  .mainBanner img {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	 position: relative;
    z-index: 100;
}
#main    #pageContent .mainBanner h2 {      
	color: #FFFFFF;
    left: 200px;
    position: absolute;
    top: 210px;
    z-index: 1001;}
	#main  #pageContent .smallBanner  h2 {      
	color: #FFFFFF;
    left: 20px;
    position: absolute;
    top: 70px;
    z-index: 1001;}
	#main  #pageContent .smallBanner {position:relative;}
 #pageContent #content p {    clear: left;}
 #pageContent #content p#areafooter {clear:both;}
 #pageContent .column .box {width:100%;}
 #pageContent .col3,
 #pageContent .col2 {clear:both;}
 #pageContent .col2 .column  {margin:0 5px}
 #pageContent .col4 .column  {margin:0 10px; width: 172px;}
 #pageContent .col4 .column.first {margin-left: 0}
 #pageContent .col4 .column.last  {margin-right: 0 float: none;}	
 #pageContent .boxHome {
	background: none repeat scroll 0 0 #fff2cb;
	 background-image: linear-gradient(top, rgb(255,242,203) 49%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(top, rgb(255,242,203) 49%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(top, rgb(255,242,203) 49%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(top, rgb(255,242,203) 49%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(top, rgb(255,242,203) 49%, rgb(255,255,255) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.49, rgb(255,242,203)),
		color-stop(1, rgb(255,255,255))
	);
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    font-size: 0.9167em;
    margin: 10px 10px 10px 0;
    padding: 0 0 5px;
}
 #pageContent .imageHighlight {
	font-size: 0.9167em;
	margin: 10px 0px 10px 0;
	clear: right;
	float: right;
	padding: 0 0 5px;

}

 #pageContent .imageHighlight.left {
	font-size: 0.9167em;
	margin: 0 10px 10px 0;
	width:300px;
	
	float: left;
	padding: 0 0 5px;

}


 #pageContent .imageHighlight.left {float:left;}
 .highlightContain {clear:both; float:left; width:100%;}
 #pageContent div.highlight.right {	background-image: url(/climatechange/images/science/Arrow-gray.png);
	background-repeat: no-repeat;

	background-position: left center;
	background-color:#fff;
	   width: 425px;
	   float:right; margin:0;   padding-left: 14px;
}
 #pageContent div.highlight.left {	
	background-image: url(/climatechange/images/science/Arrow-gray-right.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-color:#fff;
	width: 425px;  
    padding-right: 14px;
    margin: 0px;
}



 #pageContent div.highlight p.highlightText {margin:0px;background-color:#ccc;padding:5px;}

	#pageContent .boxHomeMini,
	#pageContent .boxScienceMini {
		background: none repeat scroll 0 0 #F6F6F6;
		background-image: linear-gradient(top, rgb(248,235,202) 49%, rgb(255,255,255) 100%);
		background-image: -o-linear-gradient(top, rgb(248,235,202) 49%, rgb(255,255,255) 100%);
		background-image: -moz-linear-gradient(top, rgb(248,235,202) 49%, rgb(255,255,255) 100%);
		background-image: -webkit-linear-gradient(top, rgb(248,235,202) 49%, rgb(255,255,255) 100%);
		background-image: -ms-linear-gradient(top, rgb(248,235,202) 49%, rgb(255,255,255) 100%);

		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0.49, rgb(248,235,202)),
			color-stop(1, rgb(255,255,255))
		);
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		font-size: 0.9167em;
		margin: 10px 0;
		padding: 0 0 5px;
		min-height: 210px;
	}
 #pageContent .boxScience {
	background: none repeat scroll 0 0 #F6F6F6;
	 background-image: linear-gradient(top, rgb(248,235,202) 49%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(top, rgb(248,235,202) 49%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(top, rgb(248,235,202) 49%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(top, rgb(248,235,202) 49%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(top, rgb(248,235,202) 49%, rgb(255,255,255) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.49, rgb(248,235,202)),
		color-stop(1, rgb(255,255,255))
	);
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    font-size: 0.9167em;
    margin: 10px 10px 10px 0;
    padding: 0 0 5px;
	float:left; /*width:65%;*/
}
	#pageContent .boxScience.home { height: 200px; width: 490px; }
	#pageContent .boxMain.science { margin-right: 30px; width: 173px; }
	#pageContent .boxHome h5,
	#pageContent .boxHomeMini h5,
	#pageContent .boxScienceMini h5,
	#pageContent .boxScience h5 {
		background-color:#28b34b; 
		border-bottom:2px solid #da9d0a;
		-webkit-border-top-left-radius: 6px;
		-webkit-border-top-right-radius: 6px;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 6px;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		color: #fff;
		text-align: left;
		font-size: 1.3em;
		margin: 0;
		font-weight: bold;
		height: 30px;
	}
 #pageContent 	.imageHighlight h5 {	 color: #000;
    text-align: left;background-color:#ccc; 
	 font-size: 1.3em;
    margin: 0;
    padding: 12px;
	    font-weight: bold;}
 #pageContent 	.boxScience h5,
 #pageContent 	.boxScienceMini h5 {border-bottom:2px solid #da9d0a;} 
 #pageContent 	.boxScienceMini h5 {line-height: 1em; min-height: 30px;}
 
 #pageContent 	.boxScienceMini h5 a {font-size: 13px;}
	#main #pageContent .boxHome h5 a,
	#main #pageContent .boxHome h5 a:hover,
	#main #pageContent .boxHome h5 a:focus,
	#main #pageContent .boxHomeMini h5 a,
	#main #pageContent .boxHomeMini h5 a:hover,
	#main #pageContent .boxHomeMini h5 a:focus,
	#main #pageContent .boxScienceMini h5 a,
	#main #pageContent .boxScienceMini h5 a:hover,
	#main #pageContent .boxScienceMini h5 a:focus,
	#main #pageContent .boxScience h5 a,
	#main #pageContent .boxScience h5 a:hover,
	#main #pageContent .boxScience h5 a:focus {
		color: #fff;
		position: absolute;
		display: block;
	}
	#main #pageContent .boxScience h5.non-link { padding: 5px 0 0 10px; }

	#main #pageContent .boxHome h5 a,
	#main #pageContent .boxHomeMini h5 a,
	#main #pageContent .boxScience h5 a { padding: 5px 0 5px 10px; }
	#main #pageContent .boxScienceMini h5 a { padding: 7px 10px 10px; }

	#main #pageContent .boxHome h5 a { width: 360px; }
	#main #pageContent .boxHomeMini h5 a { width: 165px; }
	#main #pageContent .boxScienceMini h5 a { width: 220px; }
	#main #pageContent .boxScience h5 a { width: 480px; }

	#main #pageContent .columns.col3 .boxHome h5 a { width: 220px; }
	
 #pageContent .boxHome p
 #pageContent .boxHomeMini p,
 #pageContent .boxScienceMini p,
 #pageContent .boxMain p {
		padding-left: 5px;   margin: 5px;
}
 #pageContent .boxHome ul
 #pageContent .boxHomeMini ul,
 #pageContent .boxScienceMini ul,
 #pageContent .boxMain ul { margin-bottom: 5px;}
	#pageContent .boxMain {
		background: none repeat scroll 0 0 #e8ecee;
		background-image: linear-gradient(top, rgb(232,236,238) 49%, rgb(255,255,255) 100%);
		background-image: -o-linear-gradient(top, rgb(232,236,238) 49%, rgb(255,255,255) 100%);
		background-image: -moz-linear-gradient(top, rgb(232,236,238) 49%, rgb(255,255,255) 100%);
		background-image: -webkit-linear-gradient(top, rgb(232,236,238) 49%, rgb(255,255,255) 100%);
		background-image: -ms-linear-gradient(top, rgb(232,236,238) 49%, rgb(255,255,255) 100%);
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0.49, rgb(232,236,238)),
			color-stop(1, rgb(255,255,255))
		);
		border: 1px solid #cccccc;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		font-size: 0.9167em;
		margin: 10px 0px 10px 10px;
		padding: 0 0 5px;
		width: 220px;
		float: right;
		clear: right;
	}
	#pageContent .boxMain h5 {
		background-color:#f9a33f;
		border-bottom:1px solid #fff;
		-webkit-border-top-left-radius: 6px;
		-webkit-border-top-right-radius: 6px;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 6px;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		color: #fff;
		text-align: left;
		margin: 0;
		padding: 6px 12px;
		font-weight: bold;
		font-size: 1.3em;
	}
	#pageContent .column .boxMain { width: 95%; }

	#pageContent .boxMain.science-right {
		width: 255px;
		border: none;
		padding: 0;
		margin-right: 0;		
	}
	#pageContent .boxMain.science-right h5 { height: 30px; margin: 0; padding: 0; font-size: 1.1em; }
	#pageContent .boxMain.science-right h5 a,
	#pageContent .boxMain.science-right h5.non-link {
		width: 245px;
		color: #fff;
		position: absolute;
		display: block;
		padding: 7px 0 3px 10px;
		border-bottom: 2px solid #28B34B;
	}
	#pageContent .boxMain.science-right h5.non-link { position: relative; height: 20px; }
 #pageContent .mainBanner {display:block;}
 #pageContent .mainBanner div {
 	z-index: 101;
 	background: transparent url('/climatechange/images/bg-trans.png') repeat;
 	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
 	position: absolute;
 	height: 45px;
 	padding: 4px 9px 7px;
 	top: 200px;
 	right: 35px;
 }
 #pageContent .mainBanner div p { margin: 0; color: #fff; font-size: 1.25em;}
  #pageContent .calculator {
	background-image: url("/climatechange/images/wycd/Calculator.png");
	background-repeat: no-repeat;
	height: 80px;
	width: 240px;
	float:right; 
	clear: right;
	margin-bottom: 15px;
}
 #pageContent .calculator a {
	text-indent: -9999em;
	display: block;
	height: 80px;
	width: 240px;
}
#pageContent .ce-calculator {
	padding: 0px 10px;
	margin-top: 10px;
}
#pageContent .right .ce-calculator {
	padding: 0px 5px;
}
#content #pageContent  ul#tabs {background:none !important;margin-bottom:0 !important;    margin-left: 0px !important;}
#content  #pageContent ul#tabs li a{
	color: #FFF !important; border:none !important; margin:0 0.25em 0 0 !important;font-size:12px !important;
	background-color: #92cd8b !important;
	-webkit-border-top-left-radius: 6px !important;
	-webkit-border-top-right-radius: 6px !important;
	-moz-border-radius-topleft: 6px !important;
	-moz-border-radius-topright: 6px !important;
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
	padding: 10px 19px;
	font-weight: normal;
    height:24px;
    line-height:24px;
}
#content  #pageContent ul#tabs li a.twoLines{
    line-height:12px !important;
}




#content  #pageContent ul#tabs li.on a,
#content  #pageContent ul#tabs li a:hover {
	background-color: #28b34b !important;
}
 #pageContent .onThisPage {float:left;   width: 69%;}
 #pageContent .onThisPage.full { width: 100%;}
 #pageContent .onThisPage h5 {
	text-transform: uppercase;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #28b34b;
}
 #pageContent .onThisPage ul {margin-left: -30px; float: left; width: 50%}
 #pageContent .onThisPage ul li {
	margin-left:30px;
	background: url("/climatechange/images/emissions/icon_bullet.png") no-repeat scroll 0 5px transparent;
	list-style: none;
	padding-left: 16px;
	
}
 #pageContent .onThisPage ul li.first {/*margin-left:0*/}
 #pageContent .boxScience .col2 .column{width:170px;}

 #pageContent .boxImage {float:left;
margin:5px 15px 5px 5px;
}
 #pageContent .boxImage img,
 #pageContent .boxScience li img,
 #pageContent .boxScience img{-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
 #pageContent .boxScience img {float:left; margin:15px;}
#content  #pageContent .boxScience p {clear:none;margin:15px;}
#content  #pageContent .boxHome p {clear:none;  margin-left: 5px;
    margin: 0; padding: 0 5px;}

#content   #pageContent .boxHomeMini p {margin:5px;}
 #pageContent .boxMain hr {    border: 1px solid #CCCCCC;}
 #pageContent p.enlarge {
	background-image: url("/climatechange/images/icon_enlarge.png");
	 background-position: 21px center;
    background-repeat: no-repeat;
    padding-left: 20px;
    text-align: center;
}
 #pageContent .boxScience li {list-style:none; text-align:center;margin:10px 5px 5px}
 #pageContent .boxScience ul.resources li {float:left; margin:0; width:110px;}
#content  #pageContent .boxScience ul.resources {margin-left:5px; width:100%;  margin-top: 10px;}
 #pageContent .boxScience ul.resources li.first { margin-left: 7px;
    margin-right: 0;}
	
 #pageContent 	.boxHome h6 {color:#900;font-weight: bold;
    margin: 10px 0; font-size: 1.3em;}

	
	  
     #pageContent   .columns.science {overflow:visible}
		
		
		 #pageContent li.humanhealth {position:relative;}
		
		 #pageContent .innerNavigation {display:block; float:left; }
	#pageContent .innerNavigation.InA {display: none;}

		#content #pageContent  .innerNavigation ul {margin-left:0;margin-right:0}
 #pageContent .innerNavigation li {background: none repeat scroll 0 0 #e8ecee;
	background-image: linear-gradient(top, rgb(223,241,214) 49%, rgb(195,227,179) 100%);
	background-image: -o-linear-gradient(top, rgb(223,241,214) 49%, rgb(195,227,179) 100%);
	background-image: -moz-linear-gradient(top, rgb(223,241,214) 49%, rgb(195,227,179) 100%);
	background-image: -webkit-linear-gradient(top, rgb(223,241,214) 49%, rgb(195,227,179) 100%);
	background-image: -ms-linear-gradient(top, rgb(223,241,214) 49%, rgb(195,227,179) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.49, rgb(223,241,214)),
		color-stop(1, rgb(195,227,179))
	);
	width:262px; float:left;
	list-style:none;
	color:#2c5716; font-size:20px; text-align:center;
	}	
	#content  #pageContent .innerNavigation li a,
	#content  #pageContent .innerNavigation li.selected a {color:#2c5716; width:100%; display: block;}
		
 #pageContent .innerNavigation li.selected {
background-color:#fff;
background-image: url("/climatechange/images/science/Arrow.png");
   background-position: center 60px;
    background-repeat: no-repeat;
    height: 80px;}
 #pageContent .innerNavigation li.selected a {
	
}


#areafooter{
	width: 960px; 
	position: relative; 
	left: -190px; 
	background-color: #2D373C; 
	margin: 0; 
	color: white;
	bottom: -33px;
	padding-top: 15px;
	height: 300px;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 0px !important;
}

#areafooter a, #areafooter a:visited {
	color: white !important;
}
#areafooter span{
	width: 20%;
	text-align: left;
	float: left;
	padding-left:20px;
}
#areafooter span.column1{width: 14%; margin-left: 8px; clear: left;}
#areafooter span.column2{width: 22%;}
#areafooter span.column3{width: 19%;}
#areafooter span.column4{width: 16%;}
#areafooter span.column5{width: 17%;}

#areafooter span.topic{
	background: url("/climatechange/images/bullets1.png") no-repeat scroll 0 3px transparent;
	
}
#areafooter span.topic a{
	color: white !important;
}
#areafooter span.topic a {
	font-size: 13px;
	font-weight: bold;	
}	
#areafooter span.blank {
	text-indent: -9999px;
}	
#areafooter span {
	width: 20%;
	color: white;
}	

#areafooter .postInA {
	position: relative;
	top: -18px;
}

#areafooter .postTribes {
	position: relative;
	top: -36px;
}

#areafooter .postEmissions {
	position: relative;
	top: -54px;
}

#areafooter .top70 {
	position: relative;
	top: -70px;
}
.es #page, .basic #page {padding-bottom: 0px !important;}

.didyouknow {display: none;}

#pageContent{min-height: 980px;}

#impactsBySector li img {margin: 5px 6px !important;}
#pageContent .impactsLogo {
	background-image: url("/climatechange/images/science/logo-impacts.jpg");
	background-repeat: no-repeat;
	height: 80px;
	width: 220px;
	float:right; 
	margin-right:10px;
	clear: right;
	margin-right: 0px;
	text-indent: -9999px;
	
}

#pageContent .impactsLogo a {display: block; height: 100%; width: 100%;}
 #main, .rd .hp #page #main { width:940px;}
 div.slider {
	background-color: #dfeffa;
	padding: 10px 20px 0 0;
	margin: 0px;
}

div.sliderimg {
	float: left;
	margin: 10px 20px 0 15px;
	border: 1px solid #3a68b8;
	width: 50px;
	height:50px;
}

div.slidertext {
	padding: 5px 0 5px 40px;
	margin: 0px;
	font-size: 98%;
}

#content div.slider ul li {
	margin-bottom: 5px;
}
#pagecontainer {
	width: 826px;
}#content a {color:#0082c6}
#sidebar
{	float: right;
	width: 200px;
	clear: left; 
	margin-top: 15px;
}
	
#leftcontent
{	float: left;
	width: 626px;
}

/* banner feature styles */
.slideimg {
   position: relative;
   width: 100%; /* for IE 6 */
}
  
.slideimg h2 {
   position: absolute;
   top: 20px;
   left: 10px;
   margin: 0; 
   padding: 0;
}

.slideimg .captionbox
  {
  width: 400px;
  background-color: #000;
  border: 1px solid #000;
  filter: alpha(opacity=75);
  opacity: 0.75;
  height: 130px;
  color:#fff; padding:10px 20px; line-height:1;
} 
	
/* slider styles */
#slidercontainer {
	width: 616px; margin-left: 5px; margin-right: 5px;
}

#leftslider {
	float:left; width:295px; margin-right:16px;
}

#rightslider {
	float:right; width:295px; margin-right:10px;
}

#content h3.slider {
	cursor: pointer;
	margin: 0px;
	background: url(../../images/blue.gif) transparent top left no-repeat;
	width: 295px;
	height: 28px;
	padding: 10px 0 0 10px;
	color: #000066;
	font-size: 95%;
}

#content h3.slider a {
	color: #000066;
	text-decoration: none;
}

#content h3.active {
	background: url(../../images/blue_on.gif) transparent top left no-repeat;
	width: 295px;
	height: 28px;
	padding: 10px 0 0 10px;
	color: #FFFFFF;
	text-decoration: none;
	color: #000066;
	text-decoration: none;
}

#content h3.active a{
	color: #FFFFFF;
	text-decoration: none;
}
	
 #aside,
 .rd .hp #aside {position:relative; top:28px; background:none !important; margin-right:0; width:220px !important; left: -51px;}

 body.ms .box {width:280px; background:none; border:none;}
 body.ms .box h5 { font-size: 1.3em;
    padding: 6px 12px;color:#fff; background-color:#A4a3b2; margin: 0px;}
body.ms .box li, body.ms .box p {    
	background: none repeat scroll 0 0 #e8ecee;
	background-image: linear-gradient(top, rgb(255,255,255) 5%, rgb(232,236,238) 100%);
	background-image: -o-linear-gradient(top, rgb(255,255,255) 5%, rgb(232,236,238) 100%);
	background-image: -moz-linear-gradient(top, rgb(255,255,255) 5%, rgb(232,236,238) 100%);
	background-image: -webkit-linear-gradient(top, rgb(255,255,255) 5%, rgb(232,236,238) 100%);
	background-image: -ms-linear-gradient(top, rgb(255,255,255) 5%, rgb(232,236,238) 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.05, rgb(255,255,255)),
		color-stop(1, rgb(232,236,238))
	);
	margin: 0 0px 0 0;
	padding: 7px 10px;

	list-style-position: inside;  font-size: 13px;
}	
	body.ms .box ol, body.ms .box ul, body.ms .box p {margin:0 !important;}
	
	
#pageContent .boxMain .USMap > div, #pageContent .USMap.small > div {position: absolute;}	
#pageContent .boxMain .USMap  a {       
	display: block;
	text-indent: -999%;
	z-index: 15;
	position: absolute;
	width: 100%;
	height: 100%;
}		

.USMap{display:block;margin:0;padding:0; z-index: 15;}
#pageContent .boxMain .USMap #nw {  
	height: 110px;
    left: 50px;
    top: 576px;
    width: 129px;
	z-index: 1;
}
#pageContent .boxMain .USMap #sw {   
	height: 150px;
    left: 39px;
    top: 701px;
    width: 192px;
	z-index: 2;
}
#pageContent .boxMain .USMap #gp {    
	height: 309px;
    left: 198px;
    top: 592px;
    width: 140px;
	z-index: 3;
}
#pageContent .boxMain .USMap #mw {    
	height: 170px;
    left: 326px;
    top: 580px;
    width: 150px;
	z-index: 4;
}
#pageContent .boxMain .USMap #se {   
	height: 174px;
    left: 341px;
    top: 737px;
    width: 214px;
	z-index: 5;
}
#pageContent .boxMain .USMap #ne {    
	height: 146px;
    left: 493px;
    top: 589px;
    width: 123px;
	z-index: 6;
}
#pageContent .boxMain .USMap #ak {    
	height: 117px;
    left: 54px;
    top: 873px;
    width: 138px;
	z-index: 7;
}
#pageContent .boxMain .USMap #island {       
	height: 78px;
    left: 225px;
    top: 950px;
    width: 260px;
	z-index: 8;
}


#pageContent .USMap.small #nw {  
	height: 66px;
    left: 201px;
    top: 497px;
    width: 81px;
	z-index: 1;
}
#pageContent .USMap.small #sw {   
	height: 114px;
    left: 199px;
    top: 563px;
    width: 110px;
	z-index: 2;
}
#pageContent .USMap.small #gp {    
	height: 187px;
    left: 301px;
    top: 509px;
    width: 76px;
	z-index: 3;
}
#pageContent .USMap.small #mw {    
	height: 98px;
    left: 382px;
    top: 508px;
    width: 86px;
	z-index: 4;
}
#pageContent .USMap.small #se {   
	height: 102px;
    left: 386px;
    top: 606px;
    width: 136px;
	z-index: 5;
}
#pageContent .USMap.small #ne {    
	height: 87px;
    left: 472px;
    top: 508px;
    width: 80px;
	z-index: 6;
}
#pageContent .USMap.small #ak {    
	height: 70px;
    left: 210px;
    top: 683px;
    width: 86px;
	z-index: 7;
}
#pageContent .USMap.small #island {       
	height: 68px;
	left: 314px;
	top: 700px;
	width: 137px;
	z-index: 8;
}
#pageContent #impactsBySector .bubble > div {width: 133px; text-align: center; margin: 0 auto;}
#pageContent #impactsBySector .bubble img {margin-bottom: 5px}
#pageContent #impactsBySector .mapHoverText.arrowLeft {
	left: 720px;
}
#pageContent #impactsBySector .mapHoverText.arrowRight {
	left: 566px;
}

#pageContent .boxMain .USMap  a, #pageContent .USMap.small a {       
	display: block;
	text-indent: -99999px;
	z-index: 15;
	position: absolute;
	height: 100%; 
	width: 100%;
}	
#pageContent .boxMain .USMap{
	background: url("/climatechange/images/map.png") no-repeat 32px 6px transparent ;
	height: 463px;
	width: 580px;
	
}

#pageContent .USMap.small{
	background: url("/climatechange/images/map_ina_small.png") no-repeat 0 10px transparent;
	height: 298px;
	width: 360px;
}

#pageContent  .USMap .boxMain.mapHoverText{
	position: absolute;
	width: 200px;
	font-size: 12px;
	z-index: 50;
}
#content #pageContent  .boxMain.mapHoverText p {
	margin: 3px;
	line-height: 17px;
	text-align: left;
}
	 
#pageContent .mapHoverText .arrowLeft,  #pageContent .mapHoverText .arrowRight{
	display: block;
	height: 24px;
	position: absolute;
	top: 5px;
	background-repeat: no-repeat;
	width: 18px;
}

.mapHoverText .arrowLeft {
    background-image: url("/climatechange/images/header-arrow-left.png");
    left: -17px;
}
.mapHoverText .arrowRight {
    background-image: url("/climatechange/images/header-arrow-right.png");
    left: 200px;
}




	#pageContent .boxMain.home,
 #main .boxMain.home {float:left; width:316px;border:none; background: none;}
	  #pageContent .boxMain.why .ulContainer {
	background-image: url(/climatechange/images/Why-1.png);
	background-repeat: no-repeat;
	width:316px; height:170px;background-color:transparent; border:none;          margin-left: 0;
    margin-right: 5px;margin-top:0; padding-top:10px;
    padding: 0 0 5px 0px
}
#pageContent .boxMain.why ul {width: 85%; list-style: none; line-height: 30px;}
#pageContent .boxMain.what ul {width: 85%; list-style: none; line-height: 30px;}
	    #pageContent .boxMain.what .ulContainer{
	background-image: url(/climatechange/images/What-1.png);
	background-repeat: no-repeat;width:316px; height:170px;background-color:transparent; border:none;         margin-left: 0;
    margin-right: 5px;margin-top:0; padding-top:10px;
    padding: 0 0 5px 0px;
	
}
/*#pageContent .boxMain.home ul {margin-top:5px;}*/
#pageContent .boxMain.home ul li{color:#0082C6;   font-size: 13px;  font-weight:bold; 
}



 #pageContent .boxMain.home.map div p.links,  #pageContent p.links.smallMap{
	 background: none repeat scroll 0 0 #9d9d7b;
	 background-image: linear-gradient(top, rgb(225,219,191) 49%, rgb(157,157,123) 100%);
	background-image: -o-linear-gradient(top, rgb(225,219,191) 49%, rgb(157,157,123) 100%);
	background-image: -moz-linear-gradient(top, rgb(225,219,191) 49%, rgb(157,157,123) 100%);
	background-image: -webkit-linear-gradient(top, rgb(225,219,191) 49%, rgb(157,157,123) 100%);
	background-image: -ms-linear-gradient(top, rgb(225,219,191) 49%, rgb(157,157,123) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.49, rgb(225,219,191)),
		color-stop(1, rgb(157,157,123))
	);
	
	margin:0;
		-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	 font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 10px;
    text-align: center;
	color: #000000;
	 }

#content #pageContent p.links.smallMap {margin: 0px; height: 35px;} 
#pageContent .boxMain.home.map div p.links a,  #pageContent p.links.smallMap a {color: #000000 !important;}	 
.more {font-weight:bold; text-align:right;}

 .kids {
	background-image: url(/climatechange/images/Student-Guide.png);
	background-repeat: no-repeat;
	height: 176px;
	width: 275px;
	float: right;
	z-index: 10;
}
 .kids a {
	text-indent: -9999em;
	display: block;
	height: 176px;
	width: 280px;
	float: right;
}



#pageContent .boxMain.map div  { width:100%;}


 #pageContent .boxMain.home.map {
	 background: none repeat scroll 0 0 #fff2cb;
	 background-image: linear-gradient(top, rgb(255,242,203) 49%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(top, rgb(255,242,203) 49%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(top, rgb(255,242,203) 49%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(top, rgb(255,242,203) 49%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(top, rgb(255,242,203) 49%, rgb(255,255,255) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.49, rgb(255,242,203)),
		color-stop(1, rgb(255,255,255))
	);
	border:none;
	padding-bottom: 0px;
	margin-top: -6px;
	 }
body.ms {background: none repeat scroll 0 0 #356697 !important;}
body.ms #content { 
	margin: 0 auto !important;
	width: 960px !important;
	
}

body.ms #banner {border-right: 0px !important; width: 944px !important;margin-left: 3px; height: 241px !important; }
body.ms #banner > div {width: 960px !important; height: 241px !important; margin-right: 2px !important;}
body.ms #headline { height: 241px !important; margin-top: 30px;}
body.ms #headline #aside {display: none; border: none !important; margin-right: 7px !important; }


body.ms #nav {top: 270px !important;}

body.ms .box {
	width: 286px !important; 
	margin: 10px 0 10px 10px !important;
	float: right;
}
body.ms .box p {
	padding-top: 5px !important; 
	padding-bottom: 5px !important;
}

#pageContent .koshlandContainer {float: left;}
#enlarge-overlay {
	width: 100%;
	text-align: center;
	background: url("../images/overlay.png") repeat scroll left top transparent;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 50;
	
}
#enlarge-overlay-horizon {
	height: 1px;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	overflow: visible;
	display: block;
}

.enlargeLink{
	background: url("/climatechange/images/icon_enlarge.png") no-repeat scroll 0 0 transparent;
	padding-left: 18px;
}

sup{
	
}

#content .pagetop.contentRight {clear: left;}
.multBoxMain {float: right; clear: right;}



#pageContent table.table caption, #pageContent table.tablebord caption {background-color: #F9A33F; color: white}
#pageContent .gasProperty, #pageContent .gasOpportunities, #pageContent .sectorOpportunities {background-color: #EEEEEE}
#pageContent .gasProperty {
	width: 30%; 
	float: right; 
	margin-left: 10px;
	
}

#pageContent .gasOpportunities caption, #pageContent .sectorOpportunities caption, #pageContent .gasProperty caption {
	font-size: 14px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#pageContent .emissionTrends img {padding: 10px; background: white;}
#pageContent .emissionTrends {float: none; margin: 0 auto;}
#pageContent .gasOpportunities {width: 100%;}


#pageContent ul.multimediaSection {height: 249px;}
#pageContent ul.multimediaSection li {float: left; list-style: none; margin: 0 18px;}
#content #pageContent ul.multimediaSection a{
	display: block;
	color: white;
	font-size: 12px;
	height: 94px;
	padding: 154px 15px 0;
	width: 168px;
	background-position: -5px 0px; 
	background-repeat: no-repeat;
} 
#content #pageContent ul.multimediaSection a:hover {text-decoration: none; background-position: -206px 0px;}
#content #pageContent .multimedia-greenhouse{
	background-image: url("/climatechange/images/science/multimedia-greenhouse.png");
}


#content #pageContent .multimedia-climatemodel{
	background-image: url("/climatechange/images/science/multimedia-climatemodel.png");
}


#content #pageContent .multimedia-slider{
	background-image: url("/climatechange/images/science/multimedia-slider.png");
}

#content #pageContent .multimedia-indicators{
	background-image: url("/climatechange/images/science/multimedia-indicators.png");
}


#content #pageContent .multimedia-ciravideo{
	background-image: url("/climatechange/images/science/cira-video-small.png");
}
#content #pageContent .multimedia-ciravideo:hover{
	background-position: -205px 0px !important;
}
/*-259px */
#content #pageContent .multimedia-climate101video{
	background-image: url("/climatechange/images/science/multimedia-climate101video.png");
}
#content #pageContent .multimedia-climate101video:hover{
	background-position: -205px 0px !important;
}

#content #pageContent .multimedia-calculator{
	background-image: url("/climatechange/images/science/multimedia-calculator.png");
}
#content #pageContent .multimedia-calculator:hover{
	background-position: -205px 0px !important;
}
#content #pageContent .boxHome li{
	background: url("/climatechange/images/emissions/icon_bullet.png") no-repeat scroll 0 5px transparent;
	list-style: none;
	margin-left: -15px;
	padding-left: 16px;
}


#pageContent .QnAcontainer > div {
	padding-bottom: 10px;
	overflow: hidden;
	margin: 3px 0;
	 /* fallback */
	  background-color: #C7D8EA;
  
	  /* Safari 4-5, Chrome 1-9 */
	  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C7D8EA), to(#E0EDFD));
	  
	  /* Safari 5.1, Chrome 10+ */
	  background: -webkit-linear-gradient(top, #C7D8EA, #E0EDFD);
	  
	  /* Firefox 3.6+ */
	  background: -moz-linear-gradient(top, #C7D8EA, #E0EDFD);
	  
	  /* IE 10 */
	  background: -ms-linear-gradient(top, #C7D8EA, #E0EDFD);
	  
	  /* Opera 11.10+ */
	  background: -o-linear-gradient(top, #C7D8EA, #E0EDFD);
}
#pageContent .QnAcontainer > .expanded{
	 /* fallback */
	  background-color: #A3DCB3;
	  
	  /* Safari 4-5, Chrome 1-9 */
	  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A3DCB3), to(#FBFBFB));
	  
	  /* Safari 5.1, Chrome 10+ */
	  background: -webkit-linear-gradient(top, #A3DCB3, #FBFBFB);
	  
	  /* Firefox 3.6+ */
	  background: -moz-linear-gradient(top, #A3DCB3, #FBFBFB);
	  
	  /* IE 10 */
	  background: -ms-linear-gradient(top, #A3DCB3, #FBFBFB);
	  
	  /* Opera 11.10+ */
	  background: -o-linear-gradient(top, #A3DCB3, #FBFBFB);
}
#pageContent .QnAcontainer > .first{margin-top: 0px;}
#pageContent .QnAcontainer > .last{margin-bottom: 0px;}
.QnAcontainer  h3{
	background: url("/climatechange/images/questionmark.png") no-repeat scroll 20px 20px transparent;
	height: 42px;
	margin-bottom: 0px;
	padding-left: 76px;
	padding-top: 36px;
	cursor: pointer;
	padding-bottom: 10px;
}

.QnAcontainer{
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border: 1px solid #5781AB;
	overflow: hidden;
	margin-bottom: 20px;
	clear: both;
	position: relative;
	top: -10px;
	z-index: 1;
}
#pageContent #questionFactsPage .answer p{margin: 0;}
#questionFactsPage .showAll, #questionFactsPage .showLess {
	z-index: 2;
	cursor: pointer;
	float: right;
	margin: 0px;
	position: relative;
	top: 10px;
	right: 40px;
	padding: 10px 5px;
	border: 1px solid #4389AB;
	color: white;
	/* fallback */
	  background-color: #4377A9;
	  
	  /* Safari 4-5, Chrome 1-9 */
	  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A8D2E0), to(#23558A));
	  
	  /* Safari 5.1, Chrome 10+ */
	  background: -webkit-linear-gradient(top, #A8D2E0, #23558A);
	  
	  /* Firefox 3.6+ */
	  background: -moz-linear-gradient(top, #A8D2E0, #23558A);
	  
	  /* IE 10 */
	  background: -ms-linear-gradient(top, #A8D2E0, #23558A);
	  
	  /* Opera 11.10+ */
	  background: -o-linear-gradient(top, #A8D2E0, #23558A);
	  
	 border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}

#questionFactsPage .showAll:hover, #questionFactsPage .showLess:hover {
	/* fallback */
	  background-color: #A8D2E0;
	  
	  /* Safari 4-5, Chrome 1-9 */
	  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#23558A), to(#A8D2E0));
	  
	  /* Safari 5.1, Chrome 10+ */
	  background: -webkit-linear-gradient(top, #23558A, #A8D2E0);
	  
	  /* Firefox 3.6+ */
	  background: -moz-linear-gradient(top, #23558A, #A8D2E0);
	  
	  /* IE 10 */
	  background: -ms-linear-gradient(top, #23558A, #A8D2E0);
	  
	  /* Opera 11.10+ */
	  background: -o-linear-gradient(top, #23558A, #A8D2E0);
}
#questionFactsPage .less {float: right; background: url("/climatechange/images/arrows.png") no-repeat scroll 38px -15px transparent; margin-right: 32px; padding-right: 20px; }
#questionFactsPage .more {
	float: right; 
	background: url("/climatechange/images/arrows.png") no-repeat scroll 46px 3px transparent; 
	margin-right: 32px; 
	padding-right: 20px; 
	font-weight: normal; 
	margin-top: -20px;
}

#pageContent #questionFactsPage .answer {margin-left: 75px; overflow: hidden;}

body.ms #wrapper {background: none repeat scroll 0 0 #356697 !important}
#contentLightbox-content .modal {overflow: hidden;}
#contentLightbox-content #slide-info {margin-top: -67px; height: 501px;}
#contentLightbox-content #slide-controls {position: relative; top: 429px;}
#contentLightbox-content #slide-controls .advance {margin-top: -38px;}

/* science page layout */
#pageContent .columns.col2.science {
	clear: none;
	width: 500px;
}
#pageContent .col2.science .column {
	width: 240px;
	margin: 0 10px 0 0;
}
#pageContent .science-right {
	float: right;
	width: 255px;
}
#pageContent .science-right ul { margin-top: 10px; }

.green-tip{
background: #f2f2f2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #f2f2f2 14%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 14%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 14%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 14%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 14%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

border-radius: 5px 10px 5px 10px / 10px 5px 10px 5px;
border-radius: 5px;
border-radius: 5px 10px / 10px;

padding:20px;
}

.green-tip-heading{
color:#4C8E4D;
font-size:1.1em;
}


#content .pagetop-sansarrow{
clear: both;
margin: 0;
font-size: .833em;
margin-bottom:20px;
margin-top:-30px;
text-align:right;
margin-right:20px;
margin-bottom:50px;
}

#content .pagetop-sansarrow a {
color: #666!important;
padding-left: 8px;
}

/* accordion styles */
	#content .accordion {
		list-style: none;
		padding-left: 0;
		width: 500px;
	}
	#content .accordion li {
		background: transparent;
		margin-left: 0;
		padding-left: 0;
	}
	#content .accordion-title {
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iOC4xMTk2NTY2IiB3aWR0aD0iOC4xMTk5OTk5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+DQo8cGF0aCBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMi40Nzc5NzE5LDAuNDQ1NDY3MDEsNS41NzA2NjE3LDQuMjY4MjM5NSwyLjQ3Nzk3MTksNy42NDEyNzQxIiBzdHJva2U9IiMzNjkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjVweCIgZmlsbD0ibm9uZSIvPg0KPC9zdmc+");
		background-position: .4em .8em;
		background-repeat: no-repeat;
		display: block;
		line-height: 1.1;
		margin: 0;
		padding: .5em 1.2em;
		text-decoration: none; }
	#content .accordion-title:focus,
	#content .accordion-title:hover {
		background-color: #f5ecb8;
		color: #369;
		text-decoration: underline;
	}
	#content .accordion-title.active{
		background-color :#f5ecb8;
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iOCIgd2lkdGg9IjguMDUwMDAwMiIgdmVyc2lvbj0iMS4xIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iPg0KPHBhdGggc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTcuMzI5Mjg1MiwyLjYxNTAwODMsMy44MTIzOTcyLDUuMzA4NTg0MywwLjcwOTI2MDY0LDIuNjE1MDA4MyIgc3Ryb2tlPSIjMzY5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMS4zNDI2OTYxOXB4IiBmaWxsPSJub25lIi8+DQo8L3N2Zz4=");
		font-weight: bold;
	}
	#content .accordion-pane { padding:.5em 1.2em 1em 1.2em; }
	#content .accordion-pane > :last-child{ padding-bottom: 0; }
	
	/* Power profiler link window styles */
	.powproimg {
	background-image:url('/climatechange/images/powpro/tall2.gif'); 
	float:right; 
	width:250px;
	height:250px;
	margin-left:20px;
	}
	.powproimg a {
		color: white !important;	
	}
	.powproimg a:hover {
		color:#DDF !important;	
	}
	.powproimg a:visited {
		color:#DFD !important;	
	}
	.powproimg p {
		margin-left:106px !important;
		margin-top:80px !important;	
	}
	.powproimgwide {
	background-image:url('/climatechange/images/powpro/wide2.gif'); 
	float:right; 
	width:230px;
	height:86px;
	}
	.powproimgwide a {
		color: white !important;	
	}
	.powproimgwide a:hover {
		color:#DDF !important;	
	}
	.powproimgwide a:visited {
		color:#DFD !important;	
	}
	.powproimgwide p {
		margin-left:10px !important;
		margin-top:55px !important;	
	}
	/**************************************/
	
	/* Styles for file:///C|/webs/apps/climatechange/EPAactivities/internationalpartnerships/capacity-building.html list to table css */
	
	.list-table>ul {
		display:table;
	}
	.list-table>ul>div> {
		display:table-row;	
	}
	.list-table>ul>div>li {
		display:table-cell;	
		width:187px;
	}
	
	/**************************************/
	
	/* STYLES for Capacity building accordion */
	span.ui-accordion-header img {
		    float: left;			
		}	/*puzzle piece icons float*/
		span.ui-accordion-header h3{
			margin-top: 27px;
			margin-left: 110px;
			font-size: 1em;
		} /*header text 'manually' centered */
		span.ui-accordion-header {
			height:65px;	
		} /*Hard coded ie workaround, sorry */
		span.ui-accordion-header::after {
			content: "";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		} /*magical clearfix without using html! (to clear the floated images) */
		
	/************* Styles for super / sub script **************/
	
	.subscript {font-size: 80%}
	.superscript{font-size:75%; vertical-align:text-top;}

	/* Styles for Extreme Weather Page */
	p.epaltsans br {margin-bottom:10px;}

#printtable {display:none;}

#icons{position:relative;margin: 15px 0 !important; padding-bottom:250px !important;}
#icons li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#icons li, #icons a{height:120px;display:block;}

#icons #panel1{left:0;width:190px;}
#icons #panel1{background:url('/climatechange/images/science/extreme-weather/banner2.png') 0 0;}
#icons #panel1 a:hover{background: url('/climatechange/images/science/extreme-weather/banner2.png') 0 -240px;}

#icons #panel2{left:190px;width:190px;}
#icons #panel2{background:url('/climatechange/images/science/extreme-weather/banner2.png') -190px 0;}
#icons #panel2 a:hover{background: url('/climatechange/images/science/extreme-weather/banner2.png') -190px -240px;}

#icons #panel3{left:380px;width:190px;}
#icons #panel3{background:url('/climatechange/images/science/extreme-weather/banner2.png') -380px 0;}
#icons #panel3 a:hover{background: url('/climatechange/images/science/extreme-weather/banner2.png') -380px -240px;}

#icons #panel4{left:570px;width:190px;}
#icons #panel4{background:url('/climatechange/images/science/extreme-weather/banner2.png') -570px 0;}
#icons #panel4 a:hover{background: url('/climatechange/images/science/extreme-weather/banner2.png') -570px -240px;}

#icons #panel5{left:0;top:120px;width:190px;}
#icons #panel5{background:url('/climatechange/images/science/extreme-weather/banner2.png') 0 -120px;}
#icons #panel5 a:hover{background: url('/climatechange/images/science/extreme-weather/banner2.png') 0 -360px;}

#icons #panel6{left:190px;top:120px;width:190px;}
#icons #panel6{background:url('/climatechange/images/science/extreme-weather/banner2.png') -190px -120px;}
#icons #panel6 a:hover{background: url('/climatechange/images/science/extreme-weather/banner2.png') -190px -360px;}

#icons #panel7{left:380px;top:120px;width:190px;}
#icons #panel7{background:url('/climatechange/images/science/extreme-weather/banner2.png') -380px -120px;}
#icons #panel7 a:hover{background: url('/climatechange/images/science/extreme-weather/banner2.png') -380px -360px;}

#icons #panel8{left:570px;top:120px;width:190px;}
#icons #panel8{background:url('/climatechange/images/science/extreme-weather/banner2.png') -570px -120px;}
#icons #panel8 a:hover{background: url('/climatechange/images/science/extreme-weather/banner2.png') -570px -360px;}



sub {
vertical-align:sub !important;
}

sup {
vertical-align:super !important;
}