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 0; }
#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; }
/* --- spacers --- */
/* sp=spacer, s=small, m=medium, l=large, y=high, x=wide */
.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 { overflow:hidden; }
.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-left:3em; padding:0; }
.col470 li, .col230 li { padding:0.2em 0; }
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 img { 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:#09c; 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:#eee; 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:#eee; 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:#eee; float:left; overflow:hidden; margin:10px 0; }
.qtpanel p { padding:0 10px; }
.qtattr { background-color:#CF3; margin:0 !important; padding:.56em 10px !important; }
/* link panel */
.linkpanel { width:230px; padding-bottom:20px; float:left; overflow:hidden; }
.linkpanel h2 { font-family:Arial, Helvetica, sans-serif; margin:14px 0px 10px 0px; }
.linkpanel h2 a, .linkpanel h2 a:visited { font-size:0.75em; color:#000000; }
/* mini panel */
.minipanel { width:230px; padding-bottom:20px; float:left; overflow:hidden; }
.minipanel p { width:160px; margin:0px; float:left; }
.minipanel img { float:left; margin-right:10px; }
/* side content */
.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:#eee; color:#333 !important; padding:2px 10px 3px; }
.tble td { background-color:#eee; padding:2px 10px 3px; }
table { border-collapse:collapse; border: 1px solid #ccc; }
.tableNoBorder table { border:none; }
td, th, caption { padding:5px; }
th { text-align:center; background-color:#ccc; font-weight:bold; font-size:1em; border: 1px solid #fff; }
td { border-top: 1px solid #ccc; border-right: none; border-bottom: 1px solid #ccc; border-left: none; }
tr.even td { background-color: #fff; }
tr.odd td { background-color: #eee; }
/* value and units for centering tables of numbers, ns = no space e.g. % or planar angle */
.value, .value-ns { border-right:none; text-align:right; white-space: nowrap; }
.value {padding-right: 0.128em;}
.value-ns { padding-right: 0;}
.unit, .unit-ns { border-left:none; padding-left: 0.128em; text-align:left; white-space: nowrap; }
.unit { padding-left: 0.128em;}
.unit-ns { padding-left: 0;}
caption { font-weight:bold; color: #FFF; background: #777; }
.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:none; float:left; overflow:visible; margin:0; padding:0; }
#smenu ul { padding:0; }
#smenu li { padding-bottom:10px; }
#smenu li a, #smenu li a:visited { font-weight:700; color:#333; background-color:#CCC; text-decoration:none; display:block;  background-repeat:no-repeat; background-position: 10px 8px; cursor:pointer; padding:2px 10px 2px 20px; }
#smenu li ul { list-style-type:none; height:auto; 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-color:#ddd; }
#smenu li ul li ul li a, #smenu li ul li ul li a:visited { background-color:#eee; padding-left:30px;background-position: 20px 8px;  }
#smenu li a:hover, #smenu li a:focus { background-color:#CF3 !important; }
#smenu li .onpath { background-image:url("/lib/template/bt_arnavo.gif"); }
#smenu li .selected, #smenu .smenuo { background-image:url("/lib/template/bt_arnav.gif"); background-color:#CF3 !important; }
#smenu .panel {margin: 2px -10px -2px -20px;}
.smpanel { margin-bottom:1px; }
.smpanel a, .smpanel a:visited { width:160px !important; padding:0 !important; }
#myhotspots { width:160px; margin-bottom:10px; float:left; height: 2em; }
#hshead, #hshead:visited { font-weight:700; color:#FFF; background-image:url("/climatechange/lib/template/bt_open.gif"); background-repeat:no-repeat; background-position: 140px 3px; background-color:#09c; text-decoration:none; display:block; cursor:pointer; padding:2px 10px 3px; }
#hshead:hover, #hshead:focus { color:#333; background-color:#CF3; }
#hslist { list-style:none;  display:none; margin:0; }
#hslist li {  padding:1px 0 0; }
#hslist li a, #hslist li a:visited { display:block; font-weight:400; color:#333; text-decoration:none;  background-color:#eee; cursor:pointer;   padding:2px 10px; }
#hslist li a:hover, #hslist li a:focus { background-color:#CF3; }
#hsinfo { background-color:#eee; 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; font-weight: bold; }
.more a:hover, .more a:focus { color:#FFF; background-color:#09c; }
.more { line-height:1.25em; text-align:right; width:245px; overflow:hidden; }
.moreb, .moreb:visited, .enlarge, .enlarge:visited { position:static; overflow:hidden; font-weight:700; color:#000; text-decoration:none; padding:1px 0; padding-left:20px !important; background-repeat:no-repeat !important; background-position:left center; }
.moreb, .moreb:visited { background-image:url("/climatechange/lib/template/bt_moreb.gif"); }
.enlarge, .enlarge:visited { background-image:url("/lib/template/bt_enlarge.gif"); }
.moreb:hover, .moreb:focus, .enlarge:hover, .enlarge: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:#eee; color:inherit; }

#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: 0 0 -25px 0; position: relative; top: -25px; font-size: 1em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
/* advert */
.advert { text-align:center; color: #777; line-height:16px; font-size:.83em; }
.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: #09c url(/climatechange/lib/template/bt_open.gif) no-repeat 140px center; color: white; }
.caption { clear:both; display:inline; float:right; margin:0 0 10px 10px; position:relative; font-size: .83em; }
p.introduction { font-weight: bold; margin-top: 0; }
/* 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 {color: #333; }
.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; }
p + ul {
margin-top:-1em;
}