@charset "UTF-8";
@import "navigation.css"; /* All the menu's for ICF */

/* IE6 Fix */

* html #content { width:715px!important; overflow:hidden!important; background-color:#FFFFFF;}
* html #midarea { width:500px!important; background-color:#FFFFFF; }
* html fieldset#contact-en { width:515px!important; }
* html fieldset#contact-en input { width:350px!important; }
* html #column { width:120px!important; }
* html fieldset#contact-en #send { width:auto!important; }
* html #board { width:515px!important; }
* html #yourmessage { width:350px!important; }

*titleheader { display:inline-block; float:left; padding-bottom: 50px; }


body {
	font-family: "Arial", Verdana, Arial, Helvetica, sans-serif;
	color:#000033;
	margin:0px;
	background:url(../gfx/body-back.gif) repeat-x #fff;
	font-size: 12px;
}
h1,h2,h3,h4,h5,h6,ul,li,blockquote { margin:0px; padding:0px; color:#000033;}
a,a:link,a:hover { outline-color:invert; outline-style:none; outline-width:medium; }
#icf { margin: 0px auto; width: 739px; background:#ffffff; border:7px solid #fff; }
#imagebar { float:left; width:577px; height:133px; border:0px;}
#sidebar { float:right; width:153px; height:1%;}
#sidebar a { float:left; color:#8598bc; font-size:11px; text-transform:uppercase; margin:0px 0px 15px 0px; text-decoration:none; border:none; background-color:#FFFFFF; }
#sidebar img { border:none; }
.downloadReport { display:inline-block; background:url(../gfx/annualreportEn08.gif) no-repeat; width:152px; height:20px; text-indent:-9000px; }
.downloadReportC { display:inline-block; background:url(../gfx/annualreportEn09.gif) no-repeat; width:152px; height:20px; text-indent:-9000px; }
.downloadReportFRC { display:inline-block; background:url(../gfx/annualreportFr09.gif) no-repeat; width:152px; height:20px; text-indent:-9000px; }
.downloadReportPRC { display:inline-block; background:url(../gfx/annualreportPr09.gif) no-repeat; width:152px; height:20px; text-indent:-9000px; }
.downloadReportfr { display:inline-block; background:url(../gfx/annualreportFr08.gif) no-repeat; width:152px; height:20px; text-indent:-9000px; }
.downloadReportpr { display:inline-block; background:url(../gfx/annualreportPr08.gif) no-repeat; width:152px; height:20px; text-indent:-9000px; }
.downloadReportB { display:inline-block; background:url(../gfx/annualreportEn07.gif) no-repeat; width:152px; height:20px; text-indent:-9000px; }
.downloadReportfrB { display:inline-block; background:url(../gfx/annualreportFr07.gif) no-repeat; width:152px; height:20px; text-indent:-9000px; }
.downloadReportprB { display:inline-block; background:url(../gfx/annualreportPr07.gif) no-repeat; width:152px; height:20px; text-indent:-9000px; }
.downloadfr { display:inline-block; background:url(../gfx/telecharge.gif) no-repeat; width:152px; height:20px; text-indent:-9000px; }
.recentnewsfr { display:inline-block; background:url(../gfx/actualities.gif) no-repeat; width:152px; height:11px; text-indent:-9000px; }
.applicationfr { display:block; background:red url(../gfx/formulaire.gif) no-repeat; width:152px; height:20px; text-indent:-9000px;}
.overviewfr { display:inline-block; background:url(../gfx/apercu.gif) no-repeat; width:152px; height:11px; text-indent:-9000px; }
.download { display:inline-block; background:url(../gfx/download-brochure.gif) no-repeat; width:144px; height:11px; text-indent:-9000px; }
.recentnews { display:inline-block; background:url(../gfx/recent-news.gif) no-repeat; width:80px; height:11px; text-indent:-9000px; }
.application { display:inline-block; background:url(../gfx/project-application.gif) no-repeat; width:144px; height:11px; text-indent:-9000px; }
.overviewport { display:inline-block; background:url(../gfx/evolu.gif) no-repeat; width:152px; height:11px; text-indent:-9000px; }
.downloadport { display:inline-block; background:url(../gfx/transferir.gif) no-repeat; width:144px; height:20px; text-indent:-9000px; }
.recentnewsport { display:inline-block; background:url(../gfx/novidades.gif) no-repeat; width:80px; height:11px; text-indent:-9000px; }
.applicationport { display:inline-block; background:url(../gfx/formulairio.gif) no-repeat; width:144px; height:20px; text-indent:-9000px; }
.SpacerTen { display:inline-block; background:url(../gfx/TenSpacer.gif) no-repeat; width:80px; height:10px; text-indent:-9000px; }
.ReautersFormEN { display:block; background:url(../gfx/reuters_applicationEN.gif) no-repeat; width:152px; height:88px; text-indent:-9000px;}
.ReautersFormFR { display:block; background:url(../gfx/reuters_applicationFR.gif) no-repeat; width:152px; height:88px; text-indent:-9000px;}
.ReautersFormPORT { display:block; background:url(../gfx/reuters_applicationPORT.gif) no-repeat; width:152px; height:88px; text-indent:-9000px;}
.newsletterEn { display:inline-block; background:url(http://icfafrica.org/gfx/icfnewslettersEn.gif) no-repeat; width:152px; height:20px; text-indent:-9000px; }
.newsletterFr { display:inline-block; background:url(http://icfafrica.org/gfx/icfnewslettersFr.gif) no-repeat; width:152px; height:20px; text-indent:-9000px; }
.newsletterPort { display:inline-block; background:url(http://icfafrica.org/gfx/icfnewslettersPort.gif) no-repeat; width:152px; height:20px; text-indent:-9000px; }

/*
// Buzz
.word { display:inline-block; background:url(../gfx/word.gif) no-repeat; width:61px; height:20px; }
.pdf { display:inline-block; background:url(../gfx/pdf.gif) no-repeat; width:91px; height:20px; }
*/
.word {background:url(../gfx/word.gif) no-repeat; width:61px; height:20px; border:1px solid red; }
.pdf {background:url(../gfx/pdf.gif) no-repeat; width:91px; height:20px; }
.overview { display:inline-block; background:url(../gfx/activity-overview.gif) no-repeat; width:107px; height:11px; text-indent:-9000px; }
.application { margin-bottom:5px!important; }
/*
.word { margin-top:0px!important; }
.pdf { margin-top:0px!important; }
*/

ul#portfolio li{
	list-style:none;	
}

* html .applicationfr {}
* html .application { float:left; margin-bottom:5px!important; height:auto!important; padding-bottom:0px!important; }
* html .word { float:left; margin:0px!important; padding-top:0px!important; }
* html .pdf { float:left; margin:0px!important; padding-top:0px!important; }

#placeholder { float:left; width:149px; height:130px; border:1px solid #adbac6; padding:1px; }
#placeholder img { border:none; }

* html #content h1 { margin:0px 0px 20px 0px!important; } /* IE6 fix */

#content-large { float:left; width:707px; margin:0px 9px 0px 0px; padding:20px 0px 0px 23px; }
	
	#content-large h1 {
		color:#000033;
		font-size:15px;
		margin-bottom:25px;
	}
	#content-large p {
		margin:0px 0px 25px 0px; padding:0px 64px 0px 0px;
		font-size:12px;
		color:#000033;
		line-height:18px;
		clear:both;
	}
#content { float:left; width:552px; margin:0px 0px 0px 0px; padding:20px 0px 0px 23px; }
	#content blockquote { color:#666666; font-size:13px; width:430px; padding-left:10px; margin:0px 0px 0px 0px; font-style:italic; line-height:18px; }
	#content h1 { color:#000033;font-size:15px;	margin-bottom:25px;}
	#content h1 a { color:#666; font-size:11px; text-transform:none; font-weight:normal; text-decoration:none; }
	#content h2 {color:#000033;	font-size:13px;	margin:0px 0px 25px 0px;}
	#content p {margin:0px 0px 25px 0px; padding:0px 64px 0px 0px;font-size:12px;color:#000033;line-height:18px;}
	#content ul {list-style-position:inside;	color:#000033;	margin:0px;	padding:0px;font-size:12px;	margin:0px 0px 25px 0px;font-weight:bold;	}
	#content li { font-weight:normal; }
	#content a { text-decoration:underline; color:#666; }
	#content a:hover { color:#333; }
	#content label {width:100px;display:inline-block;float:left;font-size:11px;	color:#000033;text-transform:uppercase;	}
	#content label .newlabel { width:150px!important; }
	#content .login { display:inline; border:1px solid #adbac6; padding:4px; width:250px; }

/* Justin added and replaced Div Content 254 March 2009 */

#middleFinal { float:left; clear:both; width:552px; background-color:#ffffff; margin-bottom:30px; padding:20px 0px 0px 23px; border:0px solid #ccc; }
	#middleFinal p {margin:0px 0px 12px 0px; padding:0px 10px 0px 0px;font-size:12px;color:#000033;line-height:16px;}
	#middleFinal blockquote { clear:both; color:#666666; font-size:13px; padding-left:0px; margin:0px 0px 0px 0px; font-style:italic; line-height:18px; }
	#middleFinal h1 { color:#000033;font-size:15px;	margin-bottom:25px;}
	#middleFinal h1 a { color:#666; font-size:11px; text-transform:none; font-weight:normal; text-decoration:none; }
	#middleFinal h2 {color:#000033;	font-size:13px;	margin:0px 0px 25px 0px;}
	#middleFinal ul {list-style-position:inside; color:#000033;	margin:0px;	padding:0px;font-size:12px;	margin:0px 0px 25px 0px;font-weight:bold;	}
	#middleFinal li { font-weight:normal; }
	#middleFinal a { text-decoration:underline; color:#666; }
	#middleFinal a:hover { color:#333; }
	#middleFinal label {width:100px;display:inline-block;float:left;font-size:11px;	color:#000033;text-transform:uppercase;	}
	#middleFinal label .newlabel { width:150px!important; }
	#middleFinal .login { display:inline; border:1px solid #adbac6; padding:4px; width:250px; }
	
	#secondStage { float:left; clear:both; width:532px; background-color:#ffffff; margin-bottom:10px; padding:20px 0px 0px 0px; border:0px solid #ccc; }

	
/* Justin added 24 March 2009 */
	
#TopImage { float:left; clear:both; width:537px; background-color:#ffffff; margin-bottom:0px; padding:0px 0px 0px 3px; border:0px solid #ccc; }

		
#board { float:left; width:524px; margin:0px 9px 0px 0px; padding:0px 0px 0px 0px; }
#board p { margin:0px 0px 25px 0px; padding:0px 24px 0px 0px; font-size:12px; color:#000033; line-height:18px;	}

	#board h1 {
		color:#000033;
		font-size:13px;
		margin:0px 0px 25px 0px;
	}
#boardimage { display:inline-block; float:left; height:80px; padding:0px 10px 10px 0px;}

#footer { float:left; width:716px; padding:39px 0px 0px 23px; font-size:10px; margin:0px 0px 30px 0px; color:#999; }
	
	#footer a { font-weight:bold; text-decoration:none; color:#999; }
	
ul#quote {
	float:left;
	width:497px;
	padding:0px 13px 0px 13px;
	list-style:none;
	font-style:italic;
	font-size:12px;
	color:#666;
	font-weight:normal;
	margin:20px 0px 0px 0px;
}
ul#quote em { float:left; color:#333; font-size:10px; font-style:normal; font-weight:bold; margin-top:10px; } /* Quote authors */

ul#quote-noscript {
	float:left;
	width:497px;
	padding:0px 13px 0px 13px;
	list-style:none;
	font-style:italic;
	font-size:12px;
	color:#666;
	font-weight:normal;
	margin:20px 0px 0px 0px;
}
ul#quote-noscript em { float:left; color:#333; font-size:10px; font-style:normal; font-weight:bold; margin-top:10px; } /* Quote authors */


.validated-css { display:inline; margin-right:10px; background:url(../gfx/css_valid.png) no-repeat; padding:3px 0px 2px 20px; }
.validated-xhtml { display:inline; margin-right:10px; background:url(../gfx/xhtml_valid.png) no-repeat; padding:3px 0px 2px 20px; }
.accessible { display:inline; margin-right:10px; background:url(../gfx/key.png) no-repeat; padding:3px 0px 2px 20px; }
.button { float:left; display:inline; clear:right; border:none; width:63px; padding:0px; margin:15px 0px 0px 100px; }

#error {
	margin-top:30px;
	float:left;
	display:inline;
	border:1px solid #dd3c10;
	width:480px;
	background:#ffebe8;
	padding:15px 10px 15px 10px;
	font-size:12px;
	color:#333;
}
#error br { margin:0px; }
#error a { color:#333; font-weight:normal; text-decoration:underline; }

