/****************************************************************/
/* Core Styles													*/
/****************************************************************/

body {
	background-color: #E8ECF7;
	background-image: url('images/back.jpg');
	background-repeat: repeat-x;
	margin: 0px;
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #333333;
	margin-top: 10px;
}

img {
	border: 0px;
}

#Main {
	margin-left: auto;
	margin-right: auto;
	width: 883px;
}

a {
	color: #891100;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Layout */

#Header {
	width: 883px;
	height: 182px;
}

#TopMenu {
	float: left;
	width: 672px;
	height: 56px;
	background-image: url('images/hdrback.png');
	padding-top: 126px;
}

#TopMenu img {
	border: 0px;
}

#TopMenu a {
	border-right: 1px solid #FFFFFF;
	height: 27px;
	padding: 7px 12px 6px 12px;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}

#TopMenu a:hover {
	background-color: #891100;
}

#TopMenu a.highlighted {
	background-color: #891100;
}

#ScrollBar {
	margin-top: 18px;
}

#ScrollBar a {
	border: 0;
	height: 10px;
	color: #891100;
	text-decoration: none;
	padding: 0px;
}

#ScrollBar a:hover {
	border: 0px;
	color: #891100;
	padding: 0px;
	text-decoration: underline;
	background-color: #DADEDA;
}

#MainContentArea {
	width: 861px;
	padding: 0 11px 5px 11px;
	background-color: #EDEDED;
}

#LeftColumn {
	float: left;
	width: 329px;
}

#MidColumn {
	float: left;
	width: 319px;
	margin-left: 7px;
	margin-right: 7px;
}

#RightColumn {
	float: left;
	width: 199px;
}

/* Footer */

#Footer {
	clear: both;
	width: 883px;
	height: 22px;
	padding-top: 3px;
	background-image: url('images/footerback.gif');
	color: #FFFFFF;
	text-align: center;
}

#Footer a {
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 25px;
	margin-right: 25px;
}

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

#Footer #FooterDate {
	margin-top: 3px;
	font-size: 8px;
	float: left;
	margin-left: 15px;
}

#Footer #Charity {
	margin-top: 3px;
	font-size: 7px;
	float: right;
	margin-right: 12px;
}

#TermsConditions {
	clear: both;
	width: 883px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}

#TermsConditions a {
	color: #000000;
	font-size: 10px;
	font-weight: normal;
}

.ReadMore {
	float: right;
}

.ReadMore a, .ReadMoreSelected a {
	color: #891100;
	font-weight: normal;
	font-size: 10px;
	vertical-align: middle;
}

.ReadMore img, .ReadMoreSelected img {
	vertical-align: middle;
}
/****************************************/
/* Index page							*/
/****************************************/

#TopSection {
	width: 100%;
	border-bottom: 1px solid #9C9D9F;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#ImageSlider1, #ImageSlider2, #ImageSlider3 {
	float: left;
	width: 329px;
	height: 212px;
	display: none;
}

#IntroText {
	float: left;
	width: 289px;
	height: 182px;
	padding: 15px;
	background-image: url('images/text_box_back.gif');
	margin-left: 7px;
	margin-right: 7px;
	line-height: 135%;
	font-size: 12px;
}

#IntroText h3 {
	margin: 0px;
}

#RightPane {
	width: 199px;
	float: left;
}

#BottomSection {
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#InFocus {
	float: left;
	width: 321px;
	height: 238px;
	background-image: url('images/infocusback.png');
	font-size: 10px;
	padding: 4px;
}

.newsitem {
	width: 321px;
}

.newsimage {
	width: 53px;
	float: left;
}

.newstxt {
	width: 268px;
	float: left;
	padding-top: 5px;
}

.newstxt h2 {
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-bottom: 3px;
}

.divline {
	clear: both;
	width: 268px;
	margin-left: 53px;
	height: 2px;
	border-bottom: 1px dotted #891100;
}

#ReadMyStory {
	float: left;
	width: 319px;
	height: 246px;
	margin-left: 7px;
	margin-right: 7px;
}

#VideoPane {
	width: 199px;
	height: 203px;
	float: left;
	background-image: url('images/vdoback.png');
	padding-top: 43px;
	font-size: 10px;
}

#OurWork {
	width: 183px;
	height: 101px;
	background-image: url('images/ourwork.png');
	padding-top: 30px;
	padding-left: 16px;
}

#RandomQuote {
	float: right;
	width: 155px;
	height: 210px;
	background-image: url('images/random_quote_back.png');
	padding: 20px;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 11px;
}

/************************************************/
/* Who We Are pages								*/
/************************************************/

#WhoWeAre {
	width: 289px;
	height: 121px;
	background-image: url('images/who_we_are_back.png');
	padding: 5px 20px 5px 20px;
}

