ul, ol, h1, h2, h3, h4, h5, h6, p, td, li {
	margin: 0;
	padding: 0;	
	color: #474747;
	font-weight: normal;
}

ul,ol,li {
	list-style: none;	
}
 
@font-face {
    font-family: 'dinblack';
    src: url('../fonts/din-black-webfont.eot');
    src: url('../fonts/din-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-black-webfont.woff') format('woff'),
         url('../fonts/din-black-webfont.ttf') format('truetype'),
         url('../fonts/din-black-webfont.svg#dinblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3 {
	 font-family: 'dinblack', Gadget, 'Arial Black', Arial,Helvetica, sans-serif;	
}

.floatHolder {
	position: relative;
	z-index: 10;
	height: auto !important;
	height: 1%;
	zoom: 1;
}

.floatHolder:after {
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}

li {
float: left;
margin-right: 40px;	
}



div.strapline {
	font-family: 'dinblack', Gadget, 'Arial Black', Arial,Helvetica, sans-serif;	
	text-transform: uppercase; 
}

div.strapline a {
	text-decoration: none;	
}

div.strapline p {
	font-size: 0.725em;	
	line-height: 1.4em;
}

div.strapline p span {
	font-size: 1.6em;
	font-weight: bold;
}

div.strapline h1 {
	font-size: 1.9em;	
	line-height:0.9em;
	position: relative;
	left: -0.2%;
	letter-spacing: -0.05em;
}

header {
	margin-bottom: 25px;
	position: relative;	
}

header div.strapline {
	color: #f58220;
	font-size: 1.4em;
	
}

header div.strapline p, header div.strapline h1 {
	color: #f58220;
}

header div.strapline h1 {
	line-height: 0.7em;	
}

header nav {
	background: #464648;
	font-family: 'dinblack', Gadget, 'Arial Black', Arial,Helvetica, sans-serif;
	padding: 10px 33px;
	width: 976px;
	margin-left: -33px;
	margin-top: 20px;
	font-size: 1.1em;
	line-height: 1em;
}

header nav a, header nav a:visited, header nav a:active  {
	color: #ffffff;
	text-decoration: none;	
}

header nav a:hover {
	color: #EEEEEE;
}

header nav li.donate a {
	color: #f58220;
	text-transform: uppercase;
	border: 0;
	background: transparent;
	outline: 0;
	font-family: 'dinblack', Gadget, 'Arial Black', Arial,Helvetica, sans-serif;
	line-height: 1em;
	padding: 0;
	display: inline;
}


header h2 {
	text-shadow: 3px 3px 4px #222;
	color: #ffffff;	
	text-transform: uppercase;
	font-size: 3.6em;
	line-height: 1em;
}
#Page header h2 {
	height: auto !important;
	position: relative;
}

#Page.cash header h2 {
	background: transparent url('../img/cash/top.png') no-repeat left top;
	height: 293px;
	min-height: 293px;
	width: 544px; 
	top: -20px;
	margin-bottom: -20px;
	padding: 85px 400px 0 35px
}

#Page.poll header h2 {

	height: 143px;
	min-height: 143px;
	width: 699px;
	top: -158px;
	margin-bottom: -158px;
	padding: 225px 250px 0 30px;
	text-shadow: none;
	color: #555555;
}

#Page.regular header {
	margin-bottom: 0;	
}

#Page.regular header h2 {
	color: #333;
	margin-left: -33px;
	padding-left: 33px;
	background-color: #F58220;
	width: 976px;
	padding-right: 33px;
	padding-top: 27px;
	padding-bottom: 30px;
	text-shadow: none;
	font-size: 1.5em;
}

#WoodInstruction {
	text-shadow: 3px 3px 4px #222;
	background: transparent url('../img/regular/woodBack.png') no-repeat top left;
	width: 394px;
	height: 145px;
	text-align: center;
	position: absolute;
	top:  300px;
	left: 350px;
	z-index: 100;
}

#WoodInstructions {
	*zoom: expression( 
          this.runtimeStyle.zoom="1",
          this.appendChild( document.createElement("small") ).className="after"
         );	
}

