/* vim: set expandtab tabstop=4 shiftwidth=4 foldmethod=marker: */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0

INCLUDE YUI RESET STUFF HERE BECAUSE IT HAS BEEN MODIFIED.
TYPEFACE.JS CONFLICTS WITH FONT SETTINGS IN ORIGINAL RESET.CSS
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
/*address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}*/
li{list-style:none;}
caption,th{text-align:left;}
/*h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}*/
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
/*input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}*/
/*to enable resizing for IE*/
/*input,textarea,select{*font-size:100%;}*/
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}
#footerContent table {margin:auto;}
/* generic styles */

html, body {
	background-color: #eeeceb;
	color:#555;
	font-family:arial,helvetica,verdana;
	font-size: 85%;
	text-align:left;
	width:100%;
}

#bd {
	border-top: 2px solid #eae9e9;	
}

img {
	border:0px none;
}
p {
	margin:8px 0px;
	line-height: 150%;
}
a {
	color:#d0331c;
	text-decoration:none;
}
ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px 0px 10px 0;
	padding:0px;
}
li {
	padding:0px;
}

span {
	color: #e23920;	
}

textarea {
	width: 288px;
	height: 206px;
	border: 1px solid #8faec7;	
	margin: 0px 0px 10px 15px;
}

select {
	width: 288px;
	border: 1px solid #8faec7;
	padding: 2px;
	margin: 0px 0px 10px 15px;
}

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;	
}
.top {
    vertical-align: top;
}
.right {
    text-align: right;
}
.bold {
	font-weight: bold;
}
.underline{
	text-decoration: underline;
}
.border{
	border: 1px solid #666;
}
.noBorder {
	border: 0;
	padding: 0;	
}
.hidden{
	display: none;
}
.intro {
	margin: 8px 0px;	
	line-height: 150%;
}
.disabled {
	color: #555555;	
}
.selected {
	color: #e23920 !important;
}

h1 {
	color: #000;
	font-size: 129%;
	text-transform: uppercase;	
	padding-bottom: 7px;
	border-bottom: 1px dotted #929292;
}

h2 {
	color: #000;
	font-size: 129%;
	padding: 6px 0;
}

h3 {
	color: #000;
	font-size: 129%;
}
h4 {
	color: #000;
	font-size: 114%;
}

.rightLink{
	height: 12px;
	float: right;
}

.bottomRightLink{
	height: 12px;
	position: absolute;
	right: 7px;
	bottom: 7px;
}

.text{
	font-size: 12px;
}

body.large{
	font-size: 107%;
}
/*body.large h1, body.large h2, body.large h3{
	font-size: 18px;
}
body.large h4{
	font-size: 16px;
}*/
body.small{
	font-size: 77%;
}
/*body.small h1, body.small h2, body.small h3{
	font-size: 14px;
}
body.small h4{
	font-size: 12px;
}*/


/* page layout */

div#pageContent {
    background-color: #FFF;
    width: 870px;
    margin: 0 auto;
	text-align:left;    
}

div#masthead{
	width: 870px;
	height: 165px;
	position: relative;
}
div#masthead #logo{
	position: absolute;
	top: 15px;
	left: 23px;		
}
div#masthead #quote{
	position: absolute;
	top: 66px;
	left: 274px;		
}
div#masthead #donateNow{
	position: absolute;
	bottom: 0;
	right: -19px;		
}
div#masthead #headerLinks{
	position: absolute;
	top: 15px;
	right: 15px;	
	font-size: 85%;
	width: 285px;
}
#headerLinks, #headerLinks a{
	color: #898989;
}

div#menu{
	height: 30px;
	font-weight: bold;
	font-size: 15px;
	border-bottom: 11px solid #d0331c;
	background: transparent url('/images/menu/menu-bg.gif') repeat-x bottom;
}

div#menu ul {
	list-style:	none;
	margin-left: 17px;
	height: 30px;	 	
}

div#menu li {
	list-style:	none;
	float: left;
	height: 30px;	
	cursor: pointer;	
	background: transparent url('/images/menu/menu-divider.gif') no-repeat 100% 58%; 
}

div#menu li a {
	display: block;	
	height: 14px;
	color: #000;
	padding: 8px 15px 8px 12px;		
}

div#menu li.sel a {
	color: #D0331C;
	background: transparent url('/images/menu/menu-selected-arrow.gif') no-repeat bottom center; 
}

div#menu li#menuNelsonMandela {
	background: none;	
}

div#main{
	width: 637px;
	padding: 20px;
}

.yui-t5{
	width: auto;
}

div.spacer{
	margin: 20px 0;
	height: 1px;
	background-color: #d4dadc;
}

div#sideBar{
	width: 142px;
	margin-top: 20px;
	padding: 0 23px 20px 17px;
	background: #FFF url("/images/divider.gif") repeat-y 0 0;
	float: right;	
}

