/****************************************** Clear elements fix  ***************************************/

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}

.clear {
    height: 1px;
    clear: both;
}

/****************************************** PNG support for IE6 ***************************************/

img, #logoImage, #introWrap { behavior: url(/assets/stylesheets/iepngfix.htc); }

/****************************************** global styles ***************************************/

body {
	font-family: arial;
	font-size: 80%;
	margin: 0;
	padding: 0;
	color:#58595b;
	text-align:justify;
	background: url('/images/global/lines3.gif');	
}

a 
{
	color:#232d4e;
	text-decoration:none;
	font-weight:bold;
	}

a:hover { color:#7f8083 }

a.Arrowlink {
	text-decoration: none;
	color: #58595b;
	margin: 0;
	padding: 0 17px 0 0;
	font-family: arial;
	font-size: 12px;
	line-height: 18px;
	background: url('/images/global/arrowGrey.png') no-repeat;
	background-position: 100% 97%;
}

a.Arrowlink:hover 
{
	background: url('/images/global/arrowBlue.png') no-repeat;
	background-position: 100% 97%;
	color: #000000;
}

.Arrowlink { behavior: url(/assets/stylesheets/iepngfix.htc); }

p
{
	line-height:150%;
}

p.topP
{	
	margin-top:0px;
}

ol{	
	font-family: arial;
	font-size: 11px;
	line-height:150%;
}

ol li{
	padding-bottom: 5px;}

/************************* quote box *********************/

.CAQuote {
	width: 446px;
	background: url('/images/quotes/topLeftQuote.gif') left top no-repeat;
	padding: 3px 0 0px 32px;
	margin: 15px 0 0;
}

body #respLeftCol .CAQuote div p {
	margin: 0 0 10px 0;
	padding: 0;
	color: #58585a;
	font-size: 13px;
	line-height: normal;
	text-align: left;
}

body #respLeftCol .CAQuote span {
	display: block;
	text-align: right;
	margin: 6px 32px 0 0;
}

.CAQuote div {
	background: url('/images/quotes/bottomRightQuote.gif') right bottom no-repeat;
	padding: 0 32px 10px 0;
}

/****************************************** END global styles ***************************************/


#mainWrap {
	width: 778px;
	margin: 0 auto;
	padding: 5px 0px 0 7px;
}

#logoImage {
	width: 309px;
	height: 60px;
}



#introText { 
	margin: 0;
	padding: 3px 0 7px 10px;
	width: 600px;
	font-size: 15px;
	font-weight: normal;
	color: #3d4954;
	font-family: arial;
}

#introTextHome { 
	margin: 0;
	padding: 3px 0 7px 10px;
	width: 600px;
	font-size: 15px;
	font-weight: normal;
	color: #3d4954;
	font-family: arial;
	text-align: left;
}

#crumbsWrap {
	padding: 0 0 7px 5px;
	width: 600px;
}

#titleWrap {
	padding: 0 0 5px 5px;
	width: 600px;
}

#titleWrap h2 {
	margin: 0 0 0 2px;
	padding: 0;
	font-size: 18px;
	font-weight: 600;
	color: #242e37;
	font-family: arial;
	text-align:left;
}

#crumbsWrap ul {
	margin: 2px 0 0 7px;
	padding: 0;
	list-style: none;
}

#crumbsWrap ul li {
	display: inline;
	margin: 0;
	padding: 0;
	color: #323232;
	font-family: arial;
	font-size: 11px;
}

#crumbsWrap ul li a {
	text-decoration: none;
	color: #7e7e7e;
	font-family: arial;
	font-weight:normal;
	font-size: 11px;
	margin: 0 2px;
	padding: 0;
}

#introWrap #crumbsWrap  ul li #lastItem {
	color: #323232;
	
}

#crumbsWrap ul li a:hover {
	color: #323232;
}


/****************************************** Navigation ***************************************/

#headWrap {
	margin: 20px 0 0 -33px;
}

*html #headWrap {
	margin: 10px 0 0 -0px;
}


#nav, #logoImage, { behavior: url('/assets/stylesheets/iepngfix.htc'); }

#nav {
	display: block;
	width: 410px;
	list-style: none;
	background: url('/images/global/newNav.png') left top no-repeat;
	margin: 20px 0 0 38px;
	padding: 6px 0 10px;
	text-align: center;
}

#nav li {
	display: inline;
}

#nav a,#nav li {
	text-decoration: none;
	font-family: arial;
	font-size: 11px;
	margin: 0 1px 0 1px;
	padding: 0;
	color: #777777;
	font-weight:normal;
	padding-left:1px;
}

