@charset "utf-8";

/*
Style Name: OAus website
Style URI: www.oxfam.org.au
Version: 1.2
Revision date:15/02/2010

Official site colours...

Oxfam Green #71BC23
Pale Green #B0D25B

Orange #FE9900
Pale Orange #FEC268

Blue #17A0CB
Pale Blue #92D5EB

Beige #ECE6D4
Light Beige #FAF8F1

Dark Grey #3D3D3D
White #FFFFFF
*/


/* *************************** */
/* +++++ base HTML reset +++++ */
/* *************************** */
html,
body,
div,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
font,
img,
ins,
kbd,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	text-indent: 0;
	color:#3d3d3d;
}

/* *************************** */
/* --- end base HTML reset --- */
/* *************************** */


/* *************************** */
/* ++++ base HTML elements +++ */
/* *************************** */
body {
	width:100%;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
}

strong,
em,
b,
i,
p,
h1,
h2,
h3,
h4,
h5,
h6,
legend,
ul,
ol,
li {
	font-family: Arial, Helvetica, sans-serif;
}

legend {
	font-size: 15px;
	padding: 10px;
}

a {
	color:#70BC24;
}

a img {
	border:0;
}

a:visited {
	color:#509C04;
}

a:hover,
a:focus {
	color:#90dC44;
}

a.external span.external-link-icon {
	background: url("images/new-window-icon.gif") top left no-repeat;
	width:12px;
	height:11px;
	padding:0px;
	margin:0 5px 0 5px;
	display:inline-block;
	position:relative;
}

.module a.external span.external-link-icon {
	display:none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight:normal;
	line-height: 120%;
}

p {
	font-size: 12px;
	line-height: 150%;
	margin: 0 0 1em 0;
	color:#3d3d3d;
	zoom: 1;
	padding:0;
}

h1 {
	font-size: 40px;
	line-height:40px;
	margin: 0px 0 10px 0;
	padding:0;
}

h1 a {
	text-decoration:none;
}

h2 {
	font-size: 22px;
	line-height:22px;
	margin: 0 0 7px 0;
}

h3 {
	font-size: 18px;
	line-height:28px;
	margin: 0 0 5px 0;
}

h4 {
	font-size: 15px;
	margin: 0 0 5px 0;
}

h5 {
	font-size: 14px;
	margin: 0 0 5px 0;
}

h6 {
	font-size: 13px;
	margin: 1em 0 5px 0;
}

ul,
ol {
	margin: 1em 0 1em 2em;
	font-size: 12px;
	list-style:none;
	list-style-image:none;
	padding:0;
}

ul li,
ol li {
	line-height: 150%;
	color:#3d3d3d;
}

ul li ul,
ol li ol {
	margin: 0 0 1em 2em;
	line-height: 150%;
	font-size: 1em;
}

ul li ul li ul,
ol li ol li ol {
	margin: 0 0 1em 2em;
	line-height: 150%;
	font-size: 10px;
}

ol li {
	list-style-type: decimal;
}

ol li ol {
	list-style-type: lower-alpha;
}

ol li ol li ol {
	list-style-type: lower-roman;
}

dl {
	margin: 0.5em 0 1em 1em;
}

dl dt {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 150%;
}

dl dd {
	font-size: 12px;
	line-height: 150%;
	margin: 0 2em 1em 2em;
}

dl dd p {
	line-height: 120%;
	font-size: 12px;
}

dt.pdf {
	background: url("images/icon_pdf.gif") 0px 0px no-repeat !important;
	margin: 0 0 0 0em;
	padding: 0 0 0.5em 2em;
}

li.pdf {
	margin: 1em 0 0 0;
	padding: 3px 3px 3px 1.9em;
	color: #3d3d3d;
	list-style-image:none;
	list-style-type:none;
	font: bold 1.1em/130% Helvetica, Arial, Verdana, sans-serif;
	background: url("images/icon_pdf.gif") 1px 3px no-repeat !important;
	_zoom: 1;
}

li.doc,
li.word {
	margin: 0.5em 0 0 0;
	padding: 3px 3px 3px 1.9em;
	color: #3d3d3d;
	list-style-image:none;
	list-style-type:none;
	font: 1.1em/130% Helvetica, Arial, Verdana, sans-serif;
	background: url("images/icon_word.gif") 1px 3px no-repeat !important;
	_zoom: 1;
}

blockquote {
	background: url("images/blockquote-top.gif") top left no-repeat;
	color: #333;
	display: block;
	float: right;
	font: 1.05em/140% Arial, Helvetica, sans-serif;
	margin: 10px 0 10px 0;
	min-height: 50px;
	padding: 0 0 0 0;
	position: relative;
	width: 250px;
	clear: right;
}

blockquote.inline {
	float: none;
	width: auto;
}

blockquote p {
	color:#666;
	display: block;
	font: 1.2em/150% Arial, Helvetica, sans-serif;
	margin: 0 20px 0 30px;
}

blockquote p:last-child {
	background: url("images/blockquote-bottom.gif") bottom right no-repeat;
	color: #555;
	display: inline-block;
	font: 1em/150% Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 10px 40px 10px 30px;
	width: auto;
}

/* *************************** */
/* -- end base HTML elements - */
/* *************************** */

/* *************************** */
/* ++++++ structural IDs +++++ */
/* *************************** */

ul#skip-links {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position:relative;
	display:inline;
	float:left;
	top:0px;
	left:0px;
	height:18px;
	background:#fff;
	line-height:18px;
}

ul#skip-links li {
	display: inline;
	position: relative;
	background:#fff;
	margin:0;
	padding:0;
	line-height:18px;
	height:18px;
}

ul#skip-links li a {
	color: #fff;
	cursor: default;
	font-size: 0.9em;
	line-height:18px;
	height:18px;
}

ul#skip-links li a:focus,
ul#skip-links li a:active {
	color: #3d3d3d !important;
	cursor: default;
	font-size: 0.9em;
}

#page-holder {
	background: #F4EEE0 url("images/site-background-gradient.jpg") repeat-x top left;
	padding: 0;
	margin:0;
	width: 100%;
}

#header-wrapper {
	background: #fff;
	width: 100%;
	clear:both;
	padding: 0;
	margin:0;
}

#content-wrapper {
	width: 100%;
	display:block;
	clear:both;
	padding: 0;
	margin:0;
}

#footer-wrapper {
	background: #F4eEE0;
	width: 100%;
	clear:both;
	display:block;
	min-height:40em;
	height:40em;
}

#multi-column-wrapper {
	padding:0;
	margin:0 auto;
	width: 960px;
	display:block;
	border-bottom:1px solid #eee;
	background: #fff;
}

#header {
	background: #fff;
	margin: 0 auto;
	width: 960px;
	padding: 0;
	display:block;
}

#header h1 {
	display:block;
	float: left;
	width: 150px;
	height: 62px;
	margin: 0 0 0 0;
	padding:0;
}

#header h1 a {
	background: url("images/standard-oxfam-australia-logo.png") 0px -27px no-repeat;
	display: block;
	float: left;
	height: 62px;
	text-indent: -9999em;
	width: 150px;
	margin: 0 0 0 0;
	padding:0;
	outline:none;
}

/*
#header h2 {	display: none; }
*/
/* shows the about us blurb on the home page */
 #header h2 {
	display: block;
	float: left;
	font-size: 1.2em;
	line-height:1.2em;
	margin: 8px 20px 0 0px;
	padding: 3px 0 3px 17px;
	border-left:1px solid #71BC23;
	color:#71BC23;
	font-weight:normal;
	width: 350px;
}

#global-nav {
	height: 18px;
	width: 475px;
	position: relative;
	display: block;
	float: right;
	padding: 0 0 0 0;
	margin: 0;
}

#global-nav ul {
	float: right;
	position: relative;
	margin: 0;
	padding: 0 0 0 0;
	height: 18px;
}

#global-nav ul li {
	display: inline;
	height: 18px;
	margin: 0;
	padding: 0;
}

#global-nav ul li a {
	color: #857C5F;
	font-weight: bold;
	font-size: 11px;
	line-height: 12px;
	height: 12px;
	display: block;
	float: left;
	padding: 3px 6px;
	margin: 0 0 0 0;
	text-decoration: none;
	background: #ECE6D4;
}

#global-nav ul li a:hover,
#global-nav ul li a:focus {
	color: #fff;
	background: #b9b296;
}

#global-nav ul li.current a {
	color: #fff;
	background: #999276 url("images/global-nav-highlight.jpg") top center no-repeat;
	line-height: 12px;
	font-size: 11px;
	height: 12px;
	padding: 3px 6px;
	margin: 0 0 0 0;
	text-decoration: none;
}

#global-nav ul li.current a:hover,
#global-nav ul li.current a:focus {
	color: #fff;
}

#main-nav {
	background: #fff;
	clear: both;
	height: 25px;
}

#main-nav ul {
	float: left;
	margin: 0 0 0 0;
	width: 750px;

}

#main-nav ul li {
	display: inline;
}

#main-nav ul li.main {
	float: left;
	font-size: 1em;
	font-weight: bold;
}

#main-nav ul li.sub {
	float: left;
	font-size: 1em;
}

#main-nav ul li a {
	background: #F4F0E4 url("images/rounded-corner-top-right-white-small.png") top right no-repeat;
	border-right: 2px solid #fff;
	color:#857C5F;
	float: left;
	height: 25px;
	line-height: 25px;
	padding: 0 1.5em 0 0em;
	text-decoration: none;
}

#main-nav ul li a span {
	display:block;
	position:relative;
	float:left;
	height:5px;
	width:1.5em;
	background: url("images/rounded-corner-top-left-white-small.png") top left no-repeat;
}

#main-nav ul li a:hover,
#main-nav ul li a:focus {
	background: #F8F6EF url("images/rounded-corner-top-right-white-small.png") top right no-repeat;
	display: block;
	float: left;
	text-decoration: none;
}

#main-nav ul li#main-home a {
	background:#F4F0E4 url("images/rounded-corner-top-right-white-small.png") top right no-repeat;
	color:#857C5F;
}

#main-nav ul li#main-home a:hover,
#main-nav ul li#main-home a:focus {
	background:#F8F6EF url("images/rounded-corner-top-right-white-small.png") top right no-repeat;
	color:#857C5F;
}

#main-nav ul li#main-explore a {
	background:#70BB23 url("images/rounded-corner-top-right-white-small.png") top right no-repeat;
	color:#fff;
}

#main-nav ul li#main-explore a:hover,
#main-nav ul li#main-explore a:focus {
	background:#B0D25B url("images/rounded-corner-top-right-white-small.png") top right no-repeat;
	color:#fff;
}

#main-nav ul li#main-act a {
	background:#FDAB02 url("images/rounded-corner-top-right-white-small.png") top right no-repeat;
	color:#fff;
}

#main-nav ul li#main-act a:hover,
#main-nav ul li#main-act a:focus {
	background:#FEC268 url("images/rounded-corner-top-right-white-small.png") top right no-repeat;
	color:#fff;
}

#main-nav ul li#main-donate a {
	background:#0099CB url("images/rounded-corner-top-right-white-small.png") top right no-repeat;
	color:#fff;
}

#main-nav ul li#main-donate a:hover,
#main-nav ul li#main-donate a:focus {
	background:#92D5EB url("images/rounded-corner-top-right-white-small.png") top right no-repeat;
	color:#fff;
}


/* current section highlighting */
	
body.home #main-nav ul li#main-home a {
	background:#EAE3D0 url("images/rounded-corner-top-right-white-small.png") top right no-repeat;
	color:#857C5F;
	font-weight:bold;
}

body.explore #main-nav ul li#main-explore a {
	background:#70BB23 url("images/rounded-corner-top-right-white-small.png") top right no-repeat;
	color:#fff;
	font-weight:bold;
}

body.act #main-nav ul li#main-act a {
	background:#ffaa11 url("images/rounded-corner-top-right-white-small.png") top right no-repeat;
	color:#fff;
	font-weight:bold;
}

body.donate #main-nav ul li#main-donate a, body.christmasTree #main-nav ul li#main-donate a {
	background:#0099CB url("images/rounded-corner-top-right-white-small.png") top right no-repeat;
	color:#fff;
	font-weight:bold;
}

body.about-us #main-nav ul li#main-about-us a {
	background:#EAE3D0 url("images/rounded-corner-top-right-white-small.png") top right no-repeat;
	color:#857C5F;
	font-weight:bold;
}
body.blog #main-nav ul li#main-blogs a {
	background:#EAE3D0 url("images/rounded-corner-top-right-white-small.png") top right no-repeat;
	color:#857C5F;
	font-weight:bold;
}
body.media #main-nav ul li#main-media a {
	background:#EAE3D0 url("images/rounded-corner-top-right-white-small.png") top right no-repeat;
	color:#857C5F;
	font-weight:bold;
}

body.shop #main-nav ul li#main-shop a {
	background:#EAE3D0 url("images/rounded-corner-top-right-white-small.png") top right no-repeat;
	color:#857C5F;
	font-weight:bold;
}





body.oaus-blogs #main-nav ul li#main-blogs a {
	background:#EAE3D0 url("images/rounded-corner-top-right-white-small.png") top right no-repeat;
	color:#857C5F;
	font-weight:bold;
}

body.contact-us #main-nav ul li#main-contact-us a {
	background:#EAE3D0 url("images/rounded-corner-top-right-white-small.png") top right no-repeat;
	color:#857C5F;
	font-weight:bold;
}

/* end current section highlighting */



#site-search {
	float: right;
	height: 20px;
	width: 210px;
}

#sidebar {
	background: #fff;
	clear: both;
	display: block;
	float: left;
	width: 220px;
	min-height:640px;
}

#sidebar ul {
	list-style: none;
	margin: 0;
	padding:0;
}

#sidebar ul li {
	line-height:0;
	display:block;
	list-style: none;
	padding: 0;
}