#WoodInstruction:after, #WoodInstruction .after {
	content: ""; 
	-webkit-box-shadow: 2px 2px 20px 15px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 20px 15px rgba(0,0,0,0.3);
	-ms-box-shadow: 2px 2px 20px 15px rgba(0,0,0,0.3);
	-o-box-shadow: 2px 2px 20px 15px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 20px 15px rgba(0,0,0,0.3);
	width: 500px;
	height: 0px;
	position: absolute;
	top: 135px;
	left: -56px;
}


#WoodInstruction h1, #WoodInstruction p {
	color: #ffffff;	
	text-transform: uppercase;
}

#WoodInstruction h1 {
	font-size: 2em;	
	line-height: 1.1em;
	margin-top: 12px;
}

#Page.regular #WoodInstruction h1 .ctaButton {
	float: none;
	color: white;
	background: transparent;
	font-size: 1em;
	width: auto;
	text-align: center;
	padding: 0;
	text-shadow: 3px 3px 4px #222;
		
}

#WoodInstruction p {
	font-family: 'dinblack', Gadget, 'Arial Black', Arial,Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
}

div.WoodInstruction a {
	text-decoration: none;	
}


#RollMap .country {
	position: absolute;
	z-index: 1;	
}

#RollMap .country .info {
	display: none;	
	width: 438px;
	background: #ffffff;
	-webkit-box-shadow: 0 0 30px 5px rgba(0,0,0,0.7);
	-ms-box-shadow: 0 0 30px 5px rgba(0,0,0,0.7);
	-o-box-shadow: 0 0 30px 5px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 0 30px 5px rgba(0,0,0,0.7);
	box-shadow: 0 0 30px 5px rgba(0,0,0,0.7);
	position: relative;
	padding: 15px;
	z-index: 1;
}

#RollMap .country .info p,#RollMap .country .info h1, #RollMap .country .info input {
	position: relative;
	top: -50px;
}

#RollMap .country .info h1 {
	font-size: 2em;
	text-transform: uppercase;
	font-weight: normal;	
}

#RollMap .country .info strong {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;	
}

#RollMap .country .info input {
	margin-bottom: -50;	
}

#RollMap .country .info{
*zoom: expression( 
          this.runtimeStyle.zoom="1",
          this.appendChild( document.createElement("div") ).className="before"
         );
 }

#RollMap .country .info:before, #RollMap .country .info .before {
	background: transparent url('../img/regular/popup_back.png') no-repeat top left;	
	position: absolute;
	top: -40px;
	height: 40px;
	width: 468px;
	z-index: 0;
	content: "";
	left: 0;
}

#RollMap .country .info .before {
	z-index: -1;	
}

#RollMap .country figure {
	background-color: #73bf43;
	position: relative;
	width: 143px;
	color: #ffffff;
	padding: 15px;
}

#RollMap .country figure blockquote, #RollMap .country figure figcaption {
	position: relative;
	top: -40px;
	margin-bottom: -40px;
}

#RollMap .country h2 {
	position: absolute;	
	text-transform: uppercase;
	font-weight: normal;
	font-size:2em;
}

#RollMap .country figure blockquote {
	font-weight: normal;
	font-family: 'dinblack', Gadget, 'Arial Black', Arial,Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 0;
	margin: 0;
	line-height: 1.2em;	
}

#RollMap .country figure {
		*zoom: expression( 
          this.runtimeStyle.zoom="1",
          this.appendChild( document.createElement("div") ).className="before"
         );
}

#RollMap .country figure:before, #RollMap .country figure .before  {
	background: transparent url('../img/regular/quoteBack.png') no-repeat top left;	
	position: absolute;
	top: -40px;
	height: 40px;
	width: 173px;
	z-index: -1;
	content: "";
	left: 0;
	
}

#RollMap .country:hover, #RollMap .country.active
{
	z-index: 2;	
}
#RollMap .country:hover .info, #RollMap .country.active .info {
	display: block;	
}

#Page #RollMap .country .ctaButton {
	font-size: 1.2em;
	position: relative;
	float: none;
}

#Page #RollMap .country form {
	position: relative;	
}

#Page #RollMap .country form {
	*zoom: expression( 
          this.runtimeStyle.zoom="1",
          this.appendChild( document.createElement("small") ).className="after"
         );	
}

#Page #RollMap .country form:after, #Page #RollMap .country form .after {
	position: absolute;
	height: 114px;
	width: 92px;
	z-index: 999;
	content: "";
}