div#leftSideBar{
	width: 173px;
	margin-top: 20px;
	padding: 0 0 20px 20px;
}

/* modify width for two col layout */
div.yui-gb div#main{
	width: 460px;
	padding: 20px 17px 20px 17px;
	margin: 0;
}
div.yui-gb div#sideBar{
	margin: 20px 0 0 0;
}

/* SIDEBAR */

div#sideBar #search {
	background-color: #ffe8eb;
	border: 1px solid #dbd9d9;
	padding: 10px;
}
div#sideBar #searchForm {
	margin: 10px 0;
}
div#sideBar .text {
	width: 118px;
	margin-bottom: 5px;
}
div#sideBar .searchGo {
	float: right;
}

div#sideBar .divider {
	margin: 15px 0;
}

div#sideBar ul.getInvolved {
	margin: 10px 0 0 0;
}
div#sideBar ul.getInvolved li {
	font-size: 122%;
	line-height: 20px;
	padding-bottom: 5px;	
}
div#sideBar ul.getInvolved li a {
	color: #555;
	text-decoration: underline;
	font-weight: bold;
	display: block;
}
div#sideBar ul.getInvolved li a:hover {
	color: #d0331c;
	background: transparent url('/images/symbol.gif') no-repeat 86% 0%;
}

div#sideBar ul#ourWorkList {
	font-size: 85%;
}

div#sideBar ul#ourWorkList li a {
	padding-right: 25px;	
}

div#sideBar ul#ourWorkList li a:hover {
	background-position: 100% 0%;
}


div#sideBar .newsletter {
	margin: 10px 0;	
}
div#sideBar .newsletter td {
	padding: 3px;
	vertical-align: middle;
}

div#sideBar .newsletter .label {
	color:#d0331c;
} 
div#sideBar .newsletter .text {
	width: 96px;	
}

div#sideBar .newsletterLoading {
	text-align: center;
	display: none;
}

div#sideBar .newsletterMessage {
	text-align: center;
	display: none;
  	padding: 10px 0;
	font-weight: bold;
}

div#sideBar #newsletterGo {
	cursor: pointer;	
}

/* LEFT SIDEBAR */

div#leftSideBar .divider{
	margin: 15px 0;
	background: #FFF url('/images/divider2.gif') repeat-x 0 0;
	height: 1px;
}

div#leftSideBar div.menuTitle{
	background-color: #ffe8eb;
	padding: 10px;	
	text-transform: uppercase;
	font-size: 122%;
	font-weight: bold;
	color: #e23920;
}

ul.subNav {
	margin-top: 10px;
}

ul.subNav a {
	color: #555555;
	font-weight: bold;
	font-size: 120%;
}

ul.subNav li {
	padding: 5px 0 0 48px;
	background: transparent url('/images/listing-arrow.gif') no-repeat 16px 8px;
}

ul.subSubNav {
	margin: 5px 0;	
}

ul.subSubNav li {
	padding: 0;
	margin: 0;
	background: none;
	font-size: 85%;
	font-style: italic;
}

ul.subSubNav li a {
	color: #D0331C;	
}

/* LEFT SIDEBAR BOXES */
.box {
	margin-bottom: 20px;
}

#testimonialsBox {
	border: 2px solid #e0d6d8;
	padding: 25px 12px 18px 22px;
	color: #555555;
	background: #ffe8eb url('/images/quote-open.gif') no-repeat 5px 5px;
}

#testimonialText {
	font-style: italic;	
}

.testimonialCredit {
	font-size: 85%;
	color: #e23920;	
	background: transparent url('/images/quote-close.gif') no-repeat top right;
	margin-top: 8px;
}

#testimonialsAltBox {
	background: #f8f7f8 url('/images/testimonials-alt-bg.gif') repeat-x top left;
	border: 1px solid #cacaca;	
}

#testimonialsAltBox div.testimonialFrame {
	padding: 24px;	
	background: transparent url('/images/quote-open.gif') no-repeat 5px 5px;
}

#quickLinksBox {
	background: #f8f8f7 url('/images/quick-link-bg.gif') repeat-x bottom left;
	border: 1px solid #e0e0e0;
	color: #000;
	padding: 7px;
	text-transform: uppercase;
	font-weight: bold;
}

#quickLinksBox a {
	color: #000;
}

#quickLinksBox div.heading {
	text-indent: -3000px;
	background: transparent url('/images/quick-links.gif') no-repeat top left;
	height: 12px;
	margin-bottom: 7px;	
}

#quickLinksBox ul li {
	background:transparent url(/images/listing-arrow.gif) no-repeat 0px 6px;
	padding: 5px 0 0 22px;	
	font-size: 90%;
}