*html #nav
{
	margin: 0 2px 0 1px;		
}


#nav a:hover {
	color: #94979a;
}

/****************************************** Right Column Navigation ***************************************/

.firstTier,.secondTier {
	list-style: none;
	margin: 0;
	padding: 0;
}

#tallNav .firstTier .open {
	
	background: url('/images/global/rightColNav/bottomOpen.png') bottom left no-repeat;
	padding: 4px 0 0px 0;
	clear: both;
}

html>body #tallNav .firstTier .open {
	margin: -6px 0 0 0;
	
}
#tallNav  .secondTier {
	
	background: url('/images/global/rightColNav/bottom.png') bottom left no-repeat;
	padding: 4px 0 0px 0;
	clear: both;
	margin: 0;
}


#tallNav .secondTier li {
	margin: 0;
	padding: 0;
	background: url('sdfsd') top left no-repeat;
	text-align: left;	
	
}

#tallNav .secondTier li a{
	display: block;
	color: #2e3339;
	font-size: 11px;
	font-family: arial;
	margin: 0px 0 0 11px;
	padding: 4px 0 4px 17px;
	font-weight:normal;
	text-decoration: none;
	
}

#tallNav .secondTier #selectedSub{
	color: #808284;
	font-size: 11px;
	font-family: arial;
	width: 237px;
	padding: 4px 0 4px 22px;
}

#tallNav .secondTier li #selectedSub:hover{
	background: none;
}


#tallNav .secondTier li a:hover{
	background: #dcddde;
}

#tallNav .firstTier .open li a:hover{
	background: #bcbdbf;
}

.firstTier  li{
	background: url('/images/global/rightColNav/top.png') top left no-repeat;
	padding: 6px 0 0; 
	width: 259px;
	margin: 10px 0;
}

.navSpan{
	background: url('/images/global/rightColNav/bottom.png') bottom left no-repeat;
	display: block;
	width: 240px;
	margin: 0;
	padding: 0 0 6px 19px;
	
}

.firstTier  .selected{
	background: url('/images/global/rightColNav/topOpen.png') top left no-repeat;
	padding: 6px 0 0;
	width: 259px;
	
}

.selected .navSpan{
	background: url('/images/global/rightColNav/bottomOpen.png') bottom left no-repeat;
	display: block;
	width: 240px;
	margin: 0;
	padding: 0 0 6px 19px;
	
}


#tallNav .firstTier  li span a{
	color: #2e3339;
	font-size: 12px;
	font-family: arial;
	font-weight:normal;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: bold;

}

#tallNav .firstTier .tallNavAnchor {
	background: url('/images/global/arrowGrey.png') no-repeat;
	background-position: 100% 1px;
	padding-right: 17px;
	
}


#tallNav .firstTier .tallNavAnchor:hover {
	background: url('/images/global/arrowBlue.png') no-repeat;
	background-position: 100% 1px;
	
}

#tallNav .firstTier .tierWrap .secondTier li{

}



 .pullUpButton {
	display: block;
	width: 16px;
	height: 16px;
	background: url('/images/global/pullUp.gif') top left no-repeat;
	float: right;
	position: relative;
	bottom: 1px;
}

.tierWrap .down {
	background: url('/images/global/pullDown.gif') top left no-repeat;
}

#SecRHSContent
{
	float: right;
	width: 240px;	
	padding-right:8px;
	padding-top:30px;
}

/****************************************** home ***************************************/

.homepage {
	background: #fff url('/images/home/background.jpg') top right no-repeat;
}

.homepage1 {
	background: #fff url('/images/global/backgrounds/background.jpg') top right no-repeat;
}

.homepage2 {
	background: #fff url('/images/global/backgrounds/background2.jpg') top right no-repeat;
}

.homepage3 {
	background: #fff url('/images/global/backgrounds/background3.jpg') top right no-repeat;
}

.homepage4 {
	background: #fff url('/images/global/backgrounds/background4.jpg') top right no-repeat;
}

.homepage5 {
	background: #fff url('/images/global/backgrounds/background5.jpg') top right no-repeat;
}

.homepage6 {
	background: #fff url('/images/global/backgrounds/background6.jpg') top right no-repeat;
}

.homepage7 {
	background: #fff url('/images/global/backgrounds/background7.jpg') top right no-repeat;
}

.homepage8 {
	background: #fff url('/images/global/backgrounds/background8.jpg') top right no-repeat;
}


#introWrap {
	background: url('/images/global/introTop.png') top left no-repeat;
	padding: 4px 0 0;
	width: 750px;
	margin: 20px 0 0 7px;
}

