/* Body */
*{margin:0;padding:0}
body{background:url(images/bg.jpg) no-repeat left top #0e2f5c fixed;font:13px Arial,Helvetica,sans-serif;padding:15px 0 50px 0}
img{border:0}
.at{vertical-align:middle}

/* Background images */
.page-news{background-image:url(images/bg-sea.jpg) !important;}
.page-library{background-image:url(images/bg-sky.jpg) !important;}
.page-partners{background-image:url(images/bg-sky.jpg) !important;}
.page-about{background-image:url(images/bg-sea.jpg) !important;}

/* Wrapper */
#wrapper{width:1014px;position:relative}

/* Header */
#header h1 a{display:block;width:439px;height:45px;background:url(images/logo.png) no-repeat;text-indent:-9999px;outline:none;margin-bottom:10px;position:fixed;top:25px;left:50px;z-index:1}

/* Search */
#header-search{position:absolute;right:0;width:260px;top:25px}
#header-search #q{font-size:13px;width:169px;height:17px;border:3px;padding:2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#header-search span{display:block;float:right;background:rgba(255,255,255,0.3);padding:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-left:5px}
#header-search .submit{border:0;width:50px;line-height:17px}

#page-search #header-search{display:none}

/* Navigation (bar) */
#nav{width:186px;margin-right:20px;float:left;position:fixed;top:80px;left:50px}
#nav .container{
	background:rgba(255,255,255,0.3);
	padding:3px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-bottom:8px
}

