@charset "utf-8";
/* CSS Document */

html, body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	color:#666;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align:left;
	line-height: 15px;
	font-weight: normal;
}

#MyPane p {
	padding-top: 0;
	margin-top: 0;
} 

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a {
	color: #444;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
	font-weight: bold;
	font-size: 15px;
	text-align:left;
	padding:0px;
	/*margin: 0px;*/
	margin:0 0 -15px 0;
	line-height: 20px;
}
#heading, .heading {
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
	font-weight: bold;
	font-size: 15px;
	text-align:left;
	padding:0px;
	/*margin: 0px;*/
	margin:0 0 -15px 0;
	line-height: 20px;

}
h1 a{
	font-weight: bold;
	font-size: 15px;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
	font-size: 15px;
	font-weight: normal;
	text-align:left;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding:0px 0px 0px 0px;
}
#container {
	width: 980px;
	text-align:left;
	padding:0px;
	position:relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#banner {
	width: 980px;
	top: 10px;
	height:80px;
	padding:0px;
	margin:0px;
	text-align:right;
	background-image: url(../images_new08_home/oxfam_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}
#logo {
	height:90px;
	width:400px;
	float:left;
	padding:0px;
	margin:0px;
}
.button {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	color: #fff;
	background-color: #9C0;
	border: 0;
	padding: 2px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	cursor:pointer;
}
.text_field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fff;
	border: 1px solid #9C0;
	padding: 2px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* NAVIGATION */

#nav_main {
	width: 980px;
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9C0;
	top: 10px;
	margin: 0px;
	position: relative;
	padding: 0px;
}
#nav_left {
	background-color: #9C0;
	width: 705px;
	margin: 0px;
	padding: 0px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 16px;
	float: left;
}

/* Rollover CSS code */
a#home {
	height: 30px;
	width:75px;
	display:block;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	margin: 0px;
	text-align: center;
}

a#home span { display:none; }
a#home:hover {
	background-color: #AFEA00;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	height: 23px;
}
a#get_involved {
	height: 30px;
	width:138px;
	display:block;
	position: absolute;
	margin-left: 75px;
	margin-top: 0px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	text-align: center;
	}
a#get_involved span { display:none; }
a#get_involved:hover {
	background-color: #AFEA00;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	height: 23px;
}
a#what_we_do { height: 30px; width:127px; display:block; position: absolute; margin-left: 213px; margin-top:0px; text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	text-align: center;}
a#what_we_do span { display:none; }
a#what_we_do:hover {
	background-color: #AFEA00;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	height: 23px;
}
a#about_us {  height: 30px; width:110px; display:block; position: absolute; margin-left: 340px; margin-top: 0px; text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	text-align: center;}
a#about_us span { display:none; }
a#about_us:hover {
	background-color: #AFEA00;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	height: 23px;
}
a#shop { height: 30px; width:80px; display:block; position: absolute; margin-left: 450px; margin-top: 0px; text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	text-align: center;}
a#shop span { display:none; }
a#shop:hover {
	background-color: #AFEA00;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	height: 23px;
}
a#donate { height: 30px; width:87px; display:block; position: absolute; margin-left: 530px; margin-top: 0px; text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	text-align: center;}
a#donate span { display:none; }
a#donate:hover {
	background-color: #AFEA00;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	height: 23px;
}

a#news { height: 30px; width:87px; display:block; position: absolute; margin-left: 618px; margin-top: 0px; text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	text-align: center;}
a#news span { display:none; }
a#news:hover {
	background-color: #AFEA00;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	height: 23px;
}

/* active states*/
#home1 {
	height: 23px;
	width:75px;
	display:block;
	position: absolute;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	margin: 0px;
	text-align: center;
	background-color: #AFEA00;
}
#get_involved1 {
	height: 23px;
	width:138px;
	display:block;
	position: absolute;
	margin-left: 75px;
	margin-top: 0px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	text-align: center;
	background-color: #AFEA00;
}
#what_we_do1 {
	height: 23px;
	width:127px;
	display:block;
	position: absolute;
	margin-left: 213px;
	margin-top:0px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	text-align: center;
	background-color: #AFEA00;
}
#about_us1 {
	height: 23px;
	width:110px;
	display:block;
	position: absolute;
	margin-left: 340px;
	margin-top: 0px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	text-align: center;
	background-color: #AFEA00;
}
#shop1 {
	height: 23px;
	width:80px;
	display:block;
	position: absolute;
	margin-left: 450px;
	margin-top: 0px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	text-align: center;
	background-color: #AFEA00;
}
#donate1 {
	height: 23px;
	width:87px;
	display:block;
	position: absolute;
	margin-left: 530px;
	margin-top: 0px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	text-align: center;
	background-color: #AFEA00;
}
#news1 {
	height: 23px;
	width:87px;
	display:block;
	position: absolute;
	margin-left: 620px;
	margin-top: 0px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 16px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	text-align: center;
	background-color: #AFEA00;
}

