/* =Basic HTML
--------------------------------------------------------------------------------*/
body { font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; min-height:100%; background:#F1F4E5; color:#724826;font-size:12px; }
/*a:focus { outline:1px dotted invert; }*/

/* =Headings
--------------------------------------------------------------------------------*/
h1 { font-size:26px; font-weight:normal;}
h2 { font-size:23px; font-weight:normal;}
h3 { font-size:21px; font-weight:normal;}
h4 { font-size:19px; font-weight:normal;}
h5 { font-size:17px; font-weight:normal;}
h6 { font-size:15px; font-weight:normal;}

/* =Spacing
--------------------------------------------------------------------------------*/
ol { list-style:decimal; }
ul { list-style:circle; }
li { margin-left:30px; }
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom:20px;}

/* headings
----------------------------------------------- */
h1,h2,h3,h4,h5,h6 { line-height:1.2em;margin-bottom:.3em; font-family:Palatino, "Times New Roman", serif ;}
h2 { margin-top:1em; }
h6 { font-size:1em;text-transform:uppercase; }
h1 a { font-weight:normal; }

/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 { min-height: 100%; height: auto !important;}

/*header image*/
body#home 		{ background:url("/theme/images/header_home.jpg") no-repeat top center #f5f1e5; }
body#static 	{ background:url("/theme/images/header1.jpg") no-repeat top center #f5f1e5; }
body#news 		{ background:url("/theme/images/header3.jpg") no-repeat top center #f5f1e5; }
body#programmes { background:url("/theme/images/header2.jpg") no-repeat top center #f5f1e5; }
body#focus-areas{ background:url("/theme/images/header4.jpg") no-repeat top center #f5f1e5; }
body#gallery 	{ background:url("/theme/images/header5.jpg") no-repeat top center #f5f1e5; }
body#contact 	{ background:url("/theme/images/header6.jpg") no-repeat top center #f5f1e5; }
body#resources 	{ background:url("/theme/images/header7.jpg") no-repeat top center #f5f1e5; }
body#other, body#videos 	{ background:url("/theme/images/header8.jpg") no-repeat top center #f5f1e5; }

#logo {background: url("/theme/images/logo.png") no-repeat; border: none;width: 345px; height: 160px; float:right; margin-top: 8px; display:block;}

/*search box*/
#search-box { background: none !important;}
#nav-search { text-align:right;float:right; margin: 10px 0 0;}
/*breadcrumb*/
#breadcrumb {margin-top: -15px; margin-bottom: 5px;}
#breadcrumb ul{ list-style-type: none;}
#breadcrumb ul li{float:left; margin-left: 0; margin-right: 10px;}
#breadcrumb .current{font-weight: bold;}