#contact-form br { margin-bottom:20px!important }
#contact-form .login { width: 400px; }
#contact-form textarea { float: left; display:inline; border:1px solid #adbac6; width:400px; font-family:"Arial", Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:5px; }
#contact-form em { font-style:normal; color:#39f; }
#column { 
	float:left;
	display:inline;
	width:150px;
	margin:0px 10px 30px 0px;
	padding:0px 10px 0px 10px;
	font-size:11px;
	color:#000033;
}
#yourmessage { width:385px; }
#runaround { float:left; font-size:35px; font-weight:bold; margin:-5px 18px 10px 0px; }
#middle { float:left; clear:both; }
#midarea { float:left; clear:both; background-color:#f4f4f5; padding-top:20px; padding-bottom:20px; margin-bottom:30px; border:1px solid #ccc; }
#midarea #column { margin-bottom:0px!important; }
#midareatwo { float:left; clear:both; width:510px; background-color:#f4f4f5; padding-top:20px; padding-bottom:20px; padding-left:20px; margin-bottom:30px; border:1px solid #ccc; }
#midareathree { float:left; clear:both; width:537px; background:url(../gfx/col-back-1.gif); background-color:#ffffff; padding-top:10px; padding-bottom:10px; padding-left:10px; margin-bottom:0px; border:0px solid #ccc; }
#midareafour { float:left; clear:both; width:480px; background-color:#f5eed6; padding-top:10px; padding-bottom:10px; padding-left:10px; margin-bottom:20px; border:0px solid #ccc; }
#midareafive { float:left; clear:both; width:537px; background:url(../gfx/col-back-1a.gif); background-color:#ffffff; padding-top:20px; padding-bottom:20px; padding-left:20px; margin-bottom:30px; border:0px solid #ccc; }
#midareasix { float:left; clear:both; width:473px; background:url(../gfx/col-back-1a.gif); background-color:#ffffff; padding-top:20px; padding-bottom:20px; padding-left:20px; margin-right:60px;margin-bottom:30px; border:0px solid #ccc; }
#MassiveAreaContent {
	float:top;
	width:735px;
	background-color:#ffffff;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	margin-bottom:0px;
	border:0px;
}
#BigAreaContent { float:left; width:577px; background-color:#ffffff; padding-top:0px; padding-bottom:0px; padding-left:0px; margin-bottom:0px; border:0px; }
#MainContentAreaSurround { float:left; width:739px; background-color:#ffffff; padding-top:0px; padding-bottom:0px; padding-left:0px; margin-bottom:0px; border:0px; }
#BlueAreaOne { float:left; clear:both; width:537px; background:url(../gfx/col-back-1.gif); background-color:#ffffff; padding-top:10px; padding-bottom:10px; padding-left:10px; margin-bottom:0px; border:0px solid #ccc; }

