body { color:#000000; background-color:#FFFFFF; width:100%; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align: center; }
td,
textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
/*Basic tag setup for creating standards across platforms and browsers*/

p,
h1,
h2,
h3,
h4,
h3 { padding:0; margin:0; vertical-align:top; }
p { padding:0 0 10px; margin:0; font-size:1em; line-height:1.25em; }
h1 { font-size:2em; padding:0px 0px 10px; margin:0; font-weight:bold; color: #003F5E; }
h2 { font-size:1.35em; padding:0px 0px 10px; margin:0; font-weight:bold; color: #003F5E; }
h3 { font-size:1.25em; padding:0.5em 0 0.5em 0; margin:0; font-weight:normal; }
h4 { font-size:1em; padding:0.5em 0 0.5em; margin:0; font-weight:normal; }
h3 { font-size:0.75em; padding:0.5em 0 0.5em 0; margin:0; font-weight:normal; }
img { border:0 }
em { font-style: italic; }
strong { font-weight: bold; }
small { font-size:0.9em; padding:0; color: #000; margin: 0 0 6px; }
ol,
ul { margin:0 0 0 2.5em; padding:0 0 1em; }
ul ul,
ul ol,
ol ul,
ol ol { margin:0 0 0 2.5em; padding:0.5em 0 0em; }
li { padding:0px 0px 5px; margin:0; }
blockquote { padding:0 0 2em; margin:0em 2.5em; }
blockquote blockquote { padding:1em 0 2em; margin:0em 2.5em; }
a { outline:none;}
a:link { color:#005baa; text-decoration:none; }
a:visited { color:#005baa; text-decoration:none; }
a:hover { color:#3bc1ed; text-decoration:underline; }
a:active { color:#005baa; text-decoration:underline; }
a.link { font-weight: bold; background: url(../gfx/interface/ProjList_bullet.gif) no-repeat 0px 5px; padding: 0px 0px 0px 15px; display: block; }

/*------------ General tags ------------*/
.clearer { clear:both; margin:0; padding:0; }
.clearerleft { clear:left; margin:0; padding:0; }
.clearerright { clear:right; margin:0; padding:0; }
.oneColFixCtrHdr #header { padding: 0; margin: 0; }
.oneColFixCtrHdr .container { width: 748px; margin: 0 auto; text-align: left; }
.SpryHiddenRegion { visibility: hidden; height: 1px; width: 1px; }
.hide { display:none;}
.show { display:block;}

/*------------ Oxfam strip ------------*/
/*base Structure*/
.oneColFixCtrHdr #header #Oxfamstrip { padding:0; margin: 0; background: #ffffff; text-align: center; }
.oneColFixCtrHdr #header #Oxfamstrip .setup { width: 748px; margin: 0 auto; padding: 0; height: 53px; background: #ffffff; text-align: left; }
.oneColFixCtrHdr #header #Oxfamstrip .setup2 { width: 748px; margin: 0 auto; padding: 0; height: 53px; background: #ffffff; text-align: left; }
/*style*/
.oneColFixCtrHdr { background: #FFFFFF }
.OXJoxHeaderSpace { float:left; margin: 7px 0 0 18px; }
.OXJoxHeaderDropDown { float: right; margin-top: 12px; margin-right: 10px; }
.OXJoxHeaderDropDown form { padding:0; margin:0; }
.OXJoxHeaderDropDownMenu { WIDTH:150px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; margin: 0px; padding: 0px; }
.OXJoxHeaderDropDownGo { margin-top: 8px; }





/*------------ Main Nav ------------*/
/*base Structure*/
#MainNav { padding:6px 0 0; margin: 0; text-align: center; }
#MainNav .setup { width: 748px; margin: 0 auto; padding: 0; height: 26px; text-align: left; }
/*style*/
#MainNav ul { margin:0; padding:0 0 0 70px; list-style:none; }
#MainNav ul li { float:left; background:url(../gfx/interface/Nav_Tab-left.gif) no-repeat left top; margin:0 0px 0 8px; padding:0 0 0 10px; color: #ffffff; font-weight: bold; }
#MainNav ul li a { display:block; background:url(../gfx/interface/Nav_Tab-right.gif) no-repeat right top; padding:7px 10px 5px 0px; text-decoration:none; margin: 0px; color: #ffffff; }
#MainNav ul li a:hover { color:#005baa; text-decoration:none; }
#MainNav ul.s1 li.NavHome,
#MainNav ul.s2 li.NavAbout,
#MainNav ul.s6 li.NavAchievements,
#MainNav ul.s7 li.NavFaqs,
#MainNav ul.s3 li.NavProjects,
#MainNav ul.s4 li.NavWorkwith,
#MainNav ul.s5 li.NavTalk { background: url(../gfx/interface/Nav_Tab-left_on.gif) no-repeat left top; }
#MainNav ul.s1 li.NavHome a,
#MainNav ul.s2 li.NavAbout a,
#MainNav ul.s6 li.NavAchievements a,
#MainNav ul.s7 li.NavFaqs a,
#MainNav ul.s3 li.NavProjects a,
#MainNav ul.s4 li.NavWorkwith a,
#MainNav ul.s5 li.NavTalk a { color:#ffffff; background: url(../gfx/interface/Nav_Tab-right_on.gif) no-repeat right 0px; padding:5px 10px 7px 0px; }
#MainNav ul.s1 li.NavHome a,
#MainNav ul.s2 li.NavAbout a,
#MainNav ul.s6 li.NavAchievements a,
#MainNav ul.s7 li.NavFaqs a,
#MainNav ul.s3 li.NavProjects a,
#MainNav ul.s4 li.NavWorkwith a,
#MainNav ul.s5 li.NavTalk a { color:#ffffff; background: url(../gfx/interface/Nav_Tab-right_on.gif) no-repeat right 0px; padding:5px 10px 7px 0px; }
#MainNav ul.s1 li.NavHome a:hover,
#MainNav ul.s2 li.NavAbout a:hover,
#MainNav ul.s6 li.NavAchievements a:hover,
#MainNav ul.s7 li.NavFaqs a:hover,
#MainNav ul.s3 li.NavProjects a:hover,
#MainNav ul.s4 li.NavWorkwith a:hover,
#MainNav ul.s5 li.NavTalk a:hover { color:#FFFFFF; text-decoration:none; }

/*------------ Header title ------------*/
/*base Structure*/
.oneColFixCtrHdr #header #PageTitle { padding:0; margin: 0; text-align: left; background:#eee  url(../gfx/interface/Header_title_backdrop.gif) repeat-x; text-align: center; }
.oneColFixCtrHdr #header #PageTitle .setup { width: 748px; margin: 0 auto 0; padding: 0; text-align: left; }
/*style*/


/*------------ MainContent ------------*/
/*base Structure*/
.oneColFixCtrHdr #mainContent { background: #eeeeee; padding:0; margin: 0; text-align: center; }
.oneColFixCtrHdr #mainContent .setupMain { background: #ffffff; width: 748px; margin: 0 auto 0; padding: 0 0 20px; text-align: left; min-height: 540px; }
.oneColFixCtrHdr #mainContentProj { background: #eeeeee; padding:0; margin: 0; text-align: center;  }
.oneColFixCtrHdr #mainContentProj .setupMain { background: #ffffff; width: 748px; margin: 0 auto 0; padding: 0 0 20px; text-align: left; min-height: 540px; }
.oneColFixCtrHdr #mainContent .setupMain .4Col { width: 718px; margin: 0 0 0 15px; padding: 0; float: left; }
.oneColFixCtrHdr #mainContent .setupMain .3Col { width: 534px; margin: 0; padding: 0 0 0 15px; }
.oneColFixCtrHdr #mainContent .setupMain .2Col { width: 351px; margin: 0 0 0 15px; padding: 0; float: left; }
.ColSpace {width: 15px;margin: 0;padding: 0;float: left;height: 15px;}

.OneCol {width: 168px;margin: 0px 0px 0px 15px; padding: 0px; float: left; }
.TwoCol {width: 1351px;margin: 0px 0px 0px 15px; padding: 0px; float: left; }
.ThreeCol {width: 534px;margin: 0px 0px 0px 15px; padding: 0px; float: left; }
.FourCol {width: 718px;margin: 15px 0px 0px 15px; padding: 0px; float: left; }


/*style*/
.ProjCalltoAction { clear: both; margin: 0px 0px 25px 0px; padding: 0; }
.CalltoAction { clear: both; margin: 0px 0px 45px 15px; padding: 0 0 0 20px; }
.LineBreak { background: url(../gfx/interface/shadow.gif) no-repeat; margin: 15px 0px 0px; padding: 0px; height: 50px; }
.LineBreakS { background: url(../gfx/interface/shadowS.gif) no-repeat; margin: 0px; padding: 0px; height: 20px; }
.TitleBreak { background: url(../gfx/interface/shadow.gif) no-repeat; margin: 5px 0px 10px; padding: 0px; height: 1px; }

table.BasicTable { border-collapse: collapse; border: 1px solid #BFCFD7; color: #000000; background: #FFFFFF; font-style: normal; font-weight: normal; margin: 0px 0px 10px; padding: 0px; }
.BasicTable td,
th { border: 1px solid #BFCFD7; padding: 3px; }
.BasicTable thead th { border: 1px solid #BFCFD7; text-align: left; font-weight: bold; background: #F1F4F4; }
.BasicTable tfoot th,
tfoot td { border: 1px solid #BFCFD7; text-align: left; font-size: 1em; background: #F1F4F4; }
.BasicTable tfoot th { font-weight: bold; }
.BasicTable tbody th,
tbody td { vertical-align: top; text-align: left; }
.BasicTable tfoot td { border: 1px solid #BFCFD7; }

a.tagbullet { background: url(../gfx/interface/ProjList_bullet.gif) no-repeat 5px 5px; padding: 0px 0px 0px 20px; display: block; margin: 0px 0px 10px; font-weight: bold; }
a.tagPDFbullet { background: url(../gfx/interface/ProjPdf.gif) no-repeat 0px 0px; padding: 2px 0px 0px 20px; display: block; margin: 0px 0px 10px; height: 16px; }

.MainHeading { height: 28px; width: 500px; display: block; margin: 0px 0px 5px; padding: 0px; }
.MainHeading h1, .HomeHeading h1 { display:none; margin: 0; padding: 0; }

.HomeHeading { height: 50px; width: 168px; display: block; margin: 0px 0px 5px; padding: 0px; }
.HomePanel {}
.HomePanel p { font: 12px Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 0px 5px; }

.SmallerCopy p { font: 12px Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 0px 5px; color: #4b6a86; }

.Homeanim { width: 718px; margin: 15px 0px 35px 15px; padding: 0px; float: left; height: 168px; }

h2.tint {font-size: 13px; font-weight: bold; color: #005baa; margin: 0px 0px 2px; padding: 0px; }
ul.SingleColList { margin: 0px 0px 0px 1em; padding: 0px; }
.BlockEntry  { background: url(../gfx/interface/shadow.gif) no-repeat; padding: 15px 0px; }
.BlockEntry h2 {font-size: 18px; font-weight: normal; color: #000000; margin: 0px 0px 2px; padding: 0px; }
.BlockEntry h3 { margin: 0px 0px 2px; padding: 0px; font-size: 11px; font-weight: bold; color: #999999; }
.faq {margin: 10px 20px;}


.WorkPanel { width:400px; margin: 0px auto; padding: 0px; background: url(../gfx/interface/workwithpanelTop.gif) no-repeat; }
.WorkPanel p { font: 11px Tahoma, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 25px 5px; }
.WorkPanel h2 { font-size: 12px; text-align: center; margin: 0px; padding: 35px 15px 15px; }
.EndWorkPanel { width:400px; margin: 0px auto; padding: 0px; height: 61px; background: url(../gfx/interface/workwithpanelBot.gif) no-repeat right; }
.EndWorkPanelEnd { width:400px; margin: 0px auto; padding: 0px; height: 61px; background: url(../gfx/interface/workwithpanelEnd.gif) no-repeat right; }

.proj-border {clear:both; width:727px; height:5px; border-bottom:solid 4px #3bc1ed; margin:0 0 20px -10px;}
* html .proj-border { width:718px; }
.totaliser {float: right; margin:-54px 0 0 0; padding:0;}


/*------------ Tab styles ------------*/

#tabs { clear:both; width:688px; height:28px; padding:0 20px; border-bottom:solid 4px #3bc1ed; margin:0 10px;}
* html #tabs { width:678px; margin:0 0 0 12px; }
.tab1 {display:block; width:96px; float:left; padding:0; top:0px; font-size:110%; font-weight:bold; margin:0; background: url(../gfx/interface/project_tab1.gif);}
.tab2 {display:block; width:96px; float:left; padding:0; top:0px; font-size:110%; font-weight:bold; margin:0; background: url(../gfx/interface/project_tab2.gif);}
.tab3 {display:block; width:105px; float:left; padding:0; top:0px; font-size:110%; font-weight:bold; margin:0; background: url(../gfx/interface/project_tab3.gif);}
.tab4 {display:block; width:105px; float:left; padding:0; top:0px; font-size:110%; font-weight:bold; margin:0; background: url(../gfx/interface/project_tab3_2selected.gif);}
.tab5 {display:block; width:96px; float:left; margin:0; padding:0; top:0px; font-size:110%; font-weight:bold; margin:0; background: url(../gfx/interface/project_tab2_3selected.gif);}


#tabs .tab1 a , #tabs .tab2 a, #tabs .tab3 a, #tabs .tab4 a, #tabs .tab5 a {display:block; padding:6px 10px; cursor:pointer; outline:none; color:#FFFFFF;}

#tabs .tab1 a:hover, #tabs .tab2 a:hover, #tabs .tab3 a:hover, #tabs .tab4 a:hover, #tabs .tab5 a:hover {text-decoration:underline; outline:none;}

	#tabs .on1 {width:96px; background:url(../gfx/interface/project_tab_selected1.gif);}
	#tabs .on1 h2 {width:96px; background:url(../gfx/interface/project_tab_selected1.gif);}
	#tabs .on1 a {color:#fff; text-decoration:none; outline:none;}
	
	#tabs .on2 {width:96px; background:url(../gfx/interface/project_tab_selected2.gif);}
	#tabs .on2 h2 {width:96px; background:url(../gfx/interface/project_tab_selected2.gif);}
	#tabs .on2 a {color:#fff; text-decoration:none; outline:none;}
	
	#tabs .on3 {width:105px; background:url(../gfx/interface/project_tab_selected3.gif);}
	#tabs .on3 h2 {width:105px; background:url(../gfx/interface/project_tab_selected3.gif);}
	#tabs .on3 a {color:#fff; text-decoration:none; outline:none;}
		
.TabbedPanelsContent { padding: 20px; margin: 0px; }
.TabbedPanelsContentlist { padding: 20px; margin: 0px;}
* html .TabbedPanelsContent { width:678px;  height:auto; }

.projdetail {margin:10px 0 15px; padding:0;}
.projdetail ul {margin:0; padding:0;}
.projdetail li { list-style-type:none; margin:5px 0 0 10px; padding:0 0 0 12px; background: url(../gfx/interface/list_arrow.png) left top no-repeat;}


/*------------ Project list code ------------*/
/*base Structure*/

.projectlist { width: 490px; float: left; margin: 20px 0px 0px; padding: 0px; }
.projectimage { float: right; width: 180px; }
/*style*/
.projectlist .projectdetail { margin: 0px; padding: 15px 0px; }
.projectlist .projectdetail .InfoProject { float: left; width: 236px; margin-right: 4px;}
.projectlist .projectdetail .InfoCountry { float: left; width: 120px;}
.projectlist .projectdetail .InfoFund { float: left; width: 105px; margin-left: 12px;}
.projectlist .projectdetail h2 { font-size: 13px; font-weight: bold; color: #003F5E; margin: 0px 0px 2px; padding: 0px; }
.projectlist .projectdetail h2 strong { text-transform: uppercase; color: #003F5E; font-size: 9px; font-style: normal; font-weight: bold; font-variant: normal; }
.projectlist .projectdetail p.InfoDesc { clear: left; margin: 0px; padding: 0px; font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #333333; }
.projectlist .projectdetail p { margin: 5px 0px 0px; padding: 0px; }
.projectlist .projectdetail a.link { font-weight: bold; background: url(../gfx/interface/ProjList_bullet.gif) no-repeat 0px 5px; padding: 0px 0px 0px 15px; display: block; }

/*------------ Project code ------------*/
.TabbedPanelsTabGroup .TabbedPanelsSubNav { margin: 25px 0px 35px 5px; padding: 0px; }
.TabbedPanelsTabGroup .TabbedPanelsSubNav a { color:#003F5E; text-decoration:none; }
.TabbedPanelsTabGroup .TabbedPanelsSubNav a:hover { color:#028dd3; text-decoration:none; }
.TabbedPanelsContent .ProjHeading { height: 28px; width: 500px; display: block; margin: 0px 0px 15px; padding: 0px; }
.TabbedPanelsContent .ProjHeading-theproject { height: 28px; width: 170px; display: block; margin: 0px 0px 15px; padding: 0px; }
.TabbedPanelsContent .ProjHeading h1 { display:none; }
.TabbedPanelsContent .ProjHeading-theproject h1 { display:none; }
.TabbedPanelsContent img.right { margin: 0px 0px 10px 10px; padding: 0px; float: right; }
.TabbedPanelsContent img.left { margin: 0px 10px 10px 0px; padding: 0px; float: left; }
/*.TabbedPanelsContent .gallery img { margin: 0px 15px 15px 0px; padding: 1px; border: 1px solid #CCCCCC; }
.TabbedPanelsContent .gallery a { text-decoration:none;}
.TabbedPanelsContent .gallery img:hover { border: 1px solid #003F5E; }*/
.TabbedPanelsContent .gallery { text-align: center; }
.TabbedPanelsContent .gallery .block {width: 200px; margin: 12px; display: block; float: left;}
/*.TabbedPanelsContent .gallery img { margin: 5px; }*/
.TabbedPanelsContent .gallery .panel { display: block; float: left; border: 1px solid #CCCCCC; margin: 0px 15px 15px 0px; padding: 1px; text-align: center; }
.TabbedPanelsContent .gallery .panel img { margin: 0px; padding: 0; }
.TabbedPanelsContent .gallery .panel p { margin: 0px; padding: 3px 0; font: 10px Tahoma, Arial, Helvetica, sans-serif; }
 .show_img { display:none}

.NewsEntry  {}
.NewsEntry h2 {font-size: 13px; font-weight: bold; color: #cd5028; margin: 0px 0px 2px; padding: 0px; }
.NewsEntry h3 { margin: 0px 0px 2px; padding: 0px; font-size: 11px; font-weight: bold; color: #999999; }

/*------------ Form ------------*/
.Directform form { padding:0; margin:0 auto; width: 400px; }

.Question{padding: 5px 0em;}
.QuestionSubmit{margin-top: 1em;width: 265px;margin-left: 90px;}
.Question label, .QuestionSubmit label{width: 80px;float: left;margin-top: 6px;margin-left: 10px;}

.Question .stdwidth{width: 285px;font: 11px Tahoma, Arial, Helvetica, sans-serif;margin: 3px 0px;}
.Question .shrtwidth{width: 145px;font: 11px Tahoma, Arial, Helvetica, sans-serif;margin: 3px 0px;}
.Question .vshrtwidth{width: 93px;font: 11px Tahoma, Arial, Helvetica, sans-serif;margin: 3px 0px;}

.Question .Inline {float: left;margin: 3px 10px 0px 0px;}
.Question .tickset {float: left;}
.Question .Lineup {margin: 3px 0px;}
.Question .Fixed {	width: 150px;float: left;margin-top: 0.4em;font-weight: bold;}

#printimg .print_head, #printimg2 .print_head {display: none;}

/*------------ global search ------------*/
.global-search {left:7px; margin:18px 0 0 0; float:right;}
.global-search p {display:inline; margin:0;}
.global-search fieldset	{margin:0; padding:0; border:0;}
.global-search fieldset p,
.global-search fieldset input	{margin:0;}
.global-search input {padding:2px 4px;}
.global-search select {min-width:156px; width:auto; padding:1px;}
.global-search input, .global-search select {font-size:90%; display:inline; vertical-align:middle; background:#fff; border:solid 1px #7f9db9;}
#content .global-search {padding:4px 17px; margin:0;}
#content .global-search input, #content .global-search select {margin:0;}
.invisible	{visibility:hidden;}
.global-search input.btn {border:0 !important; width:auto !important;}

/*------------ Footer -----------*/
/*base Structure*/
.oneColFixCtrHdr #footercontainer { background: #3bc1ed; text-align: left; }
.oneColFixCtrHdr #footercontainer .setup { width: 880px; padding:12px 5px 54px 5px;	text-align: left; margin: 0 auto; }
*:first-child+html .oneColFixCtrHdr #footercontainer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
*:first-child+html .oneColFixCtrHdr #footercontainer {display:inline-block;}
/*style*/

.OXJfooter { padding: 5px 0px 10px; color: #fff; font: 11px Arial, Geneva, Helvetica, sans-serif; line-height:15px; margin: 10px 15px 0px; }
.OXJfooter a { color: #ffffff; }
.OXJfooter a:hover { color: #FFFFFF; text-decoration:underline;  }

.OXJfooter p {padding:0; font-size:134%;}
.OXJfooter dl {float:left; text-align:left;}
.OXJfooter dd { display:inline; font-size:110%; padding-left:4px; margin:0; border-left:solid 1px #fff;}
.OXJfooter dd:first-child {border:0; padding-left:0;}
.OXJfooter img {float:right; margin-top:-52px;}


@media screen and (-webkit-min-device-pixel-ratio:0) { #tabs .tab1 a , #tabs .tab2 a, #tabs .tab3 a, #tabs .tab4 a, #tabs .tab5 a {display:block; padding:5px 10px; cursor:pointer; outline:none; color:#FFFFFF;}

} 


