@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
body { background: url(images/bg_main.gif) top left repeat-x; font-family: Verdana, Geneva, sans-serif; font-size: 11px; }
:focus { outline: none; }

#wrapper { background: url(images/bg_home.gif) 50% 98px no-repeat; width: 100%; }
#sub_wrapper { background: #FDFEFE url(images/bg_sub.gif) top left repeat-x; width: 100%; }
#container { margin: 0 auto; width: 863px; overflow: hidden; }

#header { height: 98px; width: 863px; background: #fff url(images/bg_header.gif); }
#header img { margin: 28px 0 0 21px; }
#header ul.right { list-style: none; overflow: hidden; margin: 22px 10px 0 0; float: right; width: 400px; }
#header ul.right li { border-left: 1px solid #000; margin-left: -1px; color: #351414; float: left; }
#header ul.right li a { color: #351414; text-decoration: none; display: block; padding: 0 8px 0 28px; }
#header ul.right li.sitemap a { background: url(images/bg_sitemap.gif) 7px 50% no-repeat; margin-top: 3px; }
#header ul.right li.contact_us a { background: url(images/bg_contact_us.gif) 7px 50% no-repeat; margin-top: 3px; }
#header ul.right li.search { border: none; }
#header ul.right li form { float: left; }
#header ul.right li form fieldset { border: none; }
#header ul.right li form fieldset input { width: 135px; height: 19px; border: 1px solid #bfbeb2; vertical-align: middle; }
#header ul.right li form fieldset input.search { width: auto; height: auto; border: none; }
#header a img {border: none; }

ul#navigation { margin-top: -3px; float: right; width: 630px; }
ul#navigation li { list-style: none; font-size: 13px; font-weight: bold; display: block; float: left; height: 22px; padding-top: 8px; width: auto; position: relative; }
ul#navigation li ul { position: absolute; top: 30px; left: 10px; width: 247px; border: 1px solid #80c1e1; background: #d2eaf5; padding: 2px 5px 5px; display: none; }
ul#navigation li ul li { background: #14a91e url(images/bg_nav_dropdown.gif); display: block; float: none; width: 248px; height: 29px; padding: 0; margin: 3px 0 0 0; font-size: 11px; }
ul#navigation li ul li a { color: #fff; font-weight: normal; display: block; padding: 7px 0 7px 20px; }
ul#navigation li ul li a:hover { color: #000; }
ul#navigation li.last ul { position: absolute; top: 30px; right: 10px; left: auto; }
ul#navigation li a { text-decoration: none; color: #1c2533; }
ul#navigation li a:hover { color: #00b50e; }
ul#navigation li:hover ul, ul#navigation li.over ul { display: block; z-index: 11; }
ul#navigation li span { padding: 8px 10px 0 10px; height: 22px; }
ul#navigation li.current { background:url(images/bg_nav_current.gif) top left; color: #fff; margin: 0; min-width: 20px; width: auto !important; width: 20px; padding: 0; height: 30px; white-space: nowrap; }
ul#navigation li.current span { background: url(images/bg_nav_current2.gif) top right no-repeat; display: block; height: 14px; }
ul#navigation li.current a { color: #fff; }
				
#banner { width: 506px; height: 216px; background: url(images/bg_home_banner.jpg) no-repeat left top; padding: 30px 0 0 357px; }
#banner img { margin-top: 10px; border: none; }
#banner img.button { float: right; margin: 0 36px 0 0; }

#title { height: 37px; overflow: hidden; }
#title img { margin: 10px 0 0 20px; }
#title h2 { font-size: 17px; color: #fff; margin: 10px 0 0 20px; }
	
#homepage { margin-top: 1px; }
#homepage h3 { background: url(images/bg_title_border.gif) bottom left repeat-x; display: block; height: 33px; text-align: center; padding: 0 5px 5px; display: table; font-size: 12px; color: #007fc3; margin-bottom: 8px; }
#homepage h3 span { display: table-cell ; vertical-align: middle; width: 150px; }
#homepage h3.small { padding: 5px 0; height: 28px; }
#homepage img { margin-left: 3px;}
#homepage .top { float: left; margin-bottom: 15px; }
#homepage img.small { float: left; margin-right: 5px; }
#homepage p { color: #333; margin: 5px 0 0;  }
#homepage p.small { font-size: 10px; margin-bottom: 15px; }
#homepage p.small a { text-decoration: none; display: inline; margin: 0; }
#homepage .odd { width: 155px; background: url(images/bg_home_border.gif) top left no-repeat; float: left; padding: 5px 9px; min-height: 200px; height: auto !important; height: 200px; }
#homepage .even { width: 154px; float: left; padding: 5px 9px; }
#homepage a { color: #fc902a; font-size: 10px; margin-right: 20px; display: block; }
#homepage ul { margin: 10px 0 0 6px; list-style: none; font-size: 10px; color: #333; }
#homepage ul li { background: url(images/bg_bullet.gif) 0 5px no-repeat; padding-left: 10px; }