#BrownQuote {
	width: 289px;
	height: 100px;
	background-image: url('images/brown_quote_back.png');
	padding: 20px;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
}

#Trustees {
	width: 319px;
	height: 182px;
	background-image: url('images/trusteesback.png');
	padding: 5px;
}

.trustee {
	width: 321px;
}

.trusteeimage {
	width: 53px;
	float: left;
}

.trusteetxt {
	width: 258px;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
}

#WhatWeDo {
	width: 299px;
	height: 462px;
	background-image: url('images/midcolumnback.png');
	padding: 5px 10px 5px 10px;
}

#WhatWeDo p {
	margin: 0px;
	margin-top: 7px;
}

/* Trustee page 								*/

.TrusteeContact {
	width: 310px;
	height: 135px;
	background-image: url('images/trusteecontact_back.png');
	padding: 14px 5px 5px 14px;
	margin-bottom: 5px;
}

.TrusteeImage {
	float: left;
	width: 91px;
	height: 80px;
	margin-bottom: 5px;
}

.TrusteeName {
	float: left;
	width: 219px;
	height: 80px;
	border-bottom: 1px dotted #891100;
	margin-bottom: 5px;
}

.TrusteeBio {
	width: 299px;
	height: 134px;
	background-image: url('images/trusteebio_back.png');
	padding: 10px;
	margin-bottom: 5px;
	line-height: 150%;
}

.TrusteeQuote {
	width: 179px;
	height: 134px;
	background-image: url('images/trusteequote_back.png');
	padding: 10px;
	margin-bottom: 5px;
	color: #FFFFFF;
}

.quotee {
	float: right;
	font-style: italic;
}

/************************************************/
/* HIV/AIDS in Africa pages						*/
/************************************************/

#HBennQuote {
	width: 299px;
	height: 161px;
	background-image: url('images/HBenn_back.png');
	color: #FFFFFF;
	padding: 15px;
}

#AIDSInAfrica {
	width: 299px;
	height: 462px;
	background-image: url('images/midcolumnback.png');
	padding: 5px 10px 5px 10px;
}

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

#CWBApproach {
	width: 309px;
	height: 453px;
	background-image: url('images/cwb_approach_back.png');
	padding: 10px;
}

#Methodology {
	width: 299px;
	height: 286px;
	background-image: url('images/methodology_back.png');
	padding: 10px;
	margin-bottom: 6px;
}

#CWBApproach p, #Methodology p {
	margin: 0px;
	padding: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#CWBApproach ul, #Methodology ul {
	margin-left: -20px;
	_margin-left: 15px;
}

#SCampbellQuote {
	width: 179px;
	height: 226px;
	background-image: url('images/campbell_back.png');
	padding: 10px;
	color: #FFFFFF;
	line-height: 150%;
}

#HBennQuote .quotee, SCampbellQuote .quotee {
	float: right;
	font-size: 10px;
	font-style: italic;
}

.divider {
	height: 1px;
	border-bottom: 1px dotted #891100;
}

.double_divider {
	border-top: 1px dotted #891100;
	border-bottom: 1px dotted #891100;
}

/************************************************/
/* How can you help pages						*/
/************************************************/

#HelpLeft {
	float: left;
	width: 190px;
}

#HelpLeft img {
	border: 0px;
}

#HelpMiddle {
	float: left;
	width: 457px;
	margin-left: 7px;
	margin-right: 7px;
}

#DonateOnline {
	width: 422px;
	height: 68px;
	padding: 10px 18px 10px 18px;
	background-image: url('images/donate_online_back.png');
	margin-bottom: 5px;
}

#DonateCheque {
	width: 422px;
	height: 156px;
	padding: 10px 18px 10px 18px;
	background-image: url('images/donate_cheque_back.png');
	margin-bottom: 5px;
}

#DonateGiftaid {
	width: 422px;
	height: 177px;
	padding: 10px 18px 10px 18px;
	background-image: url('images/donate_giftaid_back.png');
}

.RedBarHdr {
	width: 404px;
	height: 20px;
	padding: 5px 0 0 18px;
	background-image: url('images/donate_redbar.png');
	color: #FFFFFF;
}

.DonateInner {
	width: 395px;
	padding: 5px 0 0 18px;
	line-height: 135%;
}

.DonateInner p {
	margin-top: 3px;
	margin-bottom: 2px;
}

.DonateInner .divider {
	height: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #891100;
}

#HelpRight {
	float: left;
	width: 189px;
	height: 460px;
	padding: 5px;
	background-image: url('images/money_back.png');
	color: #FFFFFF;
}

#HelpRight .divider {
	height: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #FFFFFF;
}

#VolunteerWhere {
	width: 170px;
	height: 356px;
	background-image: url('images/volunteer_where_back.png');
	padding: 10px;
}