#externalLinksBox {
	background: #FFE8EB url('/images/quick-link-bg.gif') repeat-x bottom left;
	border: 1px solid #E0E0E0;
	padding: 7px;
	font-weight: bold;
}

#externalLinksBox div.heading {
	text-indent: -3000px;
	background: transparent url('/images/external-links.gif') no-repeat top left;
	height: 12px;
	margin-bottom: 7px;	
}

#externalLinksBox a { text-decoration: underline; }

#quickLinksBox ul li {
	background:transparent url(/images/listing-arrow.gif) no-repeat 0px 6px;
	padding: 5px 0 0 22px;	
	font-size: 90%;
}

#photoGalleryBox {
	background: #000;
	color: #FFF;
	padding: 5px 12px;	
	border: 1px solid #d0d0d0;
}

#photoGalleryBox a {
	color: #FFF;	
}

#photoGalleryBox div.boxHeading {
	font-size: 180%;
}

#photoGalleryBox div.boxImage {
	margin: 5px 0;
}

#photoGalleryBox div.boxImage img {
	border: 1px solid #FFF;
}

#photoGalleryBox div.boxText {
	font-size: 95%;
}

#photoGalleryBox .go {
	font-size: 110%;
	text-transform: uppercase;
	font-weight: bold;	
}

#videoBox {
	background: #f2af0f;
	color: #FFF;
	padding: 10px 13px;	
}

#videoBox span {
	font-weight: bold;
	color: #FFF;	
}

#videoBox a {
	color: #FFF;	
}

#videoBox div.boxHeading {
	color: #000;
	text-transform: uppercase;
	background: transparent url(/images/watch-the-video-title-bg.gif) no-repeat top left;
	text-indent: -3000px;
	height: 11px;
}

#videoBox div.boxImage {
	margin: 5px 0;
}

#videoBox div.boxImage img {
	border: 1px solid #FFF;
}

#videoBox div.boxText {
	font-size: 95%;
}

#videoBox .go {
	font-size: 110%;
	text-transform: uppercase;
	font-weight: bold;	
}

/* HOMEPAGE */

div#homeFeature{
	margin-bottom: 20px;
}
div#homeFeature .left{
	width: 109px;
	/*border-right: 1px solid #FFF;*/
	margin: 0;
}
div#homeFeature .left img{
	border-bottom: 1px solid #FFF;
}

div#homeFeature .faded img {
	opacity: 0.4;
	filter: alpha(opacity=40);
}

div#homeFeature .middle{
	width: 317px;
	margin: 0;		
}
div#homeFeature .rightmost{
	width: 200px;
	min-height: 210px;
	padding: 15px;		
	margin: 0;
	border-top: 1px solid #d2d1d1;
	border-right: 1px solid #d2d1d1;
	border-bottom: 1px solid #d2d1d1;		
	background: #dbdad9 url('/images/gradient-bg.gif') repeat-x 0 0;
	position: relative;
}
div#homeFeature h4{
/*	font-family: Helvetiker; */	
}	

/* homepage bottom panel */

div#newsVideoMenu{
	width: 409px;
	height: 39px;
	background-image: url('/images/homepage-menu.gif');
}
div#newsVideoMenu #newsLink{
	float: left;
	width: 72px;
	height: 25px;
	cursor: pointer;
}
div#newsVideoMenu #videoLink{
	float: left;
	width: 75px;
	height: 25px;
	cursor: pointer;
}
div#newsVideoMenu #photoLink{
	float: left;
	width: 75px;
	height: 25px;
	cursor: pointer;
}
div#newsVideoMenu #filler{
	float: left;	
}

div#bottomPanel{
	position: relative;	
}

div#news{
	position: absolute;
	top: -7px;
	background: #dbdad9 url('/images/gradient-bg.gif') repeat-x 0 0;
	min-height: 215px;
	width: 407px;
	border-left: 1px solid #d2d1d1;
	border-right: 1px solid #d2d1d1;
	border-bottom: 1px solid #d2d1d1;	
	padding-top: 15px;		
}

div#news .item {
	width: 160px;
	padding: 0px 21px;
}

div#news img.newsImage {
	border: 1px solid #676868;
}

div#news .item h4 {
	margin: 5px 0;
/*	font-family: Helvetiker; */	
}

div#news .even {
	float: left;
	border-right: 1px dotted #8c8a8a;	
}

div#news .odd {
	float: right;	
}

div#news .divider {
	margin-top: 15px;
	float: left;
	background: url('/images/divider.gif') repeat-y;
	height: 200px;
	width: 3px;	
}

div#video{
	position: absolute;
	top: -7px;
	background: #dbdad9 url('/images/gradient-bg.gif') repeat-x 0 0;
	min-height: 230px;
	width: 407px;
	border-left: 1px solid #d2d1d1;
	border-right: 1px solid #d2d1d1;
	border-bottom: 1px solid #d2d1d1;	
	display: none;	
	text-align: center;
}