#sidebar a {
	display: block;
	width:210px;
	text-decoration:none;
	background-repeat:no-repeat;
}

#sidebar ul li a {
	font-size: 25px;
	font-weight:normal;
	line-height:150%;
	padding: 45px 10px 5px 10px;
	width:200px;
}

#sidebar ul li ul li a {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px 5px 25px;
	width:185px;
}

#sidebar ul li ul li ul li a {
	padding:5px 10px 5px 40px;
	width:170px;
}

#sidebar ul li ul li ul li ul li a {
	padding:5px 10px 5px 50px;
	width:160px;
}

/* sidebar item background arrow positioning */
#sidebar ul li ul li a {
	background-position: 10px 8px;
}

#sidebar ul li.current-section a {
	background-position: 10px -50px;
}

#sidebar ul li.current-section ul li a {
	background-position: 25px 8px;
}

#sidebar ul li.current-section ul li.current-sub-section a {
	background-position: 25px -50px;
}

#sidebar ul li.current-section ul li.current-sub-section ul li a {
	background-position: 33px 8px;
}

#sidebar ul li.current-section.no-children a {
	background-position: 10px 8px;
}

#sidebar ul li.current-section ul li.current-sub-section.no-children a {
	background-position: 25px 8px;
}

/* end sidebar item background arrow positioning */


/* begin sidenav section colouring */

body.explore #sidebar ul li a {
	border-bottom:1px solid #D0E49D;
	background-color: #B0D25A;
	color:#47800B;
}

body.explore #sidebar ul li ul li a {
	background-image: url("images/side-nav-arrow-explore.gif");
	color:#395E11;
}

body.explore #sidebar ul li ul li a.current-page,
body.explore #sidebar ul li ul li a:hover {
	background-color: #f2FFCd !important;
}

body.explore #sidebar ul li.current-section a {
	background-color:#C0DB7B;
}

body.explore #sidebar ul li.current-sub-section a {
	background-color:#CDE295;
}

body.explore #sidebar ul li.current-sub-section ul li a {
	background-color:#D7E8AA;
}

body.explore #sidebar ul li.current-sub-section ul li.current-sub-sub-section a {
	background-color:#EFfDCB;
}

body.explore #sidebar ul li.current-section.no-children a {
	background-color:#F2FFCd !important;
}

body.explore #sidebar ul li.current-sub-section.no-children a {
	background-color:#F2FFCd !important;
}

body.act #sidebar ul li a {
	border-bottom:1px solid #FED495;
	background-color: #FEC268;
	color:#a05C07;
}

body.act #sidebar ul li ul li a {
	background-image: url("images/side-nav-arrow-act.gif");
	color:#643C00;
}

body.act #sidebar ul li ul li a.current-page,
body.act #sidebar ul li ul li a:hover {
	background-color: #FEE6C1 !important;
}

body.act #sidebar ul li.current-section a {
	background-color:#FECE85;
}

body.act #sidebar ul li.current-sub-section a {
	background-color:#FED79E;
}

body.act #sidebar ul li.current-sub-section ul li a {
	background-color:#FEDFB1;
}

body.act #sidebar ul li.current-sub-section ul li.current-sub-sub-section a {
	background-color:#FEE6C1;
}

body.act #sidebar ul li.current-section.no-children a {
	background-color:#FEE6C1 !important;
}

body.act #sidebar ul li.current-sub-section.no-children a {
	background-color:#FEE6C1 !important;
}

body.donate #sidebar ul li a, body.christmasTree #sidebar ul li a {
	border-bottom:1px solid #E2F3FA;
	background-color: #94D6EC;
	color:#009ACA;
}

body.donate #sidebar ul li ul li a, body.christmasTree #sidebar ul li ul li a {
	background-image: url("images/side-nav-arrow-donate.gif");
	color:#004B64;
}

body.donate #sidebar ul li ul li a.current-page,
body.donate #sidebar ul li ul li a:hover,
body.christmasTree #sidebar ul li ul li a.current-page,
body.christmasTree #sidebar ul li ul li a:hover{
	background-color: #D3EEF7 !important;
}

body.donate #sidebar ul li.current-section a,
body.christmasTree #sidebar ul li.current-section a{
	background-color:#A9DEF0;
}

body.donate #sidebar ul li.current-sub-section a,
body.christmasTree #sidebar ul li.current-sub-section a{
	background-color:#BAE5F3;
}

body.donate #sidebar ul li.current-sub-section ul li a,
body.christmasTree #sidebar ul li.current-sub-section ul li a{
	background-color:#C8EAF5;
}

body.donate #sidebar ul li.current-sub-section ul li.current-sub-sub-section a,
body.christmasTree #sidebar ul li.current-sub-section ul li.current-sub-sub-section a{
	background-color:#D3EEF7;
}

body.donate #sidebar ul li.current-section.no-children a,
body.christmasTree #sidebar ul li.current-section.no-children a{
	background-color:#D3EEF7 !important;
}

body.donate #sidebar ul li.current-sub-section.no-children a,
body.christmasTree #sidebar ul li.current-sub-section.no-children a{
	background-color:#D3EEF7 !important;
}

body.generic #sidebar ul li a {  /* generic is used by about-us, media, contact-us and any other sections */
	border-bottom:1px solid #E9E3CF;
	background-color: #E0D7BA;
	color:#857C5F;
}

body.generic #sidebar ul li ul li a {
	background-image: url("images/side-nav-arrow-generic.gif");
	color:#554C2F;
}

body.generic #sidebar ul li ul li a.current-page,
body.generic #sidebar ul li ul li a:hover {
	background-color: #F2EEE3 !important;
}

body.generic #sidebar ul li.current-section a {
	background-color:#E6DFC8;
}

body.generic #sidebar ul li.current-sub-section a {
	background-color:#EBE5D3;
}

body.generic #sidebar ul li.current-sub-section ul li a {
	background-color:#EFEADC;
}

body.generic #sidebar ul li.current-sub-section ul li.current-sub-sub-section a {
	background-color:#F2EEE3;
}

body.generic #sidebar ul li.current-section.no-children a {
	background-color:#F2EEE3 !important;
}

body.generic #sidebar ul li.current-sub-section.no-children a {
	background-color:#F2EEE3 !important;
}

/* end sidenav section colouring */

#breadcrumb {
	float: left;
	display:block; /* hidden at the moment */
	padding: 0 0 0 0;
	margin:0;
	width:740px;
	background:#F4EEE0;
}

#breadcrumb ul {
	list-style-type: none;
	margin: 0 0 0px 15px;
	position: relative;
	padding:0;
}

#breadcrumb ul li {
	background: url("images/breadcrumb-separator.gif") 3px 8px no-repeat;
	float: left;
	list-style-type: none;
	list-style-image:none;
	margin: 0em 0.1em 0 0;
	line-height:22px;
	padding: 0 0 0 1em;
	position: relative;
}

#breadcrumb ul li.home-link {
	background: none;
	float: left;
	list-style-type: none;
	list-style-image:none;
	margin: 0 0.1em 0 0;
	line-height:22px;
	padding: 0 0 0 0em;
	position: relative;
}

#breadcrumb ul li a {
	color:#888;
	line-height:22px;
	text-decoration:none;
	padding:0;
	margin:0;
	font-size:0.9em;
}

#breadcrumb ul li a:hover {
	color:#555;
	line-height:22px;
	text-decoration:underline;
	padding:0;
	margin:0;
}

#content {
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 960px;
}

#modular {
	float: left;
	position:relative;
	display:block;
	width: 220px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#modular div.modular-padding {
	height:28px;
	width:220px;
	position:relative;
	display:block;
	background:#fff;
	border:none;
	padding:0;
	margin:0;
}

#modular div {
	margin: 0;
	padding: 0;
	position:relative;
	display:block;
}

#modular div.module {
	background: #FBF8F1;
	background: #B0D25A;
	margin: 0px 0 10px 0;
	padding: 10px 10px 10px 10px;
	position:relative;
	display:block;
}

/* modular content actions colour */
#modular div.act,
#modular div.actions,
#modular div.subscriptions,
#modular div.volunteering,
#modular div.jobs,
#modular div.socialNetworks {
	background: #FEC268;
}

#modular div.actions ul.buttons li a,
#modular div.subscriptions ul.buttons li a,
#modular div.volunteering ul.buttons li a,
#modular div.jobs ul.buttons li a,
#modular div.socialNetworks ul.buttons li a {
	background-position: right -200px;
	color:#fff !important;
}

#modular div.actions ul.buttons.js-buttons-enabled li a span,
#modular div.subscriptions ul.buttons.js-buttons-enabled li a span,
#modular div.volunteering ul.buttons.js-buttons-enabled li a span,
#modular div.jobs ul.buttons.js-buttons-enabled li a span,
#modular div.socialNetworks ul.buttons.js-buttons-enabled li a span {
	background-position: left -200px;
}

#modular div.actions ul.buttons.js-buttons-enabled li a:hover,
#modular div.subscriptions ul.buttons.js-buttons-enabled li a:hover,
#modular div.volunteering ul.buttons.js-buttons-enabled li a:hover,
#modular div.jobs ul.buttons.js-buttons-enabled li a:hover,
#modular div.socialNetworks ul.buttons.js-buttons-enabled li a:hover {
	background-position: right -220px;
}

#modular div.actions ul.buttons.js-buttons-enabled li a:hover span,
#modular div.subscriptions ul.buttons.js-buttons-enabled li a:hover span,
#modular div.volunteering ul.buttons.js-buttons-enabled li a:hover span,
#modular div.jobs ul.buttons.js-buttons-enabled li a:hover span,
#modular div.socialNetworks ul.buttons.js-buttons-enabled li a:hover span {
	background-position: left -220px;
}

/* modular content donate colour */
#modular div.donate,
#modular div.donations,
#modular div.oxfamShop,
#modular div.unwrapped,
#modular div.otherWaysToGive {
	background: #94D6EC;
}

#modular div.donations ul.buttons li a,
#modular div.oxfamShop ul.buttons li a,
#modular div.unwrapped ul.buttons li a,
#modular div.otherWaysToGive ul.buttons li a {
	background-position: right -120px;
	color:#fff !important;
}

#modular div.donations ul.buttons.js-buttons-enabled li a span,
#modular div.oxfamShop ul.buttons.js-buttons-enabled li a span,
#modular div.unwrapped ul.buttons.js-buttons-enabled li a span,
#modular div.otherWaysToGive ul.buttons.js-buttons-enabled li a span {
	background-position: left -120px;
}

#modular div.donations ul.buttons.js-buttons-enabled li a:hover,
#modular div.oxfamShop ul.buttons.js-buttons-enabled li a:hover,
#modular div.unwrapped ul.buttons.js-buttons-enabled li a:hover,
#modular div.otherWaysToGive ul.buttons.js-buttons-enabled li a:hover {
	background-position: right -140px;
}

#modular div.donations ul.buttons.js-buttons-enabled li a:hover span,
#modular div.oxfamShop ul.buttons.js-buttons-enabled li a:hover span,
#modular div.unwrapped ul.buttons.js-buttons-enabled li a:hover span,
#modular div.otherWaysToGive ul.buttons.js-buttons-enabled li a:hover span {
	background-position: left -140px;
}

/* modular content explore/generic colour */
#modular div.emergencies,
#modular div.corporates,
#modular div.onlineResourceCentre,
#modular div.otherSites,
 {
	background: #B0D25A;
}
#modular div.mediaReleases {
		background: none;
}

#modular div.emergencies ul.buttons li a,
#modular div.corporates ul.buttons li a,
#modular div.onlineResourceCentre ul.buttons li a,
#modular div.otherSites ul.buttons li a,
#modular div.mediaReleases ul.buttons li a {
	background-position: right -280px;
	color:#fff !important;
}

#modular div.emergencies ul.buttons.js-buttons-enabled li a span,
#modular div.corporates ul.buttons.js-buttons-enabled li a span,
#modular div.onlineResourceCentre ul.buttons.js-buttons-enabled li a span,
#modular div.otherSites ul.buttons.js-buttons-enabled li a span,
#modular div.mediaReleases ul.buttons.js-buttons-enabled li a span {
	background-position: left -280px;
}

#modular div.emergencies ul.buttons.js-buttons-enabled li a:hover,
#modular div.corporates ul.buttons.js-buttons-enabled li a:hover,
#modular div.onlineResourceCentre ul.buttons.js-buttons-enabled li a:hover,
#modular div.otherSites ul.buttons.js-buttons-enabled li a:hover,
#modular div.mediaReleases ul.buttons.js-buttons-enabled li a:hover {
	background-position: right -300px;
}

#modular div.emergencies ul.buttons.js-buttons-enabled li a:hover span,
#modular div.corporates ul.buttons.js-buttons-enabled li a:hover span,
#modular div.onlineResourceCentre ul.buttons.js-buttons-enabled li a:hover span,
#modular div.otherSites ul.buttons.js-buttons-enabled li a:hover span,
#modular div.mediaReleases ul.buttons.js-buttons-enabled li a:hover span {
	background-position: left -300px;
}

#modular div.module blockquote {
	width: 200px;
}

#modular div.module h3 {
	margin: 0 0 0.2em 0;
	padding:0;
	font-size:2.6em;
	font-weight:normal;
	color:#fff !important;
}

#modular div.module h4 {
	margin: 0 0 0.4em 0;
	padding:0;
	font-size:1.6em;
	font-weight:normal;
}

#modular div.module img {
	margin: 0.4em 0 0.4em 0;
	padding:0;
}

#modular div.module img.error {
	margin: 0 0 0 0;
	padding:0;
}

#modular div.module ul {
	list-style-type:disc;
}

#modular div.module ol {
	list-style-type:decimal;
}

#footer {
	background: #fff;
	min-height: 5em;
	margin:0 auto;
	padding:5px 0 0 0;
	display:block;
	width:960px;
	clear:both;
}