#introBottom {
	background: url('/images/global/introBottom.png') bottom left no-repeat;
	width: 750px;
}

* html body #introBottom {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/global/introBottom.png", sizingMethod="crop");
    background-image: none;
}

a.beatIt
{
	position:relative;
}

#rowOne {
	margin: 15px 0 0 7px;
}

#rowOne img {
	float: left;
}

#rowOne p {
	display: block;
	float: left;
	width: 490px;
	margin: 20px 0 0 20px;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
}

#homeMain p {
	font-family: arial;
}

#rowTwo {
	margin: 25px 0 0 7px;
}

#rowTwoRight {
	width: 497px;
	float: left;
}

#rowTwoRight p {
	margin: 0 0 5px 0;
	padding: 0;
}

#rowTwoRight ul {
	margin: 0 0 5px 0;
	padding: 0;
	list-style: none;
}

#rowTwo #rowTwoRight ul li {
	font-weight: bold;
	margin: 0 0 7px 0;
}

#quoteWrap {
	width: 236px;
	display: inline;
	float: left;	
	background: #f1f1f2 url('/images/home/foodsTop.jpg') top left no-repeat;
	
}

#quoteWrap h3 {
	margin: 0;
	padding: 5px 0 9px 10px;
	color: #32373d;
	font-size: 11px;
	font-weight: bold;
	font-family: arial;
}

#quoteWrap h3 span{
	font-size: 14px;
}


#quoteWrap p {
	background: #f1f1f2 url('/images/home/foodsBottom.jpg') bottom left no-repeat;
	margin: 0;
	padding: 10px;
	width: 216px;
	display: block;	
	font-family: arial;
	font-size: 11px;
	color: #58595b;
	
}

#buttonsWrap {
	display: inline;
	float: left;
	margin: 0 0 0 20px;
}

.anchorText {
	color: #58595b;
	margin: 0;
	padding: 0;
	font-family: arial;
	font-size: 12px;
	line-height: 18px;
}

.anchorText  b{
	color: #2e3339;
	
}

#buttonsWrap a b{
	color: #2e3339;
}

.linkTop {
	background: url('/images/global/linkTop.gif') top left no-repeat;
	width: 475px;
	padding: 3px 0 0 17px;

}

.linkBottom {
	background: url('/images/global/linkBottom.gif') bottom left no-repeat;
	width: 475px;
	padding: 0 0 4px 0;
}

.pushTop {
	margin: 10px 0 0 0;
}

/****************************************** Internal 2 col pages***************************************/

#RHSquoteWrap_WFM {
	width: 236px;
	display: inline;
	float: left;	
	background: #f1f1f2 url('/images/quotes/WFM_Logo_QuoteBox.jpg') top left no-repeat;
	margin-right:20px;
}

#RHSquoteWrap_GVI {
	width: 236px;
	display: inline;
	float: left;	
	background: #f1f1f2 url('/images/quotes/GVI_Logo_QuoteBox.gif') top left no-repeat;
	margin-right:20px;

}

#RHSquoteWrap_Grameen {
	width: 236px;
	display: inline;
	float: left;	
	background: #f1f1f2 url('/images/quotes/Grameen_Logo_QuoteBox.gif') top left no-repeat;
	margin-right:20px;
}

#RHSquoteWrap_LGI
{
	width: 236px;
	display: inline;
	float: left;	
	background: #f1f1f2 url('/images/quotes/LGI_Logo_QuoteBox.gif') top left no-repeat;
	margin-right:20px;
}

#RHSquoteWrap_WFM h3, #RHSquoteWrap_GVI h3, #RHSquoteWrap_Grameen h3, #RHSquoteWrap_LGI h3 {
	margin: 0;
	font-weight:bold;
	padding: 5px 20px 9px 10px;
	color: #32373d;
	font-size: 11px;
	font-family: arial;
}

#RHSquoteWrap_WFM h3 span, #RHSquoteWrap_GVI h3 span, #RHSquoteWrap_Grameen h3 span, #RHSquoteWrap_LGI h3 span{
	font-size: 14px;
	font-weight:bold;
}


#RHSquoteWrap_WFM p, #RHSquoteWrap_GVI p, #RHSquoteWrap_Grameen p, #RHSquoteWrap_LGI p {
	background: #f1f1f2 url('/images/quotes/BoxBottom.jpg') bottom left no-repeat;
	margin: 0;
	padding: 10px;
	width: 216px;
	display: block;	
	font-family: arial;
	font-size: 11px;
	color: #58595b;
	
}