div#donationsContainer{
	position: absolute;
	left: 427px;	
	top: -38px;
}
div#donations{
	background: #ffe8eb url('/images/mandela-pic-bg.jpg') no-repeat bottom right;
	width: 228px;
	margin: 0;
	min-height: 230px;
	border: 1px solid #d2d1d1;	
	position: relative;	
	height: 260px;
}
div#donations .container {
	padding: 10px;
}
div#donations .title {
}
div#donations .intro {
	font-weight: bold;
	margin: 0 0 10px 0;
}
div#donations .amounts {
}

div#donations .amounts ul {
	padding: 0;	
}
div#donations .amounts li {
	vertical-align: middle;
	padding: 2px 0;
	position: relative;
	color: #e23920;
	font-weight: bold;
	font-size: 180%;
	cursor: pointer;
	width: 70px;
}
div#donations .amounts .amount {
	position: absolute;
	top: -4px;
	left: 70px;
	font-size: 55%;
	font-weight: normal;
	display: none;
	color: #666666;
	background: transparent url('/images/donate-arrow-home.gif') no-repeat top left;
	padding-left: 11px;
	width: 130px;
	z-index: 999;
}

div#donations .amounts .lastItem {
	top: -65px;	
	background-position: bottom left;
}

div#donations .amount a {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 85%;
	text-decoration: underline;	
}

.amount div.donationInfo {
	background: #fff8f9;
	padding: 4px 4px 4px 8px;
}

div#donations .button{
	width: 59px;
	height: 22px;
	position: absolute;	
	right: 5px;
	bottom: 5px;
}

div#fontSize{
	float: right;
	padding-left: 15px;
}

/* =LISTED ITEMS */
.listedItems {
	border-bottom: 6px solid #e23920;
}

.listedItems ul {
	margin: 0;	
}

.listedItems ul li {
	border-top: 6px solid #ffe8eb;
	padding-bottom: 15px;	
}

.listedItemImage {
	float: right;
}

.listedItemContent {
	float: left;
	width: 328px;	
}
.listedItemContent2 {
	float: left;
	width: 378px;	
}

.listedItems ul li div.intro {
	margin-top: 0;	
}

.itemDate {
	color: #E23920;	
	padding-top: 5px;
	font-weight: bold;
	float: left;
	width: 100%;
}

.paginationControl {
	text-align: center;
	padding: 7px 0;
	float: right;
	font-style: italic;
}

.paginationControl a {
	font-weight: bold;	
}

.pageNumber {
	padding: 0 7px 0 1px;
	background: transparent url('/images/pagination-separator.gif') no-repeat 100% 70%;
	float: left;
}

/* =OTHER WAYS LISTED ITEMS */
.otherWaysListedItems {
	border-bottom: 6px solid #e23920;
}

.otherWaysListedItems ul {
	margin: 0;	
}

.otherWaysListedItems ul li {
	border-top: 6px solid #ffe8eb;
	padding-bottom: 15px;	
}

.otherWaysListedItemImage {
	float: left;
	padding: 15px 10px 0px 15px;
}

.otherWaysListedItemContent {
	float: left;
	width: 228px;
	padding: 5px 0;	
}
.otherWaysListedItemContent2 {
	float: left;
	width: 378px;	
}

.otherWayslistedItems ul li div.intro {
	margin-top: 0;	
}

.itemDate {
	color: #E23920;	
	padding-top: 5px;
	font-weight: bold;
	float: left;
	width: 100%;
}

.paginationControl {
	text-align: center;
	padding: 7px 0;
	float: right;
	font-style: italic;
}

.paginationControl a {
	font-weight: bold;	
}

.pageNumber {
	padding: 0 7px 0 1px;
	background: transparent url('/images/pagination-separator.gif') no-repeat 100% 70%;
	float: left;
}

/* =FEATURE PAGES */
.featureImage {
	margin-bottom: 18px;	
}

.featureImage img {
	border: 1px solid #c7c7c7;	
}

#featureMultiImage img {
	display: none;
}

.thumbnails {
	float: right; 
	margin-top: -12px; 
	width: 220px; 
	text-align: right;
	padding-right: 3px;
}

.thumbnails img {
	cursor: pointer;
	margin-left: 3px;
}

.thumbnails img.selected {
	opacity:0.5;
	filter:alpha(opacity=50)
}

.featureDate {
	margin-top: 10px;	
	color: #868686;
}

.featureQuote {
	margin: 18px 0;
	font-style: italic;
	color: #e23920;
	padding: 0 14px;
}

.pageNav {
	margin-top: 10px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 95%;
}

.pageNav div.prev {
	width: 49%;
	float: left;	
}

.pageNav div.next {
	width: 49%;
	float: right;
	text-align: right;	
}

