@charset "utf-8";
/* for /climate/annual_sum/annsum.shtml */

ul#annual-summary    {margin:0; padding:0; clear:both;}

#annual-summary li   {float:left; display:block; width:20%; text-align:center;}

#annual-summary li a {display:block; border:2px solid #efefef; padding:1em; margin:.2em;height:1.6em; border-radius:8px; background:#fff  url(/climate/images/interface/gradient-grey-up.png) repeat-x bottom; text-decoration:none; color:#900; font-weight: bold; box-shadow: 1px 1px 3px #999;}

#annual-summary li:first-child a {border-color:#000;}

#annual-summary li a:hover {color:#000; background-image:none; border-color:#000;}

#right-block         {float:right; margin:1em 4px 0 0;}
#right-block  h2     {background:#fff url(/climate/images/interface/gradient-grey-down.png) repeat-x top;  padding:6px;}
#right-block  h3     {padding:6px;}
#right-block ul      {padding-bottom:.6em;}
.block-feature       {border:4px #efefef solid;border-radius:6px; height:7em; margin-top:1em;margin-bottom:1em;padding-top:1em}
.block-feature  img  {margin-top:-.6em;}

.box-grey {background-color:#f5f5f5 ; background-image:none; border-color:#efefef;}
.box-grey ul {margin:-.8em 0 0 1.6em;}
.box-image {border: 1px solid #efefef; border-radius: 6px; background:#f5f5f5; padding:.6em; margin:1em 0; text-align:center; clear:both; }
.box-image img {display:block; margin:auto;}
.box-image p{font-style:italic; color: #666; font-weight: bold;padding:.6em; margin:0;}

/* for 2 column text - modern browsers */
div.block-column{
clear:both;
-moz-column-count:2; 
-moz-column-gap:20px;
-webkit-column-count:2;
-webkit-column-gap:20px;

column-count:2;
column-gap:20px;
-webkit-column-fill:auto;
-moz-column-fill:auto;
column-fill:auto;
padding:.2em 0 1em 0;
} 

/* for image containing divs that need to take one column of multi-culumn. multi-col handling not good - webkit */
div.div-pair {width:100%; column-span:all; float:none; display:table; overflow:visible;}
div.div-pair .box-image {margin-top:0;width:46%; float:left; clear:none;}
div.div-pair .box-image + .box-image {float:right;}

h2 {font-size: 1.4em; border-bottom: 1px dotted #ccc;margin:1em 0 .3em 0;}

h2.nospace-top, #content div.box-grey + span + h2 {margin-top:0;} /* reduce top white-space for first heading */


h2, h3 {
-webkit-column-span:all;
-moz-column-span:all; /* not supported in ff */
column-span:all;
}

.date {margin:.6em 0;}