#footer ul {
	float: left;
	margin: 10px 0 0 15px;
	width: 148px;
}

#footer ul li {
	display: block;
}

#footer .two-column-box ul li a {
	font-size: 0.9em;
	color:#3d3d3d;
	text-decoration:none;
	background: url("images/list-item-bullet.png") 0px 2px no-repeat;
	padding: 0 0 0 10px;
}

#footer .two-column-box ul li a:hover,
#footer .two-column-box ul li a:focus {
	font-size: 0.9em;
	color:#09c;
	text-decoration:none;
	background: url("images/list-item-bullet.png") 0px -30px no-repeat;
}

#footer .three-column-box {
	background:#fff;
	height:9em;
	clear:both;
}

#footer .three-column-box ul {
	float: left;
	position:relative;
	left:10px;
	margin: 10px 0 30px 0;
	border-top:3px dotted #ccc;
	padding: 10px 0 10px 0;
	width: 940px;
}

#footer .three-column-box ul li {
	display: inline;
	margin: 0 0 0 15px;
	padding: 0;
}

#footer .three-column-box ul li a {
	color:#71BC24;
	font-weight:bold;
	text-decoration:none;
}

#footer .three-column-box ul li a:hover,
#footer .three-column-box ul li a:focus {
	color:#9c0;
	font-weight:bold;
	text-decoration:none;
}

#search_form img {
	border:none;
}

.search-results {
	margin: 0 0 0 50px;
	width:800px;
}

.search-results h2 {
	font-size:32px;
	float:left;
	color:#3d3d3d;
}

.search-results #search-result-count {
	font-size:20px;
	margin: 0 0 0 0;
	padding:0 0 0 10px;
	float:left;
	color:#999;
}

.four0four {
	margin:45px 0 0 45px;
}

.four0four .search-results {
	margin: 0 0 0 0px;
	width:800px;
}

.four0four .search-results #search-result-count {
	display:none;
}

.four0four .search-results .spell_summary {
	display:none;
}

.search-results .spell_summary {
	clear:left;
	margin:0;
	padding:0;
}

.search-results table tbody tr td b {
	display:block;
	width:780px;
	padding:5px 10px;
	background:#75B81B;
	color:#fff;
	font-size:1.4em;
}

.search-results .result {
	margin:0 0 0 0;
	padding:10px 10px 20px 10px;
	display:block;
	border-bottom:1px solid #eee;
}

.search-results .featured_page {
	margin:0 0 0 0;
	padding:10px 10px 20px 10px;
	display:block;
	border-bottom:1px solid #eee;
}

.search-results .spell_summary {
	font-size:1.5em;
	margin:0 0 0 0;
	padding:10px 10px 20px 10px;
	display:block;
	border-bottom:1px solid #eee;
}

.search-results .search_result_title {
	font-size:1.4em;
	margin:5px 0 0.3em 0 !important;
	padding:0 !important;
}

.search-results .search_result_summary {
	font-size:1.2em;
	line-height:150%;
	margin:0 0 0em 0;
	padding:0;
}

.search-results .search_result_summary b {
	font-weight:normal;
	background:#fc0;
	padding:0 5px 0 5px;
}

.search-results .search_result_summary span.summary_label {
	font-size:1em;
	color:#999;
	margin:0;
	padding:0;
}

.search-results .document_information {
	font-size:1.2em;
	color:#999;
	margin:0;
	padding:0 0 0 0;
}

.search-results .feature_title {
	font-size:1.4em;
	margin:5px 0 0.3em 0 !important;
	padding:0 !important;
}

.search-results .feature_title {
	font-size:1.4em;
	margin:5px 0 0.3em 0 !important;
	padding:0 !important;
}

.search-results .feature_description {
	font-size:1.2em;
	line-height:150%;
	margin:0 0 0em 0;
	padding:0;
}

.search-results .feature_description b {
	font-weight:normal;
	background:#fc0;
	padding:0 5px 0 5px;
}

.search-results .feature_description span.summary_label {
	font-size:1em;
	color:#999;
	margin:0;
	padding:0;
}

.search-results .feature_url {
	font-size:1.2em;
	color:#999;
	margin:0;
	padding:0 0 0 0;
}

#pagination {
	background:#eee;
	margin:10px;
	padding:0;
}

#pagination p {
	float:left;
	width:90px;
	font-weight:bold;
	margin:0;
	padding:0;
	line-height:20px;
}

#pagination ul {
	list-style:none;
}

#pagination ul li {
	list-style:none;
	line-height:20px;
	float:left;
	display:inline-block;
}

#pagination ul li a {
	background:#9c0;
	line-height:20px;
	text-decoration:none;
	height:20px;
	margin:0 1px;
	color:#000;
	padding:5px 10px;
}

#pagination ul li a:hover,
#pagination ul li a:focus {
	background:#ad1;
	line-height:20px;
	text-decoration:none;
	height:20px;
	margin:0 1px;
	color:#000;
	padding:5px 10px;
}

#pagination ul li.current a {
	background:#fff;
	line-height:20px;
	text-decoration:none;
	font-weight:bold;
	height:20px;
	margin:0 1px;
	color:#000;
	padding:5px 10px;
}

.search-results #funnelback-credit {
	clear:both;
	margin:0;
	padding:10px;
}

/* *************************** */
/* ---- end structural IDs --- */
/* *************************** */

/* *************************** */
/* ++++ structural classes +++ */
/* *************************** */

/*hides modular content on single column pages,  won't be needed when modular content is programmatic */
body.one-column #modular {
	display: none;
}

body.one-column #side-nav {
	display: none;
}

body.one-column #content {
	width: 960px;
	float:left;
}

body.one-column #content .one-column-padding {
	padding:0 20px 20px 20px;
	float:left;
}

body.two-column #modular {
	display: none;
}

body.three-column #content {
	margin-top:28px;
	padding:0px 20px 20px 20px;
	width: 480px;
	float:left;
	background:#fff;
}

body.three-column #modular {
	display: block;
	float:right;
}

#modular-header {
	float:left;
	width:740px;
	display:block;
	}

body.two-column #content {
	padding:0px 20px 20px 20px;
	margin-top:28px;
	width: 700px;
	float:left;
	background:#fff;
}


/*
the main grid is the 3 column (and normally by 2 row) grid below the main navigation on the 6 top-level pages
use the different sized boxes below to make up the grid as necessary.
imagine you're playing tetris...
*/
.main-grid {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 960px;
	background:transparent;
}

/* the singular building block of the main grid */
.main-grid .box {
	float: left;
	height: 230px;
	min-height: 230px;
	width: 320px;
}

/* a shorter version of the singular building block of the main grid */
.main-grid .short-box {
	float: left;
	height: 95px;
	min-height: 95px;
	width: 290px;
	padding:10px 15px;
}

/* a 3 column, 1 row container designed to hold more boxes.
if content is to go directly in it, wrap the content in a div */
.main-grid .three-column-one-row-box {
	clear: both;
	float: left;
	height: 230px;
	min-height: 230px;
	width: 960px;
}

/* a 3 column, 1 row container designed to hold more boxes.
if content is to go directly in it, wrap the content in a div */
.main-grid .three-column-one-row-short-box {
	clear: both;
	float: left;
	height: 115px;
	min-height: 115px;
	width: 960px;
	margin:0 0 10px 0;
}

/* a 2 column, 2 row container designed to hold more boxes.
if content is to go directly in it, wrap the content in a div */
.main-grid .two-column-two-row-box {
	float: left;
	height: 460px;
	min-height: 460px;
	width: 640px;
}

/* a 1 column, 2 row container designed to hold more boxes.
if content is to go directly in it, wrap the content in a div */
.main-grid .one-column-two-row-box {
	float: left;
	height: 460px;
	min-height: 460px;
	width: 320px;
}

/* a 2 column container designed to hold more boxes.
if content is to go directly in it, wrap the content in a div */
.main-grid .two-column-box {
	float: left;
	height: 230px;
	min-height: 230px;
	width: 640px;
}

.main-grid .two-row-box {
	float: left;
	height: 460px;
	min-height: 460px;
	width: 320px;
}

/* pads out content within a box */
.main-grid .box div,
.main-grid .two-column-box div,
.main-grid .two-row-box div,
.main-grid .one-column-two-row-box div,
.main-grid .two-column-two-row-box div {
	margin: 10px 15px 0 15px;
}

/* pads out content within a box */
.main-grid .box div div,
.main-grid .two-column-box div div,
.main-grid .two-row-box div div,
.main-grid .one-column-two-row-box div div,
.main-grid .two-column-two-row-box div {
	margin: 0;
}

/* makes sure nested single boxes inside don't get margins */
.main-grid .one-column-two-row-box.no-margin div,
.main-grid .two-column-two-row-box.no-margin div {
	margin: 0;
}

/* re-applies margins to the div's wrapped around content */
.main-grid .one-column-two-row-box.no-margin div div,
.main-grid .two-column-two-row-box.no-margin div div {
	margin: 10px 15px 0 15px;
}

.main-grid .one-column-two-row-box.no-margin div.box.dark.explore {
	margin: 0px;
	
}

body.explore .box.white div {
	margin: 0px;
	
}
body.explore .box.white ul.buttons {
	padding-left: 15px;
	
}
body.explore .box.white img{
	padding-bottom: 10px;
}

/* re-applies margins to the div's wrapped around content */
.main-grid .one-column-two-row-box.no-margin div div div,
.main-grid .two-column-two-row-box.no-margin div div div {
	margin: 0;
}

/* sections is the area below the main grid on the top level pages */
.sections {
	display: block;
	float: left;
	background: #fff;
	width: 960px;
	position: relative;
}

.coffeesections {
	width: 940px;

}

.section {
	position: relative;
	display: block;
	min-height: 185px; /* has IE6 hack*/
	width: 330px;
	margin: 7px 0 0 0;
	padding: 10px 0 10px 150px;
	background: #FBF8F1;
	float:left;
}

.beans {
	padding: 10px 0 10px 140px;
}

div.section.odd {
	position: relative;
	display: block;
	min-height: 175px; /* has IE6 hack*/
	width: 330px;
	margin: 7px 0 0 0;
	padding: 10px 480px 10px 150px;
	background: #FBF8F1;
	float:left;
}

.section ul {
	list-style:none;
	list-style-image:none;
}

.section ul.buttons.js-buttons-enabled {
	list-style:none;
	list-style-image:none;
	margin:5px 0 0 20px;
}

.section ul li {
	list-style:none;
	list-style-image:none;
}

.section img {
	position: absolute;
	left: 17px;
	top: 11px;
	border: 3px solid #FBF8F1;
}

.section img:hover,
.section img:focus {
	border: 3px solid #fff;
}

.section h2 {
	padding: 0;
	margin: 0 15px 5px 20px;
	font: 2.5em/120% "Helvetica Neue", "Helvetica Neue Regular", Helvetica, Arial, sans-serif;
	letter-spacing:-1px;
}

.section h2 a {
	text-decoration: none;
}

.section h2 a:visited {
	text-decoration: none;
}

.section h2 a:hover,
.section h2 a:focus {
	text-decoration: none;
}

.section p {
	padding: 0;
	margin: 0 20px 0 20px;
	display: block;
}

.section ul {
	list-style:none;
	list-style-image:none;
	padding: 0;
	margin: 10px 0 15px 20px;
	display: block;
}

.sections.dollar-handles {
	display: block;
	float: left;
	background: #fff;
	border-top:7px solid #fff;
	width: 960px;
	margin:0 0 10px 0;
	position: relative;
}

.sections.dollar-handles h2 {
	padding: 0;
	margin: 5px 0 10px 16px;
	font: normal 3em/120% Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
}

.sections.dollar-handles p {
	padding: 0;
	margin: 0px 0 15px 20px;
}

.sections.dollar-handles .section {
	padding: 0 0 20px 0;
	display:block;
	width: 480px;
	background:#E4F4FA;
	margin: 0 0 0px 0px;
}

.sections.dollar-handles .section.one-off-donation .section {
	padding: 0 0 0 150px;
	width: 290px;
	background:#F8FCFE;
	margin: 0 0px 15px 20px; /* has IE6 hack */
	height:140px;
	min-height:140px;
}

.sections.dollar-handles .section.one-off-donation .section:hover,
.sections.dollar-handles .section.one-off-donation .section:focus,
.sections.dollar-handles .section.one-off-donation .section.hover,
.sections.dollar-handles .section.give-monthly .section:hover,
.sections.dollar-handles .section.give-monthly .section:focus,
.sections.dollar-handles .section.give-monthly .section.hover {
	cursor:pointer;
	background:#fff;
}

.sections.dollar-handles .section.give-monthly .section {
	padding: 0 0 0 150px;
	width: 290px;
	background:#F8FCFE;
	margin: 0 10px 15px 20px; /* has IE6 hack */
	height:140px;
	min-height:140px;
}

.sections.dollar-handles .section img {
	position: absolute;
	left: 0px;
	top: 0px;
	border: none;
}

.sections.dollar-handles .section img:hover,
.sections.dollar-handles .section img:focus {
	border: none;
}

.sections.dollar-handles .section p {
	margin:0px 10px 7px 0px;
	padding: 0 0 0 0;
	line-height:140%;
	color:#3d3d3d;
	font-size:1.1em;
}

.sections.dollar-handles .section h4 {
	margin: 5px 10px 5px 20px;
	padding: 0 0 0 0;
	font-size:11px;
	font-weight:normal;
	float:left;
}

.sections.dollar-handles .section h3 {
	margin: 5px 10px 0px 0px;
	padding: 0 0 0 0;
	font-size:32px;
	font-weight:normal;
	line-height:36px;
}

.sections.dollar-handles .section h3 a {
	padding: 0 0 0 0;
	text-decoration:none;
	color:#0C799A;
	line-height:32px;
}