#showcase {
	border: 1px solid #c6c5c5;
	padding: 3px;
	background: transparent url('/images/showcase-bg.gif') repeat-x bottom left;
	font-size: 95%;
	color: #000;
	margin-top: 20px;
}

#showcase a {
	font-weight: bold;	
}

#showcase ul li {
	width: 100px;
	float: left;	
	margin: 0 6px;
}

#showcase .showcaseHeading {
	text-transform: uppercase;
	font-size: 110%;
	font-weight: bold;
	padding: 12px 26px 12px 18px;
		
}

/* =GET INVOLVED */
.sectionBox {
	float: left;
	width: 201px;	
	height: 184px;
	margin: 15px 0;
	position: relative;
}

.holder {
	height: 120px;
	padding: 34px 12px 0px 12px;
	overflow: hidden;
}

#boxIndividuals {
	background: transparent url('/images/get_involved/individuals-home.jpg') no-repeat top left;
	margin-right: 36px;
}

#boxIndividuals div.hover {
	background: transparent url('/images/get_involved/individuals-home-hover.jpg') no-repeat top left;
}

#boxSchools {
	background: transparent url('/images/get_involved/schools-home.jpg') no-repeat top left;
	margin-right: 36px;
}

#boxSchools div.hover {
	background: transparent url('/images/get_involved/schools-home-hover.jpg') no-repeat top left;
}

#boxCorporate {
	background: transparent url('/images/get_involved/corporate-home.jpg') no-repeat top left;
}

#boxCorporate div.hover {
	background: transparent url('/images/get_involved/corporate-home-hover.jpg') no-repeat top left;
}

#boxFaithGroups {
	background: transparent url('/images/get_involved/faith-groups-home.jpg') no-repeat top left;
}

#boxFaithGroups div.hover {
	background: transparent url('/images/get_involved/faith-groups-home-hover.jpg') no-repeat top left;
}

#boxDownloadsForChildren {
	background: transparent url('/images/nelson_mandela/download-for-children.jpg') no-repeat top left;
}

#boxDownloadsForChildren div.hover {
	background: transparent url('/images/nelson_mandela/download-for-children-hover.jpg') no-repeat top left;
}

#boxDownloadForStudents {
	background: transparent url('/images/nelson_mandela/download-for-students.jpg') no-repeat top left;
}

#boxDownloadForStudents div.hover {
	background: transparent url('/images/nelson_mandela/download-for-students-hover.jpg') no-repeat top left;
}

.getInvolvedItem {
	padding: 12px 0;	
}

.getInvolvedHeader {
	height: 28px;	
	background: transparent url('/images/get_involved/tab-left.gif') no-repeat top left;
	padding-left: 6px;
	font-size: 110%;
	border-bottom: 6px solid #e2381f;
	position: relative;
}

.getInvolvedHeader .heading {
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;	
	background: #e2381f;
	padding-right: 6px;
	float: left;
	height: 20px;
	padding-top: 8px;
}

.getInvolvedHeader .tabRight {
	height: 28px;	
	background: transparent url('/images/get_involved/tab-right.gif') no-repeat top left;
	width: 6px; 
	display: inline;
	float: left;
}

.getInvolvedHeader .itemSelected {
	top: 34px;
}

.getInvolvedContent {
	background: #f8f7f8 url('/images/get_involved/item-bg.gif') repeat-x;
	border-top: 0;
	border-left: 2px solid #dad9d9;
	border-right: 2px solid #dad9d9;
	border-bottom: 2px solid #dad9d9;
	padding: 15px;
	position: relative;
}

.getInvolvedContent a {
	cursor: pointer;
}

.toggle {
	text-align: right;	
}

.expandedContent {
	padding: 0 12px;	
}

.expandedContent a {
	font-weight: bold;
}

.subItem {
	padding: 15px 0;	
}

.subItemHeading {
	background: transparent url('/images/listing-arrow.gif') no-repeat 0px 3px;
	padding: 0 0 0 24px;
	font-weight: bold;
	font-size: 130%;
	color: #000;
}

.subItemText {
	margin: 6px 0;	
}

.separator {
	border-top: 1px dotted #9b9b9b;
	width: 90%;
	margin: 0 auto;
	height: 0;
	line-height: 0;
}

.itemSelected {
	position: absolute;
	top: 0px;
	left: 55px;
	width: 15px;
	height: 6px;
	background: transparent url('/images/red-arrow-down.gif') no-repeat top left;
}

#selectionBox {
	margin-top: 20px;
}

.itemList {
	float: left; 
	width: 49%;
	font-size: 120%;
	font-weight: bold;
}

.itemList a {
	cursor: pointer;
	color: #555555;
}

.itemList ul {
	margin-top: 10px;	
}

