body {
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans serif;
font-size: 11px;
background: #ffffff;
line-height: 150%;
color: #666666;
}

/* main page layout section */

/* The wrap controls the width of the page. Comment out the width tag
to get a liquid layout; however, keep in mind that this will affect your
header image */
#wrap {
margin: 20px auto;
width: 800px;
}

#global-header-area {
height: 1%;
margin: 0px 0px 10px 10px;
}

/* The left-logo style controls the padding and alignment of the logo at the top left,
if the minisite is a co-brand, for example. */
#left-logo {
float: left;
}

/* The right-logo style controls the padding and alignment of the logo at the top right,
often the BT logo, for example. */
#right-logo {
float: right;
padding-right: 10px;
padding-top: 32px;
text-align: right;
}

#segment-signpost-area {
margin: 0px 0px 5px 0px;
}

/* primary navigation section - this is the horizontal set of tabs */

#segment-nav-01 {
background: #ff0000;
background: url(/climateandhealth/img/background/bg_prim_nav.gif);
background-repeat: repeat-x;
width: 100%;
}

#segment-nav-01 ul {
margin: 0;
padding: 0;
list-style: none;
}

/* indented styles can be used to adjust the left margin of any tagged area */
#indented15 {
margin-left: 15px;
padding: 0px 0px 0px 0px;
}

#indented30 {
margin-left: 30px;
padding: 0px 0px 0px 0px;
}

/* The list item (li) contains the right end of the tab
image, aligned to the right. This is purposely much
longer that it needs to be, allowing the tabs to expand
and contract with the length of the heading, if needed.
*/

#segment-nav-01 li {
float: left;
margin: 0;
padding: 0;
background: #006699 url(/climateandhealth/img/background/bg_tab_right.gif);
background-repeat: no-repeat;
background-position: left top;
margin-right: 0px;
}

#segment-nav-01 #current {
background-image: url(/climateandhealth/img/background/bg_tab_right_c.gif);
}

/* The link item (a) contains the left end of the tab image, aligned to the left */

#segment-nav-01 a {
font-family: tahoma, verdana, arial, helvetica, sans serif;
font-weight: bold;
font-size: 12px;
color: #ededed;
letter-spacing: .02em;
line-height: 1;
display: block;
border-bottom: 0px dashed #154198;
background-repeat: no-repeat;
background-position: right top;
padding: 5px 20px 5px 12px;
}

#segment-nav-01 #current a {
color: #fff;
border-bottom: 0px dashed #154198;
}

#segment-nav-01 li a:hover {
color: #000000;
border-bottom: 0px dashed #154198;
}

/* The four classes below are for if you want the tabs
to be the same size all the way across the width of the
site. If you want smaller tabs that are aligned to the
left, comment them out.*/

#segment-nav-01 li.first {
width: 20%;
}

#segment-nav-01 li.second {
width: 20%;
}

#segment-nav-01 li.third {
width: 20%;
}

#segment-nav-01 li.fourth {
margin-right: 0px;
width: 20%;
}

#segment-nav-01 li.fifth { 
margin-right: 0px;
width: 20%;
}

/* secondary navigation section - this is the horizontal menu that appears beneath the primary tabs */

#segment-nav-02 {
height: 22px;
background: url(/climateandhealth/img/background/bg_sec_nav.gif);
background-repeat: repeat-x;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 0px solid #ccc;
clear: left;
padding-top: 2px;
}

#segment-nav-02 ul {
list-style: none;
margin: 0;
padding: 0;
}

#segment-nav-02 li {	
display: inline;
}

#segment-nav-02 li a {
border-right: 1px solid #cccccc;
line-height: 1;
padding: 0px 10px 0px 10px;
border-bottom: 0px dashed #154198;
}

#segment-nav-02 li a.last {
border-right: 0px solid #cccccc;
border-bottom: 0px dashed #154198;
}

#segment-nav-03 {
margin: 0px 5px 10px 5px;
width: 150px;
float: left;
}

.segment-nav-03-header {
font-size: 12px;
font-weight: bold;
line-height: 150%;
color: #666666; 
padding: 4px 0px 4px 0px;
border-bottom: 1px solid #666666;
}

.segment-nav-03-sub-header {
font-size: 12px;
font-weight: bold;
line-height: 150%;
color: #666666; 
padding: 20px 0px 4px 0px;
border-bottom: 1px solid #999999;
}

.segment-nav-03-link {
background-image: url(/brand/bt/img/css/bg_dot_blue_3x1.gif);
background-repeat: repeat-x;
background-position: bottom;
padding-top: 5px;
padding-bottom: 5px;
}