.sections.dollar-handles .section h3 a sup {
	margin: 0 0 0 0;
	padding:0 0 0 0;
	display:block;
	float:left;
	position:relative;
	vertical-align:super;
	font-size:20px;
}

.sections.dollar-handles .section h3 a span {
	margin: 0 0 0 -6px;
	padding: 0 0 0 0;
	vertical-align:middle;
	font-size:15px;
}

.sections.dollar-handles .section ul.buttons.js-buttons-enabled {
	list-style:none;
	list-style-image:none;
	margin:5px 0 0 0px;
}

/* *************************** */
/* - end structural classes -- */
/* *************************** */

/* *************************** */
/* +++++ general classes +++++ */
/* *************************** */
/*general rules that style content across the site within the main content area */


pre.code { 
	
	font-size: 11px; font-family: monospace; color: black; background: #DDD;
	width: 100%;
	display: block;
	padding: 1ex;
	border-style: solid; border-color: black; border-width: 1px;
}


/* actions-box: top level page box that shows actions of various descriptions in list format */
.actions-box {
	margin: 0 0 0 0;
	padding:0;
	background:transparent;
	width:320px;
	position:relative;
}

.actions-box div {
	margin: 0 0 0 0 !important;
	padding:0 !important;
}

.actions-box div h3 {
	margin: 8px 0 0px 15px;
}

.actions-box div h4 {
	margin:0;
	display:block;
	line-height:100%;
	height:20px;
	padding:2px 0 0 10px;
}

.actions-box .tabbed-nav {
	display:block;
	position:relative;
	height:30px;
	width:320px;
	border:none !important;
	margin: 0 0 0 0 !important;
	padding:0 !important;
}

.actions-box .tabbed-nav ul {
	margin:0;
	padding:0;
	border:none !important;
	height:30px;
}

.actions-box .tabbed-nav li {
	display:inline;
	line-height:100%;
	float:left;
	display:block;
	margin:0;
	padding:0;
	border:none !important;
	width:auto;
}

.actions-box .tabbed-nav li a {
	display:block;
	height:30px;
	width:100px;
	background:#B0D25A url("images/rounded-corner-top-left-light-small.png") top right no-repeat;
	color:#4C8709;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	line-height:30px;
	margin:0;
	padding:0 15px 0 15px;
	outline:none;
}

.actions-box .tabbed-nav li a:hover,
.actions-box .tabbed-nav li a:focus {
	background:#B0D25A url("images/rounded-corner-top-left-light-small.png") top right no-repeat;
	color:#4C8709;
	text-decoration:underline;
}

.actions-box .tabbed-nav li a.second {
	position:relative;
	margin-left:3px;
	background:#F4EEE0 url("images/rounded-corner-top-left-light-small.png") top right no-repeat !important;
}

.actions-box .feed-output {
	margin:0 !important;
	padding:0px 0 15px 0;
	width:320px;
	background:#B0D25A url("images/rounded-corner-top-right-light.png") top right no-repeat;
	height:200px;
}

.actions-box .feed-output ul {
	height:180px;
}

.actions-box .feed-output ul {
	overflow:hidden;
}

.actions-box .feed-output.javascript-enabled ul {
	overflow:auto;
}

.actions-box {
	overflow:hidden;
}

.actions-box ul.actions li {
	padding-right:10px;
	width:280px;
}

.javascript-enabled {
	overflow:auto;
}

.actions-box #two.feed-output {
	background:#F4EEE0 url("images/rounded-corner-top-right-light.png") top right no-repeat;
}

.actions-box ul {
	margin:0 0 0 0;
	padding:0 0 0px 0;
	list-style:none;
	list-style-image:none;
	border:none;
	height:200px;
}

.actions-box ul li {
	padding: 0 0 0px 0;
	list-style:none;
	list-style-image:none;
	display: block;
	color:#4C8709;
	border-top:1px dotted #78BB30;
	list-style:none;
	list-style-image:none;
	margin:0;
	line-height:120%;
	padding:6px 15px 6px 15px;
	width:290px;
}

.actions-box ul li strong {
	display: inline-block;
	padding: 2px 0 0 0;
}

.actions-box ul.buttons.js-buttons-enabled {
	margin:2px 0 0 10px;
	position:relative;
	padding:0 0 0 0;
	list-style:none;
	list-style-image:none;
	width:250px;
	border:none !important;
}

.actions-box ul.buttons.js-buttons-enabled li {
	margin:0;
	padding:0 0 0 0;
	list-style:none;
	list-style-image:none;
	border:none !important;
	width:250px;
}

.actions-box ul.buttons.js-buttons-enabled li a {
	width:auto;
	min-height:20px;
	height:20px;
}

.actions-box ul li a {
	color:#3C7709;
	text-decoration:underline;
	font-size:11px;
	font-weight:bold;
	line-height:120%;
}

.actions-box ul li a:hover,
.actions-box ul li a:focus {
	color:#4C8709;
}

body.donate .actions-box ul li {
	border-top:1px dotted #0D789A;
	color:#fff;
}

body.donate .actions-box ul li a:hover,
body.donate .actions-box ul li a:focus {
	color:#2D98bA !important;
}

body.act .actions-box ul li {
	border-top:1px dotted #FEAB2E;
}

/* generic button design with transparent background 
requires span inside the a, which is added automagically via jquery.
eg 
<ul class="buttons">
<li><a href=""><span></span>button text</a></li>
<ul>
*/

ul.buttons {
	list-style:none !important;
	list-style-image:none !important;
	margin:0 0 0 0;
	padding:0;
	position:relative;
}

ul.buttons li {
	list-style:none;
	list-style-image:none;
	display:block;
	margin:0 2em 0 2em; /* has IE6 hack */
	padding:0;
	position:relative;
	font-size:15px;
}

ul.buttons.js-buttons-enabled {
	list-style:none;
	list-style-image:none;
	margin:0 0 0 0;
	padding:0;
	position:relative;
}

ul.buttons.js-buttons-enabled li {
	list-style:none;
	list-style-image:none;
	display:block;
	margin:0 2em 0 0em; /* has IE6 hack */
	padding:0;
	position:relative;
	font-size:11px;
}

ul.buttons.js-buttons-enabled.linear {
	display:block;
	margin:0 0 0 0; /* has IE7 hack */
	float:left;
	left:0;
	padding:0;
	position:relative;
}

ul.buttons.linear {
	display:block;
	margin:0 0 0 0; /* has IE7 hack */
	float:left;
	left:0;
	padding:0;
	position:relative;
}

ul.buttons.linear li {
	display:block;
	float:left;
	margin:0 0.5em 0 0;
	padding:0;
	width:auto;
	position:relative;
	list-style-position:outside;
}

ul.buttons li a {
	display:inline-block;
	position:relative;
	margin:0 0 5px 10px;
	padding:0 1em 0 3px;
	line-height:20px;
	white-space:nowrap;
	text-decoration:none;
	width: auto;
}

ul.buttons li a:hover,
ul.buttons li a:focus {
	text-decoration:underline;
}

ul.buttons li a {
	color:#509C04;
}

.feature ul.buttons li a {
	color:#f90;
}

ul.buttons.js-buttons-enabled.linear li {
	display:block;
	float:left;
	margin:0 1em 0 0;
	padding:0;
	position:relative;
	list-style-position:outside;
}

ul.buttons.js-buttons-enabled li a {
	color:#fff;
	display:inline-block;
	position:relative;
	height:20px;
	
	margin:0 0 5px 12px;
	padding:0 1em 0 3px;
	line-height:20px;
	background-image: url("images/button-backgrounds-right.png");
	background-position: right top;
	background-repeat: no-repeat;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	white-space:nowrap;
}

ul.buttons.js-buttons-enabled li a span {
	display:block;
	position:relative;
	height:20px;
	width:20px;
	float:left;
	background-image: url("images/button-backgrounds-left.png");
	background-position: left top;
	background-repeat: no-repeat;
	margin:0 0 0 -20px;
	padding:0 0 0 0;
}

ul.buttons.js-buttons-enabled li a:hover,
ul.buttons.js-buttons-enabled li a:focus {
	color:#fff;
	background-image: url("images/button-backgrounds-right.png");
	background-position: right -20px;
	background-repeat: no-repeat;
	background-color:transparent !important;
	cursor:pointer;
}

ul.buttons.js-buttons-enabled li a:hover span,
ul.buttons.js-buttons-enabled li a:focus span {
	background-image: url("images/button-backgrounds-left.png");
	background-position: left -20px;
	background-repeat: no-repeat;
	background-color:transparent !important;
	cursor:pointer;
}

/* begin section and homepage button colour variations. */
body.home ul.buttons.js-buttons-enabled li a {
	background-position: right -280px;
	color:#fff !important;
}

body.home ul.buttons.js-buttons-enabled li a span {
	background-position: left -280px;
}

body.home ul.buttons.js-buttons-enabled li a:hover,
body.home ul.buttons.js-buttons-enabled li a:focus {
	background-position: right -300px;
}

body.home ul.buttons.js-buttons-enabled li a:hover span,
body.home ul.buttons.js-buttons-enabled li a:focus span {
	background-position: left -300px;
}

body.home .home-explore ul.buttons.js-buttons-enabled li a {
	background-position: right 0px;
	color:#fff !important;
}

body.home .home-explore ul.buttons li a {
	color:#fff !important;
}

body.home .home-explore ul.buttons.js-buttons-enabled li a span {
	background-position: left 0px;
}

body.home .home-explore ul.buttons.js-buttons-enabled li a:hover,
body.home .home-explore ul.buttons.js-buttons-enabled li a:focus {
	background-position: right -20px;
}

body.home .home-explore ul.buttons.js-buttons-enabled li a:hover span,
body.home .home-explore ul.buttons.js-buttons-enabled li a:focus span {
	background-position: left -20px;
}

body.home .home-act ul.buttons.js-buttons-enabled li a {
	background-position: right -40px;
	color:#fff !important;
}

body.home .home-act ul.buttons li a {
	color:#fff !important;
}

body.home .home-act ul.buttons.js-buttons-enabled li a span {
	background-position: left -40px;
}

body.home .home-act ul.buttons.js-buttons-enabled li a:hover,
body.home .home-act ul.buttons.js-buttons-enabled li a:focus {
	background-position: right -60px;
}

body.home .home-act ul.buttons.js-buttons-enabled li a:hover span,
body.home .home-act ul.buttons.js-buttons-enabled li a:focus span {
	background-position: left -60px;
}

body.home .home-donate ul.buttons.js-buttons-enabled li a {
	background-position: right -80px;
	color:#fff !important;
}

body.home .home-donate ul.buttons li a {
	color:#fff !important;
}

body.home .home-donate ul.buttons.js-buttons-enabled li a span {
	background-position: left -80px;
}

body.home .home-donate ul.buttons.js-buttons-enabled li a:hover,
body.home .home-donate ul.buttons.js-buttons-enabled li a:focus {
	background-position: right -100px;
}

body.home .home-donate ul.buttons.js-buttons-enabled li a:hover span,
body.home .home-donate ul.buttons.js-buttons-enabled li a:focus span {
	background-position: left -100px;
}

body.act ul.buttons.js-buttons-enabled li a {
	background-position: right -40px;
	color:#fff !important;
}

body.act ul.buttons.js-buttons-enabled li a span {
	background-position: left -40px;
}

body.act ul.buttons.js-buttons-enabled li a:hover,
body.act ul.buttons.js-buttons-enabled li a:focus {
	background-position: right -60px;
}

body.act ul.buttons.js-buttons-enabled li a:hover span,
body.act ul.buttons.js-buttons-enabled li a:focus span {
	background-position: left -60px;
}

body.act .section ul.buttons.js-buttons-enabled li a {
	background-position: right -240px;
	color:#C07C19 !important;
}

body.act .section ul.buttons.js-buttons-enabled li a span {
	background-position: left -240px;
}

body.act .section ul.buttons.js-buttons-enabled li a:hover,
body.act .section ul.buttons.js-buttons-enabled li a:focus {
	background-position: right -260px;
}

body.act .section ul.buttons.js-buttons-enabled li a:hover span,
body.act .section ul.buttons.js-buttons-enabled li a:focus span {
	background-position: left -260px;
}

body.act .box.light ul.buttons.js-buttons-enabled li a {
	background-position: right -200px;
	color:#fff !important;
}

body.act .box.light ul.buttons.js-buttons-enabled li a span {
	background-position: left -200px;
}

body.act .box.light ul.buttons.js-buttons-enabled li a:hover,
body.act .box.light ul.buttons.js-buttons-enabled li a:focus {
	background-position: right -220px;
}

body.act .box.light ul.buttons.js-buttons-enabled li a:hover span,
body.act .box.light ul.buttons.js-buttons-enabled li a:focus span {
	background-position: left -220px;
}

body.donate ul.buttons.js-buttons-enabled li a {
	background-position: right -120px;
	color:#fff !important;
}

body.donate ul.buttons.js-buttons-enabled li a span {
	background-position: left -120px;
}

body.donate ul.buttons.js-buttons-enabled li a:hover,
body.donate ul.buttons.js-buttons-enabled li a:focus {
	background-position: right -140px;
}

body.donate ul.buttons.js-buttons-enabled li a:hover span,
body.donate ul.buttons.js-buttons-enabled li a:focus span {
	background-position: left -140px;
}

body.donate .section ul.buttons.js-buttons-enabled li a {
	background-position: right -160px;
	color:#0D789A !important;
}

body.donate .section ul.buttons.js-buttons-enabled li a span {
	background-position: left -160px;
}

body.donate .section ul.buttons.js-buttons-enabled li a:hover,
body.donate .section ul.buttons.js-buttons-enabled li a:focus {
	background-position: right -180px;
}

body.donate .section ul.buttons.js-buttons-enabled li a:hover span,
body.donate .section ul.buttons.js-buttons-enabled li a:focus span {
	background-position: left -180px;
}