#Ethiopia {
	background: transparent url('../img/regular/ethiopia.png') no-repeat top left;
	width: 653px;
	height: 510px;
	top: -25px;
	left: -39px;
}

#Ethiopia figure {
	top: 220px;
	left: 356px;	
}

#Ethiopia h2 {
	top: 250px;
	left:75px;	
}
#Ethiopia .info {
	left: 10px;	
}

#Page #Ethiopia .ctaButton {
	width: 275px;	
	top: 20px;
	margin-bottom: 20px;
}
#Ethiopia form:after, #Ethiopia form .after {
	background: transparent url('../img/regular/flag1.png') no-repeat top left;	
	top: -55px;
	left: 190px;
}

#Tanzania {
	background: transparent url('../img/regular/tanzania.png') no-repeat top left;
	width: 653px;
	height: 510px;
	top: 376px;
	left: 542px;
}

#Tanzania figure {
	top: 225px;
	left: 60px;	
}

#Tanzania h2 {
	top: 180px;
	left:265px;	
}
#Tanzania .info {
	top:25px;	
}

#Page #Tanzania strong {
	margin-bottom: 60px;
}

#Page #Tanzania .ctaButton {
	width: 230px;	
	top: -10px;
	margin-bottom: -20px;
	left: 200px;
}
#Tanzania .info p {
	padding-right: 90px;
	margin-bottom: -50px;	
}

#Tanzania form:after, #Tanzania form .after {
	background: transparent url('../img/regular/flag3.png') no-repeat top left;	
	top: -105px;
	left: 350px;
}

#Kenya {
	background: transparent url('../img/regular/kenya.png') no-repeat top left;
	width: 457px;
	height: 494px;
	top: -25px;
	right: 0px;
}

#Kenya figure {
	top: 170px;
	left: 55px;	
}

#Kenya h2 {
	top: 170px;
	left:245px;	
}
#Page #Kenya .ctaButton {
	width: 230px;	
	top: -20px;
	margin-bottom: -20px;
	left: 200px;
}
#Kenya .info p {
	padding-right: 60px;	
}

#Kenya form:after, #Kenya form .after {
	background: transparent url('../img/regular/flag4.png') no-repeat top left;	
	top: -115px;
	left: 360px;
}

#Uganda {
	background: transparent url('../img/regular/uganda.png') no-repeat top left;
	width: 527px;
	height: 451px;
	top: 379px;
left: 10px;
}

#Uganda figure {
	top: 140px;
left: 315px;	
}

#Uganda h2 {
	top: 340px;
left: 55px;	
}
#Page #Uganda .ctaButton {
	width: 230px;	
	top: -20px;
	margin-bottom: -20px;
	left: 200px;
}
#Uganda .info {
	top:25px;	
}

#Uganda .info p {
	padding-right: 90px;
	margin-bottom: -10px;	
}

#RollMap #Uganda .info strong {
	margin-bottom: 20px;	
}

#Uganda form:after, #Uganda form .after {
	background: transparent url('../img/regular/flag2.png') no-repeat top left;	
	top: -115px;
	left: 360px;
}

div#Page {
	background: #efefef url('../img/background.png') no-repeat 50% bottom;	
	width: 100%;
}

div.wrapper  {
	width: 976px;
	margin: auto;
	padding: 0 33px;

}

div#Page div.wrapper {
	background: #ffffff;
	padding: 10px 33px 33px;
		
}
div.column {
	float: left;	
}
#MainContent div.column {
	width: 470px;
	margin-bottom:40px;
}

#Page.poll #MainContent div.column {
	width: 435px;	
}

#MainContent div h1 {
	font-size: 1.35em;
	line-height: 1.1em;
	padding-bottom: 15px;
	border-bottom: 2px solid #71c03a;
}

#MainContent p {
	margin-top: 15px;
	line-height: 1.6em;
	font-size: 1.05em;
}

#Poll {
	float: right;
	margin-top: 60px;
	width: 413px;
	margin-right: 50px;
	padding: 20px 20px 0;

}

