/* Staticly styled tags incl. body ---------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */
body { font: 12px Geneva, Arial, Helvetica, sans-serif; margin: 0px; background: #fff; line-height: 140%; }
body.afriR { }

a {  }
a:link, a:visited { color: #b85a10; text-decoration: none;  }
a:hover, a:active { color: #e06c11; text-decoration: underline;  }
/*a:link, a:visited { color: #000000; text-decoration: none; }
a:hover, a:active { color: #333333; text-decoration: underline; }
*/

h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; line-height: 120%; }
body.afriR h1 { font-size: 24px; letter-spacing: 3px; }
body.afriR h2 { font-size: 18px; letter-spacing: 1px; }
body.afriR h3 { font-size: 16px; }
body.afriR h4 { font-size: 12px; font-weight: bold; }
body.afriR h5 { font-size: 12px; font-weight: bold; }
body.afriR h6 { font-size: 12px; font-weight: bold; }

p { margin: 0px; padding: 2px 0px 20px 0px; }
img { border: none; }

blockquote { margin: 10px inherit; }

div#content ul { margin-top: 0px; margin-bottom: 15px; }



/* Main Design ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
div#wrapper { width: 940px; margin: 0px auto; }
div#quick { text-align: right; margin-top: 3px; font-size: 10px; }
div#quick ul { list-style: none; margin: 0px; }
div#quick ul li { display: inline; margin-left: 10px; }
div#quick ul li a { font-size: inherit; }

div#top { height: 111px; background: url(/_iface/static/top.gif) no-repeat; margin-top: 10px; }
div#top img.logo { float: left; }

/* Main menu */
body.afriR div.mainMenu { height: 30px; overflow: hidden !important; background: url(/_iface/static/menuBG.gif) no-repeat; }

div.mainMenu ul {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	text-align: center;
	margin: 0;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 0px;
}

div.mainMenu ul li { display: inline; }
div.mainMenu ul li a {
	padding: 10px 11px 9px 11px;
	color: white;
	text-decoration: none;
	border-left: 1px solid #a1a644;
	border-right: 1px solid #a1a644;
	margin-right: -1px;
	font-size: 10px;
}

div.mainMenu ul li.one a {  }
div.mainMenu ul li.six a {  }
div.mainMenu ul li a:hover {
	background-color: #fff;
	color: #000000;
}

div#copyright { width: 600px; margin: 15px auto 10px auto; text-align: center; }
div#partnerFocus { margin: 8px 0px 8px 0px; }
div#partnerFocus img { margin: 0px 4px 0px 4px; }
div#partnerFocus a { text-decoration: none; }


/* Front page specific styles --------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */
body.afriF {}
body.afriF div.mainMenu { height: 30px; overflow: hidden !important; background: url(/_iface/static/menuBG_F.gif) no-repeat; }

body.afriF h1 { font-size: 24px; letter-spacing: 3px; }
body.afriF h2 { font-size: 18px; letter-spacing: 1px; }
body.afriF h3 { font-size: 16px; }
body.afriF h4 { font-size: 12px; font-weight: bold; }
body.afriF h5 { font-size: 12px; font-weight: bold; }
body.afriF h6 { font-size: 12px; font-weight: bold; }

body.afriF div#campaign { height: 200px; background: #000000; margin-top: 0px; background: url(/_iface/campaign/afriF_campaign2.jpg) no-repeat; }
body.afriF div#main { padding: 20px; margin-top: 1px; background: url(/_iface/static/mainBG.gif) repeat; }

body.afriF div#focus {}
body.afriF div#focus div.clearBoth { margin-bottom: 10px; }
body.afriF div#focus h2 { font-size: 14px; padding: 5px 15px; }
body.afriF div#focus p { font-size: 12px; padding: 5px 15px; text-align: justify; }
body.afriF div#focus div.image { text-align: center; margin-top: 10px; }
body.afriF div#focus ul { list-style: none; margin-top: 0px; }
body.afriF div#focus a { text-align: right; display: block; padding-right: 20px; }
body.afriF div#focus a:link, body.afriF div#focus a:visited { background: url(/_iface/obj/c_linkArrowR.gif) right 3px no-repeat; }
body.afriF div#focus a:hover, body.afriF div#focus a:active { background: url(/_iface/obj/c_linkArrowO.gif) right 3px no-repeat; }

body.afriF div#focus div.focus1, body.afriF div#focus div.focus2, body.afriF div#focus div.focus3 { width: 286px; float: left; }
body.afriF div#focus div.focus1 { margin: 0px 20px 0px 0px; }
body.afriF div#focus div.focus2 { margin: 0px 20px 0px 0px;}
body.afriF div#focus div.focus3 { margin: 0px;}

body.afriF div#focus h1 { display: block; width: 286px; height: 79px; text-indent: -9999px; background: url(/_iface/front/sprite_focus.gif) no-repeat; } /* Google, the background image displays the exact same text! */
body.afriF div#focus div.focus1 h1 { background-position: 0px 0px; }
body.afriF div#focus div.focus2 h1 { background-position: -306px 0px; }
body.afriF div#focus div.focus3 h1 { background-position: -612px 0px; }




body.afriF h3.toggler { width: 286px; background: #fff; background-repeat: no-repeat !important; cursor: pointer; color: #000000; font-size: 12px !important; margin-top: 1px; }
body.afriF h3.toggler a { text-align: left !important; padding: 7px 15px; text-decoration: none; color: #000000; font-weight: normal; display: block; }
body.afriF h3.toggler a:link, body.afriF h3.toggler a:visited { background: #fff url(/_iface/obj/c_linkArrowRdown.gif) right 9px no-repeat !important; }
body.afriF h3.toggler a:hover, body.afriF h3.toggler a:active { background: #fff url(/_iface/obj/c_linkArrowOdown.gif) right 9px no-repeat !important; }

body.afriF div.accordion { border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #efefef; }
body.afriF div.accordion p { padding: 5px 10px 20px 10px !important; }
body.afriF div.accordion div.item img { float: none !important; padding: 0px !important; }

body.afriF div#socialbar { display: block; padding-top: 15px; border-top: 1px solid #7d831d; margin-top: 20px; }
body.afriF div#socialbar a { display: block; width: 129px; float: left; margin-right: 10px; margin-left: 10px; text-align: center; background: none !important; padding: 0 !important; text-align: center !important; }
body.afriF div#socialbar a img { display: block; margin: 0px auto 10px auto; }
body.afriF div#socialbar a:hover, body.afriF div#socialbar a:active { }
body.afriF div#socialbar a:link, body.afriF div#socialbar a:visited { }



/* Headers ---------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */
body.afriR div#header { height: 74px; margin-top: 8px; }
body.afriR div#header.generic { background: url(/_iface/static/headerBG_generic.gif) no-repeat; }
body.afriR div#header h1 { font-size: 28px; letter-spacing: 3px; padding: 20px 0px 0px 25px; }

body.afriR div#header.pr { background: url(/_iface/static/headerBG_generic.gif) no-repeat; }
body.afriR div#header.pr h1 { font-size: 18px; letter-spacing: 1px; padding: 12px 0px 0px 17px !important; }



/* Main div and all within it --------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */
body.afriR div#main { padding: 20px 0px; margin-top: 1px; background: url(/_iface/static/mainBG.gif) repeat; }

body.afriR div#main div#submenu { width: 210px; float: left; }
body.afriR div#main div#submenu ul { list-style: none; padding: 0px; margin: 1px 0px 0px 0px; margin-bottom: 20px; }
body.afriR div#main div#submenu ul li { }
body.afriR div#main div#submenu ul li a { display: block; background: url(/_iface/static/subMenu_bg.gif) repeat; margin-bottom: 1px; padding: 4px 4px 4px 15px; text-decoration: none; }
body.afriR div#main div#submenu ul li.startNOLINK { display: block; background: url(/_iface/static/subMenu_start.gif) no-repeat !important; margin-bottom: 1px; padding: 4px 4px 4px 15px; }
body.afriR div#main div#submenu ul li.start a { background: url(/_iface/static/subMenu_start.gif) no-repeat !important; }
body.afriR div#main div#submenu ul li.end a { background: url(/_iface/static/subMenu_end.gif) no-repeat !important; }
body.afriR div#main div#submenu ul li a:link, body.afriR div#main div#submenu ul li a:visited { color: #6c7119; }
body.afriR div#main div#submenu ul li a:hover, body.afriR div#main div#submenu ul li a:active { color: #5c6014; }

body.afriR div#main div#content { width: 680px; float: left; margin-left: 20px; }
body.afriR div#main div.newsletter { padding: 0px 20px; }

body.afriR div.person { width: 310px; display: block; border-bottom: 4px solid #000000; margin-bottom: 20px; }
body.currentPartners div.person { float: left !important; margin-right: 30px; }
body.afriR div#left { width: 310px; float: left; margin-right: 40px; }
body.afriR div#right { width: 310px; float: left; }


/* Bottom ----------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */
body.afriR div#bottom, body.afriF div#bottom { height: 30px; background: url(/_iface/static/bottom.gif) no-repeat; display: block; }
div#bottom div.mainMenu { height: 30px; background: none !important; }
div#bottom div.mainMenu ul {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	text-align: center;
	margin: 0;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 0px;
}

div#bottom div.mainMenu ul li { display: inline; }
div#bottom div.mainMenu ul li a {
	padding: 10px 11px 9px 11px;
	color: #000000;
	text-decoration: none;
	border-left: 1px dotted #fff;
	border-right: 1px dotted #fff;
	margin-right: -1px;
	font-size: 10px;
}

div#bottom div.mainMenu ul li.one a {  }
div#bottom div.mainMenu ul li.six a {  }
div#bottom div.mainMenu ul li a:hover { background-color: #fff; color: #000000; }




/* Global classes - misc -------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */
.clearBoth { clear: both; }
.clear { clear: both; }
.right { float: right; }
.left { float: left; }
img.right { margin: 0px 0px 5px 10px; }
img.left { margin: 0px 10px 5px 0px; }

a.pr { text-align: right; display: block; padding-right: 20px; }
a.pr:link, a.pr:visited { background: url(/_iface/obj/c_linkArrowR.gif) right 3px no-repeat; }
a.pr:hover, a.pr:active { background: url(/_iface/obj/c_linkArrowO.gif) right 3px no-repeat; }

a.downloadbutton { display: block; padding: 10px; font-size: 18px; text-align: center; }
a.downloadbutton:link, a.downloadbutton:visited { background: #b7bd55; border: 4px solid #7f8522; color: #000000; }
a.downloadbutton:hover, a.downloadbutton:active { background: #7f8522; border: 4px solid #b7bd55; color: #fff; }

ul.sitemap { list-style: none; }
ul.sitemap li { display: block; background: url(/_iface/obj/c_linkArrowR.gif) 3px left no-repeat; padding-left: 20px; }
ul.sitemap li.separator { height: 10px; border-top: 1px dashed #000000; margin-top: 5px; margin-left: 20px; margin-bottom: 3px; background: none !important; }


ul.articles { list-style: none; margin-top: 8px !important; }
ul.articles li { background: url(/_iface/obj/c_linkArrowR.gif) left 3px no-repeat; display: block; padding-left: 20px; }


body.afriR div.logos { padding: 20px; }
body.afriR div.logos img { float: left; margin: 0px 20px 20px 20px; }

div.supporterQuote { width: 200px; float: right; margin-left: 20px; margin-right: -30px; background: #dbdcc1 url(/_iface/obj/supporterQuoteEdge.gif) top left no-repeat;; }
div.supporterQuote h3 { font-size: 14px; font-weight: normal; letter-spacing: 1px; padding: 5px 10px 10px 10px; }
div.supporterQuote p { font-size: 10px; padding: 5px 10px 10px 10px; }


div.profile { width: 320px; display: block; float: left; margin: 0 10px 20px 10px; }
div.profile a { display: block; padding: 20px; text-align: center; text-decoration: none; }
div.profile a:link { border: 1px solid #ccc; }
div.profile a:hover { border: 1px solid #999; }

div.profile a.abigal_morulane:link, div.profile a.abigal_morulane:visited { background: url(/_iface/afripreneurs/sprite_abigail_morulane.gif) no-repeat; background-position: 84px 60px; }
div.profile a.abigal_morulane:hover, div.profile a.abigal_morulane:active { background: url(/_iface/afripreneurs/sprite_abigail_morulane.gif) no-repeat; background-position: -316px 60px; }

div.profile a span.title { display: block; margin: 0 0 160px 0; font-weight: bold; font-size: 16px; }
div.profile a span.text { display: block; margin: 0; }



/* Forms ------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
table.admission td { vertical-align: top; }
td.agreementText { background: #fff; padding: 20px; }
form { margin: 0px; }
input.styled, select.styled, textarea.styled {
	font: 10px Geneva, Arial, Helvetica, sans-serif;
	padding: 2px 10px; margin: 0px 0px 2px 0px;
	background: #fff;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #CCCCCC; /* Rouded corners in webkit and Firefox */
}

div.formRadio { display: block; width: 70px; float: left; }
div.formRadio input { font-size: 14px; }
span.required { color: #FF0000; font-weight: bold; }