body.donate .dollar-handles .section ul.buttons.js-buttons-enabled li a {
	background-position: right -360px;
	color:#0C799A !important;
}

body.donate .dollar-handles .section ul.buttons.js-buttons-enabled li a span {
	background-position: left -360px;
}

body.donate .dollar-handles .section ul.buttons.js-buttons-enabled li a:hover,
body.donate .dollar-handles .section ul.buttons.js-buttons-enabled li a:focus {
	background-position: right -380px;
}

body.donate .dollar-handles .section ul.buttons.js-buttons-enabled li a:hover span,
body.donate .dollar-handles .section ul.buttons.js-buttons-enabled li a:focus span {
	background-position: left -380px;
}

body.donate .box.dark ul.buttons.js-buttons-enabled li a {
	background-position: right -80px;
	color:#fff !important;
}

body.donate .box.dark ul.buttons.js-buttons-enabled li a span {
	background-position: left -80px;
}

body.donate .box.dark ul.buttons.js-buttons-enabled li a:hover,
body.donate .box.dark ul.buttons.js-buttons-enabled li a:focus {
	background-position: right -100px;
}

body.donate .box.dark ul.buttons.js-buttons-enabled li a:hover span,
body.donate .box.dark ul.buttons.js-buttons-enabled li a:focus span {
	background-position: left -100px;
}

body.explore ul.buttons.js-buttons-enabled li a {
	background-position: right -280px;
	color:#fff !important;
}

body.explore ul.buttons.js-buttons-enabled li a span {
	background-position: left -280px;
}

body.explore ul.buttons.js-buttons-enabled li a:hover,
body.explore ul.buttons.js-buttons-enabled li a:focus {
	background-position: right -300px;
}

body.explore ul.buttons.js-buttons-enabled li a:hover span,
body.explore ul.buttons.js-buttons-enabled li a:focus span {
	background-position: left -300px;
}

body.explore .section ul.buttons.js-buttons-enabled li a {
	background-position: right -320px;
	color:#60A814 !important;
}

body.explore .section ul.buttons.js-buttons-enabled li a span {
	background-position: left -320px;
}

body.explore .section ul.buttons.js-buttons-enabled li a:hover,
body.explore .section ul.buttons.js-buttons-enabled li a:focus {
	background-position: right -340px;
}

body.explore .section ul.buttons.js-buttons-enabled li a:hover span,
body.explore .section ul.buttons.js-buttons-enabled li a:focus span {
	background-position: left -340px;
}

body.generic ul.buttons.js-buttons-enabled li a {
	background-position: right -280px;
	color:#fff !important;
}

body.generic ul.buttons.js-buttons-enabled li a span {
	background-position: left -280px;
}

body.generic ul.buttons.js-buttons-enabled li a:hover,
body.generic ul.buttons.js-buttons-enabled li a:focus {
	background-position: right -300px;
}

body.generic ul.buttons.js-buttons-enabled li a:hover span,
body.generic ul.buttons.js-buttons-enabled li a:focus span {
	background-position: left -300px;
}

body.generic .section ul.buttons.js-buttons-enabled li a {
	background-position: right -320px;
	color:#60A814 !important;
}

body.generic .section ul.buttons.js-buttons-enabled li a span {
	background-position: left -320px;
}

body.generic .section ul.buttons.js-buttons-enabled li a:hover,
body.generic .section ul.buttons.js-buttons-enabled li a:focus {
	background-position: right -340px;
}

body.generic .section ul.buttons.js-buttons-enabled li a:hover span,
body.generic .section ul.buttons.js-buttons-enabled li a:focus span {
	background-position: left -340px;
}

body.generic .dark ul.buttons.js-buttons-enabled li a {
	background-position: right -280px;
	color:#fff !important;
}

body.generic .dark ul.buttons.js-buttons-enabled li a span {
	background-position: left -280px;
}

body.generic .dark ul.buttons.js-buttons-enabled li a:hover,
body.generic .dark ul.buttons.js-buttons-enabled li a:focus {
	background-position: right -300px;
}

body.generic .dark ul.buttons.js-buttons-enabled li a:hover span,
body.generic .dark ul.buttons.js-buttons-enabled li a:focus span {
	background-position: left -300px;
}

/* end button colour variations */



/*
Photo boxes. with legacy support for content from old site eg. donation appeal images
Wrap these around <img>s */
.photo-box,
.featureBox {
	border: 1px solid #ccc;
	background:#fff;
	float: right;
	clear:right;
	margin: 5px 0em 1em 1em;
	padding: 5px;
	width: 200px;
	display:block;
	position:relative;
	clear:right;
}

.photo-box-large {
	border: 1px solid #ccc;
	background:#fff;
	margin: 1em 0em 1em 0em;
	padding: 5px;
	width: 468px;
	display:block;
	position:relative;
	text-align:center;
	clear:both;
}

.item-box-image p,
.photo-box p,
.featureBox small,
.photo-box-large p,
.photo-box-large small {
	font-size: 1em;
	line-height: 120%;
	margin: 0;
	padding: 2px;
}

.item-box-image span.photo-credit,
.photo-box span.photo-credit,
.photo-box-large span.photo-credit {
	color:#999;
	font-size:10px;
	padding:2px 5px 2px 5px;
}

ul.state-filter {
	margin: 0;
	padding:0;
}

ul.state-filter li {
	display: inline;
	margin:0;
	padding:0;
}

ul.state-filter li a {
	text-transform: uppercase;
	background:#F0EADA;
	color:#C07C19;
	padding:3px 10px;
	margin:0 2px 0 2px;
	display:inline-block;
	text-decoration:none;
}

ul.state-filter li a.current {
	background:#C07C19;
	color:#fff;
}

/* fast-facts - used on the coutries pages and also within the mining section of explore */
.fast-facts {
	background: #f4f0e4;
	border-style: solid;
	border-color: #857c5f;
	border-width: 1px;
	padding: 0 0 0 1em;
}

.fast-facts h3 {
	padding-left: 0px;
	color: black !important;
	padding-top: 0.4em;
}

.fast-facts img {
	width: 200px;
	float: right;
	display: block;
	background: white;
	margin-left: 3px;
	border-style: solid;
	border-color: #857c5f;
	border-width: 0 0 1px 1px;
	padding: 2px;
	margin-left: 1ex;
}

.fast-facts dl {
	margin-left: 0px;
}

.fast-facts dl dd {
	margin-left: 0px;
}

dl.contact-details {
	display:block;
	position:relative;
	margin:0;
	padding:0;
}

dl.contact-details dt {
	float:left;
	text-align:left;
	width:50px;
	margin:0;
	padding:0;
}

dl.contact-details dd {
	margin:0 0 0 60px;
}

/* end fast-facts */

/* *************************** */
/* --- end general classes --- */
/* *************************** */





/* *************************** */
/* +++ section specific classes +++ */

/* *************************** */

body.home #content-wrapper {
	border-top:5px solid #EAE3D0;
	padding-top:5px;
}

body.home #content-wrapper #multi-column-wrapper {
	background:transparent;
}

body.explore #content-wrapper {
	border-top:5px solid #70BB23;
	padding-top:0px;
}

body.explore #footer {
	border-top:2px solid #70BB23;
}

body.act #content-wrapper {
	border-top:5px solid #FDAB02;
	padding-top:0px;
}

body.act #footer {
	border-top:2px solid #FDAB02;
}

body.donate #content-wrapper {
	border-top:5px solid #0099CB;
	padding-top:0px;
}

body.donate #footer {
	border-top:2px solid #0099CB;
}

body.generic #content-wrapper {
	border-top:5px solid #EAE3D0;
	padding-top:0px;
}

body.generic #footer {
	border-top:2px solid #EAE3D0;
}



/* begin main grid box background colours */
body.home .main-grid .box.dark {
	background-color: #ECE6D4;
}

body.home .main-grid .box.light {
	background-color: #FAF8F1;
}

body.generic .main-grid .dark {
	background-color: #70BC24;
}

body.home #content .main-grid .box.light h2,
body.home #content .main-grid .box.light h3,
body.home #content .main-grid .box.light h4,
body.home #content .main-grid .box.light p,
body.home #content .main-grid .box.light a,
body.home #content .main-grid .box.light dl,
body.home #content .main-grid .box.light li {
	color:#000 !important;
}

body.home #content .main-grid .box.light li a {
	color:#fff !important;
}


body.generic #content .main-grid .dark h2,
body.generic #content .main-grid .dark h3,
body.generic #content .main-grid .dark h4,
body.generic #content .main-grid .dark p,
body.generic #content .main-grid .dark a,
body.generic #content .main-grid .dark dl,
body.generic #content .main-grid .dark li {
	color:#fff;
}

body.generic .main-grid .light {
	background-color: #B0D25A;
}

body.generic #content .main-grid .light h2,
body.generic #content .main-grid .light h3,
body.generic #content .main-grid .light h4,
body.generic #content .main-grid .light p,
body.generic #content .main-grid .light a,
body.generic #content .main-grid .light dl,
body.generic #content .main-grid .light li {
	color:#4C8A0D;
}

body.generic .main-grid .white {
	background-color: #fff;
}

body.generic #content .main-grid .white h2,
body.generic #content .main-grid .white h3,
body.generic #content .main-grid .white h4,
body.generic #content .main-grid .white p,
body.generic #content .main-grid .white a,
body.generic #content .main-grid .white dl,
body.generic #content .main-grid .white li {
	color:#3d3d3d;
}

body.explore .main-grid .box.white {
	background-color: #e0e0e0;
}

body.explore .main-grid .box.dark {
	background-color: #70BC24;
}

body.explore #content .main-grid .box.dark div h2,
body.explore #content .main-grid .box.dark div h3,
body.explore #content .main-grid .box.dark div h4,
body.explore #content .main-grid .box.dark div p,
body.explore #content .main-grid .box.dark div a,
body.explore #content .main-grid .box.dark div li {
	color:#fff;
}

body.explore .main-grid .box.light {
	background-color: #B2D360;
}

body.explore #content .main-grid .box.light div h2,
body.explore #content .main-grid .box.light div h3,
body.explore #content .main-grid .box.light div h4,
body.explore #content .main-grid .box.light div p,
body.explore #content .main-grid .box.light div a,
body.explore #content .main-grid .box.light div li {
	color:#4B890A;
}

body.act .main-grid .box.dark {
	background-color: #ff9900;
}

body.act #content .main-grid .box.dark div h2,
body.act #content .main-grid .box.dark div h3,
body.act #content .main-grid .box.dark div h4,
body.act #content .main-grid .box.dark div p,
body.act #content .main-grid .box.dark div a,
body.act #content .main-grid .box.dark div li {
	color:#fff;
}

body.act .main-grid .box.light {
	background-color: #FEC369;
}

body.act #content .main-grid .box.light div h2,
body.act #content .main-grid .box.light div h3,
body.act #content .main-grid .box.light div h4,
body.act #content .main-grid .box.light div p,
body.act #content .main-grid .box.light div a,
body.act #content .main-grid .box.light div li {
	color:#9B6209;
}

body.donate #content .main-grid .box.dark {
	background-color: #17A0CC;
}

body.donate #content .main-grid .box.dark div h2,
body.donate #content .main-grid .box.dark div h3,
body.donate #content .main-grid .box.dark div h4,
body.donate #content .main-grid .box.dark div p,
body.donate #content .main-grid .box.dark div a,
body.donate #content .main-grid .box.dark div li {
	color:#fff;
}

body.donate #content .main-grid .box.light {
	background-color: #93D5EB;
}

body.donate #content .main-grid .box.light div h2,
body.donate #content .main-grid .box.light div h3,
body.donate #content .main-grid .box.light div h4,
body.donate #content .main-grid .box.light div p,
body.donate #content .main-grid .box.light div a,
body.donate #content .main-grid .box.light div li {
	color:#0C7797;
}

/* end main grid box background colours */


/* sections heading text colouring */
body.explore .section h2 a {
	color: #568F1A;
}

body.explore .section h2 a:hover,
body.explore .section h2 a:focus {
	color: #76AF3A;
}

body.act .section h2 a {
	color: #C07C19;
}

body.act .section h2 a:hover,
body.act .section h2 a:focus {
	color: #E09C39;
}

body.donate .section h2 a {
	color: #0099CB;
}

body.donate .section h2 a:hover,
body.donate .section h2 a:focus {
	color: #20b9eB;
}

body.generic .section h2 a {
	color: #568F1A;
}

body.generic .section h2 a:hover,
body.generic .section h2 a:focus {
	color: #76AF3A;
}

/* end sections heading text colouring */

body.explore #content ul,
body.generic #content ul,
body.explore #modular ul,
body.generic #modular ul {
	list-style-image: url("images/list-item-bullet-green.png");
	list-style-position:outside;
	border:none;
}

body.act #content ul,
body.act #modular ul {
	list-style-image: url("images/list-item-bullet-orange.png");
}

body.donate #content ul,
body.donate #modular ul {
	list-style-image: url("images/list-item-bullet-blue.png");
}

body.explore h1,
body.explore h2,
body.explore h3,
body.explore h4 {
	color: #71bc23;
}

body.explore #modular h1,
body.explore #modular h2,
body.explore #modular h3,
body.explore #modular h4 {
	color: #599019;
}

body.act h1,
body.act h2,
body.act h3,
body.act h4 {
	color: #C07C19;
}

body.donate h1,
body.donate h2,
body.donate h3,
body.donate h4 {
	color: #0099CB;
}

/*  top level page feature text formatting and colour */

.main-grid .feature h1,
.main-grid .feature h2,
.main-grid .feature h3,
.main-grid .feature h4,
.main-grid .feature h5,
.main-grid .feature p,
.main-grid .feature ul li,
.main-grid .feature dl dd,
.main-grid .feature dl dt {
	color: #fff !important;
}

.main-grid .feature p {
	margin:0 0 0 0;
	padding:0 0 5px 0;
	position:relative;
	width: 280px;
}