#subpage { margin-top: 1px; background: url(images/bg_sub_content.gif) no-repeat top left; float: left; overflow: hidden; width: 863px; }
#sidebar { font-size: 12px; color: #007fc3; float: left; overflow: hidden; }
#sidebar ul { list-style: none; width: 230px; padding-top: 0; }
#sidebar ul li { margin: 10px 0 10px 5px; }
#sidebar ul li.current { font-weight: bold; background: url(images/bg_arrow.gif) 214px 20% no-repeat; }
#sidebar ul li a { color: #007fc3; text-decoration: none; background:url(images/bg_title_border.gif) bottom repeat-x; padding: 0 0 10px 20px; width: 194px; display: block; }
#sidebar ul li a:hover { font-weight: bold; }

#content { width: 581px; float: left; margin-left: 24px; }
#content .bold { font-weight: bold; }
#content p { color: #333; margin: 10px 10px 0 0; line-height: 14px; }
#content p.highlighted { font-size: 14px; color: #00527f; font-weight: bold; }
#content ul { margin-top: 10px; color: #333; padding-left: 25px; }
#content ul li { margin-top: 5px; }
#content ol { margin-top: 10px; color: #333; padding-left: 25px; }
#content ol li { margin-top: 5px; }
#content h1 { margin-top: 10px; }
#content h2 { margin-top: 10px; color: #333; font-size: 18px; }
#content h3 { margin-top: 10px; color: #333; font-size: 15px; }
#content h3.center { text-align: center; }
#content h4 { margin-top: 10px; color: #333; font-size: 13px; }
#content h5 { margin-top: 10px; color: #333; font-size: 11px; }
#content img { border: none; }
#content .imageholder { float: left; margin: 13px 10px 4px 0; width: 100px; text-align: center; position: relative; }
#content .imageholder2 { float: right; margin: 13px 10px 4px 10px; width: 100px; text-align: center; position: relative; } 
#content .imageholder span,
#content .imageholder2 span { position: absolute; top: 84px; left: 0; display: block; width: 100px; text-align: center; background: url(images/transblack.png); color: #fff; padding: 2px 0; }
#content .imageholder a { text-decoration: none; color: #fff; }
#content ul li a { text-decoration: none; color: #333; }
#content ul li a:hover { text-decoration: underline; }
#content table { margin: 20px 0 10px; width: 100%; }
#content table th { height: 30px; font-weight: normal; text-align: left; }
#content table th.date { width: 100px; }
#content table th span { font-weight: bold; text-align: center; display: block; height: 20px; border-bottom: 2px solid #77C5EB; padding-top: 10px; color: #007FC3; }
#content table td { height: 30px; }
#content table.center td { text-align: center; }
#content a {text-decoration:none;}

