html, body { margin:0; padding:0; }
body { color:#fff; font-size:70%; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.5em; background:#000; margin:5px; }
#sizer { width:989px; margin: 0 auto; border:1px solid #cf3; border-radius:7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
#expander {display:none}
#header {background:#fff; color:#000;}
#wrapper1 { background:#fff; color:#000; padding:0 5px 5px; }
.outer { margin-left:170px; margin-right:170px;}
.float-wrap { float:left; width:100%; }
.center { float:right; width:100%; }
.left { position:relative; width:160px; margin-left:-170px; float:left; }
.right { position:relative; width:160px; margin-right:-170px; margin-left:10px; float:right; }
.centerbox { overflow:visible; width:100%; }
.brclear { clear:both; height:0; line-height:0; margin:0; }
img { border:none; }
h1, h2, h3, h4, h5, h6 { font-family:Arial, Verdana, Helvetica, sans-serif; font-weight:700; color:#333; }
h1 { font-size:2em; font-weight:400; margin:0 0 0.67em 0; }
h2 { font-size:1.5em; margin:.75em 0; }
h3 { font-size:1.17em; margin:.83em 0 }
h4 { font-size:1em; margin:1.12em 0 }
h5 { font-size:.83em; margin:1.5em 0 }
h6 { font-size:.75em; margin:1.67em 0 }
p {  margin:1.12em 0;}
.bold { font-weight:700; }
:link{ color:#009; }
:visited { color:#66C; }
li a { text-decoration:none; }
li a:hover, li a:focus { text-decoration:underline; }
.spsy { height:5px; clear:left; }
.spmy { height:10px; clear:left; }
.sply { height:20px; clear:left; }
.spsx { width:5px; height:5px; float:left; }
.spmx { width:10px; height:10px; float:left; }
.splx { width:20px; height:10px; float:left; }
.col230 { width:160px; overflow:hidden;  }
.col470 { margin-bottom:10px;  }
.col710 { width:710px; margin-left:10px; padding-bottom:10px; float:left; overflow:hidden; }
.col470 .fttop h2, .col470 .fttop h3 { margin-top:0px; }
.col470 ul, .col230 ul, .col470 ol, .col230 ol, .col470 dd, .col230 dd { margin:0 0 0 3em; padding:0; }
.col470 li, .col230 li { padding-top:2px; padding-bottom:2px; }
dt { font-weight:bold; }
.boldbullets li { font-weight:700; padding-bottom:0; }
.picright { margin-left:5px; float:right; }
.picleft { margin-right:15px; float:left; }
#mologoprint { float:left; display:none; padding:5px 0 15px; }
#bc { clear:left; overflow:hidden; color:#777; padding: .56em 10px; }
#bcr #hstog { padding:0; }
.ftpanel { width:245px; background-color:#999; float:left; overflow:hidden; padding:1px; }
.ftpanel p { line-height:1.25em; margin:2px 0 7px; }
.fttop { width:229px; background-color:#FFF; padding:7px 8px 2px; }
.fttop a { float:right; padding:1px 0 2px 5px; }
.ftbase { width:245px; background-color:#CCC; }
.kpanel { width:230px; background-color:#FFF; float:left; overflow:hidden; }
.ktop { width:210px; background-color:#00ADD0; float:left; overflow:hidden; padding:3px 10px; }
.ktop h3 { font-size:1em; color:#FFF; line-height:1.2em; }
.kcont { line-height:1.5em; width:202px; height:220px; background-color:#FFF; float:left; padding:7px 17px 2px 9px; }
.kbase { width:228px; height:229px; background-color:#999; float:left; overflow:hidden; padding:0 1px 1px; }
.ghead230 { font-size:1em; background-color:#CF3; padding:5px 10px; margin:0; }
.ghead470 { font-size:1em; background-color:#CF3; padding:5px 10px; margin:0; }

.tintpanel { width:210px; padding-left:10px; padding-right:10px; margin-bottom:10px; background-color:#E7E7E7; float:left; overflow:hidden; }
.col230 .tintpanel { width:140px; }
.tintpanel .ghead230, .tintpanel .ghead470 { margin:0 -10px; }
.tintpanel .moreb { margin-left: 0px; }
.tintpanel > img { position:relative;left:-10px; }
.tintpanel img { position:relative;left:-10px; }
.tintpanel * img { left: 0}
/*.tintpanel > img { margin:0 -10px; }*/
.tintpanel ul, .tintpanel ol, .tintpanel dd { margin-left:2em; }
.tintpanel470 { padding-left:10px; padding-right:10px; margin-bottom:10px; background-color:#E7E7E7; overflow:hidden; }
.tintpanel470 .ghead230, .tintpanel470 .ghead470 { margin:0 -10px; }
/*.tintpanel470 > img { margin:0 -10px; }*/
.tintpanel470 ul, .tintpanel470 ol, .tintpanel470 dd { margin-left:2em; }
.qtpanel { width:230px; background-color:#E7E7E7; float:left; overflow:hidden; margin:10px 0; }
.qtpanel p {  padding:0 10px; }
.qtattr {  background-color:#CF3; margin:0 !important; padding:.56em 10px !important; }
.minipanel, .linkpanel {width:240px; padding-bottom:20px; float:left; overflow:hidden; }
.linkpanel h2 { font-family:Arial, Helvetica, sans-serif; margin:14px 0 10px; }
.linkpanel h2 a, .linkpanel h2 a:visited { font-size:0.75em; color:#000; }
.minipanel a { float:left }
.minipanel p { width:160px; float:left; margin:0; }
.minipanel img { float:left; margin-right:10px; }
.sidelinks { width:230px; float:left; }
.sidelinks h3 { font-size:1em; margin:3px 0; }
.sidelinks p { margin:7px 0 12px; }
.sideimg { margin-bottom:20px; float:left; }
.imgright { float:right; margin:0 0 10px 10px; }
.imgleft { float:left; margin:0 10px 10px 0; }
.imgbig { clear:left; margin:10px 0; }
.tble { text-align:left; line-height:1.25em; margin-bottom:20px; }
.tble th { background-color:#E7E7E7; color:#333 !important; padding:2px 10px 3px; }
.tble td { background-color:#E7E7E7; padding:2px 10px 3px; }
table { border-collapse:collapse; border: 1px solid #b5b9b3; }
.tableNoBorder table {border:none;}
td, th, caption { padding:5px;   }
th { text-align:center; color:#fff; background-color:#9ca299; font-weight:normal; font-size:1.17em; border: 1px solid #fff; }
td { border-bottom: 1px solid #e6e8e5; border-right: 1px solid #b5b9b3; border-top: 1px solid #e6e8e5; border-left: 1px solid #b5b9b3; }
tr.even td { background-color: #fff; }
tr.odd td { background-color: #E7E7E7; }
.value { border-right:none; padding-right: 0.128em; text-align:right; white-space: nowrap; }
.unit { border-left:none; padding-left: 0.128em; text-align:left; white-space: nowrap; }
caption { font-weight:bold; color: #FFFFFF; background: #000000;}
.tableBorder { border-top:1px solid #000; border-left:1px solid #000; }
.tableHeadLt { background-color:#C3C3DD; border-right:1px solid #000; padding-bottom:6px; }
.tablecellBorder, .tablecellBorderWhiteHighlight, .tablecellBorderRedHighlight, .tablecellBorderGreenHighlight, .tablecellBorderGreyHighlight { border-bottom:1px solid #000; border-right:1px solid #000; }
.tablecellBorderWhiteHighlight { background-color:#FFF; color:inherit; }
.tablecellBorderRedHighlight { background-color:#FCC; color:inherit; }
.tablecellBorderGreenHighlight { background-color:#CF9; color:inherit; }
.tablecellBorderGreyHighlight { background-color:#CCC; color:inherit; }
.ilhead { width:100%; border-bottom:1px solid #999; float:left; padding:20px 20px 5px 0; }
.ilhead h2 { padding-top:15px; margin-bottom:10px; }
.ilhead p { margin-top:0; }
.ilrow { width:100%; border-bottom:1px solid #999; float:left; }
.ilimg { width:200px; float:left; overflow:hidden; padding:10px 10px 14px; }
.iltxt { float:none; padding:10px 10px 14px; }
#smenu { width:160px; list-style-type:none; float:left; overflow:visible; margin:0; padding:0; }
#smenu ul { padding:0; }
#smenu li img { margin:-1px 0 0; }
#smenu li { padding-bottom:10px; float:left; }
#smenu li a, #smenu li a:visited { font-weight:700; color:#333; text-decoration:none; width:130px; background-repeat:no-repeat; background-position: right center; cursor:pointer; float:left; padding:2px 20px 2px 10px; }
#smenu li a:hover, #smenu li a:focus { background-color:#CF3 !important; }
.smenuo, .smenuo:visited { background-image:url("/climatechange/lib/template/bt_arw.gif"); background-color:#CF3 !important; }
#smenu li ul { list-style-type:none; width:230px; height:auto; float:left; display:block; margin:0; }
#smenu li ul li { padding:1px 0 0; }
#smenu li ul li a, #smenu li ul li a:visited { font-weight:400; background-image:url("/climatechange/lib/template/bt_arg.gif"); background-position: 146px 6px; background-color:#E7E7E7; }
#smenu li ul li ul li a, #smenu li ul li ul li a:visited { background-color:#fff; padding-left:15px; width:125px; }
.smpanel { margin-bottom:1px; float:left; }
.smpanel a, .smpanel a:visited { width:160px !important; padding:0 !important; }
#myhotspots { width:160px; margin-bottom:10px; float:left; height: 2em; }
#hscont { float:left; position:static; }
#hshead, #hshead:visited { font-weight:700; color:#FFF; width:140px; background-image:url("/climatechange/lib/template/bt_open.gif"); background-repeat:no-repeat; background-position: 140px 3px; background-color:#00ADD0; text-decoration:none; float:left; cursor:pointer; padding:2px 10px 3px; }
#hshead:hover, #hshead:focus { color:#333; background-color:#CF3; }
#hslist { list-style-type:none; width:160px; height:auto; float:left; display:none; margin:0; }
#hslist li { float:left; padding:1px 0 0; }
#hslist li a, #hslist li a:visited { font-weight:400; color:#333; text-decoration:none; line-height:1.1em; width:128px; background-image:url("/climatechange/lib/template/bt_arg.gif"); background-repeat:no-repeat; background-position:146px 6px; background-color:#E7E7E7; cursor:pointer; float:left; position:static; padding:3px 22px 4px 10px; }
#hsinfo { background-color:#E7E7E7; padding:0 10px 15px; }
#bc a, #bc a:visited { padding-right:13px; padding-left: 3px; background-image:url(/climatechange/lib/template/bt_arb.gif); background-repeat:no-repeat; background-position:right center;}
#bc .thispage { color:#000;}
#hstog { font-weight:700; padding: 0px 2px 10px 3px; height:3em;}
#hstog a, #hstog a:visited { color:#333; text-decoration:none; padding-bottom:2px; padding-left:18px; background: url(/climatechange/lib/template/bt_add.gif) no-repeat left top; }
#hsmax { padding-bottom:2px; padding-left:18px; background-image:url("/climatechange/lib/template/bt_max.gif"); background-repeat:no-repeat; background-position:0 1px; }
#hsar { padding-bottom:2px; }
.more a, .more a:visited { color:#333; text-decoration:none; width:218px; background-image:url("/climatechange/lib/template/bt_more.gif"); background-repeat:no-repeat; background-position:225px 3px; float:left; padding:2px 30px 3px 0; }
.more a:hover, .more a:focus { color:#FFF; background-color:#00ADD0; }
.more { line-height:1.25em; text-align:right; width:245px; overflow:hidden; }
.moreb, .moreb:visited { position:static; overflow:hidden; font-weight:700; color:#000; text-decoration:none; padding-bottom:1px; padding-left:20px !important; background-image:url("/climatechange/lib/template/bt_moreb.gif"); background-repeat:no-repeat !important; background-position:0 0; }
.moreb:hover, .moreb:focus { color:#000; text-decoration:underline; }
.contentbase { clear:left; float:left; margin:20px 0; }
#faqs { list-style-type:none; width:470px; float:left; margin:0; }
#faqs li { float:left; margin:0; }
#faqs li h2 { font-size:1em; line-height:1.3em; width:470px; float:left; margin:12px 0 0; }
#faqs li .faq { list-style-type:none; width:470px; float:left; }
.hide, .closed, hr, #bcr, .backb { display:none; }
.sidelinks h2, TABLE { font-size:1em; }
.tablecellNoBorder, .tablecellBorder { background-color:#E2E2EE; color:inherit; }
#hsmenu { float:left; }
.smenuc, .smenuc:visited, .smenucn, .smenucn:visited { background-image:url("/climatechange/lib/template/bt_arw.gif"); background-color:#CCC; }
.smenuc:hover, .smenuc:focus, #hslist li a:hover, #hslist li a:focus { background-color:#CF3; }
.smenuo:hover, .smenuo:focus, .smenucn:hover, .smenucn:focus { background-image:url("/climatechange/lib/template/bt_arwmo.gif"); }
#bc a:hover, #bc a:focus, #hstog a:hover, #hstog a:focus { text-decoration:underline; }
/* Header */
#logoBar { background:#000 url(/lib/template/headers/no_warning.jpg) no-repeat right; height: 100px; }
#logoBar #mologo { float: left; width: 230px; height: 100px; }
#logoBar #warning { float: right; width: 165px; margin-top: 13px; }
#textSizing img { vertical-align:top; }
#topRightControls { text-align:right; padding:8px; border-bottom: solid 1px #cf3;  }
#topRightControls a { color:#cf3; font-weight:500; text-decoration:none; }
#topRightControls a:hover { color:#cf3; text-decoration:underline; }
/* Footer*/
#footer { clear: both; height:36px;   }
#footer a { font-weight:normal; color:#cf3; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footerContents { padding:8px; }
#footerLeft { float:left; }
#footerRight { float:right; padding-bottom:10px; }
.cornerT15 { border-top-left-radius: 1.5em; border-top-right-radius: 1.5em; -moz-border-radius-topright: 1.5em; -moz-border-radius-topleft: 1.5em; -webkit-border-top-left-radius:1.5em; -webkit-border-top-right-radius:1.5em; }
.cornerT07 { border-top-left-radius: 0.7em; border-top-right-radius: 0.7em; -moz-border-radius-topright: 0.7em; -moz-border-radius-topleft: 0.7em; -webkit-border-top-left-radius:0.7em; -webkit-border-top-right-radius:0.7em; }
.cornerTB07 { border-radius: 0.7em; -moz-border-radius: 0.7em; -webkit-border-radius:0.7em; }
/* Float Properties */ 
.cleared { display: block; height: 0; clear: both; visibility: hidden; }
/* image figures e.g. graphs */
.figure {
	font-style: italic;
	text-align: center;
	padding-top: 25px;
	border: 1px solid #000;
	margin: .75em auto;
	background: url("/lib/template/figurelogo.gif") no-repeat left 0%;
}
.figure h2, .figure h3 { color:#fff; text-align:right; font-style: normal; padding-right: 5px; padding-left: 81px; background-color: #000; background-image: url("/lib/template/figurelogo.gif"); background-repeat: no-repeat; background-position: left 0%; line-height: 25px; margin-top: 0px; margin-right: 0px; margin-bottom: -25px; margin-left: 0px; position: relative; top: -25px; }
/* advert */
.advert { text-align:center; color: #777; line-height:16px;}
.adclose { font-weight:normal; color: #777; text-decoration:none; float:right; text-align:right; width:35px; padding-right: 16px; background: url(/lib/template/bt_sprites.gif) no-repeat 37px -199px; }
.adclose:hover { background-position: 37px -249px;}
/* social bookmakes */
.socialSites a {padding:3px 5px 0px 20px;background-repeat:no-repeat;}
/* folding boxes */
.foldlink { background: #00add0 url(/climatechange/lib/template/bt_open.gif) no-repeat 140px center; color: white; }
.caption {
	clear:right;
	display:inline;
	float:right;
	margin:10px 0 10px 10px;
	overflow:hidden;
	position:relative;
	font-size: .83em;
 }
.caption img {
	display:block;
	margin:0 0 5px;
}
p.introduction {
	font-size:1.17em;
	font-weight: bold;
	color: #333;
}
/* Optimum for reading
.col470 p,  .col470 dd{ max-width: 42em; } 
.col470 ul, .col470 ol{ max-width: 39em; } */
/* a bit neater with 230px floating images */
.col470  p,  .col470   dd{ max-width: 524px; }
.col470   ul, .col470  ol{ max-width: 490px; } /* 3em = 34px at this font size, 38px at the big size */
.col470 .tintpanel {
	float:right;
	margin-left: 10px
}
.tintpanel470 {max-width: 504px; }

.figure p  { max-width:none;}