.segment-nav-03-sub-link {
font-size: 10px;
line-height: 150%;
color: #666666; 
padding-top: 5px;
padding-bottom: 5px;
padding-left:10px;
}


/* The left_nav_link_arrow element adds left padding and the arrow for the current page, with the "current" class */

.segment-nav-03-arrow {
padding-left: 15px;
}

.segment-nav-03-arrow.current {
background-image: url(/brand/bt/img/buttons/arrow_blue_right.gif);
background-repeat: no-repeat;
background-position: left;
}

.segment-nav-03-sub-link-arrow.current {
background-image: url(/brand/bt/img/buttons/arrow_blue_right.gif);
background-repeat: no-repeat;
background-position: left;
}

.segment-nav-03-arrow.current a {
font-weight: bold;
color: #000000;
border-bottom: 0px dashed #154198;
}

.segment-nav-03-sub-link-arrow.current a {
font-weight: bold;
color: #000000;
border-bottom: 0px dashed #154198;
}

/* If width for segment-nav-04 is adjusted, segment-main-content.right-nav-only and segment-main-content.left-and-right-nav need to also be adjusted by the same amount. For example, if 10px is added to segment-nav-04, then 10px needs to be subtracted from segment-main-content.right-nav-only and segment-main-content.left-and-right-nav */

#segment-nav-04 {
float: right;
width: 210px;
}

/* segment-section-area controls the outside border */

#segment-section-area {
float: left;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 0px 0px 0px 0px;
width: 798px;
}

.segment-main-content.right-nav-only {
padding: 0px 0px 20px 0px;
float: left;
max-width: 540px;
width: 560px;
}

.segment-main-content.left-and-right-nav {
float: left;
width: 400px;
}

.segment-main-content.left-nav-only {
float: right;
width: 600px;
}

.setgment-main-content.no-nav {
float: left;
width: 798px;
}

#segment-section-area-window {
width: 600px;
float: left;
padding: 10px 10px 10px 10px;
}


/* footer section - use to change style and padding of footer links */

#segment-footer-area {
clear: both;
margin-bottom: 20px;
background: #edf5fd;
height: 20px;
border-bottom: 5px solid #457bc1;
padding-top: 5px;
padding-bottom: 5px;
}

#segment-footer-area ul {
margin: 0;
padding: 0;
list-style: none;
}

#segment-footer-area li {	
display: inline;
margin-left: 20px;
margin-right: 40px;
}

#segment-footer-area li a {
line-height: 1;
padding: 0;
font-weight: bold;
color: #457bc1;
border-bottom: 0px dashed #154198;
}


#segment-footer-area li a:hover {
border-bottom: 0px dashed #154198;
}

#segment-footer-area li a.current {
border-bottom: 0px dashed #154198;
}

/* typography */

h1 {
font-size: 22px;
font-weight: bold;
line-height: 120%;
color: #8bc53b;
margin-left: 20px;
margin-right: 20px;
padding: 0px 0px 10px 0px;
}

h1.audio {
background-image: url(/climateandhealth/img/icon/icon_audio.gif);
background-repeat: no-repeat;
background-position: left;
padding: 13px 0px 10px 55px;
margin: 0px 0px 5px 20px;
border-bottom: 1px solid #ccc;
}

h1.web {
background-image: url(/climateandhealth/img/icon/icon_web.gif);
background-repeat: no-repeat;
background-position: left;
padding: 13px 0px 10px 55px;
margin: 0px 0px 5px 20px;
border-bottom: 1px solid #ccc;
}

h1.video {
background-image: url(/climateandhealth/img/icon/icon_video.gif);
background-repeat: no-repeat;
background-position: left;
padding: 13px 0px 10px 55px;
margin: 0px 0px 5px 20px;
border-bottom: 1px solid #ccc;
}

h2 {
font-size: 13px;
font-weight: bold;
line-height: 100%;
color: #133b92;
margin-left: 8px;
margin-right: 20px;
padding: 0px 0px 0px 0px;
}

h2.green-text {
font-size: 13px;
font-weight: bold;
line-height: 100%;
color: #99cc33;
margin-left: 8px;
margin-right: 20px;
padding: 0px 0px 0px 0px;
}

h2.hot-text {
font-size: 13px;
font-weight: bold;
line-height: 100%;
color: #cc3300;
margin-left: 8px;
margin-right: 20px;
padding: 0px 0px 0px 0px;
}