#Poll p.pollques {
	text-transform: uppercase;
	color: #ffffff;
	background:#73bf43;
	padding: 0 0 20px;
	line-height: 1.1em;
	font-size: 1.45em;
	margin-top: 0;	
	font-family: 'dinblack', Gadget, 'Arial Black', Arial,Helvetica, sans-serif;
	width: 413px;
	margin-left: -10px;
	font-weight: normal;
}
#Poll div.pollData {
	padding: 0 10px 10px;
}

#Poll div.pollData br {
	display: none;	
}
#Poll div.donateBit {
	background: #f58220;
	width: 423px;
	margin-left: -20px;	
	padding: 10px 10px 10px 20px;
}

#Poll div.donateBit p {
	text-transform: uppercase;
	color: #ffffff;
	line-height: 1.1em;
	font-size: 1.6em;
	margin-top: 0;	
	font-family: 'dinblack', Gadget, 'Arial Black', Arial,Helvetica, sans-serif;
	float: left;
	width: 80px;
	text-align: center;
}

#Poll  div.donateBit nav {
	float: right;	
}

#Poll div.pollWrapper {
	margin-bottom: 20px;	
}

#Poll.donationForms nav li {
	padding: 5px 9px;
	margin-top: 6px;	
}

#Poll .submitVote {
	margin-top: 10px;	
}

#Sack {
	float: right;
	width: 407px;
	height: auto !important;
	min-height: 293px;
	height: 293px;
	background: transparent url('../img/sack.gif') top left no-repeat;
	padding: 106px 0 0 75px;
}

#Sack h1 {
	color: #ffffff;	
	background-color: #f58220;
	width: 335px;
	font-size:1.55em;
	text-transform: uppercase;
	line-height: 1.2em;
}

#Sack nav {
	margin-top: 80px;	
}

#RollMap {
	background: #e4dacb url('../img/regular/sackback.jpg') top left no-repeat;
	height: 857px;
	width: 1042px;
	position: relative;
	left: -33px;	
}

.donationForms nav li {
	background-color: #ffffff;
	margin-right: 10px;
	padding: 2px 15px;	
}

.donationForms nav li input {
	text-decoration: none;
	color: #474747;
	font-size: 1.45em;
	font-weight: bold;
	background: none;
	border: none;
	padding: 0;
}

#Tabs {
	background:#73bf43;
	padding: 20px;
	height: auto !important;
	height: 330px;
	min-height: 300px;  	
}

#Tabs li {
	margin-right: 21px;
	width: 170px;
}

#Tabs li img {
	border: 5px solid #ffffff;	
	cursor: hand;
	cursor: pointer;
}

#Tabs li section {
	position:absolute;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	height:1px !important;
	width:1px !important;
	margin:-1px;
	padding:0;
	border:0;
	float: left;
	background: none;
}
	
#Tabs li.active section {
	position:relative;
	height:auto !important;
	clip:auto;
	overflow:visible;
	margin:0;
	width: 880px !important;
	border-top: #73bf43 25px solid;
	background: #ffffff;
	padding: 27px;
}	
#Tabs li.active section {
*zoom: expression( 
          this.runtimeStyle.zoom="1",
          this.appendChild( document.createElement("div") ).className="before"
         );
}
#Tabs li.active section:before, #Tabs li.active section .before {
	content: "";
	display: block;
	background: url('../img/arrow_greenBack.png') top left no-repeat;
	position: absolute;
	top: -22px;
	left: 60px;
	width: 47px;
	height: 22px;
}

#Tabs li section.b2 {
	left: -191px;	
}

#Tabs li.active section.b2:before, #Tabs li.active section.b2 .before {
	left: 259px;	
}

#Tabs li section.b3 {
	left: -382px;	
}

#Tabs li.active section.b3:before, #Tabs li.active section.b3 .before {
	left: 448px;	
}

#Tabs li section.b4 {
	left: -573px;	
}

#Tabs li.active section.b4:before, #Tabs li.active section.b4 .before {
	left: 637px;	
}


#Tabs li section.b5 {
	left: -764px;	
}

#Tabs li.active section.b5:before, #Tabs li.active section.b5 .before {
	left: 826px;	
}

#Tabs li section div.content {
	float: left;
	width: 600px	
}

#Tabs li section div.content h1 {
	font-size: 1.4em;	
}

#Tabs li section div.content p {
	margin-top: 15px;
	line-height: 1.5em;	
}