#nav1{
	list-style:none;
	width:180px;
	background:#4ee507;
	background:-webkit-gradient(linear, left top, left bottom, from(#4ee507), to(#1bb000));
	background:-moz-linear-gradient(center top, #4ee507 0%, #1bb000 100%);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#nav2{
	list-style:none;
	background:#04c102;
	background:-webkit-gradient(linear, left top, left bottom, from(#04c102), to(#008d00));
	background:-moz-linear-gradient(center top, #04c102 0%, #008d00 100%)
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

#nav1 ul li:last-child ul li:last-child a,
#nav2 ul li:last-child ul li:last-child a{
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-radius-bottom-left:3px;
	-moz-border-radius-bottom-right:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

#nav .nav-container ul{margin:0;list-style:none}

#nav .nav-container ul ul{display:none}
#nav .nav-container .current ul,
#nav .nav-container .nav-sub-current ul{display:block} 
#nav .nav-container ul a{color:#fff;text-shadow:0px 1px 3px rgba(0,0,0,0.5);font-weight:bold;text-transform:uppercase;display:block;padding:9px 9px;font:bold 13px 'Trebuchet MS',Arial,Helvetica,sans-serif;border-top:1px solid rgba(255,255,255,0.3);border-bottom:1px solid rgba(0,0,0,0.2);text-decoration:none;}

#nav .nav-container ul li:first-child a{border-top:0;padding-top:12px}
#nav .nav-container ul li:last-child a{border-bottom:0}

	/* Current state */
	#nav1 a:hover,
	#nav1 .current a,
	#nav1 .nav-sub-current a{background:rgba(5,135,5,0.5);border-top:1px solid rgba(5,135,5,0.2);border-bottom:1px solid rgba(0,0,0,0.2)}
	
	#nav1 a:active{background:rgba(5,135,5,0.7);border-top:1px solid rgba(5,135,5,0.3);border-bottom:1px solid rgba(0,0,0,0.3)}

	#nav2 a:hover,
	#nav2 .current a,
	#nav2 .nav-sub-current > a{background:rgba(13,90,11,0.7);border-top:1px solid rgba(5,135,5,0.3);border-bottom:1px solid rgba(0,0,0,0.3)}

	/* Sub navi */
	#nav .nav-container ul ul{background:#fff !important}
	#nav .nav-container ul ul li{border-bottom:1px dotted #b2b2b2 !important}	
	#nav .nav-container ul ul a{border-top:0 !important;border-bottom:0 !important;background:#fff !important;text-transform:none !important;color:#000;font:normal 12px Arial,Helvetica,sans-serif;text-shadow:none !important;padding:8px 9px 7px 9px !important}
	#nav .nav-container ul ul a:hover,
	#nav .nav-container ul ul .current a{background:#e8e8e8 !important}
	#nav .nav-container ul ul .current{background:#e8e8e8;padding:1px 0 1px 1px}
	#nav .nav-container ul ul .current a{font-weight:bold;border-left:2px solid #00d803;padding:7px 9px 6px 9px !important}
	#nav .nav-container ul ul .nav-last{border-bottom:1px solid #bfbfbf !important}

/* Language navigation */
#langnav{overflow:hidden;background:#2f517e;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
#langnav li{float:left;width:87px;color:#fff;text-transform:uppercase;border:0}
#langnav a,
#langnav span{color:#fff;border:0 !important;width:87px;display:block;text-align:center;font-size:12px !important;font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;text-shadow:none !important;font-weight:normal !important}
#langnav .fr a,
#langnav .fr span{border-left:1px solid #7b8ca6 !important}
#langnav a{opacity:0.5}
#langnav .active span{opacity:1}
#langnav a:hover{background:#22426b}
#langnav a:active{opacity:1}
#langnav .en a,
#langnav .en span{padding:5px 3px 5px 1px !important}
#langnav .fr a,
#langnav .fr span{padding:5px 1px 5px 3px !important}

/* Content */
#content-wrapper{top:65px;left:258px;position:absolute;z-index:99}
#content{width:490px;background:rgba(255,255,255,0.3);padding:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;z-index:99;overflow:hidden}
#content .container{background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:12px 15px 5px 15px;overflow:hidden}

	.textblock{border-top:1px dotted #ccc;padding-top:20px}
	.textblock .text{font-size:11px;width:350px;color:#333}

	.content-wide{width:744px !important}
	.cols-2 .col{float:left}
	.cols-2 .col-1{width:420px;padding-right:60px;border-right:1px dotted #ddd}
	.cols-2 .col-2{width:180px;padding-left:20px}
	.cols-2 .col-2 .image{margin-bottom:15px}
	
h1{font:normal 22px "Trebuchet MS",Arial,Helvetica,sans-serif;margin:0 0 10px 0;padding-bottom:1px;color:#006fd9}
h2{font:normal 16px "Trebuchet MS",Arial,Helvetica,sans-serif;margin:15px 0 7px 0;padding-bottom:1px;color:#000}
h3{font:normal 14px "Trebuchet MS",Arial,Helvetica,sans-serif;margin:15px 0 7px 0;padding-bottom:1px;color:#000}
h4{font:normal 13px Arial,Helvetica,sans-serif;margin:0 0 0px 0;padding-bottom:1px;color:#006fd9}
p{line-height:18px;margin:0 0 10px 0}
ul{margin:0 0 12px 20px}

	/* Sub category in title */
	h1 span{font-size:12px;color:#000;background:url(images/arrow-gray.png) no-repeat 10px 4px;padding-left:19px;font-size:14px;color:#333}

/* Forms */
form label{font-weight:bold;display:block}
form input[type=text]{border:1px solid #888;font-size:13px;padding:3px 5px;width:300px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
form textarea{border:1px solid #888;font-size:13px;padding:2px 3px;width:300px;height:200px}
form label span{color:#999;font-weight:normal;padding-left:4px}
form .form-error{border:1px solid #cc0000 !important;background:#ffe5e5;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
form .global-form-error{border:1px solid #cc0000;background:#ffd7d7;padding:7px 12px;color:#cc0000;font-size:14px;font-weight:bold}

/* Links */
a{color:#006fd9;text-decoration:none}
a:visited{color:#006dd7;text-decoration:none}
a:hover{color:#0082ff;text-decoration:none}
a:active{color:#006fd9;text-decoration:none}
.more{background:url(images/arrow.png) no-repeat left center;padding-left:13px}
.button{background:url(images/bg-button.png) repeat-x #125dab;padding:2px 5px 3px 5px;font:bold 12px "Trebuchet MS",Arial,Helvetica,sans-serif;color:#fff !important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:3px solid #9bc3ec}
form #field-submit input{background:url(images/bg-button.png) repeat-x #125dab;padding:3px 7px 4px 7px;font:bold 14px "Trebuchet MS",Arial,Helvetica,sans-serif;color:#fff !important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:3px solid #9bc3ec}
.submit{background:url(images/bg-button.png) repeat-x left top #125dab;padding:2px 5px;font:bold 12px "Trebuchet MS",Arial,Helvetica,sans-serif;color:#fff !important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:3px solid #9bc3ec;cursor:pointer}
.submit:active{background:url(images/bg-button.png) repeat-x left -10px #125dab}

/* Sidebar */
#sidebar{width:240px;float:left;position:absolute;top:0;left:515px}
#sidebar .box{background:rgba(255,255,255,0.3);padding:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:8px}
#sidebar .container{background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:12px 15px}

#sidebar h1,
#sidebar h2{font:normal 17px "Trebuchet MS",Arial,Helvetica,sans-serif;color:#006fd9;margin:0 0 10px 0;padding-bottom:1px}
#sidebar p{line-height:16px;margin:0 0 10px 0}
#sidebar h2.sidebar-title-newsletter{padding-top:15px;margin-top:25px;border-top:1px dotted #ccc;color:#000 !important;}

/* Footer */
#footer{height:50px;clear:both}

/* Tag cloud */
#tagcloud{list-style:none;text-align:center;margin:0}
#tagcloud ul{margin:0;padding:0;}
#tagcloud .tagcloud-content{background:#fff;border-radius:3px;padding:10px 0 5px 0;}
#tagcloud li{display:inline;margin:0 5px;line-height:24px;height:24px;}
#tagcloud .i1{font-size:11px}
#tagcloud .i2{font-size:12px}
#tagcloud .i3{font-size:13px;font-weight:bold}
#tagcloud .i4{font-size:16px;font-weight:bold}
#tagcloud .i5{font-size:19px;font-weight:bold;}

/* News */
#news .item{border-bottom:1px dotted #ccc;padding:15px 0 5px 0;overflow:hidden}
#news .item:first-child{padding-top:0}
#news .item:last-child{border-bottom:0}
#news .date{color:#999;font-style:italic;font-size:12px;line-height:12px}
#news img{float:right;margin:0 0 3px 20px}
#news h3{font-size:16px;color:#006dd7;font-weight:normal;margin:0 0 4px 0;line-height:20px}

	/* Archive */
	.news-archive h3{text-transform:none !important;font-size:13px !important;margin-bottom:0px !important}
	.news-archive .current h3{font-weight:bold !important}
	.news-archive .current h3 a{color:#333}

	/* Article */
	#news-article .date{color:#999;font-style:italic;font-size:12px;margin:0 0 2px 0}
	#news-article h3{font-size:24px;color:#000;font-weight:normal;margin:0 0 15px 0}
	#news-article p{font-size:14px;line-height:20px;margin-bottom:13px}
	#news-article ul{margin:0 0 18px 20px}
	#news-article ul li{font-size:14px;line-height:20px;}
	#news-article img{float:right;margin:3px 0 20px 20px}

/* Categories */
#categories{padding:0 0 7px 0;margin-bottom:15px;border-bottom:1px solid #006fd9;overflow:hidden}
#categories ul{list-style:none;margin:0;padding:0 0 10px 0;width:458px}
#categories ul li{float:left;margin-right:7px;line-height:20px}
#categories ul li a{white-space:nowrap;border-right:1px solid #ccc;padding-right:7px}
#categories ul li:last-child a{border-right:0}
#categories .current-link{color:#000}

	/* Categories in News by Region */
	#page-news-region #categories ul li{margin-right:5px}
	#page-news-region #categories a{padding-right:5px}

/* Info */
#info strong{font-size:15px;color:#036fd4}

/* Contact actions */
#contact-actions{padding-top:10px}

/* Lists */
.list{font-size:12px}
.list .date{margin:0 !important;color:#999;font-size:12px;font-style:italic}
.list .title{color:#000;line-height:18px}
.list .title:hover{color:#006dd7}
.list .read{display:block}

/* Mailing list */
#form-mailinglist-email,
#form-mailinglist-profession,
#form-mailinglist-country{border:1px solid #888;font-size:13px;width:196px;padding:2px 3px}
#form-mailinglist-language{font-size:12px !important;border:1px solid #888}
#form-mailinglist .error{color:#cc0000;font-weight:bold;padding-top:2px}

/* Search */
#page-search h1{margin-bottom:8px}
#form-search{border-bottom:1px dotted #999;padding-bottom:20px;margin-bottom:20px}
#form-search #q{border:1px solid #888;font-size:14px;width:350px !important;height:19px;padding:2px 3px 2px 3px;margin-right:7px;float:left}
#form-search .submit{padding:1px 6px;line-height:18px}
#search-results h3{margin:0 0 5px 0 !important;padding:0}
#search-results p{margin:0 0 20px 0 !important}
#search-results .download{color:#888;font-size:11px}

/* No results */
.no-results{margin-bottom:15px}

/* Pic margins for Funders */
.picmarginfunders{margin-bottom:15px;}
.align_left{align:left;}

/* Region map */
#regionmap{position:relative;background:#7ee230;height:230px;width:458px;margin-bottom:10px}
#regionmap #map-container{z-index:99;position:absolute;left:0;top:0}
#regionmap .highlight{position:absolute;width:458px;height:230px;background-position:none;top:0;left:0;display:none;z-index:0;text-indent:-9999px}
#highlight-europe{background-image:url(images/map/europe.png)}
#highlight-africa{background-image:url(images/map/africa.png)}
#highlight-latin-america{background-image:url(images/map/latinamerica.png)}
#highlight-middle-east{background-image:url(images/map/middleeast.png)}
#highlight-north-america{background-image:url(images/map/northamerica.png)}
#highlight-oceania{background-image:url(images/map/oceania.png)}
#highlight-asia{background-image:url(images/map/asia.png)}

/* No results */
.no-results{border:1px solid #ddd;background:#eee;-webkit-border-radius:5px;padding:7px 10px}

/* Pagination */
.pagination{list-style:none;text-align:center;margin:12px 0 12px 0;padding:0}
.pagination li{display:inline}
.pagination a,
.pagination span{padding:2px 7px;font-size:14px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.pagination .prev{border-right:1px solid #ccc;margin-right:5px;padding-right:5px}
.pagination .next{border-left:1px solid #ccc;margin-left:5px;padding-left:5px}
.pagination .current a{color:#000;font-weight:bold;background:#1bb000;color:#fff}
.pagination .disabled span{color:#ccc}

/* Sharing */
#sharing{clear:both;margin-top:10px}
#sharing #facebook-like{float:left;width:140px}
#sharing #twitter-share{float:left;}

/* Text editor */
.mceContentBody{background-image:none !important;background-color:#fff !important;padding-top:0}

/* Follow */
#follow .container-content{background:#fff;padding:7px 7px 0 7px;border-radius:3px;height:61px;}
#follow a:hover{opacity:0.9;}
#follow-fb{background:url(images/iconFacebook.png);background-position:left center;background-size:22px 22px;background-repeat:no-repeat;padding-left:27px;height:22px;line-height:22px;display:block;margin-bottom:10px;color:#000;font-size:12px;}
#follow-twitter{background:url(images/iconTwitter.png);background-position:left center;background-size:22px 22px;background-repeat:no-repeat;padding-left:27px;height:22px;line-height:22px;display:block;color:#000;font-size:12px;}

/* Links */
.blank[target="_blank"] {}