h2.indented {
font-size: 13px;
font-weight: bold;
line-height: 100%;
color: #133b92;
margin-left: 30px;
margin-right: 20px;
padding: 0px 0px 0px 0px;
}

h2.get-informed {
font-size: 18px;
font-weight: bold;
line-height: 100%;
color: #008fd4;
margin-left: 20px;
margin-right: 20px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #008fd4;
width: 520px;
}

h3 {
font-size: 12px;
font-weight: bold;
color: #2d6ec2;
margin-left: 20px;
margin-right: 20px;
padding: 0px 0px 0px 0px;
}

h4 {
font-size: 10px;
font-weight: bold;
line-height: 125%;
color: #666666;
margin-left: 20px;
margin-right: 20px;
padding: 10px 0px 10px 0px;
}


h5 {
font-size: 12px;
font-weight: bold;
line-height: 125%;
color: #666666;
margin-left: 20px;
margin-right: 20px;
padding: 0px 0px 0px 0px;
}

h6 {
font-size: 12px;
font-weight: bold;
line-height: 125%;
color:  #005293;
margin-left: 20px;
margin-right: 20px;
padding: 10px 0px 10px 0px;
}

h7 {
font-size: 12px;
font-weight: bold;
line-height: 125%;
color:  #cc3300;
}

p {
padding-left: 20px;
}

.bold {
font-weight: bold;
}

.keypad {
font-family: monospace;
color: #666;
background-image: url(/climateandhealth/img/background/bg_button.gif);
background-repeat: no-repeat;
background-position: center center;
font-size: 13px;
padding: 0px 3px 0px 3px;
margin-right: 1px;
}

/* main link styles */

a {
text-decoration: none;
color: #154198;
border-bottom: 1px dashed #154198;
}

a img, a .image-no-border{
border: none;
border-bottom: 0px;
}

.image-no-border{
border: none;
border-bottom: 0px;
}

a:hover { 
color: #000000; 
text-decoration: underline;
border-bottom: 0px dashed #154198;
}



/* additional link styles */

a.signup {
text-decoration: none;
color: #ffffff;
border-bottom: 0px dashed #154198;
}

a.signup:hover { 
text-decoration: underline;
color: #ffffff; 
border-bottom: 0px dashed #154198;
}




/* main unordered list styles */

ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
}

li {
font-size: 11px;
color: #666666;
padding-bottom: 5px;
}

li.inline {
display: inline;
}

li.block {
display: block;
}

li.indented {
margin: 0px 0px 0px 25px;
padding: 0px 0px 0px 0px;
}
/* The "fancy" list is for when you need a list with that extra somethin' */

ul.fancy {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 5px 20px 5px 20px;
}

li.fancy {
background-image: url(/brand/bt/img/buttons/btn_arrow_small_right_7x8.gif);
background-repeat: no-repeat;
background-position: left 45%;
border: 0px solid #cccccc;
margin-right: 30px;
margin-bottom: 2px;
padding: 0px 0px 0px 20px;
}


ul.not-quite-fancy {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 10px 5px 35px;
}

li.not-quite-fancy {
background-image: url(/brand/bt/img/buttons/btn_arrow_small_right_7x8.gif);
background-repeat: no-repeat;
background-position: left 45%;
border: 0px solid #cccccc;
margin-right: 30px;
margin-bottom: 2px;
padding: 0px 0px 0px 20px;
font-size: 1.2em;
}

/* ordered lists styles */

ol.alpha-lower {
list-style-type: lower-alpha;
margin:0px 0px 0px 2em;
font-size:75%;
font-weight:normal;
}

/* table styles - do NOT create main table styles, as they will affect the master table
that holds the three main columns together */

/* "BT" TABLE IS THE STANDARD TABLE USED FOR DISPLAYING TEXT INFO - NO FRILLS   */

table.bt {
/*background: #fff;*/
/*background: url(/climateandhealth/img/background/bg_h_gradient.gif);*/
/*background-repeat: repeat-y;*/
width: 95%;
padding: 0;
margin: 10px 10px 10px 20px;
border-top: 1px dotted #ccc;
border-left: 1px dotted #ccc;
}

table.bt td {
color: #666;
padding: 5px;
line-height: 150%;
vertical-align: top;
border-bottom: 1px dotted #ccc;
border-right: 1px dotted #ccc;
}

table.bt td.header, table.bt th {
color: #64379b;
font-weight: bold;
background: #fff;
border-bottom: 1px solid #a287c3;
border-right: 1px dotted #ccc;
padding-left: 6px;
padding-bottom: 3px;
}

