@charset "UTF-8";
/* MEYER CSS RESET    */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	/*list-style: none;*/
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* END CSS RESET  */

body {
	background-color:#FFF;
	color:#313132;
	font-family:Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.7em;
}
em, i {
	font-style: italic;	
}
strong, b {
	color: #000;
	font-weight: bold;
}
a:link, a:visited, a:link strong, a:visited strong, a:link b, a:visited b {
	color: #5D7B1A;
}
a:hover, a:hover strong, a:hover b {
	color: #ED3324;
}



p, #content ul li, #content ol li {
	margin: 0 170px 1.7em 249px;
}
.column-main, .ui-accordion {
	margin: 0 170px 0 249px;
} 
img { 
	-ms-interpolation-mode: bicubic; 
}
#content ul li, #content ol li {
	margin: 0 170px 1.7em 264px;
	line-height: 1.7em;
}
#content ol li {
	margin: 0 170px 1.7em 269px;
	padding-left: 7px; 
}

h1, h4, h5, h6 {
	color: #78A22F;
	margin: 0 249px 12px 249px;
	font-family: Arial, "Trebuchet MS", Skia, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
h3 {
	margin: 5px 170px 0px 249px;
	color: #78A22F;
	font-family: "Arial Black", Gadget, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
ul {
	list-style-type: disc;
	margin-bottom: 3px;
	line-height: 1.3em;
}
.line-break {
	display:block;
	padding:3px 0 12px 0;
	height:15px;	
}
.clear {
	clear: both;
}
#container {
	width:960px;
	margin:0 auto;
}
#header {
	position: relative;
	background:transparent url(/img/bg-content-top.gif) no-repeat scroll left bottom;
	padding-bottom: 13px;
	height: 138px;
	display: block;
}
#header #title {
	float: left;
	margin-top: 15px;
	height: 87px;
	display: block; 
}
#header #title h1 {
	margin:0;
	text-indent:-9999px;
}
#header #title h1 a:link, #header #title h1 a:visited, #header #title h1 a:hover {
	background:#FFFFFF url(/img/congo-brazzaville.gif) no-repeat scroll left top;
	border:0 none;
	display:block;
	width: 478px;
	height:75px;
	color:#000;
}
#header #quick-links {
	width: 420px;
	float: right;
	padding-top: 10px;
	font-family: Skia, "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif;
	font-size: 12px;
	height: 19px;
	display: block;
}
#quick-links ul {
	margin:0;
	padding:0;
}
#quick-links li {
	float: right;
	margin: 0 0 0 13px;
	padding:0;
	text-indent: 0px;
	list-style-type: none;
}
#quick-links ul li a:link, #quick-links ul li a:visited {
	text-decoration: none;
	color: #313132;
}
#quick-links ul li a:hover {
	text-decoration: underline;
	color: #78A22F;
}
/*#quick-links li {
	float: left;
	margin: 0;
	text-indent: 0px;
	list-style-type: none;
	text-indent: -9999em;
}
#quick-links li a:link, #quick-links li a:visited {
	border:0 none;
	display:block;
	height:19px;
}
#quick-links li a:hover {
	border:0 none;
	display:block;
	height:19px;
}
.en #quick-links li.nav-version a:link, .en #quick-links li.nav-version a:visited {width: 109px;background: #FFFFFF url(/img/nav-other2.gif) no-repeat scroll left -38px;}
.en #quick-links li.nav-home a:link, .en #quick-links li.nav-home a:visited {width: 50px;background: #FFFFFF url(/img/nav-other2.gif) no-repeat scroll -119px -38px;}
.en #quick-links li.nav-contact a:link, .en #quick-links li.nav-contact a:visited {width: 60px;background: #FFFFFF url(/img/nav-other2.gif) no-repeat scroll -183px -38px;}
.en #quick-links li.nav-sitemap a:link, .en #quick-links li.nav-sitemap a:visited {width: 75px;background: #FFFFFF url(/img/nav-other2.gif) no-repeat scroll -297px -38px;}

.en #quick-links li.nav-version a:hover {width: 109px;background: #FFFFFF url(/img/nav-other2.gif) no-repeat scroll left -57px;}
.en #quick-links li.nav-home a:hover {width: 50px;background: #FFFFFF url(/img/nav-other2.gif) no-repeat scroll -119px -57px;}
.en #quick-links li.nav-contact a:hover {width: 60px;background: #FFFFFF url(/img/nav-other2.gif) no-repeat scroll -183px -57px;}
.en #quick-links li.nav-sitemap a:hover {width: 75px;background: #FFFFFF url(/img/nav-other2.gif) no-repeat scroll -297px -57px;}*/