#nav_right {
	background-color: #fff;
	width: 225px;
	margin: 0px;
	height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #9C0;
	line-height: 14px;
	float: right;
	text-align: right;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 10px;
	vertical-align: bottom;
}
#nav_right a:link {
	text-decoration:none;
	color: #9C0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0px;
}
#nav_right a:visited{
	text-decoration:none;
	color: #9C0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0px;
}
#nav_right a:hover {
	text-decoration:underline;
	color: #9C0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0px;
}

/* CONTENT */

#content_left  {
	float: left;
	width: 730px;
	margin-top: 10px;
	padding:0px;
}
#content_left_o  {
	float: left;
	width: 200px;
	margin-top: 10px;
	padding-top: 20px;
}

#lh_column {
width: 185px;
float:left;

}

.at_work {
	color:#FF9900;
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 18px;
	background-image: url(../images_new08_home/globe.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding-bottom: 132px;
}
.at_work_dropbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	background-color: #fff;
	border: 1px solid #FF9900;
	padding: 0px;
	margin:0px;
}
.most_popular_tags_ttl {
	display:block;
	width:180px;
	height:30px;
	background-color:#444;
	color:#fff;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 30px;
	text-align: left;
	padding: 0px 0px 0px 7px;
	margin: 8px 0px 0px 0px;
}
.most_popular_tags_bg {
	display:block;
	width:180px;
	height:auto;
	background-color:#D5DDE6;
	color:#fff;
	font-size:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 25px;
	text-align: left;
	margin: 0px;
	padding-top: 8px;
	/*padding-right: 10px;*/
	padding-bottom: 6px;
	padding-left: 7px;
}


#centre_tabs {
	width: 530px;
	float:right;
	margin: 0px;
	padding: 0px;
}
#centre_tabs a:link {

}


/* RIGHT HANDCOLUMN */

#content_right_o  {
	float: right;
	width: 730px;
	margin-top: 20px;
	padding:0px;

}
#content_right  {
	float: right;
	width: 200px;
	margin-top: 20px;
	padding: 0px;
}
#content_right p {
margin: 0px 0px 0px 7px;
	padding: 0px 0px 0px 0px;
	}
.how_you_can_help_ttl {
	display:block;
	width:195px;
	height:30px;
	background-color:#444;
	color:#fff;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 30px;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;

}
.statement{
width: 980px;
	height:30px;
	text-align:center;
	padding:0px;
	/*position:relative;*/
float: left;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display:block;
	background-color:#9C0;
	color:#fff;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 30px;	
}
.white_ttls {
	color:#fff;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 30px;
	margin:0;
}
.how_you_can_help_txt  {
	color:#444;
	font-size:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
	margin-top: 10px;
	padding-top: 8px;
	margin-left: 0px;
	padding-left: 0px;

}
.how_you_can_help p {
	color:#444;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 15px;
	text-align: left;
}


.sign_me_up {
	display:block;
	width:200px;
	height:auto;
	background-color:#9C0;
	text-align: center;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 16px;

}
.sign_me_up p {
	color:#fff;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
	margin: 0px;
	padding: 100px;
	}
	
.sign_me_up a:link{
	color:#fff;
	font-size: 16px;
	text-align: center;
	line-height: 20px;
}	
.sign_me_up a:visited{
	color:#fff;
	font-size: 16px;
	text-align: center;
	line-height: 20px;
}
.sign_me_up_2 {
	color:#fff;
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
	margin: 0px;
	padding: 100px;
	}