table.bt td.bold {
font-weight: bold;
border-right: 1px dotted #ccc;
}

table.bt td.even {
background: #fff;
border-right: 1px dotted #ccc;
}

table.bt td.even-last {
background: #fff;
border-right: 1px dotted #ccc;
border-bottom: 1px;
}

table.bt td.odd {
border-right: 1px dotted #ccc;
background: #efefef;
}

table.bt td.odd-last {
border-right: 1px dotted #ccc;
background: #efefef;
border-bottom: 1px solid #ccc;
}

table.bt td.total {
font-weight: bold;
border-right: 1px dotted #ccc;
border-bottom: 1px dotted #a287c3;
}

table.bt td.totals {
color: #64379b;
font-weight: bold;
background: #fff;
border-top: 1px solid #a287c3;
border-right: 1px dotted #ccc;
}

/* advertisement section - ads for online tools and global access, mostly appearing in right nav */

.ad {
margin: 10px;
clear: both;
height: 150px;
border: 1px solid #ccc;
background-repeat: no-repeat;
background-position: center bottom;
}

.tools {
background-image: url(/climateandhealth/img/ad/ad_online_tools.gif);
background-position: center top;
}

.globalaccess {
background-image: url(/climateandhealth/img/ad/ad_global_access.gif);
}

.event-call {
background-image: url(/climateandhealth/img/ad/ad_event_call.gif);
height: 180px;
}

.ad-text {
float: left;
}

.big-text {
color: #64379b; 
font-size: 14px;
font-weight: bold;
line-height: 120%;
padding: 10px;
}

.big-blue-text {
font-size: 12px;
font-weight: bold;
color: #2d6ec2;
display: inline;
}

.small-text {
color: #64379b;
font-size: 12px;
font-weight: bold;
line-height: 150%;
padding: 10px;
}

.ad-button-link {
font-weight: bold;
margin: 14px;
padding-top: 97px;
}

.ad-button-link a {
line-height: 120%;
border-bottom: 0px dashed #154198;
}


.outlined-box {
background: #fff;
background: url(/climateandhealth/img/background/grey_pattern.gif);
width: 200px;
margin-bottom: 20px; 
border: solid 1px #cbe0f5;
font-size: 11px;
line-height: 110%;
color: #333333;
}

.outlined-box li {
	color: #555;
}

.outlined-box-gradient-header {
font-weight: bold;
font-size: 11px;
height: 50px;
color: #000099;
background: url(/climateandhealth/img/header/header_facts.gif);
background-repeat: no-repeat;
padding-top: 5px;
padding-left: 0px;
}

.outlined-box p.flower {
background: url(/climateandhealth/img/icon/icon_flower.gif);
background-repeat: no-repeat;
background-position: 2%;
height: 30px;
padding-left: 30px;
padding-top: 18px;
}

.outlined-box p.oxfam {
background: url(/climateandhealth/img/icon/logo_oxfam_small.gif);
background-repeat: no-repeat;
background-position: 2%;
height: 30px;
padding-left: 42px;
padding-top: 6px;
font-size: 12px;
}


.outlined-box p.action {
font-weight: bold;
font-size: 16px;
height: 40px;
line-height: 110%;
color: #000099;
height: 25px;
padding-left: 40px;
padding-bottom: 5px;
padding-top: 3px;
}



.outlined-box p.email {
background: url(/climateandhealth/img/icon/icon_email.gif);
vertical-align: top;
background-repeat: no-repeat;
background-position: 3%;
padding-top: 0px;
margin-bottom: 10px;
padding-left: 30px;

}

.alert-box {
background: #fff;
background: url(/climateandhealth/img/background/white_pattern.gif);
margin: 10px;
/* border-bottom: solid 1px #cc3300; */
padding-right: 12px;
}

.alert-box-gradient-header {
margin: 12px;
font-weight: bold;
font-size: 14px;
color: #cc3300;
height: 26px;
background: url(/climateandhealth/img/background/red_line_pattern.gif);
padding-top: 5px;
padding-left: 5px;
}

.alert-box-text {
font-size: 12px;
line-height: 125%;
color: #666666;
/* margin-left: 20px;
margin-right: 20px;
padding: 10px 0px 10px 0px; */
}


.signup-box {
font-weight: bold;
font-size: 1.6em;
text-align: center;
height: 30px;
color: #fff;
background: #cc3300;
width: 202px;
margin-left: 0px;
border: 0px;
padding-top: 13px;
margin-bottom: 10px;
}