#nav {
	clear: both;
	background:transparent url(/img/nav2.gif) no-repeat scroll left top;
	display:block;
	width:960px;
	height:30px;
}
#subscribe-form { 
	width: 220px;
	float:right;
	margin:4px 0 0 0;
	font-size:11px; 
}
 #subscribe-submit {
	float:right;
	width: 30px;
	margin:1px 14px 0 0;
 }
#content {
	clear:both;
	background:transparent url(/img/bg-content-mid.gif) repeat-y scroll left top;
	/*background:transparent url(/img/grid.gif) repeat-y scroll center top;
	padding-bottom: 70px;*/
}
#home #content {
	padding-bottom:6px;
} 
#content ul, #content ol {
	padding:0;
	text-indent: 0;
}
#content ol, #content span.number {
	color: #78A22F;	
	font-family:"Arial Black",Arial, Verdana, sans-serif;
	font-size: 12px;
}
#content ol li span {
	color: #000;
	font-family:Arial, Verdana, sans-serif;
	font-size: 12px;
}
#home-flash {
	margin-left:1px;
	margin-top:4px;
	margin-bottom: -8px;
}
#education #content ul {
	margin: 0;padding: 0;
}
#education #content ul li {
	margin:0 170px 5px 270px;	
	line-height: 15px;
	
}



	

/* P L A C E M E N T */
.left {clear:left;float: left; margin-left: 12px; margin-right: 11px;}
.right {clear:right;float: right; margin-left: 11px; margin-right: 10px;}
.right.inset {margin: 0 249px 0 11px; margin-bottom:5px; } /* img floated right within text */
.left.inset {margin-left: 249px;margin-bottom:5px;;} /* img floated left within text */ 




#footer {
	background:#FFFFFF url(/img/bg-content-bottom.gif) no-repeat scroll left bottom;
	height: 20px;
	display: block;
}
.one {
	width: 68px;
	/* +11px margin = 79px total */
}
.two {width: 147px;line-height:9px;font-size:9px;} .two img {margin:0;}
.three {width: 226px;line-height:9px;font-size:9px;}
.four {width: 305px;line-height:9px;font-size:9px;}
.five {width: 384px;line-height:9px;font-size:9px;} .five img {margin:0;}
.six {width: 463px;line-height:9px;font-size:9px;}
.seven {width: 542px;line-height:9px;font-size:9px;}
.eight {width: 621px;line-height:9px;font-size:9px;}
.nine {width: 700px;line-height:9px;font-size:9px;}
.ten {width:779px;line-height:9px;font-size:9px;}
.eleven {width: 858px;line-height:9px;font-size:9px;}
.twelve {width: 937px;line-height:9px;font-size:9px;}



img.one-left {width: 68px; clear:left; float: left; margin-left: -82px; margin-right: 10px;}
img.two-left {width: 147px; clear:left; float: left; margin-left: -160px; margin-right: 10px;}
img.three-left {width: 226px; clear:left; float: left; margin-left: -238px; margin-right: 10px;}
img.four-left {width: 305px; clear:left; float: left; margin-left: -238px; margin-right: 10px;}
img.five-left {width: 384px; clear:left; float: left; margin-left: -238px; margin-right: 10px;}
img.six-left {width: 463px; clear:left; float: left; margin-left: -238px; margin-right: 10px;}
img.eleven-left {width: 858px;line-height:9px;font-size:9px;}

/*.four-left {width: 305px; clear:left; float: left; margin-left: -316px; margin-right: 10px;}
.five-left {width: 384px; clear:left; float: left; margin-left: -394px; margin-right: 10px;}
.six-left {width: 463px; clear:left; float: left; margin-left: -472px; margin-right: 10px;}
.seven-left {width: 542px; clear:left; float: left; margin-left: -550px; margin-right: 10px;}*/



.one-right {width: 68px; clear:right; float: right; margin-left: 11px; margin-right: -160px;}
.two-right {width: 147px; clear:right; float: right; margin-left: 11px; margin-right: -160px;line-height:9px;font-size:9px;}
.three-right {width: 226px; clear:right; float: right; margin-left: 11px; margin-right: -160px;}

.four-right {width: 305px; clear:right; float: right; margin-left: 11px; margin-right: -160px;}
.five-right {width: 384px; clear:right; float: right; margin-left: 11px; margin-right: -160px;} .five img {margin:0;}
.six-right {width: 463px; clear:right; float: right; margin-left: 11px; margin-right: -160px;}
.seven-right {width: 542px; clear:right; float: right; margin-left: 11px; margin-right: -160px;}
.eight-right {width: 621px; clear:right; float: right; margin-left: 11px; margin-right: -160px;}
.nine-right {width: 700px; clear:right; float: right; margin-left: 11px; margin-right: -160px;}
.ten-right {width:779px; clear:right; float: right; margin-left: 11px; margin-right: -160px;}
.eleven-right {width: 858px; clear:right; float: right; margin-left: 11px; margin-right: -160px;}
.twelve-right {width: 937px; clear:right; float: right; margin-left: 11px; margin-right: -160px;}
 