/* anchors
----------------------------------------------- */
a { color:#0E4B8E;font-weight:bold;text-decoration:none; }
a:hover { color:#0064c7; text-decoration:underline;}

/*main*/
#main {min-height: 750px;}

/* branding
----------------------------------------------- */
#header h1 { font-weight:normal;font-size:3em;text-align:left;background:#aaa;padding:.7em 1em;margin-bottom:0; }

/* page heading
----------------------------------------------- */
h2#page-heading { font-weight:normal;padding:.5em;margin:0 0 10px 0;border-bottom:1px solid #ccc; }

/* FP - Ongoing initiatives */
#ongoing-initiatives {}
#ongoing-initiatives ul {list-style-type:none; margin-bottom: 0;}
#ongoing-initiatives ul li {margin-left:15px; margin-right:15px; width:250px; float: left; position:relative; margin-bottom: 25px;}
* html #ongoing-initiatives ul li {margin-left:15px; margin-right:0;}
#ongoing-initiatives img {margin-right: 5px;}
#ongoing-initiatives h2 {margin-top: 0; padding-left: 20px;}
#ongoing-initiatives h3 {font-size:19px; margin: 10px 0;}
#ongoing-initiatives h3 a {color:#724826; font-weight:normal;} 
ul#ongoing-initiatives { margin:0 -25px 0px;padding-right:30px;padding-left:15px; }

/*blog*/
#fp-blog h1{font-size: 19px;}

#date {font-size:11px; color: #333333;}


/*schools for africa*/
#sfa { text-align: center;}
#sfa a img{border:none; margin: 0; padding: 0;}


/*floats*/
.floatright { float:right; margin-left:10px;}
.floatleft {float:left; margin-right: 10px;}

/*float images*/
.image-caption {padding-left:10px;}


/* boxes
----------------------------------------------- */
.box { margin-bottom:20px;}
.box h2 { font-size:1.7em;font-weight:normal;font-family:"Times New Roman";
 color:#0E4B8E;}
.box h1 {font-weight:normal; color:#0E4B8E;}
.box h2 a,
.box h2 a.visible { color:#724826; background:none; font-weight: normal; }
/*box fix IE 6*/
.box:after {clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.box { display: inline-block;}
* html .box { height: 1%;}
.box { display: block; }
/*box padding removed - apply to only required divs*/
.box-pad {padding: 10px 20px 0;}

/*specific box designs*/
.special-box {font-size:12px; color:#35608A;}
.special-box h2 { color:#FFF; font-size:22px;margin: 0 0 -10px 15px;}
.special-box h2 a{ color:#35608A; text-decoration: underline;}
.special-box h3.darkblue { color:#0E4B8E; font-size:18px;margin-right:35px; }
.special-box .lightbox img{border:none ; margin:0 ;padding:0 ;}

.special-box .bottom1 {margin: 0 -5px 0 -10px;}

/*.bottom { background:url("/theme/images/2ndbox_bottom.jpg") no-repeat bottom;height:36px;margin-bottom:40px; margin:0px -10px;}*/

/* dark blue */
.dark-blue_old {background:url("/theme/images/quotebox_middle.jpg") no-repeat;}
.dark-blue_old .bottom1 {background:url("/theme/images/dark_blue_bottom.jpg") bottom no-repeat; height:35px;}
.special-box li {color: #0E4B8E;}

/* light blue */
.light-blue_old {background:url("/theme/images/2ndbox_middle.jpg") no-repeat;}
.light-blue_old .bottom1 {background-image:url("/theme/images/2ndbox_bottom.jpg") bottom no-repeat; height:35px;}

/* light brown */
.light-brown_old {background:url("/theme/images/3rdbox_middle.jpg") no-repeat; }
.light-brown_old .bottom1  { background:url("/theme/images/3rdbox_bottom.jpg") bottom no-repeat; height:35px;}


/*dark blue new*/
.dark-blue {background: url("/theme/images/bluebox-sun.jpg") top right no-repeat; }
.dark-blue.alt{background: url("/theme/images/bluebox-sun-left.jpg") top no-repeat;}

/*brown*/
.brown{background:  url("/theme/images/brownbox-sun.jpg")no-repeat;}
.brown.alt{background: url("/theme/images/brownbox-sun-left.jpg") top no-repeat;}
.brown-alt{background: url("/theme/images/brownbox-sun-left.jpg") top right no-repeat;}
#mandela-day, #mandela-day-exp {margin-bottom: 10px; margin: 0 0 10px 6px;}
#mandela-day a{ display: block; background: url('/theme/images/md-banner.jpg') no-repeat; height: 111px;}

.special-box {}
.box-inner {background: #FFF; padding: 5px; color: #724826;}
.box-inner a{color: #724826;}
.box-inner h2{color:#35608A; margin: 0 0  14px;}

.box-inner	 {}
.box .box-inner p {margin-left: 5px;}
.round {width: 260px;}
.round-top { background: url('/theme/images/rounded.png') no-repeat top; height: 24px;  margin-top: 10px; width: 260px;}
.round-bottom { background: url('/theme/images/rounded2.png') no-repeat bottom; height: 24px; margin-bottom: 10px; width: 260px;}

#stats {width: 250px !important; }

ul.no-bullets {list-style: none; color: #724826;}
ul.no-bullets li {margin-left: 10px;}

/*light blue new*/
.light-blue {background: url("/theme/images/lightblue.jpg") no-repeat; padding-left: 7px;}
.light-blue .bottom {/*background: url("/theme/images/lightblue_bottom.jpg") bottom no-repeat;*/ height: 35px;}
/*lighterblue new*/
.lighter-blue {background: url("/theme/images/lighterblue_top.jpg") no-repeat;padding-left: 7px;}
.lighter-blue .bottom {/*background: url("/theme/images/lighterblue_bottom.jpg") bottom no-repeat;*/ height: 35px;}

/*gallery video*/
.videos {margin-bottom: 20px;}
.videos img{float: left; margin: 0 10px 10px 0;}
.videos p{margin-left: 110px;}

/*gallery box*/
.gallery-box {background: url("/theme/images/gallery_box.png") transparent no-repeat; height: 250px; width: 280px;}

/* quotes */
#quotes {padding: 10px 10px 0;}
#quotes .margin-top{margin-top: 40px;}
#quotes .quotewrap {background:url("/theme/images/quotes_only_top.png") no-repeat top left; padding-left:15px; padding-top:20px; font-weight:bold; font-style:oblique; color: #333;}
#quotes .block {background:url("/theme/images/quotes_only_bottom.png") no-repeat bottom right;}
#quotes em {text-align:right; font-size:10px; color: #333;}

/* paper edges box */
.paper-edges { background:url("/theme/images/textured_box.jpg") repeat-y; margin-right: 35px;}
.paper-edges .bottom {background:url("/theme/images/textured_box_bottom.jpg") bottom no-repeat;  height:45px; width: 585px; margin: 0;}
 
#footer {height: 70px; }
#footer-wrap {background:url("/theme/images/footer.jpg") no-repeat bottom center; height: 70px; text-align:center; bottom:0;}
#footer-wrap p {margin-bottom:0; padding-top: 40px; padding-bottom: 0;}
#footer-wrap p a{ color:#744927;}

.box h2 a.hidden,
.box h2 a.hidden:hover { background-image:none; }
.box h2 a:hover { background-color: none; }
.block { padding-top:10px; }
div.menu { padding:0; }
div.menu h2 { margin:0; }
div.menu .block { padding-top:0; }

/* paragraphs,quotes and lists
----------------------------------------------- */
p { margin-bottom:1em; }
/*.box h2 + p {font-family:Georgia,'Times New Roman',serif; padding-left:5px; }*/
blockquote { font-family:Georgia,'Times New Roman',serif;font-size:1.2em;padding-left:1em;border-left:4px solid #ccc; }
blockquote cite { font-size:.9em; }
ul,ol { padding-top:0; }

.team {margin-top: 10px; min-height: 90px;}
.team p{margin-left: 150px;}

/* menus
----------------------------------------------- */
ul.menu { list-style:none;border-top:1px solid #bbb; }
ul.menu li { margin:0; }
ul.menu li a { display:block;padding:4px 10px;border-bottom:1px solid #ccc; }
ul.menu li a:hover { background:#eee; }
ul.menu li a:active { background:#ccc; }

/* submenus
----------------------------------------------- */
ul.menu ul { list-style:none;margin:0; }
ul.menu ul li a { padding-left:30px; }

/* section menus
----------------------------------------------- */
ul.section { border-top:0;margin-bottom:0; }
ul.section li { text-transform:uppercase; }
ul.section li a { background:#bbb; }
ul.section li a:hover { background:#aaa; }
ul.section li a:active { color:#fff;background:#666; }
ul.section li li a { background:#ddd;border-bottom:1px solid #eee; }
ul.section li li a:hover { background:#ccc; }
ul.section li li a:active { color:#000;background:#fff; }
ul.section ul li { text-transform:none; }
ul.section ul.current li a { background:#eee;border-bottom:1px solid #fff; }
ul.section ul.current li a:hover { background:#ddd; }
ul.section ul.current li a:active { background:#fff; }
ul.section li a.current { color:#fff;background:#666; }
ul.section li a.current:hover { background:#555; }
ul.section li a.current:active { background:#444; }
ul.section li a.active { background:#fff;cursor:default; }
ul.section li.current > a.active,
ul.section li.current > a.active:hover { color:#fff;background:#666;cursor:default; }

/* table
----------------------------------------------- */
table { width:100%;border:1px solid #bbb;margin-bottom:10px; }
col.colC { width:8em; }
th,td { padding:.2em 1em;text-align:left; }
thead th { border-bottom:2px solid #888;background:#bbb;padding:.4em 1em .2em; }
thead th.table-head { font-size:1em;font-weight:normal;text-transform:uppercase;color:#fff;background:#555;border:1px solid #555; }
tbody th,
tbody td { border-top:1px solid #bbb;border-bottom:1px solid #bbb;background:#eee; }
tbody tr.odd th,
tbody tr.odd td { background:#fff; }
tfoot th,
tfoot td { border-top:2px solid #666;background:#eee; }
tfoot tr.total th,
tfoot tr.total td { border-top:6px double #666; }
tfoot tr.total th { text-transform:uppercase; }
th.currency,
td.currency { text-align:right; }

/* forms
----------------------------------------------- */
form { overflow:hidden; }
fieldset { border:1px solid #bbb;padding:10px;position:relative;/*background:#e9e9e9;*/margin-bottom:10px; }
legend { font-size:14px;padding:.4em .8em;background:#fff;border:1px solid #bbb; }
fieldset.login p { margin-bottom:1em;margin-top:0pt; }
fieldset p label { width:98%; }
fieldset p input { width:48%;}
fieldset p select { width:99%; }
fieldset.login p label { float:left;line-height:2em;margin-right:3%;text-align:right;width:32%; }
fieldset.login p input { width:60%; }
fieldset.login input.button { margin-left:35%;}
input#submit {width: 15%;}
form p.notice { font-weight:bold; }
input.search.text { width:66%; }
input.search.button { width:28%;margin-left:2%; }

textarea { width:70%; }


/* articles
----------------------------------------------- */
.articles { padding:0; }
.articles h2 { margin:0; }
#articles { padding-top:0; }
.article { border-top:1px solid #666;padding-top:.5em; }
.box .article { border-top:3px solid #fff;padding:13px 10px 0 10px; }
.article h2 { font-size:2em;font-weight:normal;text-transform:none;color:#333;background:transparent;padding:0;margin:0;border:none; }
.article h3 { margin-bottom:.2em;font-size:1.6em; }
.box .first { border-top:none; }
.article h4 { font-size:1.2em;text-transform:uppercase;margin-bottom:.5em; }
.article a.image { float:left;margin:3px 10px 3px 0;padding:4px;border:1px solid #bbb;background:#fff; }
.article a.image:hover { border:1px solid #666; }
.article a.image img { float:left; }
.article p.meta { color:#666;border-top:1px dotted #999;border-bottom:1px dotted #999;padding:.3em 0;margin-bottom:.8em; }

/* site information
----------------------------------------------- */
#site_info .box { color:#ccc;background:#666;margin-bottom:10px; }
#site_info a { color:#fff; }
#site_info a:hover { color:#000; }

/* AJAX sliding shelf
----------------------------------------------- */
#loading { float:right;margin-right:14px;margin-top:-2px; }
.block { padding-bottom:1px; }

/* Accordian
----------------------------------------------- */
.toggler { color:#222;margin:0;padding:2px 5px;background:#eee;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #f5f5f5;border-left:1px solid #f5f5f5;font-size:1.1em;font-weight:normal; }
.element h4 { margin:0;padding:4px;line-height:1.2em; }
.element p { margin:0;padding:4px; }
.float-right { padding:10px 20px;float:right; }

#accordian-block { padding-bottom:10px; }

/*NMI Specific*/
.margin10 { margin:10px; }
.margin15 { margin:15px; }
.margin20 { margin:20px; }
#header-image { padding-bottom:25px;background:none !important;text-align:center;height:190px; }

/*buttons blocks*/
.button-block {margin-bottom: 15px;}
.button-block, .button-block a {background:#C1CBD1; color:#634F42; font-weight: normal;}
.button-block.alt, a .button-block .alt {background:#CCD5DC;}
.button-block h2, .button-block h2 a {background:#D7D1B4; color:#0E4B8E; padding: 4px; font-size: 18px; }
.button-block .center {text-align: center;}
.button-block p {padding: 4px;}

.border-holder { border: 1px solid #CDC1AB; text-align:center;}
#home-right.border-holder {padding-left: 0; width: 585px;}
.border-holder ul{list-style-type:none; text-align: center; padding: 10px;}
.border-holder ul li{float:left; margin: 10px; text-align: center;}
.border-holder ul li a{width: 150px; height: 100px;}

/*attribution*/
.attribution {color:#333333; font-size:10px; text-align:right; float: right;}

.run-sharp { background:url(/theme/images/run-sharp.png) no-repeat right #DDDDDD !important;height:250px;padding-right:110px;float:right;margin-bottom:20px;margin-left:50px;/*padding:10px 10px 1px;*/ }
#run-sharp { height:250px;float:right; }
.box #run-sharp { position:relative;margin-top:-20px;margin-right:-25px; }
.box #water-girl { position:relative;float:right; }

#news #main h1 {border-bottom: 1px solid #0E4B8E;}
#news #main h1 a {text-decoration: none;}

.date-byline {margin:0 0 10px 0;}

ul.meta {list-style: none;}
ul.meta li {float: left; margin: 0 20px 0 0;}

.comments {}
.comments-holder{margin-bottom: 20px; padding: 10px;}
.comments-holder .byline {}
.alt {background: #e5dfd9;}

#recent-comments {}
#recent-comments ul {list-style:none; margin-top:-15px ;}
#recent-comments ul li{ border-bottom: 1px solid #FAE5C7; margin: 5px 0;}
#recent-comments .title-holder {margin-bottom: 10px;}
#recent-comments .title-holder a.meta {color: #0E4B8E;}
#recent-comments .title-holder {}
#recent-comments .title-holder {color: #0E4B8E;}

.shift-up {margin-top: -15px;}

#most-popular {}
#most-popular ul {list-style: none;}
#most-popular ul li {border-bottom: 1px solid #FAE5C7; margin-left: 0; padding: 10px 5px;}


/* GALLERY 
------------------------------------------- */
/*,:link img,:visited img */
#gallery-images a img{ border: thin solid #FAE5C7; margin: 5px; padding: 5px;}
#gallery-category ul{ display: list-item;}
.albumview-inner {width: 110px;}
ul#gallery-albumview {list-style:none; display:block;}
#gallery-albumview li {display:block; float:left; text-align:center; padding: 5px !important; /*border: 1px solid #CCB693;*/ margin-left: 10px; margin-top: 10px;}
* html #gallery-albumview li {border: none;}
#gallery-albumview .image-caption {font-size:10px; line-height:14px; font-weight:bold;}
#gallery-albumview span {text-align:left;}

#gallery-view {text-align: center;}
#gallery-view .pika_main  { height: 380px;}

.fancy-box {background:no-repeat top; padding: 1px ;}

.fancy-box.blue {background-image: url("/theme/images/bluebox-sun.jpg");}
.fancy-box.blue.alt{background-image: url("/theme/images/bluebox-sun-left.jpg");}
.fancy-box .box {margin: 15px 10px; background: #FFF;}


/*video player*/
.video { text-align: center;}

/*side images styling*/
.sideimages img{border:none; padding: 0; margin: 0;}

/*google cse search result bug fix*/
#cse-search-results iframe {width: 960px; background: none;}
iframe html head body{ background: none;}

#newsletter {margin-top: 20px;}

#news.special-box ul li{margin-left: 15px;}

#schools4africa {width: 280px;}

.rbtop div.l		{background: url(/theme/images/rounded-sprite.png) no-repeat top left; position: absolute; top: 0; left: 0;}
.rbtop div.r		{background: url(/theme/images/rounded-sprite.png) no-repeat top right; position: absolute; top: 0; right: 0;}
.rbbot div.l		{background: url(/theme/images/rounded-sprite.png) no-repeat bottom left; position: absolute; bottom: 0; left: 0;}
.rbbot div.r		{background: url(/theme/images/rounded-sprite.png) no-repeat bottom right; position: absolute; bottom: 0; right: 0;}

.rbtop div,
.rbbot div {height: 10px; font-size: 1px; width: 7px;}

div.l {width: 7px;}
div.r {width: 7px;}

.note {font-size: 10px;}
em.required{color: red;}

form .input {width: 390px;}
.postcard-entry {margin-bottom: 15px; background: #FFF; padding: 10px;}
.mdm-count {float:left; font-size: 35px;}
.mdm-message {margin-left: 55px; padding-top: 5px;}
.mdm-info {margin-left: 55px; text-align: right;}

#mandela-day-exp a{ display: block !important; background: url('/theme/images/share_experience.jpg') no-repeat; height: 111px;}
#mandeladay #basic-education-gov a{display: block; background: url('/theme/images/basic_education.jpg') no-repeat; height: 111px;}

#mandeladay {}
#mandeladay h1{}
#mandeladay h2{font-size: 13px; font-family: Arial;}


#mandeladay .colour1 {}
#mandeladay .colour2 {color: #DC6523;}
#mandeladay .colour3 {color: #6F6F6F;}
#mandeladay .colour4 {color: #239426;}
#mandeladay .colour5 {color: #D20602;}
#mandeladay .colour6 {color: #5F02D2;}
#mandeladay .colour7 {color: #000000;}


table#mandeladay {margin-top: 10px;}
table#mandeladay tbody {padding-top: 10px;}
table#mandeladay h2{margin-top: 0;font-weight: bold;}
table#mandeladay tr{}
table#mandeladay tr td{background: #F5F1E5; padding: 5px 15px;}
table#mandeladay a {display: inline;}
table#mandeladay a:visited {text-decoration: none;}
table#mandeladay tr:hover a {color: inherit; background-color: #F5F1E5;}

#mandeladay tbody tr:hover td, tbody tr:hover th, tbody tr:hover td a, tbody tr:hover th a {color: inherit; background-color: #F5F1E5;}