#respLeftCol {
	width: 491px;
	float: left;
	margin: 15px 0 0 10px;
	display: inline;
}

#respRightCol {
	width: 259px;
	float: right;
	margin: 5px 0 0;	
}

#respLeftCol p {
	font-family: arial;
	font-size: 11px;
}

#respLeftCol h3{
	margin: 10px 0;
	padding: 0;
	font-family: arial;
	font-size: 15px;
}

#respLeftCol  ul {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

#respLeftCol  ul li {
	font-family: arial;
	font-size: 11px;
	margin: 10px 0;
	padding: 0;
	list-style-position: inside;
}


/* LIFE IN THE FIELD */

#fullCol
{
	padding-top:15px;
	padding-left:10px;
	padding-right:15px;
	font-size:11px;
}

#fullCol td
{
	font-family: arial;
	font-size: 11px;
}

#fullCol h3
{
	padding:0px;
	margin:0px;
}



/* MEET THE TEAM */

div.staff
{
	width: 490px;
	float:left;
	padding-bottom: 10px;
}

p.StaffName
{
	font-weight:bold;
}

#TheTeam
{
	float:left;
	padding-top:10px;
	padding-bottom:10px;		
}

#TheTeam p
{
	padding-top:0px;
	margin-top:0px;
}

div.staffImage
{
	float:left;
	border:solid 1px #808284; 
	margin-right:10px;
	margin-bottom:10px;
	
}

div.splitter
{
	padding:0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	width:490px;
	height:15px;
	background-image:url(/images/global/splitter.gif);
	background-repeat:repeat-x;
	clear:both;
}

p.question
{
	font-size:12px;
	font-weight:bold;
}

/** FOOTER **/

#footerLogoWrap {
	width: 701px;
	margin: 50px auto 0;
}

#footerLogoWrap img{
	vertical-align: middle;
	margin: 0 17px;
}

#footerLogoWrap  {
	
}

#footerLogoWrap2 {
	width: 701px;
	margin: 10px auto 0;
}

#footerLogoWrap2 img{
	vertical-align: middle;
	margin: 0 20px;
}


#rightsReserved {
	display: block;
	float: left;
	font-family: verdana,arial;
	font-size: 11px;
	color: #32373d;
	margin: 10px 0 10px 0;
	padding: 0;
}

#sitdap {
	display: block;
	float: right;
	font-family: verdana,arial;
	font-size: 11px;
	color: #32373d;
	margin: 10px 7px 10px 0;
	padding: 0;
}

#sitdap a {
	font-family: verdana,arial;
	font-size: 11px;
	color: #F37022;
	text-decoration: none;
}

#sitdap a:hover {
	text-decoration: underline;
	
}

#climateNeutral
{
}

#officialPartner
{
	padding-left:15px;
}

#southAfrica
{

}

#travelAdvice
{
	
}

#footer #LGI
{
	padding-left:70px;
}

#globalGiving
{
}

#janeGoodall
{
	padding-left:15px;
}


table.contactDetails
{
	font-size:11px;
	width:500px;
}

.PartnerLogo
{
	padding-right:0px;
	padding-bottom:30px;
	padding-top:20px;
	float:left;
	border:none;
}

.PartnerDescription
{
	float:left;
	width:341px;
	padding-left:20px;
	padding-bottom:40px;
}

.PartnerDescription p
{
	margin-top:0;
}


.PartnerText
{
	clear:both;
	padding-right:20px;
	width:110px;
	font-weight:bold;
	float:left;	
	text-align:left;
}

.PartnerText p
{
	padding-top:20px;
	padding-bottom:30px;
}


.smallerLink
{
	width:310px;
}

/****************************************** pdf case studies widget ***************************************/

#pdfWidget {
    width: 236px;
    margin: 30px 0 0;
}

#pdfWidget h3 {
    background: url('/images/global/widgetTop.gif') left top no-repeat;
    padding: 6px;
    font-weight: bold;
    color: #393939;
    font-size: 15px;
    margin: 0;
}

#pdfWidget div {
    background: url('/images/global/widgetBottom.gif') left bottom no-repeat;
    padding: 6px 8px;
}


#pdfWidget a {
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align:left;
    color: #393939;
    border-bottom: 1px solid #ddd;
    background: url('/images/global/widgetPDF.gif') left top no-repeat;
    padding: 6px 0 5px 42px;
    min-height:30px;
      height:auto !important;
      height:30px;
    margin: 0 0 10px 0;
}

#pdfWidget a:hover {
        text-decoration: underline;
}