/* --------------------------------------------- */
/* South Africa Styles                           */
/* --------------------------------------------- */
/* Extends global.css                            */

/* Left Column          */
/* -------------------- */

/* What Can I do */

h3 {
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 5px;
}

#shabnaButton {
	margin-top: 20px;
	background: url('../images/south-africa/sideShabnasStory.gif') no-repeat;
	height: 145px;
	width: 234px;
}

#shabnaButton p {
	color: #000;
	padding-top: 40px;
	padding-left: 5px;
	width: 131px;
	font-size: 0.89em;
}

#shabnaButton p.link {
	padding-top: 0px;
}

#shabnaButton p.link a {
	color: #000;
	text-decoration: underline;
}

#shabnaButton p.link span {
	color: #c50000;
	font-weight: bold;
}


/* different spread the word content / look */

#leftCol {
	padding-bottom: 10px;
}

#leftCol #spreadTheWord {
	float: left;
	margin-top: 20px;
	background: #fff url('../images/boxBgRepeat_wcid2.gif') repeat-y;
	padding-bottom: 10px;
}

#leftCol #spreadTheWord h3 {
	margin-left: 10px;
	padding-top: 5px;
	font-size: 0.9em;
}

#leftCol #spreadTheWord #belowLogo {
	margin-top: 5px;
}

#leftCol #spreadTheWord textarea {
	margin-left: 10px;
}

#leftCol #spreadTheWord h3#widget {
	padding-top: 16px;
	margin-left: 10px;
}

p.smaller {
	font-size: 0.9em;
}


/* Right Column Content - South Africa */
/* ----------------------------------- */

#rightCol #intro {
	width: 651px !important;
	width: 671px;
}

#rightCol #intro h2 {
	background: url('../images/what-can-i-do/hdr_whatCanIDo.gif') no-repeat;
	width: 148px;
	height: 20px;
}

#rightCol .horizContent {
	float: left;
	margin-top: 30px;
	width: 100%;
}

#rightCol #firstHoriz.horizContent {
	margin-top: 10px;
}

#rightCol .horizContent .leftHoriz  {
	width: 448px;
	float: left;
}

#rightCol .horizContent .leftHoriz p {
	display: block;
}

#rightCol .horizContent .leftHoriz p a {
	color: #c50000;
}

#rightCol .horizContent .leftHoriz img {
	margin-top: 10px;
}

#rightCol .horizContent .rightHoriz {
	width: 209px;
	float: left;
	display: inline;
	padding-left: 10px;
}

#rightCol .horizContent .rightHoriz.alternate {
	padding-left: 0;
	padding-right: 10px;
}

#rightCol .horizContent .rightHoriz img{
	padding-top: 1px;
}

#ulWrapper {
	width: 400px;
	padding-left: 20px;
	padding-top: 5px;
}

#ulWrapper ul li {
	padding-bottom: 5px;
}


/* --------------------------------------------- */
/* End What can I do? Styles                     */
/* --------------------------------------------- */