.main-grid .feature p.dark {
	color: #333333 !important;
}

.main-grid .feature p.credit,
.main-grid .feature small.credit {
	color:#999 !important;
	font-size:10px;
	margin:0 0 0 0;
	clear:both;
	padding:0 0 10px 0;
	line-height:10px;
	position:relative;
}

.main-grid .feature small.credit.dark {
	color: #4c4c4c !important;
	
}

.main-grid .feature h1,
.main-grid .feature h1 a {
	color:#fff;
	line-height:95%;
	font-size:48px;
	margin:0 0 0.2em 0;
	letter-spacing:-1px;
}

.main-grid .feature h1 a.dark {
	color:#333333 !important;
	
}

.main-grid .feature h2,
.main-grid .feature h2 a {
	color:#b0d25b !important;
	line-height:110%;
	margin:0 0 0.2em 0;
}

.main-grid .feature h3,
.main-grid .feature h3 a {
	color:#fff !important;
	line-height:110%;
	margin:0 0 0.2em 0;
}

.main-grid .box h4,
.main-grid .box h4 a {
	line-height:150% !important;
	margin:0 0 0.5em 0;
}

body.generic .main-grid h1 {
/*font-size:3em;*/
}

/*  end top level page feature text formatting and colour */
	

/* *************************** */
/* --- end section specific classes --- */
/* *************************** */



/* *************************** */
/* +++ page specific classes +++ */

/* *************************** */

body.home .main-grid {
	padding-bottom:10px;
}

.main-grid .short-box ul {
	list-style:none;
	margin:0;
	padding:0;
}

.main-grid .short-box ul li {
	list-style:none;
	margin:0;
	padding:0;
}

#homepage-feature {
	z-index: 1;
	position: relative;
	display:block;
	float: left;
	height: 460px;
	width: 640px;
}

.homepage-feature-receptical {
	z-index: 5;
	height: 460px;
	width: 640px;
	position: relative;
	padding:0;
	margin:0;
	overflow:hidden;
	display:none;
}

.js-enabled {
	display:block;
}

.homepage-feature-receptical.no-js {
	z-index: 5;
	height: 460px;
	width: 640px;
	position: relative;
	padding:0;
	margin:0;
	overflow:hidden;
	display:block;
}

noscript .homepage-feature-receptical {
	z-index: 5;
	height: 460px;
	width: 640px;
	position: relative;
	padding:0;
	margin:0;
	overflow:hidden;
	display:block;
}

noscript .homepage-feature-receptical.no-js {
	z-index: 5;
	height: 460px;
	width: 640px;
	position: relative;
	padding:0;
	margin:0;
	overflow:hidden;
	display:block;
}

.homepage-feature-transport {
	height: 30px;
	width: 640px;
	background:#F4EEE0;
	padding:0;
	margin:0;
	bottom: 0px;
	left:0px;
	z-index: 50;
	position: absolute;
}

.homepage-feature-transport ul {
	margin:0;
	padding:0;
	width: 640px;
	list-style:none;
	list-style-image:none;
}

.homepage-feature-transport ul li {
	margin:0;
	padding:0;
	height: 30px;
	list-style:none;
	list-style-image:none;
	float:left;
}

.homepage-feature-transport ul li a {
	z-index: 59;
	display: block;
	width: 212px;
	height: 30px;
	background-color: #B0D25A;
	background-image:url("images/rounded-corner-bottom-right-beige-small.png");
	background-repeat:no-repeat;
	background-position: right bottom;
	text-indent:10px;
	line-height:30px;
	text-decoration:none;
	text-transform:uppercase;
	font-size:1em;
	font-weight:bold;
	color:#57901D;
	float: left;
	margin: 0;
	position: relative;
	outline:none;
	border-top:2px solid #464;
}

.homepage-feature-transport ul li a.last {
	background-image:none;
}

.homepage-feature-transport ul li a span {
	display:block;
	float:left;
	width:10px;
	background-color:transparent;
	background-image:url("images/rounded-corner-bottom-left-beige-small.png");
	background-repeat:no-repeat;
	background-position: left bottom;
	height:30px;
}

.homepage-feature-transport ul li a:hover,
.homepage-feature-transport ul li a:focus {
	background-color: #7CC035;
	color:#fff;
}

.homepage-feature-transport ul li a.activeSlide {
	background-color:#7CC035;
	background-image:url("images/rounded-corner-bottom-right-beige-small.png");
	background-repeat:no-repeat;
	background-position: right bottom;
	color:#fff;
	outline:none;
	border-top:1px solid #7CC035;
}

.feature {
	position:relative;
}

.feature .box {
	padding:16px 20px 10px 20px;
	width:290px;
	background-color: transparent !important;
}

.feature .two-column-box {
	padding:16px 20px 10px 20px;
	width:600px;
	background-color: transparent !important;
}

.feature .two-column-two-row-box {
	padding:16px 20px 10px 20px;
	width:600px;
	height:460px;
	background-color: transparent !important;
}

.feature .box.dark {
	background-color: transparent !important;
	color:#fff;
}

.feature .box.light {
	background-color: transparent !important;
	color:#3d3d3d;
}

.feature .top-left {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

.feature .top-right {
	position:absolute;
	top:0;
	left:320px;
	z-index:100;
}

.feature .bottom-left {
	position:absolute;
	top:230px;
	height:230px;
	display:block;
	left:0;
	background:#fc0;
	z-index:100;
}

.feature .bottom-right {
	position:absolute;
	top:230px;
	left:320px;
	z-index:100;
}

.home-explore {
	background: #75B81B url("images/rounded-corner-top-left.png") top left no-repeat;
	color:#fff;
}

.home-act {
	background: #FDAB02;
	color:#fff;
}

.home-donate {
	background: #0099CB url("images/rounded-corner-top-right.png") top right no-repeat;
	color:#fff;
}

.home-explore h2,
.home-act h2,
.home-donate h2 {
	font-size: 2.5em;
	font-weight:normal;
	margin: 0em 0 0.2em 0;
	color:#fff;
}

.home-explore h3,
.home-act h3,
.home-donate h3 {
	font-size: 1.3em;
	line-height:1.3em;
	font-weight:normal;
	margin: 0.2em 0 0.6em 0;
	color:#fff;
}

.home-explore h4,
.home-act h4,
.home-donate h4 {
	font-size: 1.1em;
	font-weight:normal;
	margin: 0.2em 0 0.2em 0;
	color:#fff;
}

/* used on online action pages */
h1.action-title {
	font-size:3em;
	line-height:120%;
}

/* sociable bookmark thing */

div.sociable {
	margin: 16px 0;
}

span.sociable_tagline {
	position: relative;
}

span.sociable_tagline span {
	display: none;
	width: 14em;
}

span.sociable_tagline:hover span,
span.sociable_tagline:focus span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}

.sociable span {
	display: block;
}

.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}

.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}

.sociable ul li:before {
	content: "";
}

.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter: alpha(opacity=40);
}

.sociable-hovers:hover,
.sociable-hovers:focus {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/* end sociable bookmark thing */

/* scrollPane css for jqueryScrollpane */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #78BB30;
}

.jScrollPaneDrag {
	position: absolute;
	background: #5A991C;
	cursor: pointer;
	overflow: hidden;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #559121;
	background-image: url("images/site-icons-up-arrow.gif");
	background-position: top left;
	background-repeat: no-repeat;
	height: 16px;
}

a.jScrollArrowUp:hover,
a.jScrollArrowUp:focus {
	background-color: #8DCF45;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #559121;
	background-image: url("images/site-icons-down-arrow.gif");
	background-position: top left;
	background-repeat: no-repeat;
	height: 16px;
}

a.jScrollArrowDown:hover,
a.jScrollArrowDown:focus {
	background-color: #8DCF45;
}

a.jScrollActiveArrowButton,
a.jScrollActiveArrowButton:hover,
a.jScrollActiveArrowButton:focus {
	background-color: #8DCF45;
}

body.act .jScrollPaneTrack {
	background: #FFB546;
}

body.act .jScrollPaneDrag {
	background: #FFA723;
}

body.act a.jScrollArrowUp {
	background-color: #FFA723;
}

body.act a.jScrollArrowUp:hover,
body.act a.jScrollArrowUp:focus {
	background-color: #FFA723;
}

body.act a.jScrollArrowDown {
	background-color: #FFA723;
}

body.act a.jScrollArrowDown:hover,
body.act a.jScrollArrowDown:focus {
	background-color: #FFA723;
}

body.act a.jScrollActiveArrowButton,
a.jScrollActiveArrowButton:hover,
a.jScrollActiveArrowButton:focus {
	background-color: #FFA723;
}

body.donate .jScrollPaneTrack {
	background: #30ABD2;
}

body.donate .jScrollPaneDrag {
	background: #0D789A;
}

body.donate a.jScrollArrowUp {
	background-color: #0D789A;
}

body.donate a.jScrollArrowUp:hover,
body.donate a.jScrollArrowUp:focus {
	background-color: #0D789A;
}

body.donate a.jScrollArrowDown {
	background-color: #0D789A;
}

body.donate a.jScrollArrowDown:hover,
body.donate a.jScrollArrowDown:focus {
	background-color: #0D789A;
}

body.donate a.jScrollActiveArrowButton,
a.jScrollActiveArrowButton:hover,
a.jScrollActiveArrowButton:focus {
	background-color: #0D789A;
}

.scroll-pane {
	overflow: auto;
	width: 320px;
	height: 170px;
	float: left;
}

/*end  scrollPane css for jqueryScrollpane */


div.online-actions {
	list-style:none;
	list-style-image: none;
	margin:0;
	padding:0;
}

.appealDescription div.actionFlash {
	margin:0;
	padding:0;
	float:left;
}

div.actionFlash {
	margin:0;
	padding:0;
	float:right;
}

div.actionFlash div{
	text-align:center;
	line-height:14px;
	font-size:10px;
    width:120px;
	margin-left:25px;
	padding:0;

}
div.online-actions ul.online-action {
	list-style:none;
	list-style-image: none;
	margin:10px 0 0 0;
	padding:20px 0;
	width:700px;
	display:block;
	float:left;
	border-top:1px solid #FEC268;
}

div.online-actions ul.online-action li {
	list-style:none;
	list-style-image: none;
	margin:0;
	padding:0;
}

div.online-actions ul.online-action li h4 {
	background:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:1.3em;
	display:block;
	margin:0 0 0.4em 0;
	padding:0 0 0 0;
}

div.online-actions ul.online-action li h4 a {
	text-decoration:none;
}

div.online-actions ul.online-action div.online-action-text {
	float:left;
	width:350px;
	display:block;
	margin:0;
	padding:0;
}

div.online-actions ul.online-action div.online-action-text ul,
div.online-actions ul.online-action div.online-action-text ul li {
	margin:0;
	padding:0;
}

div.online-actions ul.online-action div.online-action-image {
	float:left;
	display:block;
	border:0;
	padding:0;
	clear:left;
	border:0;
	margin:0 15px 0 0;
}

div.no-flash-online-action-counter {
	float:left;
	display:block;
	width:140px;
	font-size:1.1em;
	line-height:130%;
	background:#FEE6C1;
	font-weight:bold;
	margin:5px 0 10px 0;
	padding:5px;
}

div.no-flash-donation-appeal-counter {
	float:left;
	display:block;
	width:140px;
	font-size:1.1em;
	line-height:130%;
	background:#D3EEF7;
	font-weight:bold;
	margin:5px 0 10px 0;
	padding:5px;
}

div.online-actions ul.online-action div.online-action-image a img {
	border:0;
}

div.online-actions ul.online-action li ul.buttons.js-buttons-enabled {
	margin: 10px 0 0 0px;
}

div.donation-appeal-list {
	list-style:none;
	list-style-image: none;
	margin:0;
	padding:0;
}

div.donation-appeal-Flash {
	margin:0;
	padding:0;
	float:right;
	width:160px;
	height:140px;
}

div.donation-appeal-Flash-horizontal {
	margin:0 0 10px 0;
	padding:0;
	width:480px;
	float:left;
	height:25px;
}

div.appealDescription {
	float:left;
	margin:0 0 10px 0;
	padding:0;
	width:700px;
}

div.donate-photo-box {
	float:right;
	margin:0 0 0 1em;
	padding:5px;
	border:1px solid #ddd;
}

div.donation-appeal-list ul.donation-appeal {
	list-style:none;
	list-style-image: none;
	margin:10px 0 0 0;
	padding:20px 0 10px 0;
	width:700px;
	display:block;
	float:left;
	border-top:1px solid #94D6EC;
}

div.donation-appeal-list ul.donation-appeal li {
	list-style:none;
	list-style-image: none;
	margin:0;
	padding:0;
}

div.donation-appeal-list ul.donation-appeal li h4 {
	background:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:1.3em;
	display:block;
	color:#17A0CC;
	margin:0 0 0.4em 0;
	padding:0 0 0 0;
}

div.donation-appeal-list ul.donation-appeal li p {
	margin:5px 0 0 0;
	padding:0 0 0 0;
}

div.donation-appeal-list ul.donation-appeal li h4 a {
	text-decoration:none;
	color:#17A0CC;
}

div.donation-appeal-list ul.donation-appeal li h4 a:hover,
div.donation-appeal-list ul.donation-appeal li h4 a:focus {
	text-decoration:none;
	color:#94D6EC;
}

div.donation-appeal-list ul.donation-appeal div.donation-appeal-text {
	float:left;
	width:380px;
	display:block;
	margin:0;
	padding:0;
}

div.donation-appeal-list ul.donation-appeal div.donation-appeal-image {
	float:left;
	display:block;
	border:0;
	padding:0;
	clear:left;
	border:0;
	margin:0 15px 0 0;
}

div.donation-appeal-list ul.donation-appeal div.donation-appeal-image a img {
	border:0;
}