.itemList ul li {
	background: transparent url('/images/listing-arrow.gif') no-repeat 0px 7px;
	padding: 5px 0 5px 24px;	
}

.itemDisplay {
	float: right; 
	width: 50%;
	min-height: 228px;
	height: auto !important;
	height: 228px;
	border: 1px solid #d2d1d1;
	background: #fafbfa url('/images/get_involved/faith-groups-box-bg.gif') repeat-x bottom left;
}

.itemDisplay ul li {
	padding: 0 10px;
	position: relative;
	display: none;
}

.displayTitle {
	position: absolute;
	top: -35px;
	right: 0;
	font-size: 120%;	
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	width: 290px;
	text-align: right;
}

.paperBg {
	
}


.paperBg .top {
	background: transparent url('/images/backgrounds/paper-lined-top.jpg') no-repeat bottom left;
	height: 34px;
	padding: 57px 15px 0 15px;
}

.paperBg .content {
	background: transparent url('/images/backgrounds/paper-lined-content.jpg') repeat-y top left;
	padding: 0 15px;
}

.paperBg .bottom {
	background: transparent url('/images/backgrounds/paper-lined-bottom.jpg') no-repeat top left;
	height: 49px;
}

.paperBg h1 {
	text-indent: -3000px;
	height: 25px;
	border: 0;
}

.paperBg h2 {
	padding: 0;
}

.paperBg h1.challenges {
	background: transparent url('/images/titles/get-involved-challenges.png') no-repeat top left;
}

.paperBg h1.campaigning {
	background: transparent url('/images/titles/get-involved-campaigning.png') no-repeat top left;
}

.paperBg h1.donate {
	background: transparent url('/images/titles/get-involved-donate.png') no-repeat top left;
}

.paperBg h1.fundraising {
	background: transparent url('/images/titles/get-involved-fundraising.png') no-repeat top left;
}

.paperBg h1.volunteering {
	background: transparent url('/images/titles/get-involved-volunteering.png') no-repeat top left;
}

h1.yourMessages {
	background: transparent url('/images/titles/your-messages.gif') no-repeat top left;
	text-indent: -12345px;
	border-bottom: 2px solid #000; 
}

.paperBg ul {
	margin: 0;
}

.paperBg ul li {
	padding: 15px 0;
}

.paperBg .listedItemContent {
	width: 300px;	
}

.squareBg .top {
	background: transparent url('/images/backgrounds/paper-squared-top.jpg') no-repeat bottom left;
	height: 45px;
	padding: 57px 15px 0 15px;
}

.squareBg .content {
	background: transparent url('/images/backgrounds/paper-squared-content.jpg') repeat-y top left;
	padding: 0 15px 30px 15px;
}

.squareBg .bottom {
	background: transparent url('/images/backgrounds/splodge.png') no-repeat top right;
	height: 41px;
}

.squareBg h1 {
	text-indent: -3000px;
	height: 25px;
	border: 0;
}

.squareBg h2 {
	padding: 0;
}

.squareBg h1.challenges {
	background: transparent url('/images/titles/get-involved-individuals.png') no-repeat top left;
}

.squareBg ul {
	margin: 0;
}

.squareBg ul li {
	padding: 15px 0;
}

.squareBg .listedItemContent {
	width: 300px;	
}

h1.schools {
	background: transparent url('/images/titles/get-involved-schools.png') no-repeat top left;
	text-indent: -3000px;
	height: 51px;
	border: 0;
}

.getInvolvedSchoolsItem {
	background: transparent url('/images/backgrounds/listed-item-schools.png') no-repeat top left;
	height: 147px;
	padding: 40px 30px 30px 40px;
}

.getInvolvedSchoolsItem .heading {
	text-indent: -3000px;
}

.getInvolvedSchoolsItem .text {
	margin: 5px 0;
}

.getInvolvedSchoolsItem .link {
	margin-right: 50px;
	float: right;
	clear: both;
}

#titleFundraise {
	background: transparent url('/images/titles/fundraise.png') no-repeat top left;
	width: 103px;
	height: 26px;
}

#titleEducationalCampaigns {
	background: transparent url('/images/titles/educational-campaigns.png') no-repeat top left;
	width: 260px;
	height: 43px;
}

#titleResources {
	background: transparent url('/images/titles/resources.png') no-repeat top left;
	width: 110px;
	height: 26px;
}

.getInvolvedSchoolsImage {
	float: right;
	margin: 20px 0 10px 15px;	
}

.getInvolvedIndividualsContent {
	padding: 0 0 25px 5px;
	background: transparent url('/images/get_involved/individuals-item-bg.jpg') no-repeat bottom left;
}

.getInvolvedIndividualsContent .text {
	padding-top: 8px;	
}

.getInvolvedIndividualsContent .text p {
	line-height: 100%;	
}