ul.breadcrumb { margin: 10px 0 10px -20px; font-size: 10px; }
ul.search { margin: 10px 0; }
ul.breadcrumb li { color: #ff9000; list-style: none; display: inline; }
ul.breadcrumb li a { color: #707070; text-decoration: none; }

#wide { padding: 0 20px; background: url(images/bg_wide.gif) top left no-repeat; overflow: hidden; }
#wide .pagination { list-style: none; float: right; }
#wide .pagination li { display: block; float: left; background: url(images/bg_pagination_blue.gif) top left repeat-x; margin-right: 4px; }
#wide .pagination li.current { background: url(images/bg_pagination_orange.gif) top left repeat-x; border: 1px solid #ffd583; color: #ff7213; padding: 1px 3px; }
#wide .pagination li a { color: #6cc0e8; text-decoration: none; display: block; padding: 1px 3px; border: 1px solid #d7ebf4; }
#wide .pagination li a:hover { background: url(images/bg_pagination_orange.gif) top left repeat-x; color: #ff7213; border: 1px solid #ffd583; }
#wide .search_results { margin: 35px 0 20px; }
#wide .search_results .odd { background: url(images/bg_search_odd.gif) top left repeat-x; border-top: 1px solid #d7e9f2; border-bottom: 1px solid #d7e9f2; padding: 13px 19px; }
#wide .search_results .even { padding: 13px 19px; }
#wide .search_results span { display: block; font-size: 9px; color: #ff7d24; font-weight: bold; }
#wide .search_results p { color: #404040; font-size: 9px; }
#wide .search_results a { color: #ff7d24; font-size: 9px; }


.banner-water-energy_case { background:url(images/content_crop_20.jpg) no-repeat; height:122px; overflow:hidden; }
.banner-climatechange { background:url(images/content_crop_08.jpg) no-repeat; height:122px; overflow:hidden; }
.banner-ourawards { background:url(images/content_crop_09.jpg) no-repeat; height:122px; overflow:hidden; }
.banner-13 { background:url(images/1.3.jpg) no-repeat; height:122px; overflow:hidden; }
.banner-15 { background:url(images/1.5.jpg) no-repeat; height:122px; overflow:hidden; }
.banner-16 { background:url(images/1.6.jpg) no-repeat; height:122px; overflow:hidden; }
.banner-21 { background:url(images/2.1.jpg) no-repeat; height:122px; overflow:hidden; }
.banner-22 { background:url(images/2.2.jpg) no-repeat; height:122px; overflow:hidden; }
.banner-23 { background:url(images/2.3.jpg) no-repeat; height:122px; overflow:hidden; }
.banner-24 { background:url(images/2.4.jpg) no-repeat; height:122px; overflow:hidden; }
.banner-26 { background:url(images/2.6.jpg) no-repeat; height:122px; overflow:hidden; }
.banner-31 { background:url(images/3.1.jpg) no-repeat; height:122px; overflow:hidden; }
.banner-32 { background:url(images/3.2.jpg) no-repeat; height:122px; overflow:hidden; }
.banner-33 { background:url(images/3.3.jpg) no-repeat; height:122px; overflow:hidden; }
.banner-34 { background:url(images/3.4.jpg) no-repeat; height:122px; overflow:hidden; }
.banner-35 { background:url(images/3.5.jpg) no-repeat; height:122px; overflow:hidden; }
.banner-36 { background:url(images/3.6.jpg) no-repeat; height:122px; overflow:hidden; }
.banner-41 { background:url(images/4.1.jpg) no-repeat; height:122px; overflow:hidden; }
.banner-43 { background:url(images/4.3.jpg) no-repeat; height:122px; overflow:hidden; }
.banner-44 { background:url(images/4.4.jpg) no-repeat; height:122px; overflow:hidden; }



#sub_banner { padding-top: 20px; }
#sub_banner img { /*margin-top:58px;*/ margin-top:67px; }
#sub_banner h1 { color: #ffffff; display: inline; padding: 5px 10px; margin: 0 0 0 10px; font-size: 1.5em; font-weight:normal; position:relative; /*top:84px;*/ top:92px; }
#sub_banner p { margin: 5px 0 0 20px; display: block; padding-bottom: 5px; }
#sub_banner span { background: url(images/trans.png); width: auto; padding: 5px 10px; font-size: 14px; font-weight: bold; color: #333; display: inline; line-height: 27px; }

.wide1 { background: url(images/bg_banner_wide1.gif) top left no-repeat; overflow: hidden; }
.wide2 { background: url(images/bg_banner_wide2.gif) top left no-repeat; overflow: hidden; } 
#wide_banner { padding-top: 20px; overflow: hidden; margin: 10px 0 20px; height: 60px; }
#wide_banner p { margin: 0 0 0 20px; display: block; padding-bottom: 5px; }
#wide_banner span { background: url(images/trans.png); width: auto; padding: 5px 10px; font-size: 14px; font-weight: bold; color: #333; display: inline; }

ul.sitemap { list-style: none; margin-right: 100px; float: left; }
ul.sitemap li { font-size: 12px; color: #ff7c22; font-weight: bold; background: url(images/bg_bullet_orange.gif) 0 5px no-repeat; padding-left: 10px; margin-bottom: 20px; }
ul.sitemap li a { color: #ff7c22; text-decoration: none; }
ul.sitemap li ul { margin-top: 5px; }
ul.sitemap li ul li { font-size: 11px; color: #4b4b4b; font-weight: normal; list-style: none; background: url(images/bg_bullet_grey.gif) left no-repeat; margin: 4px 0 0 20px; }
ul.sitemap li ul li a { color: #4b4b4b; text-decoration: none; }

#footer { border-top: 1px solid #e7eaeb; float: left; margin-top: 10px; width: 863px; padding-top: 12px; }
#footer ul { list-style: none; overflow: hidden; margin-top: 5px; width: 300px; }
#footer ul li { border-left: 1px solid #484848; display: inline; padding: 0 8px; margin-left: -1px; }
#footer ul li a { color: #484848; text-decoration: none; }
#footer p { float: right; text-align: right; color: #484848; }
#footer a { color: #484848; text-decoration: none; }