/* New banner area on Index's only */
#NewBannerArea { float:left; clear:both; width:537px; background:url(../gfx/col-back-1b.gif); background-color:#ffffff; padding-top:5px; padding-bottom:5px; padding-left:20px;padding-right:20px; margin-bottom:5px; margin-top:5px; border:0px solid #ccc; }
.NewBannerAreaText { color:#FFFFFF; font-size:12px; font-weight:bold;
	}
a.NewBannerAreaText:link {color: #8598bc; text-decoration: none; }
a.NewBannerAreaText:visited {color: #8598bc; text-decoration: none; }
a.NewBannerAreaText:hover {color: #FFFFFF; text-decoration: none; }
a.NewBannerAreaText:active {color: #8598bc; } 

/* Bit of magic for the new forms */

	fieldset#contact-en { border:0px; padding:0px; margin:0px; float:left; clear:none; width:550px; }
	fieldset#contact-en label { float:left; width:150px; color:#000033; }
	fieldset#contact-en input { float:left; border:1px solid #adbac6; padding:5px; color:#666; width:385px; margin-bottom:10px; }
	fieldset#contact-en #yoursubject { float:left; width:auto; margin-bottom:10px; }
	fieldset#contact-en #send { float:left; clear:both; width:auto; padding:0px; border:0px; margin:10px 0px 0px 150px; }