div.donation-appeal-list ul.donation-appeal li ul.buttons.js-buttons-enabled {
	margin: 10px 0 0 0px;
}

div.event-listings {
	margin:20px 0 0 0;
	padding:0;
	width:700px;
}

div.event-listings .date-grouping {
	margin:0 0 0 0;
	padding:0;
	width:60px;
	height:100px;
	display:block;
	clear:both;
	float:left;
	position:relative;
	background: url("images/events-date-grouping-background.png") top left no-repeat;
	color:#C07C19;
}

div.event-listings .bookmarks {
	margin:10px 10px 15px 0;
	padding:0;
	display:block;
	text-align:right;
	position:relative;
	color:#C07C19;
	float:right;
	width:45%;
}

div.event-listings .bookmarks a {
	color:#C07C19;
}

div.event-listings .event .buttons {
	float:left;
	width:45%;
}

div.event-listings .bookmarks a:hover,
div.event-listings .bookmarks a:focus {
	color:#FF9900;
}

div.event-listings .date-grouping span.month {
	font-size:1.6em;
	line-height:100%;
	font-weight:bold;
	text-align:center;
	display:block;
	padding:5px 0 0 0;
	width:60px;
}

div.event-listings .date-grouping span.year {
	font-size:1.6em;
	line-height:100%;
	text-align:center;
	display:block;
	width:60px;
}

div.event-listings .event {
	margin:0 0 10px 80px;
	padding:0;
	display:block;
	position:relative;
	width:600px;
	min-height:100px;
	border:1px solid #FEE6C1;
}

div.event-listings .event h3 {
	margin:7px 0 0 20px;
	padding:0;
	font-size:2.3em;
	color:#643C00;
}

div.event-listings .event h3 a {
	color:#643C00;
}

div.event-listings .event h5 {
	margin:0;
	padding:2px 0 3px 20px;
	font-weight:bold;
	font-size:1.2em;
	display:block;
	background:#FEC268;
}

div.event-listings .event p {
	margin:5px 0 0 20px;
	padding:0;
}

div.event-listings .event ul {
	list-style:none;
	list-style-image: none;
	margin:5px 0 10px 20px;
	padding:0;
}

div.event-listings .event ul li {
	list-style:none;
	list-style-image: none;
	margin:0;
	padding:0;
}

dl.recent-faq-list {
	position:relative;
	display:block;
	float:left;
	margin:0 0 1em 0;
	padding:0 0 1em 0;
	clear:both;
}

dl.recent-faq-list dt {
	position:relative;
	display:block;
	float:left;
	width:200px;
	font-size:1.5em;
	padding:15px 0 0 0px;
	margin:10px 0 0 50px;
	clear:both;
	min-height:50px;
	color:#73BA18;
}

dl.recent-faq-list dt span {
	position:relative;
	display:block;
	float:left;
	width:50px;
	top:-16px;
	height:50px;
	font-size:3.5em;
	line-height:1em;
	padding:15px 0 0 0;
	margin:0 0 0 -50px;
	color:#73BA18;
}

dl.recent-faq-list dd {
	position:relative;
	display:inline-block;
	float:left;
	width:330px;
	margin:10px 0 0 0;
	padding:15px 0 0 10px;
}

.job {
	margin: 0 0px 0 0px;
	padding: 0 0 0 10px;
	background:#fafafa;
	border:1px solid #ddd;
	border-top:5px solid #9c0;
	border-bottom:3px solid #ccc;
}

.jobDescription {
	margin: 0 30px 0 20px;
}

.jobDate {
	font-weight:bold;
}

.jobTitle {
	font: 1.8em/120% Arial, Helvetica, sans-serif;
	color:#333;
	margin:0 0 0 0;
	padding:5px 0 5px 5px;
}

.job ul.jobDocs {
	background:#f1f1f1;
	margin:0 0 20px 0;
	padding:1px 10px 10px 10px;
}

.media-releases {
	padding:0px 0 0 0;
}

.wp-posts {
	display:block;
	margin:0 0 0 0;
	padding:0 0 10px 0;
}

.media-releases h1.wp-cat-title {
	margin:0;
	padding:0px 0 5px 0;
	line-height:100%;
	display:block;
	color:#3d3d3d !important;
}

.wp-cat-subtitle {
	margin:0;
	padding:0px 0 0 0px;
	color:#3d3d3d !important;
}

.wp-posts .wp-post {
	margin:0px 0 0 0;
	padding:10px 0 0 0;
	display:block;
	color:#3d3d3d!important;
	line-height:135%;
	font-size:12px;
}

.wp-posts .wp-post br {
	margin:10px 0 0 0;
	display:block;
	padding:10px 0 0 0;
}

.wp-posts .wp-post p {
	margin:10px 0 0 0;
	padding:0;
	display:block;
	color:#3d3d3d!important;
	line-height:135%;
	font-size:12px;
}

.wp-posts .wp-post ul li {
	font-size:12px;
}

.wp-posts .wp-post .post-text {
	margin:0 0 10px 70px!important;
	padding:0;
	display:block;
	line-height:135%;
}

.wp-posts .wp-post .post-text h3 {
	margin:0;
	padding:0;
	color:#3d3d3d!important;
	line-height:120%;
}

.wp-posts .wp-post .post-text h3 a {
	text-decoration:none;
	color:#73AE39!important;
	display:block;
	margin:0;
	padding:0 10px 0 10px;
}

.wp-posts .wp-post .post-text h3 a:hover,
.wp-posts .wp-post .post-text h3 a:focus {
	text-decoration:none;
	color:#73BE21!important;
}

.wp-posts .wp-post .post-text p {
	margin:0;
	padding:5px 10px 0 10px;
	line-height:155%;
	color:#3d3d3d!important;
}

.wp-posts .wp-post .post-text p.read-more-link a {
	color:#999;
}

.wp-posts .wp-post .post-text p.read-more-link a:hover,
.wp-posts .wp-post .post-text p.read-more-link a:focus {
	color:#73BE21!important;
}

.wp-posts .wp-post .date {
	margin:5px 10px 0 0;
	padding:0 5px 10px 5px;
	display:block;
	float:left;
	width:50px;
	font-size:12px;
	min-height:60px;
	background:url("images/wp-post-date-bg.png") top left repeat-x;
	color:#9d9d9d;
}

div.wp-posts .wp-post .date span.day {
	font-size:1em;
	font-weight:normal;
	line-height:100%;
	display:inline-block;
	padding:5px 0 0 3px;
	margin:0;
}

div.wp-posts .wp-post .date span.month {
	font-size:1em;
	line-height:100%;
	display:inline-block;
	padding:5px 0 0 0;
	margin:0;
}

div.wp-posts .wp-post .date span.year {
	font-size:1.2em;
	line-height:100%;
	display:block;
	padding:0;
	text-align:center;
	margin:0;
}

div.item-box {
	margin:10px 0;
	padding:10px 0;
	clear:both;
	display:block;
	border-top: 1px solid #eee;
	position:relative;
}

div.item-box div.item-box-image {
	width:135px;
	float:left;
	display:block;
	position:relative;
	border:1px solid #ddd;
	margin:0 0 20px 0;
}

div.item-box div.item-box-image img {
}

div.item-box div.item-box-text {
	margin:0 0 0 155px;
	padding:0 10px 5px 0;
	display:block;
}

div.item-box div.item-box-text h2 {
	margin:0 0 0 0;
	padding:0 0 5px 0;
}

div.item-box div.item-box-text p {
	margin:0 0 0 0;
	padding:0 0 5px 0;
}

div.countries-where-we-work {
	float:left;
	display:block;
	width:24%;
}

div.countries-where-we-work h3 {
	margin:0;
	padding:0;
}

div.countries-where-we-work ul {
	margin-top:0;
	padding:0;
}

#rat-race-table {
	margin-bottom: 20px;
	margin-top: 20px;
}

#rat-race-table td,
#rat-race-table th {
	padding: 4px;
	background: #c9e4a3;
	font-size: small !important;
}

div.third-container {
	clear: both;
	padding-top: 1em;
	padding-bottom: 1em;
}

/* three-column used here: explore/climate-change/what-oxfam-is-doing/climate-hearing 24/11/09 */
div.third-container div.third {
	float: left;
	margin-left: 4px;
	text-align: center;
}

body.three-column div.third-container div.third {
width: 155px;
padding-bottom: 2.0em;
}
body.two-column div.third-container div.third {
width: 228px;
padding-bottom: 0px;
}

body.three-column div.third-container div.third h3,
body.three-column div.third-container div.third p {
	margin-bottom: 0px;
}

body.three-column div.third-container div.third img {
	width: 150px;
	height: 113px;
	margin-left: auto;
	margin-right: auto;
}

/* *************************** */
/* --- end page specific classes --- */
/* *************************** */

/* *************************** */
/* merchandise cart css */
/* *************************** */

#merch-feature-grid {
	display:block;
	float:left;
	}
	
.merch-product {
	display:block;
	width:480px;
	min-height:160px;
	height:160px;
	height:auto;
	clear:both;
	float:left;
	margin:10px 0 20px 0;
	padding:10px 0;
	border-bottom:1px solid #ccc;
	}

.merch-product h3.price{
	font-size:20px;
	font-weight:bold;
	color:#333;
	line-height:26px;
	}
	
.merch-product h3.price span {
	font-size:11px;
	font-weight:normal;
	line-height:11px;
	position:relative;
	bottom:7px;
	}

.merch-product-text {
	float:left;
	margin:0;
	width:280px;
	padding:0 10px 0 10px;
	}

.merch-product-image {
	float:left;
	display:block;
	position:relative;
	width:135px;
	margin:0;
	padding:0;
	}
	
.merch-product-image a {
	text-decoration:none;
	margin:0px;
	border:2px solid #fff;
	display:block;
	width:135px;
	padding:0;
	}
	
.merch-product-image a:hover {
	text-decoration:none;
	margin:0px;
	background:#fff;
	border:2px solid #fff;
	display:block;
	width:135px;
	padding:0;
	}
	
.merch-product-image a span img {
	text-decoration:none;
	padding:5px 0 0 0;
	}
	
.ajax-info {
	clear:both;
	display:block;
	height:20px;
	width:250px;
	float:left;
	font-size:12px;
	line-height:20px;
	position:relative;
	color:#fff;
	padding:2px 5px;
	}
	
.ajax-loader {
	height:30px;
	width:30px;
	background: url("images/ajax-loader.gif") top left no-repeat;
	text-indent:-9999em;
	float:right;
	display:block;
	position:relative;
	}
	
	
.merch-product-text div.error,
.merch-cart-full div.error {
	background-color:#CC3300;
	color:#fff;
	font-size:12px;	
	padding:2px 5px;
	clear:both;
	display:block;
	height:20px;
	position:relative;
	float:left;
	}

.merch-product-text div.success,
.merch-cart-full div.success {
	background-color:#66CC33;
	color:#fff;
	font-size:12px;
	padding:2px 5px;
	clear:both;
	position:relative;
	display:block;
	height:20px;
	float:left;
	}
		
.merch-cart-full div.options {
clear:both;
font-size:11px;
}


ol.merch-product-options {
	list-style:none;
	margin:0 !important;
	padding:0 !important;
	float:left;
	display:block;
	}
	
ol.merch-product-options form {
	margin:0;
	padding:0;
	}

ol.merch-product-options li {
	list-style:none;
	margin:0 0 5px 0;
	float:left;
	clear:both;
	display:block;
	position:relative;
	padding:0 5px 0px 0;
	}
	
ol.merch-product-options li.option {
	list-style:none;
	margin:0 0 5px 0;
	float:left;
	display:block;
	position:relative;
	padding:0 5px 10px 0;
	}
	
ol.merch-product-options li.option label {
	list-style:none;
	margin:0 0 5px 0;
	float:left;
	display:block;
	position:relative;
	width:250px;
	padding:0 5px 5px 0;
	}
	
ol.merch-product-options li.option label span {
	float:left;
	text-align:left;
	display:block;
	margin:0 10px 0 0;
	padding:0;
	}
	
ol.merch-product-options li.option label select {
	float:left;
	display:block;
	margin:0 0 0 0;
	padding:0;
	}

ol.merch-product-options li.quantity {
	list-style:none;
	border-top:1px solid #ddd;
	margin:10px 0 0 0;
	display:block;
	float:none;
	clear:both !important;
	display:block;
	padding:0 5px 0 0;
	line-height:2em;
	min-height:2em;
	text-align:left;
	}
	
ol.merch-product-options li.quantity label {
	list-style:none;
	margin:5px 0 0 0;
	display:block;
	float:left;
	display:block;
	padding:0 5px 0 0;
	line-height:2em;
	text-align:left;
	}

ol.merch-product-options li.quantity span {
	display:block;
	float:left;
	margin:8px 0 0 0;
	width:130px;
	display:block;
	padding:0 5px 0 0;
	line-height:2em;
	text-align:left;
	}

ol.merch-product-options li.button {
	list-style:none;
	margin:0;
	clear:both !important;
	display:block;
	padding:0 0 0 0;
	}

#merch-cart {
	background:#F4EEE0;
	padding:0 !important;
	width:220px;
	float:left;
	display:block;
	position:relative;
	z-index:100;
	}
	
#merch-cart table {
	margin:0 0 0 0px;
	padding:0;
	border:0;
	width:200px;
	}
	
	
#merch-cart table tr {
	margin:0;
	padding:2px;
	border:0;
	}
	
#merch-cart table tr.odd {
	background:#F4EEE0;
	margin:0;
	padding:0;

	}
#merch-cart table tr.even {
	background:#F4EEE0;
	margin:0;
	padding:0;
	}
	
#merch-cart table tr td	{
	border-top:1px solid #ddd !important;
	}	
	
.new-item {
	background:#fc0 !important;
	margin:0;
	padding:0;
	border:0;
	}

#merch-cart table tr td {
	margin:0;
	padding:5px 2px;
	text-align:left;
	border:0;
	font-size:11px;
	}
	