#VolunteerForm {
	width: 438px;
	height: 452px;
	padding: 10px;
	background-image: url('images/termsback.png');
}

#VolunteerForm input {
	width: 295px;
	border: 1px solid #000000;
}

#VolunteerForm input.checkbox {
	width: 10px;
	border: 1px solid #000000;
}

#VolunteerForm textarea {
	width: 295px;
	height: 50px;
	border: 1px solid #000000;
}

.required {
	color: #891100;
}

/************************************************/
/* Project pages								*/
/************************************************/

#ProjectLeft {
	float: left;
	width: 324px;
}

#ProjectRight {
	float: left;
	width: 525px;
	margin-left: 12px;
}

#FutureProjects {
	width: 324px;
	height: 147px;
	background-image: url('images/future_projects_back.png');
	font-size: 12px;
}

#PastProjects {
	width: 324px;
	height: 314px;
	background-image: url('images/past_projects_back.png');
	margin-top: 10px;
}

#FutureProjects h2, #PastProjects h2 {
	padding: 15px 0 20px 20px;
	margin: 0px;
	font-size: 12px;
	color: #FFFFFF;
}

#FutureProjects p {
	padding-left: 20px;
	padding-top: 5px;
	font-weight: bold;
}

#ProjectIntro {
	width: 445px;
	height: 119px;
	padding: 40px;
	background-image: url('images/project_intro_back.png');
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}

#ProjectPics {
	width: 525px;
	height: 261px;
	margin-top: 10px;
}

.projectitem {
	clear: both;
	width: 324px;
	height: 40px;
	margin-bottom: 4px;
}

.projectitem_selected {
	clear: both;
	width: 324px;
	height: 40px;
	margin-bottom: 4px;
	background-color: #CAD0CA;
}

.projectimage {
	width: 55px;
	float: left;
	padding-left: 5px;
}

.projecttxt {
	width: 264px;
	height: 36px;
	_height: 30px;
	float: left;
	padding-top: 5px;
	border-bottom: 1px dotted #891100;
}

.projdivline {
	clear: both;
	width: 260px;
	margin-left: 60px;
	height: 2px;
}

.ReadMoreSelected {
	float: right;
	color: #FFFFFF;
}

#ProjectText {
	width: 445px;
	height: 169px;
	padding: 15px 40px 15px 40px;
	background-image: url('images/projects_text_back.png');
	color: #000000;
	line-height: 135%;}
#ProjectTextShort {
	width: 445px;
	height: 131px;
	padding: 15px 40px 15px 40px;
	background-image: url('images/projects_text_back_short.png');
	color: #000000;
	line-height: 135%;
}

#ProjectTextvshort {
	width: 445px;
	height: 60px;
	padding: 15px 40px 15px 40px;
	background-image: url('images/projects_text_back_short.png');
	color: #000000;
	line-height: 135%;
}

#Download {
	float: right;
	margin-top: 7px;
	margin-bottom: 7px;
}

/************************************************/
/* Story pages									*/
/************************************************/

#StoryLeft {
	float: left;
	width: 319px;
}

#StoryRight {
	float: left;
	width: 530px;
	margin-left: 12px;
}

#Stories {
	width: 319px;
	height: 216px;
	background-image: url('images/stories_back.png');
	margin-top: 10px;
}

#StoryText {
	width: 470px;
	height: 216px;
	padding: 15px 30px 15px 30px;
	background-image: url('images/story_text_back.png');
	color: #000000;
	line-height: 135%;
	margin-bottom: 10px;
}

#StoryBio {
	width: 410px;
	height: 41px;
	padding: 5px;
	background-image: url('images/bio_back.png');
	color: #FFFFFF;
	margin-right: 8px;
	float: left;
}

.storyitem {
	width: 319px;
	margin-bottom: 2px;
}

.storyitem_selected {
	width: 319px;
	margin-bottom: 2px;
	background-color: #CAD0CA;
}

.storyimage {
	width: 60px;
	float: left;
	padding-left: 5px;
}

.storytxt {
	width: 249px;
	float: left;
	padding-top: 5px;
}

.storydivline {
	clear: both;
	width: 250px;
	margin-left: 60px;
	height: 2px;
	border-bottom: 1px dotted #891100;
}

/************************************************/
/* Terms & Condition and Privacy Policy pages	*/
/************************************************/

#TermsPolicy {
	width: 438px;
	height: 452px;
	padding: 10px;
	background-image: url('images/termsback.png');
	margin-left: auto;
	margin-right: auto;
}

#TermsPolicyTxt {
	width: 438px;
	height: 452px;
	overflow: auto;
	font-size: 10px;
}

#TermsPolicyTxt h2 {
	font-size: 14px;
}