#image-container-left {
background: url(/climateandhealth/img/background/bg_overview.jpg);
background-repeat: no-repeat;
margin-left: 9px;
width: 279px;
height: 178px;
float: left;
}

#headline-image {
border-bottom: 1px solid #cccccc;
margin: 0px 0px 10px 20px;
height: 65px;
}

#headline-image-text-only {
margin: 0px 0px 10px 20px;
}

.main-copy {
}

.icon-info {
background-image: url(/climateandhealth/img/icon/icon_info.gif);
padding: 0px 0px 20px 40px;
font-size: 12px;
font-weight: bold;
background-repeat: no-repeat;
background-position: left top;
}

.icon-guide {
background-image: url(/climateandhealth/img/icon/user_guide.gif);
padding: 0px 0px 12px 40px;
font-size: 12px;
font-weight: bold;
background-repeat: no-repeat;
background-position: left top;
}

.icon-customer {
background-image: url(/climateandhealth/img/icon/icon_customer.gif);
padding: 0px 0px 35px 40px;
font-size: 12px;
font-weight: bold;
background-repeat: no-repeat;
background-position: left top;
}

.icon-help {
background-image: url(/climateandhealth/img/icon/icon_help.gif);
padding: 0px 0px 12px 40px;
font-size: 12px;
font-weight: bold;
background-repeat: no-repeat;
background-position: left top;
}

/* FAQ */

.faq-block {
border-top: 1px solid #cccccc;
padding: 15px 0px 15px 12px;
margin: 0px;
}

/* FORMS */

#segment-section-form {
font-size: 12px;
line-height: 125%;
color: #666666;
margin-left: 10px;
margin-right: 10px;
padding: 0px 0px 10px 0px;
float: left;
}

fieldset {
width: 430px;
margin-left: 50px;
padding: 25px;
display: block;
border: 1px solid #ccc;
margin-bottom: 15px;
}

.centerfieldsetdiv {
width: 400px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

legend {
color: #64379b;
font-size: 12px;
margin: 0px 0px 10px 0px;
text-align: center;
}

.centerfieldsetdiv input {
width: 250px;
}

.centerfieldsetdiv label {
font-weight: bold;
}

span.hide {
display: none;
}

div.error {
font-size: 8pt;
font-weight: bold;
color: #ff0000;
margin-left: 135px;
}

div.success {
margin: 0px;
margin-bottom: 10px;
padding: 0px;
font-weight: bold;
color: #ff0000;
}

input.readonly {
border-color: #ccc;
color: #ccc;
}

.plain-list {
list-style: none;
}

.bottom-padding {
padding-bottom: 5px;
}

.no-bottom-padding {
padding-bottom: 0px;
}

.no-top-padding {
padding-top: 0px;
}

.table-ahead { 
background: #efefef;
font-weight: bold;
border-bottom: 1px solid #ccc;
padding: 3px 0px 3px 5px;
font-size: 11px;
color: #666;
}

.rowOdd {
padding: 5px 0px 5px 5px;
background: #fff;
font-size: 11px;
border-bottom: 1px dashed #ccc;
}

.rowEven {
padding: 5px 0px 5px 5px;
background: #F1F8FF;
font-size: 11px;
border-bottom: 1px dashed #ccc;
}

.helpCursor {
cursor: help;
}

.buttonSubmit, .buttonSubmitHovered {
background: transparent url(/climateandhealth/img/button.gif) no-repeat scroll left top;
border: medium none;
color: #ffffff;
cursor: pointer;
font-weight: bold;
height: 26px;
padding: 2px 5px;
width: 69px;
}

.buttonSubmit_Long, .buttonSubmitHovered_Long {
background: transparent url(/climateandhealth/img/button_long.gif) no-repeat scroll left top;
border: medium none;
color: #ffffff;
cursor: pointer;
font-weight: bold;
height: 26px;
padding: 2px 5px;
width: 69px;
}

.buttonSubmitHovered, .buttonSubmitHovered_Long {
background-position: left bottom;
}

#bar {
float: left;
margin: 5px auto;
padding: 5px;
width: 550px;
}


.urgent {
font-size: 22px;
line-height: 120%;
color: #000;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
background-color: #99cc33;
}

.pledge {
text-align: center;
margin-right: 30px;
}

.pledgeCount {
font-size: 120%;
text-align: center;
color: #000;
background-color: #c8f291;
padding: 5px 0px 5px 0px;
margin-left: 20px;
margin-right: 20px;
}

.pledgeCountHome {
font-size: 120%;
text-align: left;
color: #000;
/* background-color: #97dbfc;
padding: 5px 5px 5px 5px; */
}