.shop_ttl {
	display:block;
	width:193px;
	height:30px;
	background-color:#FF9900;
	color:#fff;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 30px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}
.unwrapped {
	display:block;
	width:110px;
	height:auto;
	background-image: url(../images_new08_home/unwrapped.gif);
	/*background-image: url(../images_new08_home/mothersdayuw.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
	color: #7C9DD1;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 18px;
	padding-right: 90px;
	padding-bottom: 0px;
	padding-left: 0px;

}
.goodbooks{
	display:block;
	width:140px;
	height:92px;
/*	background-image: url(../images_new08_home/TW-green-2.gif);*/
	background-image: url(../images_new08_home/goodbooks.gif);
	background-repeat: no-repeat;
	background-position: left top;
	/*color: #9C0;*/
	color:#7C9DD1;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 50px;
}

/* TAB CENTRE BOX */

#tab_box {
	float: right;
	width: 530px;
	position: relative;
	z-index: 20;	
}
#tab_box img {
	border:0;
	margin:0px 0px 20px 0px;
}
#tabmenu {
	z-index: 15;
	text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9C0;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	color:#fff;
}
#tabmenu a, a.active {
	color:#fff;
	font-size:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	text-decoration: none;
	background-color: #9C0;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9C0;
	border-right-color: #fff;
	border-bottom-color: #9C0;
	border-left-color: #9C0;
}
#tabmenu a.active {
	color: #9C0;
	border-bottom: 3px solid #fff;
	font-weight:bold;
	margin: 0px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	background: #fff;
	border-right-color: #9C0;
}
#tabmenu a:hover {
	color: #9C0;
	font-weight:bold;
	margin: 0px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	background-color: #F2FFCD;
}
#tabmenu a:visited {
	color: #fff;
	font-weight:bold;
	margin: 0px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
}
#tabmenu a.active:hover {
	color: #9C0;
	font-weight:bold;
	margin: 0px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	background-color: #F2FFCD;
}
#tabcontent {
	text-align: justify;
	/*z-index: 2;	*/
	background: #fff;
	padding: 10px;
	margin: 0px;
	font-size: 11px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9C0;
	border-right-color: #9C0;
	border-bottom-color: #9C0;
	border-left-color: #9C0;
	min-height:287px;
	height:auto !important;
	height:287px;
}
		
	.more_news {
	text-align:right;
	margin-top: 10px;
	font-weight:bold;
}
		
/* BOTTOM OF PAGE */

#statement {
	width: 980px;
	height:30px;
	text-align:center;
	padding:0px;
	/*position:relative;*/
	float: left;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display:block;
	background-color:#9C0;
	color:#fff;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 30px;
}

.statement_ttl {
	text-align:center;
	padding:0px;
	color:#fff;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 30px;
}

#footer {
	width: 980px;
	height:auto;
	padding:0px;
	/*position:relative;*/
	float: left;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display:block;
}

.footer {
	padding:0px 0px -10px 0px;
	margin:0px 0px 0px 0px;
	font-size:10px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}
.footer a {
	font-size:10px;
}

.footer_images {
border:0;
padding:0px 0px 0px 15px;
margin: 0px 0px -3px 0px;
}
.join_us_on {
padding-left: 15px;
}
.join_us_images {
border:0;
padding:0px 0px 0px 0px;
margin: 0px 0px -3px 0px;
}
.hitwise_image {
border:0;
padding:0px 0px 0px 0px;
margin: 0px 0px -10px 0px;
}
#side {
text-align:left;
padding: 0 23px 0 27px;

}
#side a {
display:block;
font-size:12px;
padding: 3px 0 3px 3px;
color:#666;
text-decoration:none;
}

#side a:hover {
text-decoration:none;
}

.line {
/*background:#fff;
width:150px;
height:25px;*/
}

.line:hover {
color:#fff;
background:#fff;
}
#side a {
background:#fff;
border-bottom:#9C0 1px solid;
margin-top: 0px;
}

#side a:hover {
color:#fff;
background:#AFEA00;
margin-top: 0px;
}

.line {
border-bottom:#9C0 1px solid;
width:150px;
height:1px;

}
/* breadcrumb */

#breadcrumb {
font-size:11px;
padding-left:27px;
line-height:40px;
text-align:left;
}

#breadcrumb a {
color:#39c;
text-decoration:none;
}

#breadcrumb a:hover {
color:#39c;
text-decoration:underline;
}

#breadcrumb_print {
font-size:11px;
padding-top:10px;
padding-right:17px;
line-height:40px;
text-align:right;
}

#breadcrumb_print a {
color:#707070;
text-decoration:none;

}

#breadcrumb_print a:hover {
color:#39c;
text-decoration:underline;
}

#floating_banner {
position:absolute;
top:50px;
right:0px;
width:820px;
height:255px;
z-index:1000;
}