.leftmargin-one {margin-left: 90px;}

.pic p, .caption {
	font-size: 9px;
	line-height: 10px;
	margin: 4px 0 10px;
	}




/* NAV MENUS  */




/* Uses background instead of font */
#nav-bar #nav-about .nav-main
,#nav-bar #nav-environment .nav-main
,#nav-bar #nav-people .nav-main
,#nav-bar #nav-news .nav-main {
	margin:0;
	text-indent:-9999px;
}
#nav-bar #nav-about .nav-main a:link, #nav-bar #nav-about .nav-main a:visited 
,#nav-bar #nav-environment .nav-main a:link, #nav-bar #nav-environment .nav-main a:visited 
,#nav-bar #nav-people .nav-main a:link, #nav-bar #nav-people .nav-main a:visited 
,#nav-bar #nav-news .nav-main a:link, #nav-bar #nav-news .nav-main a:visited  {
	border:0 none;
	display:block;
	height:30px;
}

#nav-bar #nav-about .nav-main a:hover 
,#nav-bar #nav-environment .nav-main a:hover 
,#nav-bar #nav-people .nav-main a:hover 
,#nav-bar #nav-news .nav-main a:hover {
	border:0 none;
	display:block;
	height:30px;
}

.en #nav-bar #nav-about .nav-main a:link, .en #nav-bar #nav-about .nav-main a:visited { width: 214px;background: transparent url(/img/nav3.gif) no-repeat scroll 13px top;}
.en #nav-bar #nav-environment .nav-main a:link, .en #nav-bar #nav-environment .nav-main a:visited { width: 159px;background: transparent url(/img/nav3.gif) no-repeat scroll -234px top;}
.en #nav-bar #nav-people .nav-main a:link, .en #nav-bar #nav-people .nav-main a:visited { width: 214px;background: transparent url(/img/nav3.gif) no-repeat scroll -391px top;}
.en #nav-bar #nav-news .nav-main a:link, .en #nav-bar #nav-news .nav-main a:visited { width: 214px;background: transparent url(/img/nav3.gif) no-repeat scroll -473px top;}


.en #nav-bar #nav-about .nav-main a:hover {width: 214px;background: transparent url(/img/nav3.gif) no-repeat scroll 13px -29px;}
.en #nav-bar #nav-environment .nav-main a:hover {width: 159px;background: transparent url(/img/nav3.gif) no-repeat scroll -234px -29px;}
.en #nav-bar #nav-people .nav-main a:hover {width: 214px;background: transparent url(/img/nav3.gif) no-repeat scroll -391px -29px;}
.en #nav-bar #nav-news .nav-main a:hover {width: 214px;background: transparent url(/img/nav3.gif) no-repeat scroll -473px -29px;}

/*--- French nav --*/

.fr #nav-bar #nav-about .nav-main a:link, .fr #nav-bar #nav-about .nav-main a:visited { width: 214px;background: transparent url(/img/nav3.gif) no-repeat scroll 13px -60px;}
.fr #nav-bar #nav-environment .nav-main a:link, .fr #nav-bar #nav-environment .nav-main a:visited { width: 159px;background: transparent url(/img/nav3.gif) no-repeat scroll -234px -60px;}
.fr #nav-bar #nav-people .nav-main a:link, .fr #nav-bar #nav-people .nav-main a:visited { width: 214px;background: transparent url(/img/nav3.gif) no-repeat scroll -391px -60px;}
.fr #nav-bar #nav-news .nav-main a:link, .fr #nav-bar #nav-news .nav-main a:visited { width: 214px;background: transparent url(/img/nav3.gif) no-repeat scroll -473px -60px;}

.fr #nav-bar #nav-about .nav-main a:hover {width: 214px;background: transparent url(/img/nav3.gif) no-repeat scroll 13px -89px;}
.fr #nav-bar #nav-environment .nav-main a:hover {width: 159px;background: transparent url(/img/nav3.gif) no-repeat scroll -234px -89px;}
.fr #nav-bar #nav-people .nav-main a:hover {width: 214px;background: transparent url(/img/nav3.gif) no-repeat scroll -391px -89px;}
.fr #nav-bar #nav-news .nav-main a:hover {width: 214px;background: transparent url(/img/nav3.gif) no-repeat scroll -473px -89px;}
/* End tricky background font image thingers*/