#merch-cart table tr td.merch-cart-price {
	text-align:right;
	font-size:11px;
	}
	
#merch-cart table tr td.merch-cart-total {
	text-align:right;
	border-top:1px solid #ccc;
	font-size:12px;
	clear:both;
	}
	
#merch-cart table tr td a.buttonSmallViewCartAndCheckout {
	margin:0 0 0 0;
	clear:left;
	display:block;
	padding:0;
	float:left;
	position:relative;
	}


.merch-cart-full {
	background:#fff;
	margin:0;
	padding:0;
	width:900px;
	border:0;
	}

.merch-cart-full tr {
	background:#fff;
	margin:0;
	padding:0;
	border:0;

	}

.merch-cart-full tr.cartRow {
	height:60px;
	text-align:left;
	vertical-align:middle !important;
	}
	
.merch-cart-full tr.totalRow td {
	height:30px;
	text-align:left;
	background:#F1F8EA;
	border:none;
	padding:5px !important;
	font-weight:bold;
	}

.merch-cart-full tr th {
	font-size:1.5em;
	padding:5px;
	background:#FFF5CE;
	text-align:left;
	}

.merch-cart-full .cart-ep {
	color:#999;
	}
	
.merch-cart-full h3.product-name {
	width:360px;
	line-height:16px;
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	float:left;
	clear:both;
	display:block;
	}

.merch-cart-full tr td {
	background:#fff;
	font-size:1.2em;
	height:60px;
	margin:0 !important;
	padding:5px !important;
	text-align:left;
	vertical-align:top !important;
	border-bottom:1px solid #ccc;
	}
	
.merch-cart-full tr td input {
	border:1px solid #ccc;
	background:#eee;
	}

#cartTable th {
	text-align:left;
	}
	
#header-merch-cart {
	display:block;
	float:right;
	position:relative;
	margin:15px 0 0 0;
	text-align:right;
	width:180px;
	}

#header-merch-cart p {
	text-align:right;
	font-size:11px;
	display:block;
	position:relative;
	float:right;
	padding:0;
	margin:0;
	}

#header-merch-cart p a {
	text-align:right;
	background: #F7F3EA url("/site-resources/css/images/shopping-cart-icon.png") 5px center no-repeat;
	font-size:11px;
	-moz-border-radius:5px;
	display:block;
	color:#996633;
	position:relative;
	padding:5px 10px 5px 30px;
	}

#header-merch-cart p a:hover {
	color:#a74;
	}

/* *************************** */
/* end merchandise cart css */
/* *************************** */


/* *************************** */
/* +++++ rss feed css ++++ */
/* *************************** */


		.feed .subHeading { 
			position: relative; 
			height: 48px; 
		}
		.feed .subHeading p { 
			font-size: 14px; 
			position: absolute; 
			top: 8px; 
			right: 32px; 
			text-align: right; 
			color: white; 
		}
		.feed .subHeading a.RSS-icon { 
			position: absolute; 
			top: 0x; 
			right: 0px; 
			display: block;  
			height: 24px; 
			width: 24px; 
			float: right;
		}
		.feed .subHeading a.RSS-icon img { 
			height: 24px; 
			width: 24px;
		}	
		
		.feed ul li.last a { 
			border-style: none; 
		}

		.feed ul li { 
			padding: 0px; 
			font-size: 1.1em; 
			padding-bottom: 6px; 
			overflow: hidden;
			text-overflow: ellipsis;
			width: 100%;
			-o-text-overflow: ellipsis;
		}
		.feed ul li a { 
			padding: 6px; 
			display: block;
			text-decoration: none; 
			font-weight: bold; 
			border-color: #509C04; 
			border-width: 0px 0px 1px 0px ; 
			border-style: solid; 
		}
		.feed.explore  ul li a { border-color: #509C04; }
		.feed.act  ul li a         { border-color: #5e3e11;}
		.feed.donate  ul li a   { border-color: #114B5E;}
		
		.feed ul li a:link { color: #395E11;}
		.feed ul li a:visited { color: #4A8600;}
		.feed ul li a:hover { color: #448000; }

		.feed.explore ul li a:link { color: #395E11;}
		.feed.explore ul li a:visited { color: #4A8600;}
		.feed.explore ul li a:hover { color: #448000; }

		.feed.act ul li a:link { color: #5e3e11;}
		.feed.act ul li a:visited { color: #864e00;}
		.feed.act ul li a:hover { color: #804b00; }

		.feed.donate ul li a:link { color: #11515e;}
		.feed.donate ul li a:visited { color: #007086;}
		.feed.donate ul li a:hover { color: #006080; }
		
		
		
		.feed ul li a small { 
			display: block; 
			font-weight: normal; 
			font-size: 11px; 
			line-height: 13px; 
			text-align: right; 
			margin-top: 2px; 
		}
		.feed ul { margin-left: 0; background: none; margin-top: -8px; list-style: none; }
		.feed ul li { list-style: none; }

/* *************************** */
/* +++++ end rss feed css ++++ */
/* *************************** */


/* *************************** */
/* +++++ modifier classes ++++ */
/* *************************** */
/*these classes override existing declarations and can only be used as a secondary class */

.right {
	float: right;
}

.left {
	float: left;
}

.clear {
	clear:both;
	height:0;
	background:none;
	border:none;
}

/* *************************** */
/* -- end modifier classes --- */
/* *************************** */

/* *************************** */
/* programmer's modifier classes*/
/* *************************** */
/*These rules alter a base rule, based on a programming state or requirement. */

.error-box {
}

.error-state {
	font-size: 1em;
	margin: 0 10px 0 0;
}

input.error {
	border: 1px solid red;
}

div.error,
span.error {
	display: none;
}

noscript.error {
	padding:10px;
	margin:10px 0;
	background:#CC0000;
	color:#fff;
	font-size:1.2em;
	}

noscript div.no-js-box {
	font-size:1.3em;
	font-weight:bold;
	color:#900;
	background:#faa url("images/icon-warning.png") 5px center no-repeat;
	padding:20px 0 20px 50px;
	margin:10px 0;
	border:1px solid #900;
	-moz-border-radius:10px;
	-border-radius:10px;
}
/* To remove copy on map */
#map span{
display:none;
}

.module a{
color: black;
text-decoration: underline;
}

/*Xmas tree*/
.orderform td{
	padding:5px;
	font-size:14px;
	border-bottom:1px solid #ccc;
	border-collapse:collapse;
	vertical-align:bottom;
}
.orderform th{
	font-size:16px;
}
.blankcell{
	border:0px;
}
.dollarcell{
	text-align:right;
}

.actionFlash2 {
	height: 150px;
	width: 160px;
}

/*Annual report*/


.apg {
	width: 480px;
	padding: 10px;
	
	margin-bottom: 30px;
	overflow: hidden;
}
 .apg-single {
	width: 220px;
	padding: 10px;

	margin-bottom: 10px;
	overflow: hidden;
}

 .apg-singleX {
	
	padding: 10px;
	float: left;
	margin-bottom: 10px;
	overflow: hidden;
}


.apt {
	font-family: arial;
	font-size: 12px;
	

}

.apg h3 {
	font-size: 12px;
	font-weight: bold;
}

.apg .even {
	background: #D9E4A4;
	
}
.apg .odd {
	background: #ECF1D4;
}
.apg td {
	padding: 3px;
}

.odd {
	background: beige;	
}

.apg tr.top-row {
	background: #5D8D1C;
	text-transform: uppercase;
	text-align: center;
	color: white;
}
.apg  h4{
	color: white;
	font-size: 14px;
}
p.graph-text {
	font-size: 12px;
	padding: 5px 5px 0px 5px;
}

.apg .table-stat {
	width: 220px;
	float: left;
	margin-right: 15px;
}

.apg .stat-heading {
	float: left;
	width: 420px;
}




.ap-content-col {
	width: 480px;
	float: left;
}

.ap-content-half-col {
	width: 200px;
	float: left;
	margin-top: 4px;
}

.entry img.alignleft {
	float: left;
}
.entry li {
	list-style: disc;
}


#homepage-feature ul li {
	list-style: none;
}

.widget_categories ul li li{
	list-style: none;
}


div.two-image p a img {
	float: left;
	text-align: left;
}

#wide-content {
	padding: 20px 0px 20px 20px;
	width: 640px;
	float: left;
	margin-right: 10px;
	overflow: hidden;
}

#wide-content.damming {
	height: 1140px;
}


#sidebar-mekong h3 {
	line-height: 1.2em;
	font-size: 20px;
}
#sidebar-mekong {
	float: right;
	width: 250px;
	padding: 20px;
	
}
#sidebar-mekong2 {
	float: right;
	width: 250px;
	padding: 20px;
	height: 1140px;
	
}

.sidebar-box {
	background: #f3f3f3;
	padding: 15px;
	margin-bottom: 15px;
	
}
#wide-content h1 {
	text-decoration: none !important;
}
#map { position: relative; width: 960px; height: 456px; overflow: hidden;  }
#returnlink { display: block; position: absolute; bottom: 0; right: 0;  color: white; background: blue; padding: 3px;}

#map a.bullet { display: block; position: absolute; z-index: 2; border: none;}
#map img.zoomable { }

#map img {
	border: none;
}

#map a.bullet:hover {
	 -khtml-opacity: 0.7;
	  opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";



}

#map {
	font-family: Arial;
}

#map div.popup{ display: none; position: absolute; width: 260px; top: 120px; left: 370px; background: white; z-index: 3; 
box-shadow: 0 1px 12px rgba(0,0,0,0.33);

 }

#map div.popup h3{padding: 10px; margin: 0px; color: white; height: 30px;}

#map div.popup h3.dam-prop {
	background: #6d6d6d;
}


#map div.popup h3.dam-uc {
	background: #ff981f;
}



#map div.popup h3.dam-op {
	background: #be1b00;
}

#map div.popup .popupcontent {
	padding: 10px;
	margin-bottom: 30px;
	margin-top: -12px;
}

#map div.popup .popupcontent p{

	font-size: 12px;
	line-height: 1.6em;

}


#map div.popup ul.popupcontent  li {

	font-size: 12px;
	line-height: 2em;
	
}



#map li {
	list-style: none !important;
	list-style-image: none;
}

#map div.popup .popupcontent ul {
	margin-left: 5px;
	
}

#map div.popup .popupcontent  li {
	border-bottom: 1px solid #d0d0d0;
}

#map div.popup a.close{ 
	font-size: 12px;
	background: url(images/close.png) no-repeat left center;
	display: block;
	color: #404040;
	padding-left: 15px;
	 position: absolute;
	  bottom: 10px; 
	  right: 10px;
	   }
	   
#map div.popup a.close:hover {

	color: black;
}	   
p.mekong-header {
	margin: 0px;
	padding: 0px;
}
#nav-mekong {
	width: 960px;
	height: 133px;
	background: url(/site-media/mekong/images/nav-bg.jpg) repeat-x;
	
}	  



#nav-mekong ul#menu-mekong li {
	list-style: none;
	float: left;
}


ul#menu-mekong li a{
	display: block;
	float: left;
	width: 208px;
	padding: 16px 16px 8px 16px;
	text-decoration: none;
	
} 

ul#menu-mekong {
	padding: 0px;
	margin: 0px;
}

ul#menu-mekong li img {
	border: none;
}

ul#menu-mekong li a:hover {
	background: #d3d3d3;
}

ul#menu-mekong li a.current {
	background: #5a5a5a;
	
	
	
}
ul#menu-mekong li a.current span {
	font-weight: bold;
	color: white;
	
	
	
}

ul#menu-mekong li span {
	font-family: arial;
	float: left;
	margin-top: 4px;
	color: black;
	
}

.entry .wp-caption.alignright {
    background: white;
    padding:  10px 10px 0px 0px;
    border: 1px solid #cccccc;
    margin-left: 10px;
    
}

.entry .wp-caption.alignleft {
    background: white;
    padding:  10px 0px 0px 10px;
    border: 1px solid #cccccc;
    margin-left: 10px;
    
}


.entry .wp-caption-text {
    margin-bottom:5px;
    font-size: 11px;
    color: #999999;
}
/* shoppage */

#shoppage {
	margin: 0 auto;
	width: 960px;
	
	overflow: hidden;
	
}

#shoppage .product-image {
	width: 212px;
	height: 180px;
	background: #cdcdcd;
	text-align: center;
	margin-bottom: 10px;
}


#shoppage .product-desc h2 {
	color: #70bc24;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.2em;
	height: 40px;
	
}

#shoppage .shop-item {
	float: left;
	width:  212px;
	margin: 6px;
	background: #fbf8f1;
	padding: 8px 8px 0px 8px;
	
}
#shoppage p.product.text {
	height: 45px;
	line-height: 1.2em;
	
	
}


#shoppage .shop-row {
	margin-bottom: 10px;
	overflow: hidden;
}

#shoppage a.more {
	float: right;
	margin-right: 10px;
	font-size: 14px;
}

#shoppage #top-content {
	background: url('images/oxfamshop-top.jpg') no-repeat left top;
	height: 212px;
	margin-bottom: 20px;
	
	
	
}

#shoppage #top-content #intro {
	padding: 20px;
}

#shoppage #top-content #intro h1 {
	color: white;
	font-size: 44px;
	font-weight: bold;
	padding-bottom: 10px;
}

#shoppage #top-content #intro p.shopintro {
	color: white;
	line-height: 1.3em;
	font-size: 14px;
	width: 500px;
	
}

#shoppage .shop-row h3 {
	color: #7eb331;
	margin: 0px;
	margin-left: 10px;
	font-size: 18px;
	font-weight: bold;
}
#shoppage p.price {
	float: right;
	font-size: 16px;
	
	
}

#shoppage h2 a {
	text-decoration: none;
	
}	

#shoppage a.more{
	text-decoration: none;
	font-weight: bold;

dev}