.getInvolvedIndividualsImage {
	float: right;
	margin: 0px 0 10px 20px;	
}

/* =EVENTS */
.eventDetail {
	margin-top: 20px;	
}

.eventFiles img {
	border: 1px solid #C7C7C7;
}

.eventFiles {
	float: right;
	margin: 0 0 10px 15px;
	font-weight: bold;
	text-align: center;
}

.eventDownload {
	margin-top: 10px;	
}

/* =DONATE FORM */

.required {
	color:red;
	font-weight:bold;
}

div.grey_form, div.donate_form {
    background-color: #EBEBEB;
    margin-bottom:10px;
    padding:10px;
    color: #000;
    border:none;
}

table.grey_tbl th, table.donate_tbl th {
    width: 95px;
    text-align: right;
    font-weight:normal;
}

table.grey_tbl td{
	padding: 4px;
}

table.grey_tbl td input.radio, table.donate_tbl td input.radio, input.radio,  input.checkbox {
    width: auto !important;
    border:none !important;
}

table.grey_tbl textarea {
    height: 150px;
}

table.grey_tbl td input,table.donate_tbl td input, table.grey_tbl td select, table.donate_tbl td select {
    margin:5px 0 0 0;
    width:200px;
}
table.grey_tbl td textarea,table.donate_tbl td textarea{
	width: 350px;
}

table.grey_tbl td input.address, table.donate_tbl td input.address {
    margin:0  !important;
}

/* NELSON MANDELA */
.mandelaDownloads {
	margin-top: 25px;
	border-top: 1px dotted #7e7e7e;	
}

.mandelaDownloads div.sectionBox {
	margin: 15px 14px;	
}

.mandelaDownloads div.holder {
	padding-top: 60px;
}

/* =SITE SEARCH */
#siteSearch .gsc-control {
	width: 100%;;
}

#siteSearch .gsc-webResult a {
	color: #000;
}

#siteSearch .gsc-webResult a b {
	color: #E23920;
}

#siteSearch .gsc-result {
	margin: 20px 0;
	border-top: 6px solid #FFE8EB;
	padding-top: 15px;
}

#siteSearch .gs-result .gs-title, #siteSearch .gs-result .gs-title * {
	font-size: 15px;
	padding: 6px 0;
	height: auto;
	font-weight: bold;
}

#siteSearch .gs-result a.gs-visibleUrl, #siteSearch .gs-result .gs-visibleUrl {
	color:#E23920;
	text-decoration:none;
}

#siteSearch .gsc-cursor-box {
	border-top: 6px solid #E23920;	
	padding-top: 10px;
	text-align: right;
}

/* =PHOTO GALLERY */
.photoGallery {
	width: 545px;
}

h1.photoGalleryHeader {
	background: transparent url('/images/gallery-header-bg.gif') no-repeat 100% 8px;
}

#photoGalleryImages {
	background: #efeeed;
	margin-top: 14px;
}

#photoGalleryImages ul {
	clear: both;
	border-bottom: 1px solid #FFF;	
}

#photoGalleryImages ul li {
	float: left;
	padding: 12px 14px;	
	border-right: 1px solid #FFF;	
}

#photoGalleryImages ul li.lastItem {
	border: 0;
}

#photoGalleryImages ul li img {
	border: 1px solid #FFF;	
}

/* =CONTACT US */
.contactDetails {
	padding: 25px 0;
	border-bottom: 1px dotted #8b8b8b;	
}

.contactDetails td {
	vertical-align: top	
}

.contactDetails span {
	font-weight: bold;	
}

.contactForm {
	background: #efefef;
	margin-top: 25px;
	padding: 16px;
}

table.ovoyoForm {
	border-collapse: separate;
	border-spacing: 10px;	
}

.label {
	width: 85px;
	text-align: right;	
	color: #000;
	vertical-align: top;
	line-height: 20px;
}

.contactForm .text {
	width: 288px;
	height: 20px;
	border: 1px solid #8faec7;
	font-size: 120%;
	margin: 0px 0px 10px 15px;
}

table.ovoyoForm .button {
	float: right;
	margin-top: 10px;	
}

#errors {
	background: #FFF;
	border: 2px solid #E23920;
	padding: 10px;
	color: #E23920;
}

#errors ul {
	margin: 0;	
}

