/* Layout */
html, body {height: 100%; background-color:#e5e5e5; padding:0; margin:0;}
html body {background-image: none;}
body.refresh div#content {padding:0; background: url(images/bg_content.gif) 0 0 repeat-y #e1f1af ;}
body.refresh div#contentbottom {background: url(images/bg_contentbottom_refresh.gif) 0 0 repeat-x transparent; }
/* body.refresh div#content-inner{background: url(images/bg_content-inner.gif) 0 100% transparent repeat-x;} */

div#content {padding:0; background: url(images/bg_content.gif) 0 0 repeat-y #ffffff;}
div#contentbottom {background: url(images/bg_contentbottom.gif) 0 0 repeat-x transparent; }
/* div#content-inner{background: url(images/bg_content-inner.gif) 0 100% transparent repeat-x; padding-bottom: 81px;} */
body.twoCol div#content div#main_content, body.threeCol div#content div#main_content {width: 768px; margin-top: 15px; float: left; }
body.refresh div#content div#main_content {padding-left: 12px; margin-top: 0;}


div#page {position: relative; min-height: 100%; background-color: #fff; min-width: 990px;}
body.refresh div#page {background-color:#e1f1af;}

/* Centering content */
body.threeCol div#content-inner, body.twoCol div#content-inner {width: 984px;}
body.threeCol div#content, body.twoCol div#content {padding-left: 0; padding-right: 0; text-align: left; padding-bottom: 15em;}
div.headercontent, div#footer div.footercontent {width: 960px; padding-left: 24px;}
div#main_content_container, div#main_content, div#new_country {text-align: left;}
div#footer div.footercontent div {text-align: left;}

/* Header */
div#header {text-align:left;  background: url(images/bg_header.gif) 0 100% repeat-x #fff; border-bottom: none; height: auto; margin-bottom: 0; width: 100%;}
div#header div.hash_pattern {background: none; text-align: left; height: auto;}
#header div#logo {background-color: transparent; background-image: none; float: left;padding-left: 21px; /* padding-top: 46px; */ padding-top:37px; }

div.ukaid {padding-left: 777px;padding-top: 25px;padding-right:42px;}

div#header div.subhead {display :block;width: 945px; position: relative; }
div#header div.subhead div.clearer {height: 1px;/* for FF */}
div#navigation_utilities {position: static;width: auto;float: right; border: none;}
div#navigation_utilities ul {width: auto; padding-top: 17px;}
div#navigation_utilities ul li {display: block !important; float: left;}
div#navigation_utilities ul li a {text-transform: uppercase;background: transparent;border: none;color: #666666;border-left: 1px solid #666666; padding:0 5px 0 10px; line-height: 1em; font-size: 1.1em; text-decoration: underline;}
div#navigation_utilities ul li.first a {border-left: none;}
div#navigation_utilities ul li a:link,div#navigation_utilities ul li a:visited{color:#666666;}
div#navigation_utilities ul li a:link:hover,div#navigation_utilities ul li a:visited:hover{color:#666666;background:transparent; text-decoration: underline;}
div#navigation_utilities ul li a:link:active,div#navigation_utilities ul li a:visited:active{color:#666666;background:transparent; text-decoration: underline;}
div#navigation_utilities ul li a:link:focus,div#navigation_utilities ul li a:visited:focus{color:#666666;background:transparent;text-decoration: underline;}

div#search_box {position: static; background: url(images/bg_search_box.gif) 0 0 repeat-x #d2d2d2;border: none; height: auto; width: 29em; float: right; position: relative; bottom: -2px; top: auto; right: 0; left: auto; padding-bottom: 1px;}
div#search_box .search_box_content {background: url(images/bg_search_box_content.gif) 0 0 no-repeat transparent;}
div#search_box .search_box_content form{ background: url(images/bg_search_form.gif) 100% 0 no-repeat transparent; position: static; width: auto; float: none; padding-bottom:5px;}
div#search_box fieldset {position: static; width: auto; float: none;}
div#search_box fieldset legend {line-height: 1em;}
div#search_box fieldset input {margin:12px 6px 5px 14px; background:#fff; border: 1px solid #8b8d8e; font-size: 0.9em; line-height: 1.5em; padding:1px 0 0 1px; width:16em; }
div#search_box fieldset input#search_field {font-size: 1.2em; height: 1.3em; width: 15.5em; }
div#search_box fieldset input#search {background-image: url(images/bg_search_blue.gif); width: 67px; padding:0;height: 18px; margin: 12px 0 5px 0; text-indent:0; color: #fff; font-weight: bold; font-size: 1.1em; padding-bottom: 1px;}
div#search_box form input#search:hover, div#search_box form input#search:active {background-image: url(images/bg_search_orange.gif);}

/* General */
.clearer {clear:both; padding: 0; margin:0; height: 1px; overflow: hidden; }
div.headercontent label.hidden {position: absolute; left: -9000px;}

/* Navigation */
div#leftnav {padding-top:11px; width: 180px; padding-left: 24px; float: left; text-align:left;  background:url(images/bg_leftnav.gif) 0 0 no-repeat transparent;}
ul#navigation_sections {width: 153px;margin-left:0;padding-left:0;padding-right: 0; text-align: left;padding:0;margin:0;}
ul#navigation_sections li.home {margin-bottom:0;}
ul#navigation_sections li {padding:0;padding-left: 0;float: left; width: 153px;margin:0; line-height:1em;}
ul#navigation_sections li a {color:#666666; padding: 5px 0px 6px 20px;text-transform: uppercase; font-size: 0.85em; word-spacing: -1px; display:block; }
ul#navigation_sections li a:link {color:#666666;}
ul#navigation_sections li a:visited{color:#666666;}
ul#navigation_sections li a:link:hover, ul#navigation_sections li a:visited:hover{color:#666666;}
ul#navigation_sections li a:link:focus, ul#navigation_sections li a:visited:focus{color:#666666;}
ul#navigation_sections li a:link:active, ul#navigation_sections li a:visited:active{color:#666666;}
ul#navigation_sections li.active {font-weight: bold; color:#0079c1; }

/* Sub links */
ul#navigation_sections li ul {margin:0; padding: 2px 0 0 0; }
ul#navigation_sections li ul li { width: 153px; font-weight: normal; line-height: 1em;}
ul#navigation_sections li ul li.active {border: none; padding-bottom:0; margin:0;padding-top:0;}
ul#navigation_sections li.subactive {font-weight: bold; border-top: 1px solid #b2c1b2;border-bottom: 1px solid #b2c1b2 ; padding-bottom: 10px;margin-bottom: 5px; padding-top: 6px; margin-top: 5px; background: url(images/bg_leftnav_subactive_blue.gif) 8px 15px no-repeat transparent;}
ul#navigation_sections li ul li a {text-transform: none;padding:3px 0 2px 31px; color: #666666; }
ul#navigation_sections li.active a, ul#navigation_sections li.active a:link, ul#navigation_sections li.active a:visited, 
ul#navigation_sections li.active a:link:hover, ul#navigation_sections li.active a:visited:hover, 
ul#navigation_sections li.active a:link:focus, ul#navigation_sections li.active a:visited:focus,
ul#navigation_sections li.active a:link:active, ul#navigation_sections li.active a:visited:active {color: #0079c1;}
ul#navigation_sections li.active li a, ul#navigation_sections li.active li a:link, ul#navigation_sections li.active li a:visited, 
ul#navigation_sections li.active li a:link:hover, ul#navigation_sections li.active li a:visited:hover, 
ul#navigation_sections li.active li a:link:focus, ul#navigation_sections li.active li a:visited:focus,
ul#navigation_sections li.active li a:link:active, ul#navigation_sections li.active li a:visited:active {color: #666666;}
ul#navigation_sections li.active li.active a, ul#navigation_sections li.active li.active a:link, ul#navigation_sections li.active li.active a:visited, 
ul#navigation_sections li.active li.active a:link:hover, ul#navigation_sections li.active li.active a:visited:hover, 
ul#navigation_sections li.active li.active a:link:focus, ul#navigation_sections li.active li.active a:visited:focus,
ul#navigation_sections li.active li.active a:link:active, ul#navigation_sections li.active li.active a:visited:active {color: #0079c1;}
ul#navigation_sections li ul li a, ul#navigation_sections li.active ul li a {text-transform: none;padding:3px 0 2px 31px; color: #666666; }


/* Refresh */
body.refresh ul#navigation_sections li.subactive {font-weight: bold; border-top: 1px solid #b2c1b2;border-bottom: 1px solid #b2c1b2 ; padding-bottom: 10px;margin-bottom: 5px; padding-top: 6px; margin-top: 5px; background: url(images/bg_leftnav_li_subactive.gif) 8px 15px no-repeat transparent;}
body.refresh ul#navigation_sections li a {color:#333333; padding: 5px 0px 6px 20px;text-transform: uppercase; font-size: 0.85em; word-spacing: -1px; display:block; }
body.refresh ul#navigation_sections li a:link {color:#333333;}
body.refresh ul#navigation_sections li a:visited{color:#333333;}
body.refresh ul#navigation_sections li a:link:hover, body.refresh ul#navigation_sections li a:visited:hover{color:#333333;}
body.refresh ul#navigation_sections li a:link:focus, body.refresh ul#navigation_sections li a:visited:focus{color:#333333;}
body.refresh ul#navigation_sections li a:link:active, body.refresh ul#navigation_sections li a:visited:active{color:#333333;}
/* Sub links */

body.refresh ul#navigation_sections li.active a, body.refresh ul#navigation_sections li.active a:link, body.refresh ul#navigation_sections li.active a:visited, 
body.refresh ul#navigation_sections li.active a:link:hover, body.refresh ul#navigation_sections li.active a:visited:hover, 
body.refresh ul#navigation_sections li.active a:link:focus, body.refresh ul#navigation_sections li.active a:visited:focus,
body.refresh ul#navigation_sections li.active a:link:active, body.refresh ul#navigation_sections li.active a:visited:active {color: #003300;}
body.refresh ul#navigation_sections li ul li a {text-transform: none;padding:3px 0 2px 31px; color: #003300; }

div.sectionlinks {padding-top: 10px;}
p.star {padding-left: 21px; font-size: 1.1em;background: url(images/bg_p_star.gif) 5px 0.4em no-repeat transparent; margin-bottom:5px;}
p.star a {color: #003300 !important; font-weight: bold;text-transform: uppercase; text-decoration: none !important;}
p.star a:hover {text-decoration: underline !important;}

/* Current page */
ul#navigation_sections {position: static;}
ul#navigation_sections li.home {border-bottom: none; padding-bottom: 0;font-weight: normal;}
body#t_home ul#navigation_sections li.home a,
body#t_about ul#navigation_sections li a.about,
body#t_millenium_dev_goals ul#navigation_sections li a.millenium_dev_goals,
body#t_country_profiles ul#navigation_sections li a.country_profiles,
body#t_newsroom ul#navigation_sections li a.newsroom,
body#t_article ul#navigation_sections li a.newsroom,
body#t_publications ul#navigation_sections li a.publications,
body#t_case_studies ul#navigation_sections li a.case_studies,
body#t_procurement ul#navigation_sections li a.procurement,
body#t_consultations ul#navigation_sections li a.consultations,
body#t_research ul#navigation_sections li a.research,
body#t_funding_schemes ul#navigation_sections li a.funding_schemes,
body#t_recruitment ul#navigation_sections li a.recruitment,
body#t_discovery_zone ul#navigation_sections li a.discovery_zone,
body#t_get_involved ul#navigation_sections li a.get_involved,
body#t_dfid_bloggers ul#navigation_sections li a.dfid_bloggers,
body#t_dfid_projects ul#navigation_sections li a.dfid_projects 
{padding: 5px 0 6px 20px; color: #0079c1; background:url(images/bg_nav_li_a.gif) 8px 0.6em no-repeat transparent;}



/* Footer */
body.refresh .footerwrapper {background:url(images/bg_footerwrapper_refresh.gif) 0 0 repeat-x transparent;}
body.refresh .footerwrapper .footerleft {background: url(images/bg_footerleft.gif) 0 0  no-repeat transparent; padding-top: 10px;}

.footerwrapper {background:url(images/bg_footerwrapper.gif) 0 0 repeat-x transparent;}
.footerwrapper .footerleft {background: url(images/bg_footerleft.gif) 0 0  no-repeat transparent; padding-top: 10px;}

div#footer {background-color: #e3e3e3;background: url(images/bg_footer.gif) 0 100% repeat-x #fff; padding:0 0 5px 0; min-height: 15em; position: absolute; bottom:0;}
div#footer div.footercontent div.container {padding-left: 15px; width: auto;}
div#footer div.flinks {padding: 15px 0 11px 21px;}
div#footer ul#footerlinks, div#footer ul {padding:0;margin:0; line-height:1em; }
div#footer ul#footerlinks li {margin-bottom:0; background-image: none;float: left; padding: 0 8px; font-size: 0.8em; text-transform: uppercase; border-left: 1px solid #b5b9bd; line-height: 1.1em;}
div#footer ul#footerlinks li.first {border-left: none; padding-left: 0;}
div#footer ul#footerlinks li a {color: #6a737b; text-decoration: none;}
div#footer ul#footerlinks li a:hover, div#footer ul#footerlinks li a:link:hover, div#footer ul#footerlinks li a:focus, div#footer ul#footerlinks li a:link:focus,
div#footer ul#footerlinks li a:active, div#footer ul#footerlinks li a:link:active {text-decoration: underline;line-height:1.1em;}


div#footer ul {padding-left: 18px;}
/* Related sites*/
div#footer div.relatedsites {width: 704px; float: left; border-top: 1px solid #d2d5d7;}
div#footer ul li {background-image: none; float: left; padding: 0 29px 0 0;}
div#footer ul li.last, div#footer div.onweb ul li.last {padding-right: 0;}
div#footer div.relatedsites p, div#footer div.onweb p {padding-left: 18px; font-size: 1.1em; color: #6a737b;padding-top: 12px;}
div#footer div.relatedsites p {padding-left: 21px;}

/* On web*/
div#footer div.onweb {float: right; width: 215px; border-top: 1px solid #d2d5d7;}
div#footer div.onweb ul li.first {padding-right: 10px;} 
div#footer div.onweb ul li {padding-right: 15px;}
div#footer p.copyright {text-transform: uppercase;color: #999999; padding-left: 22px; margin: 0;padding-top: 10px; font-size: 0.9em; padding-bottom: 5px;}

/* Section landing page */
div.strapline {background: url(images/bg_strapline.gif) 0 0 repeat-y #003300; width: 751px; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 21px; margin-left: 2px;}
div.strapline div.b {padding-bottom: 15px; background: url(images/bg_strapline_b.gif) 0 100% no-repeat transparent;}
div.strapline h1 {color: #fff; font-size:2em; padding-left: 36px;padding-top: 10px;margin-bottom:0;}
div.strapline p {color: #8bb900;padding-left: 35px; font-size:1.5em; line-height: 1.2em; margin: 0;}


/* Green panel */
div.greenpanel {background: url(images/bg_greenpanel.gif) 0 16px repeat-y #8bb900; width: 754px;margin-bottom: 12px;}
div.greenpanel div.t {background: url(images/bg_greenpanel_t.gif) 0 0 no-repeat transparent;}
div.greenpanel div.b {background: url(images/bg_greenpanel_b.gif) 0 100% no-repeat transparent; padding-bottom: 5px; padding-left: 23px;padding-top: 10px;}
div.greenpanel div.indexlink {width: 705px;}
div.greenpanel div.noscriptlink {padding-top: 40px;}
div.greenpanel p.link, div.greenpanel div.copy p.link {font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.4em; font-size: 1.2em; background: url(images/bg_link_arrow.gif) 18px 0.4em no-repeat transparent;  padding-left: 28px; padding-bottom: 5px;}
div.greenpanel div.copy p.link {font-size: 1.3em; padding-left: 12px; margin-left: 17px; background-position: 2px 1.1em; border-top: 1px solid #538300; margin-right: 20px; padding-top: 10px; padding-right:0;}
div.greenpanel p.link a {color:#003300; text-decoration: none;}
div.greenpanel p.link a:hover, div.greenpanel p.link a:focus, div.greenpanel p.link a:active, div.homebottom div.left div.panel p.link a:focus span , div.homebottom div.left div.panel p.link a:active span  {color:#003300; text-decoration: underline;}
div.greenpanel p.fight { float: right; margin-bottom:5px; margin-top: 7px; background: none;}
div.greenpanel p.fight a {display: block; font-size: 1.15em; border: 1px solid #dceab3; font-family:Verdana, Arial, Helvetica, sans-serif; background: url(images/bg_p_fight.gif) 0 0 repeat-x #8cba03; padding: 2px 7px 2px 6px;}
div.greenpanel p.fight a span {background: url(images/bg_p_fight_a.gif) 0 0.4em no-repeat transparent; display: block; padding-left: 11px;}
div.greenpanel p.fight a:hover, div.greenpanel p.fight a:focus, div.greenpanel p.fight a:active {border: 1px solid #f5f9e8; background: url(images/bg_p_fight_ahover.gif) 0 0 repeat-x #de5603; text-decoration: none; color: #ffffff;}
div.greenpanel p.fight a:hover span, div.greenpanel p.fight a:focus span, div.greenpanel p.fight a:active span {background: url(images/bg_p_fight_a_spanhover.gif) 0 0.4em no-repeat transparent; display: block; padding-left: 11px;}


/* Green panel - section landing */
div.greenpanel div.topcontent {position: relative;min-height: 226px;}
div.greenpanel div.copy {width: 310px; }
div.greenpanel div.copy h2, div.greenpanel div.copy p.intro {padding-left: 17px;font-family: Georgia, "Times New Roman", Times, serif; color: #fff;}
div.greenpanel div.copy h2 {font-size: 2.2em; font-weight: normal; padding-top: 2px;margin-bottom: 0; padding-right: 20px;}
div.greenpanel div.copy p.intro {line-height: 1.4em; padding-right: 20px; padding-top: 2px; margin-bottom: 7px;font-size: 1.3em;}
div.greenpanel div.copy p {line-height: 1.4em; color: #003300; padding-left: 17px;padding-right: 30px; font-size: 1.2em;}
div.greenpanel div.topcontent div.img {width: 410px; position: absolute; right: 12px; top: 0;}

/* Scrollable content */
div.prompt {width: 299px; background:url(images/bg_prompt.gif) 0 0 no-repeat #b9d562; padding-top: 2px; }
div.prompt p {margin-bottom:0; color: #000; padding: 5px 15px; line-height: 1.4em; padding-bottom:0;}
div.scroll {width: 719px;background: url(images/bg_scroll.gif) 100% 0 no-repeat #b9d562;}
div.scroll div.b {background: url(images/bg_scroll_b.gif) 0 100% no-repeat transparent; padding-top: 0px;padding-left: 14px; padding-bottom:9px;}
div.scleft, div.scright {float: left; margin-top: 10px;}
div.scroll div.imgs {background-color: #9db553; width: 691px; float: left; margin-top: 10px; height: 78px; overflow: hidden;}
div.scroll div.imgs div.clearer {height: 0px;}
div.scroll div.imgs ul {line-height: 1em; padding:0; margin:0;}
div.scroll div.imgs ul li {background: none;display: block; float: left; padding:0; margin:0;}
div.scroll div.imgs ul li a img {border: 4px solid #9db553;}
div.scroll div.imgs ul li a:hover img, div.scroll div.imgs ul li a:focus img, div.scroll div.imgs ul li a:active img  {border: 4px solid #003300;}

/* White panel */
div.whitepanel {background: url(images/bg_whitepanel.gif) 0 16px repeat-y #fff; width: 754px;}
div.whitepanel div.t {background: url(images/bg_whitepanel_t.gif) 0 0 no-repeat transparent;padding-top: 26px;}
div.whitepanel div.b {background: url(images/bg_whitepanel_b.gif) 0 100% no-repeat transparent; padding-bottom: 10px; padding-left: 38px;}
div.promoleft, div.promoright {float: left; width: 344px; }
div.promoleft div.img, div.promoright div.img {float: left; width: 130px;}
div.promoleft div.copy, div.promoright div.copy {width: 213px; float: left;}
div.promoleft h2, div.promoright h2  {color: #0079c1; font-size: 1.8em; font-weight: normal; line-height: 1.3em; padding-right: 20px; }
div.promoleft p, div.promoright p {font-size: 1.2em; line-height: 1.25em; margin-bottom: 5px;}

div.promoleft p.link, div.promoright p.link {margin-bottom: 15px;} 
div.promoleft p.link a, div.promoright p.link a {color:#0079c1; text-decoration: none;}
div.promoleft p.link a:hover, div.promoright p.link a:hover, div.promoleft p.link a:focus, div.promoright p.link a:focus, 
div.promoleft p.link a:active, div.promoright p.link a:active {text-decoration: underline; }

/************* Home page *****************/
body#t_home div#content div#main_content {width: 779px;}
div.hometop {padding-left: 13px; padding-right: 14px; margin-bottom: 11px; min-height: 260px;}
div.homefeature {position: relative;margin-left: 2px; margin-bottom: 10px;}
div.homefeature div.copy {background: url(images/bg_homefeature_copy.gif) 0 16px repeat-y #8bb900; width: 330px;}
div.homefeature div.top {background: url(images/bg_homefeature_top.gif) 0 0 no-repeat transparent;}
div.homefeature div.bottom {background: url(images/bg_homefeature_bottom.gif) 0 100% no-repeat transparent; padding-left: 34px;}
div.homefeature div.copy h1 {font-family: Georgia, "Times New Roman", Times, serif; color: #fff; padding-right: 50px; line-height:1.2em; padding-top: 13px;margin-bottom: 0;}
div.homefeature div.copy p.link {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; padding-top: 5px; padding-bottom: 13px; padding-left: 10px; background: url(images/bg_feature_link.gif) 0 0.8em no-repeat transparent;}
div.homefeature div.copy p.link a {color: #003300; text-decoration:none;}
div.homefeature div.copy p.link a:hover, div.homefeature div.copy p.link a:focus, div.homefeature div.copy p.link a:active {text-decoration : underline;}
div.homefeature div.copy p.link, div.homefeature div.img p {margin-bottom: 0;}
div.homefeature div.img {position: absolute; left: 330px; top: 0; border-left: 10px solid #99cc00;}


/* Scroll */
div.hometop div.scroll {width: 324px;background: url(images/bg_home_scroll.gif) 0 0 repeat-y #fff;}
div.hometop div.scroll div.b {background: url(images/bg_home_scroll_b.gif) 0 100% no-repeat transparent; padding-top: 0px;padding-bottom:15px; padding-left: 0;}
body#t_home div.hometop div.scroll h2 {background: url(images/bg_home_scroll_heading.gif) 0 0 no-repeat #8bb900; color: #fff; font-size: 1.1em; text-transform: uppercase; font-weight: bold; padding-top: 4px; padding-bottom: 6px;}
div.hometop div.scroll p {font-size: 1.1em; color: #000000; margin-bottom:0;}
div.hometop div.scroll h2, div.hometop div.scroll p {padding-left: 20px;}
div.hometop div.scrollholder {padding-left: 16px; margin:0; padding-top: 0; height: 66px; overflow: hidden;}
div.hometop div.scleft, div.hometop div.scright {float: left; margin-top: 4px;}
div.hometop div.scroll div.imgs {background-color: #d9d9d9; width: 292px; float: left; padding-left: 0px; margin-top: 4px; height: 60px; overflow: hidden;}
div.hometop div.scroll div.imgs div.clearer {height: 0px;}
div.hometop div.scroll div.imgs ul {line-height: 1em; padding:0; margin:0;}
div.hometop div.scroll div.imgs ul li {background: none;display: block; float: left; padding:0; margin:0;}
div.hometop div.scroll div.imgs ul li a img {border: 4px solid #d9d9d9;}
div.hometop div.scroll div.imgs ul li a:hover img, div.hometop div.scroll div.imgs ul li a:focus img, div.hometop div.scroll div.imgs ul li a:active img {border: 4px solid #003300;}


/* Home bottom - grey panel */
div.homebottom {background: url(images/bg_homebottom.gif) 0 15px repeat-y #ededed;}
div.homebottom div.top {background: url(images/bg_homebottom_top.gif) 0 0 no-repeat transparent; width: 100%;}
div.homebottom div.bottom {background: url(images/bg_homebottom_bottom.gif) 0 100% no-repeat transparent; padding-left: 13px; padding-right: 29px;}

/* Columns */
div.homebottom div.left {float: left; width: 409px; margin-top: 15px; }
div.homebottom div.right {float: right; width: 300px; margin-top: 15px;}
div.homebottom div.left div.panel {background: url(images/bg_home_left_panel.gif) 0 0 repeat-y #fff; width: 409px; margin-bottom: 16px; }
div.homebottom div.left div.panel div.bottom {padding: 0 0 15px 0 ; background: url(images/bg_home_left_panel_bottom.gif) 0 100% no-repeat transparent;}
div.homebottom div.left div.panel h2 {background: url(images/bg_home_left_panel_h2.gif) 0 0 no-repeat #666666; padding-top: 5px; padding-bottom: 5px;padding-left: 21px;color: #fff;text-transform: uppercase; font-size: 1.1em !important; font-weight:bold !important; }


/* Action panel */
div.homebottom div.left div.action div.bottom {background: url(images/bg_home_left_action_bottom.gif) 0 100% no-repeat transparent;}
div.homebottom div.left div.action div.copyimg {background: url(images/bg_home_left_action_copyimg.gif) 0 100% no-repeat transparent; margin-top: 10px;}
div.homebottom div.left div.action div.last {background: url(images/bg_home_left_action_last.gif) 0 100% no-repeat transparent;}
div.homebottom div.left div.action div.copyimg div.img {width: 86px; float: left;}
div.homebottom div.left div.action div.copyimg div.img p {padding-left: 16px;}
div.homebottom div.left div.action div.last div.img p, div.homebottom div.left div.action div.last div.copy h3 {padding-top: 5px;}
div.homebottom div.left div.action div.copyimg div.copy {width: 310px; float: left;}
div.homebottom div.left div.action div.copyimg div.copy h3 {font-size: 1.5em !important; margin-bottom:0; line-height: 1.5em;}
div.homebottom div.left div.action div.copyimg div.copy h3 a {color: #0079c1; text-decoration:none;}
div.homebottom div.left div.action div.copyimg div.copy h3 a:hover, div.homebottom div.left div.action div.copyimg div.copy h3 a:focus, div.homebottom div.left div.action div.copyimg div.copy h3 a:active{text-decoration:underline;}
div.homebottom div.left div.action div.copyimg div.copy p {font-size: 1.15em; color: #333; line-height: 1.5em;}

/* Bloggers panel */
div.homebottom div.left div.green h2 {background: url(images/bg_left_green_h2.gif) 0 0 no-repeat #8bb900;}
div.homebottom div.left div.panel div.heading {padding-left: 18px; padding-top: 5px; padding-bottom: 13px;background: url(images/bg_home_left_panel_heading.gif) 0 100% no-repeat transparent;}
div.homebottom div.left div.panel div.heading h3 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; font-weight:normal; margin-bottom:0;}
div.homebottom div.left div.panel div.heading h3 a {color: #ff6600;text-decoration: none;}
div.homebottom div.left div.panel div.heading h3 a:hover, div.homebottom div.left div.panel div.heading h3 a:focus, div.homebottom div.left div.panel div.heading h3 a:active {text-decoration: underline;}
div.homebottom div.left div.panel div.heading p {text-transform: uppercase; color: #333; font-size:1em; margin-bottom: 0;}

div.homebottom div.left div.panel div.intro {background: url(images/bg_home_left_panel_intro.gif) 0 0 repeat-y transparent; padding-left: 18px; padding-right: 15px;padding-top: 5px; }
div.homebottom div.left div.panel div.intro p {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; color: #333;margin-bottom: 0; padding-bottom: 10px;}

div.homebottom div.left div.panel div.author {background: url(images/bg_home_left_panel_author.gif) 0 0 no-repeat transparent;width: 100%;}
div.homebottom div.left div.panel div.author div.img {padding-top: 15px; float: left; width: 60px;}
div.homebottom div.left div.panel div.author div.img p {padding-left: 20px;}
div.homebottom div.left div.panel div.author div.copy {padding-top: 15px; width: 330px; float: left;}
div.homebottom div.left div.panel div.author div.copy p {text-transform: uppercase; font-size: 1em;}
div.homebottom div.left div.panel div.author div.copy p span {font-family: Georgia, "Times New Roman", Times, serif; text-transform:none; font-size: 1.1em; font-weight: bold;}
div.homebottom div.left div.panel div.author div.copy p span a {color: #ff6600; text-decoration: none;}
div.homebottom div.left div.panel div.author div.copy p span a:hover, div.homebottom div.left div.panel div.author div.copy p span a:focus, div.homebottom div.left div.panel div.author div.copy p span a:active {text-decoration: underline;}

div.homebottom div.left div.panel p.link {padding-left: 13px; font-size: 1.1em; margin-bottom: 0;}
div.homebottom div.left div.panel p.link a {display: block; float: left; border: 1px solid #e7e4e4; background: url(images/bg_home_p_link_a.gif) 0 100% repeat-x #fff; text-decoration: none; color: #333333;}
div.homebottom div.left div.panel p.link a span {padding-left: 17px; background: url(images/bg_home_p_link_a_span.gif) 6px 0.5em no-repeat transparent;padding-right: 13px; padding-bottom: 2px; display: block;}
div.homebottom div.left div.panel p.link a:hover, div.homebottom div.left div.panel p.link a:focus, div.homebottom div.left div.panel p.link a:active {border: 1px solid #666666; background: url(images/bg_home_p_link_ahover.gif) 0 100% repeat-x #7d7d7d; text-decoration: none; color: #ffffff !important;}
div.homebottom div.left div.panel p.link a:hover span, div.homebottom div.left div.panel p.link a:focus span, div.homebottom div.left div.panel p.link a:active span {background: url(images/bg_home_p_link_ahover_span.gif) 6px 0.5em no-repeat transparent; color: #fff; text-decoration: none;}

/* On the web */
div.homebottom div.left div.panel ul.web {padding: 17px 0 0 21px; margin:0;}
div.homebottom div.left div.panel ul.web li {background: none;margin:0; float: left; padding-right: 26px; padding-bottom:10px; padding-left:0; font-size: 0.8em;}
div.homebottom div.left div.panel ul.web li a img {display:inline;vertical-align:text-top;}


/* Right columns */
div.homebottom div.right div.panel {background-color: #ededed; margin-bottom: 10px; width: 300px; padding-bottom: 6px;}
div.homebottom div.right div.panel h2 {background: url(images/bg_home_right_panel_h2.gif) 0 0 repeat-x #0079c1; font-size:1.1em !important; font-weight: bold !important;color: #fff; padding: 5px 15px 5px 8px; text-transform:uppercase; margin-bottom: 13px !important;}
div.homebottom div.right div.grey {background-image: none;}
div.homebottom div.right div.grey h2 {background: url(images/bg_home_right_grey_h2.gif) 0 0 repeat-x #666666;}

/* News */
div.homebottom div.right div.panel ul.news {padding:0; margin:0; font-size:1em;border-bottom: 1px solid #d5d5d5; margin-bottom: 7px;}
div.homebottom div.right div.panel ul.news li {padding:0 10px 10px 8px; margin:0; background: none;}
div.homebottom div.right div.panel ul.news li.first {border-bottom: 1px solid #d5d5d5; margin-bottom: 10px;}
div.homebottom div.right div.panel ul.news li.first h3 {background: none; font-size: 1.5em; font-weight: bold;}
div.homebottom div.right div.panel ul.news li h3 {margin:0 !important; font-size: 1.2em; line-height: 1.2em; padding-bottom: 0px; font-weight: normal;}
div.homebottom div.right div.panel ul.news li h3 a {color: #0079c1; text-decoration: none; }
div.homebottom div.right div.panel ul.news li h3 a:hover, div.homebottom div.right div.panel ul.news li h3 a:focus, div.homebottom div.right div.panel ul.news li h3 a:active {text-decoration: underline !important;}
div.homebottom div.right div.panel ul.news li p {text-transform: uppercase; font-size: 1em; margin-bottom:0;}
div.homebottom div.right div.panel p.newslink {float: left; padding-left: 5px; font-size: 1.1em; margin-bottom:0;}
div.homebottom div.right div.panel p.newslink a {display: block; float: left; padding-left: 6px; padding-right: 5px; padding-bottom: 2px;border: 1px solid #e7e4e4; background: url(images/bg_home_p_link_a.gif) 0 100% repeat-x #fff; text-decoration: none; color: #333333; padding-right: 13px; font-size: 1em;}
div.homebottom div.right div.panel p.newslink a span {padding-left: 11px; background: url(images/bg_home_p_link_a_span.gif) 0 0.25em no-repeat transparent;}
div.homebottom div.right div.panel p.newslink a:hover, div.homebottom div.right div.panel p.newslink a:focus, div.homebottom div.right div.panel p.newslink a:active {padding-left: 6px; padding-right: 5px; padding-bottom: 2px;border: 1px solid #666666; background: url(images/bg_home_p_link_ahover.gif) 0 100% repeat-x #7d7d7d; text-decoration: none; color: #ffffff; padding-right: 13px; font-size: 1em;}
div.homebottom div.right div.panel p.newslink a:hover span, div.homebottom div.right div.panel p.newslink a:focus span, div.homebottom div.right div.panel p.newslink a:active span {padding-left: 11px; background: url(images/bg_home_p_link_ahover_span.gif) 0 0.25em no-repeat transparent;}
div.homebottom div.right div.panel p.rsslink {float: right; padding-right: 11px; width: 120px; text-align: right; margin-bottom:0;font-size: 1.1em;}
div.homebottom div.right div.panel p.rsslink a img {display: inline; margin-bottom: -3px;}
div.homebottom div.right div.panel p.rsslink a {text-decoration: none; color: #333;}
div.homebottom div.right div.panel p.rsslink a:hover, div.homebottom div.right div.panel p.rsslink a:focus, div.homebottom div.right div.panel p.rsslink a:active {text-decoration: underline; color: #333; }

/* New on the site */
div.homebottom div.right div.panel div.copyimg {padding-bottom: 6px;}
div.homebottom div.right div.panel div.copyimg div.img {float: left; width: 81px;}
div.homebottom div.right div.panel div.copyimg div.img p {padding-left: 10px; margin-bottom: 0;}
div.homebottom div.right div.panel div.copyimg div.copy {width: 210px; float: left;}
div.homebottom div.right div.panel div.copyimg div.copy h3 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; font-weight:normal; margin-bottom:3px;}
div.homebottom div.right div.panel div.copyimg div.copy h3 a {color: #ff6600;text-decoration: none;}
div.homebottom div.right div.panel div.copyimg div.copy h3 a:hover, div.homebottom div.right div.panel div.copyimg div.copy h3 a:focus, div.homebottom div.right div.panel div.copyimg div.copy h3 a:active {text-decoration: underline;}
div.homebottom div.right div.panel div.copyimg div.copy p {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; line-height: 1.3em;color: #003300;margin-bottom: 0; padding-bottom: 10px;}
div.homebottom div.right div.panel div.divider {background-color: #d5d5d5; height: 1px; overflow:hidden; padding:0; margin-bottom: 13px;}

/* On this site */
div.homebottom div.right div.panel ul.onsite {padding: 0px 20px 0px 13px; font-size: 1em;}
div.homebottom div.right div.panel ul.onsite li {background: none; font-size: 1.2em; padding:0 15px 5px 0; margin:0;}
div.homebottom div.right div.panel ul.onsite li a {color: #0079c1; text-decoration: none;}
div.homebottom div.right div.panel ul.onsite li a:hover, div.homebottom div.right div.panel ul.onsite li a:focus, div.homebottom div.right div.panel ul.onsite li a:active {color: #0079c1; text-decoration: underline;}

/****************** Content page *****************/
div.refreshcontent div.colcontent {width: 719px; background:url(images/bg_colcontent.gif) 0 0 repeat-y transparent; padding-bottom: 13px; margin-bottom: 5px;}
div.refreshcontent div.colcontent div.left {width: 469px; float: left; padding-top: 15px;}
div.refreshcontent div.colcontent h2 {font-family: Georgia, "Times New Roman", Times, serif; color: #003300; font-size: 2.2em; font-weight: normal; padding-left: 14px; margin-bottom: 3px;}
div.refreshcontent div.colcontent h3 {font-family: Georgia, "Times New Roman", Times, serif; color: #003300; font-size:1.5em; font-weight: normal;padding-left: 15px;}
div.refreshcontent div.colcontent p.intro {font-family: Georgia, "Times New Roman", Times, serif; color: #003300;padding-left: 15px; word-spacing: 2px; padding-right: 45px; margin-bottom:10px;}
div.refreshcontent div.colcontent p {color: #666666;padding-left: 15px;padding-right: 40px; line-height: 1.3em; margin-bottom: 10px;}
div.refreshcontent div.colcontent ul {padding-left:15px; padding-right: 40px;}
div.refreshcontent div.colcontent ul li {background: url(images/refresh_ul_li.gif) 28px 8px no-repeat transparent; padding-left: 40px; padding-right: 25px; line-height:1.3em;}
div.refreshcontent div.colcontent a {color: #de5400; text-decoration: none;}
div.refreshcontent div.colcontent a:hover, div.refreshcontent div.colcontent a:focus, div.refreshcontent div.colcontent a:hover, div.refreshcontent div.colcontent a:active {text-decoration: underline;}
div.refreshcontent div.colcontent a span, div.refreshcontent div.colcontent a:hover span, div.refreshcontent div.colcontent a:focus span, div.refreshcontent div.colcontent a:active span  {text-decoration: none; color: #666666;}

div.refreshcontent div.colcontent div.right {float: left; width: 250px; padding-top: 51px;}
div.refreshcontent div.colcontent div.right p {padding-left:0; padding-right:0;}
div.refreshcontent div.colcontent div.imgcaption {padding-bottom: 96px;}
div.refreshcontent div.colcontent div.imgcaption p.caption {font-size: 1.1em; padding: 0 10px 0 12px; color: #003300;}

/* Quote*/
div.refreshcontent div.quote {background-color: #b9d562;}
div.refreshcontent div.quote div.t {background: url(images/bg_quote_t.gif) 0 0 no-repeat transparent;}
div.refreshcontent div.quote div.b {background: url(images/bg_quote_b.gif) 100% 100% no-repeat transparent; padding:37px 30px 18px 28px; }
div.refreshcontent div.quote blockquote {padding:0 0 15px 0; margin:0;}
div.refreshcontent div.quote blockquote p {font-family: Georgia, "Times New Roman", Times, serif; color: #003300; font-size: 1.8em;line-height:1.2em; margin-bottom: 0; }
div.refreshcontent div.quote p {color: #003300; font-size:1.1em;}
div.refreshcontent div.quote p span {display: block; font-weight: bold; }

/******************* Index Page ***********************/
div.refreshcontent div.index {background-color: #fff; width: 719px; padding-bottom: 14px;margin-bottom: 10px;}
div.refreshcontent div.index img {display: inline;}
div.refreshcontent div.index div.left, div.refreshcontent div.index div.right {width: 340px; float: left; padding-top: 14px; }
div.refreshcontent div.index div.img {width: 66px; float: left; text-align: right;}
div.refreshcontent div.index div.copy {width: 268px; float: left;}
div.refreshcontent div.index h2 {background-color: #dfecb9; font-size: 1.5em; padding-top: 25px;padding-bottom: 6px; padding-left: 8px;}
div.refreshcontent div.index a {color:#003300; text-decoration: none;}
div.refreshcontent div.index a:hover, div.refreshcontent div.index a:focus, div.refreshcontent div.index a:active {color:#003300; text-decoration: underline;}
div.refreshcontent div.index ul {padding-left:0; font-size: 1em;}
div.refreshcontent div.index ul li {padding-left:8px; background: none; margin-bottom:0; font-size: 1.2em;padding-bottom: 5px;}



/******** Theme page ***************/
div.refreshcontent div.themeflashalt {position: relative; margin-bottom: 15px;}
div.refreshcontent div.themeflashalt p.text {position: absolute; width: 375px; top: 30px; right: 33px; font-family:Georgia, "Times New Roman", Times, serif; color: #003300; font-size: 1.8em; line-height: 1.3em; word-spacing: 2px;}
div.refreshcontent div.themeflashalt p.textwhite {position: absolute; width: 375px; top: 30px; right: 33px; font-family:Georgia, "Times New Roman", Times, serif; color: #fff; font-size: 1.8em; line-height: 1.3em; word-spacing: 2px;}

div.refreshcontent div.themefacts {width: 405px; background: url(images/bg_themefacts.gif) 0 0 no-repeat #003300;}
div.refreshcontent div.themefacts h2 {font-size:1.1em !important; font-weight: bold !important;color: #fff; padding: 5px 15px 5px 16px; text-transform:uppercase; color: #fff; margin-bottom:0;}

div.refreshcontent div.factscontent {background: url(images/bg_factscontent.gif) 100% 0 no-repeat #b9d562; width: 720px; margin-bottom: 15px;}
div.refreshcontent div.factscontent div.b {padding:10px; background:url(images/bg_factscontent_b.gif) 0 100% no-repeat transparent; }
div.refreshcontent div.factscontent p {color: #000000; font-size: 1.2em; line-height: 1.2em;}
div.refreshcontent div.factscontent div.colcontent {width:700px; background: url(images/bg_facts_colcontent.gif) 0 0 repeat-y transparent; padding-top: 9px; margin-bottom:0;}
div.refreshcontent div.factscontent div.colcontent div.left {width: 247px; float: left; background: url(images/bg_factscontent_left.gif) 0 0 repeat-y transparent; padding-top:0;}
div.refreshcontent div.factscontent div.colcontent div.left ul {padding:0; margin:0;}
div.refreshcontent div.factscontent div.colcontent div.left ul li { padding:0;margin:0; background: none;}
div.refreshcontent div.factscontent div.colcontent div.left ul li a {display: block; color: #003300 !important; line-height: 1.2em; width: 237px; text-decoration: none;}
div.refreshcontent div.factscontent div.colcontent div.left ul li a span {color: #003300; display:block; padding: 6px 10px 9px 11px; background: url(images/bg_factscontent_li_span.gif) 0 0 no-repeat transparent;}

div.refreshcontent div.factscontent div.colcontent div.left ul li a:hover {text-decoration: none; background: url(images/bg_factscontent_a_hover.gif) 0px 0px no-repeat #fff;}
div.refreshcontent div.factscontent div.colcontent div.left ul li a:hover span{text-decoration: none; background: url(images/bg_factscontent_span_hover.gif) 204px 100% no-repeat transparent;}
div.refreshcontent div.factscontent div.colcontent div.left ul li.first a {border-top: none;}
div.refreshcontent div.factscontent div.colcontent div.left ul li.first a:hover {background: url(images/bg_factscontent_span_hover.gif) 204px 0 no-repeat #fff;}
div.refreshcontent div.factscontent div.colcontent div.right {padding-top:0; width: 453px; float: left;padding-top: 10px; }
div.refreshcontent div.factscontent div.colcontent div.right p.intro {font-size: 1.5em; padding-right: 45px; line-height: 1.2em; color: #003300;}
div.refreshcontent div.factscontent div.colcontent div.right p {font-size: 1.3em; line-height: 1.3em; padding-right: 25px;color: #666666;}
div.refreshcontent div.factscontent div.colcontent div.right p.link {background: none;}
div.refreshcontent div.factscontent div.colcontent div.right p.link a:hover, div.refreshcontent div.factscontent div.colcontent div.right p.link a:focus,
div.refreshcontent div.factscontent div.colcontent div.right p.link a:active {color: #de5400; text-decoration: underline;}

div.refreshcontent div.scrolltheme div.prompt {width: 510px; background: url(images/bg_scrolltheme_prompt.gif) 0 0 no-repeat #b9d562; }
div.refreshcontent div.scrolltheme div.prompt p {font-size: 1.2em;}


/* Fading content */
/* fadecontent index */
.fadecontentwrapper{position: relative; width: 453px; min-height: 36em; overflow:hidden;}
.fadecontent{width: 453px;  height:36em;background: white;}
.fadecontenttoggler{width: 247px; overflow: hidden; }
.fadecontenttoggler a{text-decoration: none; }
.fadecontenttoggler a:hover, .fadecontenttoggler a:focus, .fadecontenttoggler a:active{text-decoration: none; background: url(images/bg_factscontent_a_hover.gif) 0px 0px no-repeat #fff;}
.fadecontenttoggler a:hover span, .fadecontenttoggler a:focus span, .fadecontenttoggler a:active span {text-decoration: none; background: url(images/bg_factscontent_span_hover.gif) 204px 100% no-repeat transparent !important;}
.fadecontenttoggler a.selected {text-decoration: none;background: url(images/bg_factscontent_a_hover.gif) 0px 0px no-repeat #fff;}
.fadecontenttoggler ul li a.selected span {text-decoration: none;background: url(images/bg_factscontent_span_hover.gif) 204px 100% no-repeat transparent !important;}
.fade_backtotop {text-align:right; font-size:1.1em; padding-right: 20px;}
.fadecontent h3.hidden {position: absolute; left :-9000px;}
/* Skip navigation */
.skip {position: absolute; left: -999em;}
a.skip:active,  a.skip:focus {top: 0; left: 0; color:#fff; background:#990000; font-size:1.4em; display:block; padding:0.5em; border:0.1em solid;  white-space:nowrap; width:15em; text-align:center; font-weight:bold;}