#Info h1 {
	text-transform: uppercase;
	font-size: 2.3em;
}

#Info div.content {
	float: left;
	width: 710px;
}

.ctaButton {
	width: 195px;
	padding: 12px 10px 15px 15px;
	float: right;
	background: #F58220 url('../img/button_orange.png') no-repeat top left;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'dinblack', Gadget, 'Arial Black', Arial,Helvetica, sans-serif;
	font-size: 1.6em;
	border: 0;
	outline: 0;
} 

#Page.regular .ctaButton {
	background: #464648;
	color: #F58220;
	white-space: normal;
	width: 210px;
	text-align: left;
	line-height: 1.2em;
}

#Sack h1 .ctaButton {
	background: transparent;
	white-space: normal;
	text-align: left;
	padding: 0;	
	float: none;
	font-size: inherit;
	width:auto;
}

div.royalCaption .ctaButton {
	float: left;	
}

#Slider {
	background-color: #73bf43;
	padding: 20px;	
}
#Slider div.slidewrapper {
	background: #ffffff;
	padding: 20px;	
}
#mySlider {
	width: 100%;
}
.royalImage {
	float: left;	
}
div.royalCaption div.royalCaptionItem {
	float: right;
	width: 435px;
	margin-right: 10px;	
}

div.royalCaptionItem p {
	margin-bottom: 10px;	
}

div.royalCaption p strong {
	text-transform: uppercase;
	font-family: 'dinblack', Gadget, 'Arial Black', Arial,Helvetica, sans-serif;
	font-size: 1.2em;	
	font-weight: normal;
}

input:moz-focus-inner {
	border: 0;
	padding: 0;	
	line-height: 1em;
}

footer {
	border-top: 40px solid #71c03a;
	background: #464648;
	color: #ffffff;	
	padding: 25px 0;
}

footer div.strapline {
	font-size: 0.925em;
	float: left;
	width: 180px;
	margin-right: 20px;
}

footer div.strapline p, footer div.strapline h1 {
	color: #ffffff;
}

footer div.strapline p {
	line-height: 1em;	
}

footer div.legal {
	float: left;	
	width: 600px;	
}

footer div.legal nav a {
	color: #ffffff;	
	
}
footer div.legal nav li {
	padding-right: 10px;
	border-right: 1px solid #ffffff;
	margin-right: 10px;
	font-size: 0.825em;
}

footer div.legal nav li.last {
	padding: 0;
	margin: 0;	
	border-right: 0;
}

footer div.legal nav a:hover {
	color: #eeeeee;	
}

footer small {
	font-size: 0.75em;
	margin-top: 10px;
	display: block;
}

li.last {
	margin-right: 0 !important;	
}

span.pound {
	font-family: 'Arial black', arial black, Arial, Helvetica, sans-serif;
font-weight: bold;
}


/* New changes */

#RollMap .sponsor
{width: 100%; position: relative; float: left;}

	#RollMap #Ethiopia .sponsor
	{}

		#RollMap .sponsor .ctaButton
		{float: left !important; position: relative !important; top: 0; bottom: 0; margin: 0;}

		#RollMap #Ethiopia .sponsor .ctaButton
		{width: 245px;}

		#RollMap .sponsor .flag
		{height: 114px; width: 92px; position: absolute;}

		#RollMap #Ethiopia .sponsor .flag
		{top: -55px; right: 165px; z-index: 999; background: url('../img/regular/flag1.png') no-repeat;}

		#RollMap #Kenya .sponsor .ctaButton
		{width: 200px;}

		#RollMap #Kenya .sponsor .flag
		{top: -118px; right: -5px; z-index: 999; background: url('../img/regular/flag4.png') no-repeat;}

		#RollMap #Uganda .sponsor .ctaButton
		{width: 200px;}

		#RollMap #Uganda .sponsor .flag
		{top: -118px; right: -5px; z-index: 999; background: url('../img/regular/flag2.png') no-repeat;}

		#RollMap #Tanzania .sponsor .ctaButton
		{width: 200px; margin-bottom: 1px;}

		#RollMap #Tanzania .sponsor .flag
		{top: -105px; right: 0; z-index: 999; background: url('../img/regular/flag3.png') no-repeat;}