/* =Success, info, warning and error styles*/
/* =Success, info, warning and error styles*/
ul.success,
ul.info,
ul.warning,
div.errors ul { padding: 10px; padding-left: 35px; font-size: 85%; }
ul.success { background: #e0fccf url('/images/icons/dialog-success.png') no-repeat 7px 4px !important; border: 1px solid #00D100;}
ul.info { background: #FBF5D0 url('/images/icons/dialog-information.png') no-repeat 7px 4px !important; border: 1px solid #FAD42E;}
ul.warning { background: #FBEC88 url('/images/icons/dialog-warning.png') no-repeat 7px 4px !important; border: 1px solid #FAD42E;}
div.errors ul { background: #FEF1EC url('/images/icons/dialog-error.png') no-repeat 7px 4px !important; border: 1px solid #CD0A0A;}

/* =FAQs */
.faqs a {
	cursor: pointer;	
}
.faqs ul {
	margin-top: 15px;
	border-top: 5px solid #e23920;	
}
.faqs ul li {
	background: #f8f7f8 url('/images/faq-box-bg.gif') repeat-x;
	border: 1px solid #d2d2d2;
	padding: 14px;
	margin-bottom: 10px;
}

.faqs div.faqQuestion {
	color: #e23920;
	font-weight: bold;	
}

.faqs div.faqAnswer {
	margin-top: 15px;	
} 

/* =FOOTER */
#ft {
	margin-top: 60px;
	background: #707070;	
	color: #d7d7d7;
	font-size: 95%;	
}

#ft a {	
	color: #FFF;
}

#footerContent {
	
	padding: 15px;
	text-align: center;
}

#footerNav {
	padding-bottom: 15px;	
}

#footerBottom {
	background: #6b6868;
	padding: 10px 15px;
}

#footerBottom a {
	text-decoration: underline;
}


div#amountMatrix {
	clear: both;
	display: block;
}

ul#amountMatrixList {
	display: block;
	width: 458px;
	height: 47px; 
	margin: 0;
	background-image: url('/images/amount-matrix.gif'); 
	background-position: 0 0; 
	background-repeat: no-repeat; 
}

ul#amountMatrixList li {
    list-style-type:none;
    float:left;
    text-indent:-9999px;
    height:47px;
    display:block;
    cursor:pointer;
}

div#amountMatrix ul.ten {
    background-position: 0px 0px !important;
}

div#amountMatrix ul.fifteen {
    background-position: 0px -47px !important;
}

div#amountMatrix ul.twentyEight  {
    background-position: 0px -94px !important;
}

div#amountMatrix ul.thirtyFive {
    background-position: 0px -141px !important;
}

div#amountMatrix ul.sixtyFive {
    background-position: 0px -188px !important;
}

div#amountMatrix ul.twoFifty {
    background-position: 0px -235px !important;
}

ul#amountMatrixList li#ten  {
    width:78px;
}

ul#amountMatrixList li#fifteen  {
    width:68px;
}

ul#amountMatrixList li#twentyEight {
    width:66px;
}

ul#amountMatrixList li#thirtyFive {
    width:67px;
}

ul#amountMatrixList li#sixtyFive {
    width:67px;
}

ul#amountMatrixList li#twoFifty {
    width:110px;
}

div#whitePointerList {
    clear: left;
    margin-left: 178px;
    width: 23px;
    height: 15px;
    background: transparent url('/images/amount-pointer.gif') no-repeat top left;
}

div#whitePointer div.ten {
    margin-left: 43px !important;
}

div#whitePointer div.fifteen {
    margin-left: 108px !important;
}

div#whitePointer div.twentyEight {
    margin-left: 170px !important;
}

div#whitePointer div.thirtyFive {
    margin-left: 240px !important;
}

div#whitePointer div.sixtyFive {
    margin-left: 310px !important;
}

div#whitePointer div.twoFifty {
    margin-left: 385px !important;
}

div#whiteContainer {
    width: 282px;
    display: block;
    padding: 5px 10px;
    margin-left: 50px;
    background-color:#FFF;
}

div#whiteContainer.ten {
    margin-left: 15px !important;
}

div#whiteContainer.fifteen {
    margin-left: 30px !important;
}

div#whiteContainer.twentyEight {
    margin-left: 50px !important;
}

div#whiteContainer.thirtyFive {
    margin-left: 70px !important;
}

div#whiteContainer.sixtyFive {
    margin-left: 90px !important;
}

div#whiteContainer.twoFifty {
    margin-left: 150px !important;
}

.donateContainerLeft { width:220px; height: 153px; background-color: #FEE8EB; border: 1px solid #DADADA; display: block; float: left; position: relative; }
.donateContainerRight { width:220px; height: 153px; background-color: #FEE8EB; border: 1px solid #DADADA; display: block; float: left; margin-left: 13px; position:relative }
h2.regularDonation { background: transparent url('/images/titles/regular-donation.gif') no-repeat center left; text-indent: -12345px; }
h2.oneOffDonation { background: transparent url('/images/titles/one-off-donation.gif') no-repeat center left; text-indent: -12345px; }
#oneOffDonation { cursor: pointer; color: #E23920; float: right; position: absolute; bottom: 10px; right: 10px; }
#regularDonation { cursor: pointer; color: #E23920; float: right;position: absolute; bottom: 10px; right: 10px; }