#nav-bar, #nav-bar ul {
	font-family: Skia, "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif;
	font-size: 12px;
	list-style: none;
	line-height: 1;
	margin:0;
	padding:0;
}
#nav-bar a {
	display: block;
	/*width: 10em; -- Does Opera need this?*/
}
#nav-bar li {
	float: left;
	width: inherit;
	/*width: 10em;  width needed or else Opera goes nuts */
}
#nav-bar li ul {
	position: absolute;
	padding: 0px 19px 9px 14px;
	width: 210px;
	left: -9999em;
	/*background-color: #7ba232;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 2px 2px 3px #555555;*/
	background-image: url(../img/nav-bottom2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#nav-bar li#nav-about ul {
	margin-left: 6px;	
}
#nav-bar ul li {
	padding: 0px;
	/*height: 18px;
	*/display: block;
	line-height: 18px;
	clear: left;
	border-bottom: 1px solid #9cba68;
}
#nav-bar ul ul {
	z-index: 6001;
}
#nav-bar li:hover ul, #nav-bar li.sfhover ul {
	left: auto;
}
#nav-bar li li a:link, #nav-bar li li a:visited {
	display: block;
	color: #000;
	text-decoration: none;
}
#nav-bar li li a:hover {
	display: block;
	color: #FF9;
}
#nav-bar li li a:hover {
	text-shadow: 1px 1px 1px #000;	
}
#nav-bar li#nav-about {
	width: 242px;
	display: block;
	overflow: hidden;
}
#nav-bar li#nav-about li, #nav-bar li#nav-environment li, #nav-bar li#nav-people li, #nav-bar li#nav-news li {
	width: 211px;
	display: block;
}
#nav-bar li#nav-environment {
	width: 159px;
	display: block;
	overflow: hidden;
}
#nav-bar li#nav-people {
	width: 79px;
	display: block;
	overflow: hidden;
}
#nav-bar li#nav-news {
	width: 159px;
	display: block;
	overflow: hidden;
}
#nav-bar .nav-main {
	/*margin-left: 13px;
	font-size:17px;
	line-height: 30px;
	color: #000;
	font-family: Skia, "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif;*/
}
/* END NAV MENUS */




/* @group rounded-corners pics loaded via jQuery */
.rounded_wrapper {
	position: relative;
	z-index: -1;
}
.rounded_wrapper img {
	border-width: 0;
	border-style: none;
}
.rounded_wrapper div {
	height: 7px;
	position: absolute;
	width: 100%;
}
.rounded_wrapper .tl {
	top: 0;
	left: 0;
	background: url(img/rounded_corners/tl.png) no-repeat left top;
}
.rounded_wrapper .tr {
	top: 0;
	right: 0;
	background: url(img/rounded_corners/tr.png) no-repeat right top;	
}
.rounded_wrapper .br {
	bottom: 0;
	right: 0;
	background: url(img/rounded_corners/br.png) no-repeat right bottom;	
}
.rounded_wrapper .bl {
	bottom: 0;
	left: 0;
	background: url(img/rounded_corners/bl.png) no-repeat left bottom; 
}
/* @end rounded image corners JQuery*/




/*  sIFR Flash text replacement for titles  */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	z-index: -1;
	color: #78A22F;
	font-size: 28px;
	line-height: 28px;
	width: 695px;
	margin: 0px 10px 0px 249px;
	padding: 30px 0;
}
.sIFR-hasFlash h2 {
	width: 695px;
	color: #78A22F;
	margin: 0px 10px 0px 249px;
	padding: 30px 0;
	visibility: hidden;
	letter-spacing: 0;
	font-size: 22px; 
}
/*  END SIFR Flash Replacement  */






#subscribe-form {
	width: 220px;
	float:right;
	margin:4px 11px 0 0;
	font-size:11px;
}




.ui-accordion p {
 	margin: 5px 0 12px 0;
}
#accordion_list {

}
#accordion_list h3 {
	margin-left: 0;
	margin-right: 0;
}
#accordion_list a.alert {
	display: block;
	padding:0px 0 5px 15px;
	line-height: 1.4em;
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
}



#accordion_list a.alert {
	cursor:pointer;
	display:block;
	padding:0 0 5px 15px;
	text-decoration: none;
}
#accordion_list a:hover {
	text-decoration: none; 
}
#accordion_list a.selected {
	background-image: url(../img/arrow-down.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	font-weight: bold;
	padding-left: 15px;
}
#accordion_list div div {
	padding-left: 15px;
	padding-bottom: 10px;
}
.link-no-underline a:link, .link-no-underline a:visited {
	text-decoration: none;	
}
.link-no-underline a:hover {
	text-decoration: underline;	
}
.selected div {
	height: 300px!Important;
	max-height: 300px!Important;
	
	overflow: auto!Important;
	margin-bottom: 15px;
	padding:8px 5px;
	border: 1px solid #ddd;
	background-color: #eaefe0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#disclaimer {
	font-size: 9px;
	line-height: 12px;
	color:#999;
	margin:0;padding:0;
	text-align: center;
}
.email2 {display:none;height:0px; }


@media print {
	#faq_list {
		display: block!important;
		height: auto!important
	}
}