/*
** World Relief Canada
** 2009/01/28
*/
html { height: 100%; margin-bottom: 1px; font-size: 100%; }
body { margin: 0; background: #12100F; color: #FFF; font: .75em/1.333 "Arial", "Helvetica", sans-serif; }
textarea, input, select, option, optgroup, button { font: 1em "Arial", "Helvetica", sans-serif; }
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
p, ul, ol, dl, address { padding-bottom: 1em; }
img { border: none; vertical-align: bottom; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
ul { list-style: square; }
dl, ul, ol { margin-left: 0; padding-left: 2em; }
a { color: #EE6422; text-decoration: none; outline: none; }
a:focus,
a:hover { text-decoration: underline; }


/*
** some globally used classes
*/
.left { float: left !important; }
.right { float: right !important; }
.clear{clear:both  !important;}

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1em !important; }
.double-margin { padding-bottom: 2em !important; }

.err, .content li.primary h3.err{color: #FF0000; font-weight: 700;}

a.more { font-size: 10px !important; text-transform: uppercase; }
p.more { float: right; padding: 0; font-size: 10px !important; text-transform: uppercase; }

p.top { float: left; width: 130px; margin: 0 0 0 -135px; padding: 15px 0; border-top: 1px solid #F2F1ED; font-size: .917em; line-height: 1.1; }
p.top a { padding-left: 9px; background: transparent url("../images/bullet_top.png") no-repeat 0 .6ex; }

p.date { padding: 0; color: #898989; font-size: 11px; }
div.entry{padding:0 0 10px 0;}

p.photo-left { float: left; padding: 0 1em 1ex 0; }

p.rss { clear: both; margin: 0 -15px 3ex -150px; padding: 4px 15px 4px 170px; background: #FDF2EC url("../images/button_rss_b.png") no-repeat 150px 50%; line-height: 15px; }

p.mandatory { margin: 0 -15px 1em -150px; padding: 4px 15px 4px 150px; background: #FCE8DE; }
label em,
p.mandatory em { color: #EE6422; font-style: normal; }

address { font-style: normal; }
address span { display: block; }
address em { padding: 0 1em; font-style: normal; }

dl.contact { padding: 0 0 0 3em; }
dl.contact dt { float: left; margin-left: -3em; }

.contact-map { width: 400px; height: 280px; margin: 0 0 1em; }
.where-we-work-map { width: 400px; height: 305px; margin: 0 0 1em; }

button, input.radio, input.checkbox, input.button, label { cursor: pointer; }

button { padding: 0; border: none; background: transparent; white-space: nowrap; }
button span { float: left; padding: 0 0 0 17px; background: #AF4717 url("../images/button_c.png") no-repeat 0 0; color: #FFF; font-size: 11px; font-weight: 700; line-height: 27px; text-transform: uppercase; }
button span span { float: left; padding: 0 17px 0 0; background: transparent url("../images/button_c.png") no-repeat 100% 0; }
button.hover span,
button:hover span { background-color: #ED6322; background-position: 0 100%; text-decoration: none; }
button.hover span span,
button:hover span span { background-position: 100% 100%; }

input.text,
textarea { padding: 2px 0 2px 3px; border: 1px solid #BDBAA4; background: #FFFCD6; color: #000; }

fieldset { padding: 1em; border: none; background: #F2F1ED; }
legend { display: none; }

.box-a { width: 202px; height: 147px; margin: 0 0 30px; padding: 15px 180px 0 20px; background: #D85A1F url("../images/box_a.jpg") no-repeat 0 0; color: #FFF; }
.box-a h4 { padding: 0 0 1em; font-size: 1.083em; }
.box-a p { overflow: hidden; }

.box-b { width: 224px; height: 44px; margin: 0 0 50px; padding: 95px 0 0 30px; background: #B5B29B url("../images/box_b.jpg") no-repeat 0 0; }
.box-b h3,
.box-b p { display: none; }
.box-b p.b { display: block; }

.box-c { position: relative; height: 182px; margin: -10px -15px 0; padding: 10px 150px 0 15px; background: #47433E url("../images/box_c.jpg") no-repeat 0 0; color: #FFF; line-height: 1.25; }
.box-c p.text-right { position: absolute; right: 15px; bottom: 11px; padding: 0; }
.box-c a.button-c { background-image: url("../images/button_e.png"); }
.box-c a.button-c span { background-image: url("../images/button_e.png"); }

a.button-f { overflow: hidden; float: left; height: 17px; background: transparent url("../images/button_f.png") no-repeat 0 0; color: #FFF; font-size: 0; text-indent: -999em; }
a.button-f-view-the-maps { width: 105px; background-position: -243px 0; }
a.button-f-view-the-maps:hover { background-position: -243px 100%; }
a.button-f-learn-more { width: 90px; }
a.button-f-learn-more:hover { background-position: 0 100%; }
a.button-f-read-story { width: 153px; background-position: -90px 0; }
a.button-f-read-story:hover { background-position: -90px 100%; }

a.button-c { float: left; padding: 0 0 0 17px; background: #AF4717 url("../images/button_c.png") no-repeat 0 0; color: #FFF; font-size: 11px; font-weight: 700; line-height: 27px; text-transform: uppercase; }
a.button-c span { float: left; padding: 0 17px 0 0; background: transparent url("../images/button_c.png") no-repeat 100% 0; }
a.button-c:hover { background-color: #ED6322; background-position: 0 100%; text-decoration: none; }
a.button-c:hover span { background-position: 100% 100%; }

a.button-n { float: left; padding: 0 0 0 29px; background: #EE6422 url("../images/button_n.png") no-repeat 0 0; color: #FFF; font-size: 10px; line-height: 26px; white-space: nowrap; }
a.button-n span { float: left; padding: 0 9px 0 0; background: transparent url("../images/button_n.png") no-repeat 100% 0; }
a.button-n:hover { background-position: 0 100%; text-decoration: none; }
a.button-n:hover span { background-position: 100% 100%; }

p.pagination { padding: 5px 0 10px 2.5em; }
p.pagination a{padding:0 4px 0 4px}
p.pagination a.active{font-weight:bold; font-size:1.2em;}
p.pagination span { float: left; margin:2px 0 0 -2.5em; padding:0 10px 0 0;}


.flat { list-style: none; padding: 0; }
.margin li { padding-bottom: 1ex; }


/*
** header
*/
/*.header { position: relative; overflow: hidden; padding: 92px 0 0; border-bottom: 1px solid #C7C7C6; background: #0F0D0D url("../images/header_background.png") repeat-x 0 0; color: #FFF; }
.header h1 { position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; min-width: 860px; height: 409px; margin: 0 auto; background: transparent url("../images/header_background.jpg") no-repeat 50% 0; text-indent: -999em; }

.header .buttons { position: relative; overflow: hidden; width: 860px; height: 92px; top: -92px; margin: 0 auto -92px; }
.header .buttons a { position: relative; overflow: hidden; float: left; width: 128px; height: 54px; line-height: 27px; text-align: center; }
.header .buttons a img { position: relative; }
.header .buttons a:hover img { margin-top: -54px; }

.header p.donate { float: left; }
.header p.newsletter { float: right; }
.header p.newsletter img { left: -128px; }*/

.header { position: relative; overflow: hidden; padding: 92px 0 0; border-bottom: 1px solid #C7C7C6; background: #0F0D0D url("../images/header_background.png") repeat-x 0 0; color: #FFF; }
.header h1 { position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; min-width: 860px; height: 409px; margin: 0 auto; background: transparent url("../images/header_background.jpg") no-repeat 50% 0; text-indent: -999em; }

.header .buttons { position: relative; overflow: hidden; width: 860px; height: 92px; top: -92px; margin: 0 auto -92px; }
.header .buttons a { position: relative; overflow: hidden; float: left; width: 128px; height: 54px; background: transparent url("../images/button_a.png") no-repeat 0 0; line-height: 27px; text-indent: -99em; }

.header p.donate { float: left; }
.header p.donate a:hover { background-position: 0 100%; }
.header p.newsletter { float: right; }
.header p.newsletter a { background-position: -128px 0; }
.header p.newsletter a:hover { background-position: -128px 100%; }



/*
** banner
*/

.banner { overflow:hidden; position: relative; width: 926px; height: 308px; margin: 10px auto 0; padding:0; /*padding: 50px 190px 60px 330px;*/  color: #BDBAA5; font-family: "Times New Roman", "Times", serif; font-size: 1.25em; }
.banner  .sector-block{padding: 65px 210px 70px 360px; height:320px;}
.banner h2 { /*display: none;*/ margin-bottom:25px; }
.banner a.button-f { margin-right: 14px; }

.banner ul.tabs { position: absolute; left: 50px; bottom: -4px; overflow: hidden; list-style: none; width: 926px; padding: 0; }
.banner ul.tabs li { float: left; }
.banner ul.tabs a { overflow: hidden; float: left; width: 164px; height: 44px; background: transparent url("../images/banner_tabs.png") no-repeat 0 0; line-height: 44px; text-indent: -99em; }

.banner ul.tabs a.t-0 { background-position: 0 0; }
.banner ul.tabs a.t-1 { background-position: -164px 0; }
.banner ul.tabs a.t-2 { background-position: -328px 0; }
.banner ul.tabs a.t-3 { background-position: -492px 0; }
.banner ul.tabs a.t-4 { background-position: -656px 0; }

.banner ul.tabs a.t-0:hover,.banner ul.tabs .ui-state-active a.t-0  { background-position: 0 100%; }
.banner ul.tabs a.t-1:hover,.banner ul.tabs .ui-state-active a.t-1 { background-position: -164px 100%; }
.banner ul.tabs a.t-2:hover,.banner ul.tabs .ui-state-active a.t-2 { background-position: -328px 100%; }
.banner ul.tabs a.t-3:hover,.banner ul.tabs .ui-state-active a.t-3 { background-position: -492px 100%; }
.banner ul.tabs a.t-4:hover,.banner ul.tabs .ui-state-active a.t-4 { background-position: -656px 100%; }



.banner #b-0{background: transparent url("../images/banner/microfinance.jpg") no-repeat 0 0; }
.banner #b-1{background: transparent url("../images/banner/food.jpg") no-repeat 0 0; }
.banner #b-2{background: transparent url("../images/banner/ag.jpg") no-repeat 0 0; }
.banner #b-3{background: transparent url("../images/banner/water.jpg") no-repeat 0 0; }
.banner #b-4{background: transparent url("../images/banner/health.jpg") no-repeat 0 0; }


.header ul.tabs { position: absolute; left: 50px; bottom: -4px; overflow: hidden; list-style: none; width: 926px; padding: 0; }
.header ul.tabs li { float: left; }
.header ul.tabs a { position: relative; overflow: hidden; float: left; width: 164px; height: 44px; line-height: 44px; text-align: center; }
.header ul.tabs a img { position: relative; }
.header ul.tabs a:hover, 
.header ul.tabs .ui-tabs-selected { text-decoration: none; }

.header ul.tabs a.hover img,
.header ul.tabs a:hover img,
.header ul.tabs .ui-tabs-selected a img{ margin-top: -44px; }

.header ul.tabs a.t-0 img { }
.header ul.tabs a.t-1 img { left: -164px; }
.header ul.tabs a.t-2 img { left: -328px; }
.header ul.tabs a.t-3 img { left: -492px; }
.header ul.tabs a.t-4 img { left: -656px; }


/*
** main menu
*/
/*ul.menu { position: relative; z-index: 1; float: left; clear: both; list-style: none; width: 861px; height: 36px; margin-left: -1px; margin-bottom: 22px; padding: 0; background: transparent url("../images/menu.png") no-repeat 1px 0; }
ul.menu li { position: relative; float: left; padding-left: 1px; }
ul.menu a { position: relative; overflow: hidden; float: left; height: 33px; border-top: 3px solid #EE6422; background: #AF4819; color: #FFF; font-weight: 700; line-height: 33px; text-align: center; text-transform: uppercase; }
ul.menu img { position: relative; margin-top: -3px; }
ul.menu li.hover a,
ul.menu a.selected,
ul.menu a:hover { background: #EF6224; text-decoration: none; }
ul.menu li.hover a img,
ul.menu li:hover a img,
ul.menu a.selected img,
ul.menu a:hover img { margin-top: -39px; }

ul.menu .m-0 a{ width: 123px; }
ul.menu .m-1 a{ width: 122px; }
ul.menu .m-2 a{ width: 122px; }
ul.menu .m-3 a{ width: 121px; }
ul.menu .m-4 a{ width: 122px; }
ul.menu .m-5 a{ width: 122px; }
ul.menu .m-6 a{ width: 122px; }

ul.menu .m-0 a img { }
ul.menu .m-1 a img { left: -124px; }
ul.menu .m-2 a img { left: -247px; }
ul.menu .m-3 a img { left: -370px; }
ul.menu .m-4 a img { left: -492px; }
ul.menu .m-5 a img { left: -615px; }
ul.menu .m-6 a img { left: -738px; }

ul.menu ul { position: absolute; left: -999em; top: 36px; list-style: none; width: 150px; padding: 0; border-top: 1px solid #928F72; background: #AF4717; }
ul.menu li.hover ul,
ul.menu li:hover ul { left: 1px; }
ul.menu ul li { float: none; padding: 0; border-bottom: 1px solid #928F72; }
ul.menu li.hover ul a,
ul.menu ul a { float: none; display: block; height: auto; padding: .75ex 1.5ex; border: none; background: transparent; font-weight: 400; line-height: 1.1; text-align: left; text-transform: none; }
ul.menu ul a.selected,
ul.menu ul a:hover { background: #EF6224 !important; text-decoration: none; }
*/


ul.menu { position: relative; z-index: 1000; float: left; clear: both; list-style: none; width: 861px; height: 36px; margin-left: -1px; margin-bottom: 22px; padding: 0; background: transparent url("../images/menu.png") no-repeat 1px 0; }

.content-home ul.menu { margin-bottom:17px; }

ul.menu li { position: relative; float: left; padding-left: 1px; }
ul.menu a { overflow: hidden; float: left; height: 33px; border-top: 3px solid #EE6422; background: transparent url("../images/menu.png") no-repeat 0 33px; color: #FFF; font-weight: 700; line-height: 33px; text-indent: -99em; text-transform: uppercase; }

ul.menu .m-3 a{ width: 121px; }
ul.menu .m-1 a,
ul.menu .m-2 a,
ul.menu .m-4 a,
ul.menu .m-5 a,
ul.menu .m-6 a{ width: 122px; }
ul.menu .m-0 a{ width: 123px; }

ul.menu li:hover a.m-0,
ul.menu li.hover a.m-0,
ul.menu .m-0 a.selected,
ul.menu .m-0 a:hover{ background-position: 0 100%; }
ul.menu li:hover .m-1 a,
ul.menu li.hover .m-1 a,
ul.menu .m-1 a.selected,
ul.menu .m-1 a:hover{ background-position: -124px 100%; }
ul.menu li:hover .m-2 a,
ul.menu li.hover .m-2 a,
ul.menu .m-2 a.selected,
ul.menu .m-2 a:hover{ background-position: -247px 100%; }
ul.menu li:hover .m-3 a,
ul.menu li.hover .m-3 a,
ul.menu .m-3 a.selected,
ul.menu .m-3 a:hover{ background-position: -370px 100%; }
ul.menu li:hover .m-4 a,
ul.menu li.hover .m-4 a,
ul.menu .m-4 a.selected,
ul.menu .m-4 a:hover{ background-position: -492px 100%; }
ul.menu li:hover a.m-5 a,
ul.menu li.hover a.m-5 a,
ul.menu .m-5 a.selected,
ul.menu .m-5 a:hover { background-position: -615px 100%; }
ul.menu li:hover .m-6 a,
ul.menu li.hover .m-6 a,
ul.menu .m-6 a.selected,
ul.menu .m-6 a:hover { background-position: -738px 100%; }

ul.menu ul { position: absolute; left: -999em; top: 36px; list-style: none; width: 160px; padding: 0; border-top: 1px solid #928F72; background: #AF4717; }
ul.menu li.hover ul,
ul.menu li:hover ul { left: 1px; }
ul.menu ul li { float: none; padding: 0; border-bottom: 1px solid #928F72; }
ul.menu li.hover ul a,
ul.menu ul a { float: none; display: block; width: 130px; height: auto; padding: 5px 10px; border: none; background: transparent; font-weight: 400; line-height: 1.1; text-indent: 0; text-align: left; text-transform: none; }
ul.menu ul  a.selected,
ul.menu ul a:hover { background: #EF6224 !important; text-decoration: none; }

ul.menu .m-0 ul a,
ul.menu .m-1 ul a,
ul.menu .m-2 ul a,
ul.menu .m-3 ul a,
ul.menu .m-4 ul a,
ul.menu .m-5 ul a,
ul.menu .m-6 ul a {width:140px;}

/*
** main content area
*/
.content { padding: 0 0 15px; background: #BDBAA5 url("../images/content_background.png") repeat-x 0 0; color: #000; }
.content .content { width: 860px; margin: 0 auto; padding: 0; background: transparent url("../images/content_columns_background.png") no-repeat 0 53px; }
.content .content .content { padding: 0 0 10px; background: transparent url("../images/content_columns_background.png") no-repeat -1720px 100%; }

.content-home .content { background-position: -6597px 53px; }
.content-home .content .content { background-position: -4300px 100%; }
 
.content ul.columns { overflow: hidden; clear: both; list-style: none; width: 860px; margin: 0 auto; padding: 0; background: transparent url("../images/content_columns_background.png") repeat-y -860px 0; }

.content-alt ul.columns { background-position: -3440px 0; }
.content-home ul.columns{background:none;}

.content li.primary { overflow: hidden; float: left; width: 405px; padding: 0 15px 10px 150px; background: #FFF; position:relative;}
.content li.primary-alt{ padding: 0 15px 10px 20px; width: 535px; }
.content li.secondary { overflow: hidden; float: right; width: 250px; padding: 0 15px 10px; background: #FFFCD6; }
.content li.secondary ul{list-style:none; padding:0;}
.content-alt li.primary { width: 570px; padding: 0; background:none; /*padding: 0 15px 10px;background: #FBF5B0;*/  }
.content-alt li.secondary { background: #FFF; }

.content-home li.secondary { background: #FFF url("../images/content_columns_background.png") no-repeat -3160px 0; padding-top:10px; padding-bottom: 20px; }

.content li.primary h1.section-title { margin: 0 -15px 15px -150px; padding: 0 15px 10px; border-bottom: 1px solid #BDBAA4; background: #FFFCD6; font-size: 2.167em; font-weight: 400; line-height: 30px; letter-spacing: -1px; }
.content li.primary h1.section-title embed { margin-bottom: -10px; }

.content-alt li.primary h1.section-title { margin-left: -15px; background: #FFF; }
.content li.primary h1.section-title-health-education { border: none; background-image: url("../images/section_title_health_education.jpg"); background-repeat: no-repeat; background-position: 447px 100%; }
.content li.primary-alt h1.section-title{margin-left:-20px;}

.content li.primary h2 { padding: 0 0 10px; color: #000; font-size: 1.667em; }
.content li.primary h3 { padding: 15px 0; border-top: 1px solid #BDBAA5; color: #8E8A6B; font-size: 1.167em; }
.content li.primary h2.alt,
.content li.primary h3.alt { color: #000; font-size: 1.333em !important; }
.content li.primary h3.projects{border:none; padding:0px 0 15px;}

.content li.primary p.more { margin-top: -30px }
.content-alt li.primary p.more { margin-top: -46px }
.content-alt li.primary .country { margin-bottom: 2em; margin-left: 2em; overflow:hidden}
.content-alt li.primary .gallery { clear: both; padding-bottom: 0; }

.content li.primary .signout{font-size:.9em; padding:5px 0 0 0; font-weight:normal; color:#898989; border-top:1px solid #BDBAA5;}

.content li.primary .featured-project{height:375px; overflow:hidden; padding:10px 15px 15px; background:#FBF5B0 url(../images/content_columns_background.png) no-repeat scroll -6027px 0px; margin-top:10px; overflow:hidden; }
.social-banner{ background:transparent url(../images/content_columns_background.png) no-repeat scroll -6027px 0; width:570px; }
.social-banner .social-media{height:86px; background: transparent url(../images/social-banner/bg.jpg) repeat-x;}
.social-banner .banner-area{float:left}
.social-banner ul{ list-style:none; width:170px; float:right; padding:24px 11px 0 0;}
.social-banner ul li {float:left}
.social-banner ul span{display:none;}


.social-banner ul li a{background:url('../images/social-banner/social.png') no-repeat; margin-right:4px; width:38px; height:38px; display:block; float:left; }
.social-banner ul li a.facebook{background-position:0 top;}
.social-banner ul li a.facebook:hover{background-position:0 bottom;}
.social-banner ul li a.flickr{background-position:-38px top;}
.social-banner ul li a.flickr:hover{background-position:-38px bottom;}
.social-banner ul li a.twitter{background-position:-76px top;}
.social-banner ul li a.twitter:hover{background-position:-76px bottom;}
.social-banner ul li a.youtube{background-position:-115px top;}
.social-banner ul li a.youtube:hover{background-position:-115px bottom;}


.content li.secondary h2 { margin: 0 -15px 10px; padding: 10px 15px 10px; border-bottom: 1px solid #BDBBA4; background: #F2EFCC; font-size: 1.667em; font-weight: 400; line-height: 20px; letter-spacing: -1px; }
.content li.secondary h2 embed { position: relative; top: -2px; margin-bottom: -6px; }
.content-alt li.secondary h2 { background: #FFF; }
.content li.secondary p.more { position: relative; margin-top: -37px }
.content li.secondary ul.items { list-style: none; margin: -10px -15px 0; padding: 0; border-bottom: 1px solid #FFFCD6; }
.content-alt li.secondary ul.items { border-color: #FFF; }
.content li.secondary ul.items li { padding: 10px 15px; }
.content li.secondary ul.items li.alt { background: #F8F5D1; }
.content-alt li.secondary ul.items li.alt { background: #F8F8F6; }

.content li.secondary .pagination{padding:0 0 15px 2.5em;}

.content .secondary-content {height:466px; background:#ffffff}


/*
** submenu
*/
ul.submenu { float: left; list-style: none; width: 120px; margin: 0 0 0 -135px; padding: 0; line-height: 1.5; background-color:#ffffff; position:relative; z-index:10 }
ul.submenu li { overflow: hidden; }
ul.submenu a { float: left; width: 100%; }
ul.submenu  a.selected{ color: #000; }
ul.submenu ul { clear: both; list-style: none; padding: 0 0 0 2px; }
ul.submenu ul li { padding-left: 10px; background: transparent url("../images/bullet_a.png") no-repeat 0 1ex; }


/*
** links - used in "Our Partners" listing
*/
ul.links { list-style: none; padding: 0; }
ul.links li { padding: 0 0 1em; }
ul.links span { display: block; }
ul.links a { margin-left: 3em; }


/*
** FAQ
*/
dl.faq { margin: 0 0 1em; padding: 0; border-bottom: 1px solid #DEDCD2; }
dl.faq dt { margin: 0; padding: 1ex 0 1ex 2em; border-top: 1px solid #DEDCD2; }
dl.faq dd { margin: 0; padding: 0 0 1ex 2em; }
dl.faq dt.opened a { color: #000; font-weight: 700; }
dl.faq dt.opened,
dl.faq dd.opened { background: #DEDCD2; }
dl.faq strong { float: left; margin-left: -1.5em; }
dl.faq a strong { color: #000; }


/*
** staff list
*/
ul.staff { list-style: none; padding: 0; }
ul.staff li { padding: 0 0 1.25em; }
ul.staff p { padding: 0; }
ul.staff p.position { color: #898989; font-size: .917em; }
ul.staff p.name { font-weight: 700; }
ul.staff p.phone em { color: #898989; font-style: normal; }
ul.staff p.mail { padding-left: 38px; background: transparent url("../images/icon_mail.png") no-repeat 0 0; }


/*
** site map
*/
.sitemap ul{ list-style: none; padding:0;  }
ul.site-map-first { padding-top: 0; border-top: none; }
.sitemap ul ul { list-style: none; padding: 0 0 0 3em; }
.sitemap ul ul ul { list-style: none; padding: 0 0 0 3em; border-top: none;}
.sitemap a.title {border-top: 1px solid #BDBAA5; padding: 15px 0 0; display:block}
.sitemap li{padding: 0 0 1em 0;}
.sitemap li li{padding:0}

/*
** newsletter sign up form
*/
form.newsletter { margin: -15px 0 0; }
form.newsletter h2 { margin-bottom: -36px; }
form.newsletter p.top,
form.newsletter h3 { margin-top: 36px; }
form.newsletter fieldset { margin: 1em 0 0; }
form.newsletter fieldset p { width: 190px; padding: 0 0 1ex 160px; }
form.newsletter fieldset p.alt { width: auto; padding: 0 0 1ex; }
form.newsletter fieldset p label { float: left; width: 150px; margin-left: -160px; font-size: .917em; text-align: right; }
form.newsletter fieldset p input.text { width: 185px; margin-top: -2px; }
form.newsletter fieldset p select { width: 190px; margin-top: -2px; }
form.newsletter fieldset p.alt label { float: none; width: auto; margin-left: 0; font-size: 1em; text-align: left; }
form.newsletter p.terms { padding: 0 !important; }
form.newsletter p.terms input.radio { margin-left: 1em; }
form.newsletter p.terms label { font-weight: 700; text-transform: uppercase; }


/*
** WRC materials order form
*/
form.materials label { color: #EE6422; font-weight: 700; }
form.materials fieldset { margin: 0 0 1em; }
form.materials fieldset h4 { padding: 0 0 3ex; font-size: .917em; }
form.materials fieldset p { width: 215px; padding: 0 0 1ex 165px; }
form.materials fieldset p label { float: left; width: 155px; margin-left: -165px; color: #000; font-size: .917em; font-weight: 400; text-align: right; }
form.materials fieldset p textarea,
form.materials fieldset p input.text { width: 210px; margin-top: -2px; }
form.materials fieldset p input.small { width: 30px; }



/*
** summary - three columns on homepage
*/
.summary { background: #2F2E29 url("../images/summary_background.png") repeat-x 0 0; color: #FFF; font-size: .917em; }
.summary ul { overflow: hidden; list-style: none; width: 870px; margin: 0 auto; padding: 0 0 0 10px; }
.summary li { float: left; width: 240px; padding: 15px 30px 4em 20px; background: transparent url("../images/summary_column_background.png") no-repeat 0 0; }
.summary h2 { padding: 0 0 15px; color: #FFFCD6; font-size: 1.545em; font-weight: 400; line-height: 25px; letter-spacing: -1px; }
.summary p.more { position: relative; margin-top: -6.5ex; }
.summary .title { padding: 0 0 1em; color: #BDBBA5; line-height: 1.5; }
.summary .title p { padding: 0; }
.summary .paper { height: 119px; margin: 0 -20px; padding: 25px 30px 0; background: #E6D1AD url("../images/summary_paper_background.jpg") no-repeat 0 0; color: #35302C; font-family: "Georgia", serif; line-height: 1.5; }
.summary h2 embed { margin-bottom: -5px; }

.summary ul li ul{padding:0;}
.summary ul li ul li{ float:none; padding:0; background:none}

/*
** featured projects, downloads
*/
ul.featured p { padding: 0; }
ul.featured p.thumbnail { overflow: hidden; padding: 25px 0 5px 90px; }
ul.featured p.thumbnail span { float: left; width: 85px; height: 80px; margin: -25px 0 0 -90px; line-height: 80px; text-align: center; }
ul.featured p.thumbnail span img { vertical-align: middle; }
ul.featured p.thumbnail em { display: block; font-size: .917em; font-style: normal; }

ul.featured-projects p.thumbnail { padding-top: 10px; }
ul.featured-projects p.thumbnail span { height: 50px; margin-top: -10px; line-height: 50px; }


/*
** projects to support list
*/
ul.projects { list-style: none; padding: 0; }
ul.projects li { overflow: hidden; padding: 12px 0 0 105px; border-top: 1px solid #F2F1ED; background: transparent url("../images/projects_background.png") no-repeat 50% 0; }
ul.projects p { overflow: hidden; }
ul.projects p.thumbnail { float: left; margin-left: -105px; }
ul.projects h4 { font-size: 1.083em; }
ul.projects h4 em { display: block; font-size: .846em; font-weight: 400; font-style: normal; }
ul.projects div.details{padding-bottom:1em;}

/*
** resources list
*/
ul.resources { overflow: hidden; list-style: none; margin-top: -12px; padding: 0; }
ul.resources li { overflow: hidden; margin-top: -1px; padding: 12px 0 4px; border-top: 1px solid #F2F1ED; }
ul.resources li.file { padding: 12px 0 0 105px; background: transparent url("../images/projects_background.png") no-repeat 50% 0; }
ul.resources li div{padding-bottom:5px;}
ul.resources p { overflow: hidden; }
ul.resources p.thumbnail { float: left; margin-left: -90px; padding: 0; }
ul.resources h4 { font-size: 1.083em; }
ul.resources h4 em { display: block; color: #BDBBA5; font-size: .846em; font-weight: 400; font-style: normal; }
ul.resources a.button-c { margin-right: 2px; }
ul.resources em.file { float: left; padding-left: 40px; background: transparent none no-repeat 18px 50%; color: #BDBBA5; font-size: .917em; font-style: normal; line-height: 27px; }
ul.resources em.file-pdf { background-image: url("../images/icon_pdf.png"); }

ul.search-results {list-style:none; margin:0; padding:0}
ul.search-results li{background: transparent url("../images/projects_background.png") no-repeat 0 0; padding: 12px 0 0;}

/*
** where we work listing
*/
ul.where-we-work { overflow: hidden; list-style: none; padding: 0; }
ul.where-we-work li { margin-top: -1px; padding: 1ex 0; border-top: 1px solid #F2F1ED; }
ul.where-we-work p { padding: 0; }


/*
** stories
*/
ul.stories li { overflow: hidden; padding: 10px 15px 10px 110px !important; }
ul.stories h3 { font-size: 1.083em; }
ul.stories p { padding: 0; }
ul.stories p.thumbnail { float: left; margin-left: -95px; }


/*
** sectors
*/
.sector { overflow: hidden; height: 104px; margin: 0 -15px 0 -150px; padding: 40px 180px 35px 150px; background:#22201E url("../images/sectors_background.jpg") no-repeat 0 0; color: #BDBAA5; }
.sector h4 {/* display: none;*/ padding-bottom:15px; font-size:22px; }
.sector ul.submenu { /*margin-top: -70px;*/ margin-top: -20px; background:none; }
.sector-microfinance-overview {background-position: 0 0px; }
.sector-food-security-overview { background-position: 0 -194px; }
.sector-agricultural-development-overview {background-position: 0 -388px; }
.sector-safe-water-overview { background-position: 0 -582px; }
.sector-health-education-overview { background-position: 0 -776px; }


/*
** section graphics
*/
.section { border-bottom: 1px solid #BDBAA5; /*overflow: hidden;*/ height: 128px; margin: -15px -15px 25px -150px; padding: 40px 100px 20px 150px; background: transparent none no-repeat 0 0; color: #FFF; }
.section h2 { /*display: none;*/}
.section ul.submenu { margin-top: -20px; background:none; }
.section ul.submenu ul li { background-image: url("../images/bullet_b.png"); }
.section ul.submenu  a.selected{ color: #FFF; }
.section p { line-height: 1.5; }
.section p.first { color: #BDBAA5; font-family: "Georgia", serif; font-size: 1.25em; padding-top:15px; }

.section-blogs{padding: 65px 180px 0px 150px; margin: -15px -15px 0px -150px;}
.section-blogs h2{display:none;}
.section-blogs h3{display:none;}
.section-blogs ul.submenu{margin-top:-40px}

.section-quick-news { background-color: #372D20; background-image: url("../images/section_quick_news.jpg"); }
.section-integral-newsletter { background-color: #372D20; background-image: url("../images/section_integral_news.jpg"); }
.section-from-the-fields { background-color: #372D20; background-image: url("../images/section_from_the_fields.jpg"); }
.section-poverty-perspective { background-color: #392F21; background-image: url("../images/section_poverty_perspective.jpg"); }
.section-lauries-blog { background-color: #302E2B; background-image: url("../images/section_lauries_blog.jpg"); }
.section-latest-appeal { background-color: #372D20; background-image: url("../images/section_latest_appeal.jpg"); }
.section-overview { position: relative; height: auto; margin-bottom: -1px; padding: 40px 30px 20px 150px; background-color: #110F0E; background-image: url("../images/section_overview.jpg"); }
.section-overview ul.submenu { margin-top: -20px; }

.section-health-education { background-color: #110F0E; background-image: url("../images/section_health_education.jpg"); }
.section-food-security { background-color: #110F0E; background-image: url("../images/section_food.jpg"); }
.section-microfinance { background-color: #110F0E; background-image: url("../images/section_micro.jpg"); }
.section-agricultural-development { background-color: #110F0E; background-image: url("../images/section_agricultural.jpg"); }
.section-safe-water { background-color: #110F0E; background-image: url("../images/section_safewater.jpg"); }

.overview-thumb{z-index:1; width:166px; height:150px; position:absolute; right:0px; top:-49px;}

.section_health-education-overview_thumb{background:url("../images/section_health-education-overview_thumb.jpg") no-repeat; }
.section_food-security-overview_thumb{background:url("../images/section_food-overview_thumb.jpg") no-repeat}
.section_microfinance-overview_thumb{background:url("../images/section_microfinance-overview_thumb.jpg") no-repeat;}
.section_agricultural-development-overview_thumb{background:url("../images/section_agricultural-development-overview_thumb.jpg") no-repeat; width:140px; }
.section_safe-water-overview_thumb{background:url("../images/section_safe-water-overview_thumb.jpg") no-repeat;}

.content li.primary .section h2{color:#BBBAA5; width:305px; z-index:10; position:relative; }
.content li.primary .section-overview {margin-bottom:15px; }
.content li.primary .section h3{border:none; color:#ffffff; font-size:2.3em; padding:5px 0;}


/*
** events list
*/
ul.events { list-style: none; padding: 0; }
ul.events p { padding: 0; }
ul.events h3 { font-weight: 400; }


/*
** post comments form
*/
form.comment { padding: 0 0 0 70px; }
form.comment h3 { margin-left: -70px; color: #000 !important; font-size: 1.333em !important; }
form.comment p.info { margin-left: -70px; }
form.comment label { float: left; width: 65px; margin-left: -70px; }
form.comment textarea,
form.comment input.text { width: 330px; }


p.subscribe { font-size: .917em; border-bottom:1px solid #BDBAA5; margin-bottom:10px; }


/*
** join the discussion
*/
form.join p.align { width: 280px; }
form.join p.indent { padding-left: 70px; }
form.join p.indent label { float: left; width: 65px; margin-left: -70px; }
form.join input.text { width: 205px; }
form.join p.left,
form.join p.subscribe { font-size: .917em; }


/*
** list of comments
*/
ul.comments { list-style: none; margin: -1em 0 1ex; padding: 0; }
ul.comments li { padding: 1em 0 0; border-bottom: 1px solid #BDBAA5; }
ul.comments p.author { padding-left: 36px; background: transparent url("../images/icon_comment.png") no-repeat 0 0; color: #898989; font-size: .917em; }
ul.comments p.author strong { color: #000; font-weight: 400; }


/*
** country profile
*/
.country { position: relative; float: left; width: 253px; margin: 0 1em 0 -135px; padding: 39px 0 0; background: transparent url("../images/country_background.png") no-repeat 0 0; }
.content-alt .country { clear: both; margin-left: 0; margin-right: 0; }
.country h4 { display: none; }
.country p { padding: 0; }
.country p.donate { overflow: hidden; margin-top: -39px; }
.country p.donate a { overflow: hidden; float: right; width: 125px; height: 39px; background: #AF4717 url("../images/button_d.png") no-repeat 0 0; text-indent: -999em; }
.country p.donate a:hover { background-color: #EE6422; background-position: 0 100%; }
.country .details { position: absolute; bottom: 0; width: 229px; padding: 1ex 12px; background: transparent url("../images/country_details_background.png") repeat 0 0; }
.country .details h5 { font-size: 1.083em; }
.country .details dl { padding: 1em 0 0 75px; }
.country .details dt { float: left; width: 70px; margin-left: -75px; padding-top: .4ex; font-size: .833em; text-transform: uppercase; }
.country .details dd { margin: 0; line-height:1.333em; height:1.333em; overflow:hidden; }

div.donate .details{padding-bottom:1em;}

/*
** gallery - JS slider
*/
/*.gallery { padding: 0 0 2em; }
.gallery .current { overflow: hidden; }
.gallery .current p.contents { float: left; width: 260px; }
.gallery .current .description { float: right; width: 140px; color: #555; font-size: .833em; }
.gallery .current .description h4 { font-size: 1.1em; }
.gallery .current a.button-n { position: relative; left: 265px; margin: -26px 0 0; }
*/
.gallery ul { /*overflow: hidden;*/ list-style: none; padding: 0; }
.gallery li { float: left; }

.gallery { overflow: hidden; }
.gallery p.previous { float: left; }
.gallery p.next { float: left; padding: 0 0 0 1px; }
.gallery p.previous a,
.gallery p.next a { overflow: hidden; float: left; width: 17px; height: 51px; background: #AF4717 url("../images/button_b.png") no-repeat 0 0; text-indent: -999em; }
.gallery p.next a { background-position: -17px 0; }
.gallery p.previous a:hover { background-color: #EE6422; background-position: 0 100%; }
.gallery p.next a:hover { background-color: #EE6422; background-position: -17px 100%; }
.gallery ul { position: relative; left: 0; height: 51px; }
.gallery li { padding: 2px 0 0 2px; }
.gallery li a { overflow: hidden; float: left;  }
.gallery li img { float: left;width: 83px; height: 51px; }
.gallery li a:hover { border: 2px solid #EE6422; }
.gallery li a:hover img { margin: -2px; }
.gallery .clip { position: relative; overflow: hidden; float: left; }


/*
** modal window opened by shadowbox
*/
.modal { position: relative; overflow: hidden; padding: 12px 15px 0 150px; }
.modal p { padding: 0; }
.modal p.thumbnail { float: left; margin-left: -135px; }
/*#shadowbox_container p.close { position: absolute; right: -10px; top: -10px; }
#shadowbox_container p.close a { overflow: hidden; float: left; width: 20px; height: 20px; background: transparent url("../images/button_close.png") no-repeat 0 0; text-indent: -999em; }
*/

/*
** footer
*/
.footer { border-top: 3px solid #403E38; background: #12100F; color: #BDBBA5; font-size: .917em; line-height: 1.1; }
.footer div { overflow: hidden; width: 860px; margin: 0 auto; padding: 3ex 0 4em; background: transparent url("../images/footer_background.png") no-repeat 50% 2ex; }
.footer p { padding: 0; }
.footer p.left { clear: left; }
.footer p.right { clear: right; }

.footer ul { overflow: hidden; float: left; list-style: none; margin: 0 0 0 -1.5ex; padding: 0 0 1ex; }
.footer li { float: left; margin-left: -1px; padding: 0 1.5ex; border-left: 1px solid #3E3C36; }

.footer form { float: right; padding: 0 0 3ex; }
.footer input.text { width: 220px; padding: 4px 0 5px 8px; border: 1px solid #898989; background: #FFF; color: #12100F; font-size: 1.091em; }
.footer input.button { overflow: hidden; width: 26px; height: 26px; margin-left: 6px; padding: 0; border: none; background: #AF4717 url("../images/button_go.png") no-repeat 0 0; text-indent: -999em; vertical-align: top; }
.footer input.button:hover { background-color: #EE6422; background-position: 0 100%; }


/*
** shadowbox styling
*/
/*#shadowbox_container,
#shadowbox_overlay { top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0;}
#shadowbox_container { position: fixed; display: block; visibility: hidden; z-index: 999; }
#shadowbox_overlay { position: absolute; }

#shadowbox { position: relative; margin: 0 auto; text-align: left; }

#shadowbox_body { position: relative; margin: 0; padding: 0px; border: 1px solid #4A4747; }
#shadowbox_body_inner { position: relative; height: 100%; }
#shadowbox_content.html { height: 100%; }

#shadowbox_loading { position: absolute; top: 0; width: 100%; height: 100%; }

#shadowbox_loading_indicator { float: left; width: 32px; height: 32px; margin: 10px 10px 0; background: transparent url("../images/loading.gif") no-repeat 0 0; }
#shadowbox_loading span { float: left; margin-top: 16px; font-size: 10px; }
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited { color: #fff; text-decoration: underline; }

#shadowbox_title, #shadowbox_info { overflow: hidden; position: relative; margin: 0; padding: 0; }
#shadowbox_title_inner, #shadowbox_info_inner { position: relative; line-height: 16px; }
#shadowbox_title { height: 26px; }
#shadowbox_title_inner { padding: 5px 0; color: #fff; font-size: 16px; }
#shadowbox_info { height: 20px; }
#shadowbox_info_inner { color: #fff; font-size: 12px; }

#shadowbox_nav { float: right; width: 45%; height: 16px; padding: 2px 0; }
#shadowbox_nav a { float: right; display: block; width: 16px; height: 16px; margin-left: 3px; cursor: pointer; }

#shadowbox_counter { float: left; width: 45%; padding: 2px 0; }
#shadowbox_counter a { padding: 0 4px 0 0; color: #fff; text-decoration: none; cursor: pointer; }
#shadowbox_counter a.shadowbox_counter_current { text-decoration: underline; }

div.shadowbox_clear { clear: both; }

div.shadowbox_message { padding: 10px; font-size: 12px; text-align: center; }
div.shadowbox_message a:link,
div.shadowbox_message a:visited { color: #fff; text-decoration: underline; }

*/
.ui-tabs-hide {
     display: none;
}
.quote-box{color:#b3b09d; width:364px; text-align:center; background:url("../images/quote-box-top.jpg") no-repeat; clear:both; padding:20px 0;}
.quote-box span{background:url("../images/quote-box-top.jpg") bottom no-repeat; padding:0 0 20px 0; }

.project-map{width:253px; height:232px;}
.geocode{font-size:9px}

#search_items input.text {background:#FFFFFF none repeat scroll 0 0;border:1px solid #898989;color:#12100F;font-size:1.091em;padding:4px 0 5px 8px;width:220px;}
#search_items input.button { background:#AF4717 url(../images/button_go.png) no-repeat scroll 0 0; border:medium none;height:26px; margin-left:6px;overflow:hidden;padding:0;text-indent:-999em; vertical-align:top;width:26px; }


#donor-form label{font-weight:bold; padding: 1.5em 0 1em; display:block;} 
#donor-form  p label{font-weight:normal; display:inline;}
#donor-form  .rank {width:20px; margin-right:5px;}
#donor-form fieldset {padding:0; background:none; margin-top:4em;}
#donor-form legend{display:block; margin-top:10px; padding: 15px 0; border-top: 1px solid #BDBAA5; color: #8E8A6B; font-size: 1.167em; width:100%; }
#donor-form fieldset label{ font-weight:normal; padding:0 10px; width:70px; text-align:right; float:left}
#donor-form fieldset div{clear:both; padding:2px;}
/*
** the end
*/