@charset "utf-8";

@import url('fonts.css');

/* CSS Document */
body {margin:20px 0; background: #373B3F;}
h1, h2, h3, h4, h5 , h6 {font-family: 'AllerBold',arial,helvetica,Sans-Serif; font-weight:normal;}
h3 {line-height: 17px; font-size: 16px; margin: 10px 0 5px;}
p {font: 12px Arial, Helvetica, sans-serif; color:#333333}
a.single {padding-right:15px; background:url(../../images/arrow_right_12x12.png) right 2px no-repeat;}
a.single:hover {background:url(../images/arrow_right_12x12_blue.png) right 2px no-repeat;}
#wrapper {width: 930px; margin:0 auto; background: #fff; position:relative; 
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius:8px; /* for webkit based browsers */
	box-shadow: #000 0px 0px 20px;
	-moz-box-shadow: #000 0px 0px 20px;
	-khtml-box-shadow: #000 0px 0px 20px;
	-webkit-box-shadow: #000 0px 0px 20px;}
.clear {clear:both;}
#masthead {background: #fff url(../images/img_bluebar.jpg) repeat-x; min-height:70px; padding: 6px 0 16px 0; border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-khtml-border-radius: 8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0; /* for webkit based browsers */}
#logo {margin:20px 0 0 20px; float:left;}
#logo img {border:0;}

/* Language Selector */
#language {float:right; height:16px; padding:10px 20px 0 0; vertical-align: middle; font-size:10px; font-family:Arial, Helvetica, sans-serif; line-height:16px; color:#888;}
#language a img {border:0; opacity: 0.6; vertical-align: bottom;}
#language a:hover img {opacity: 1;}
#language a.current img {opacity:1;}

/* Navigation */
#topnav {font-family: 'AllerBold',tahoma,verdana,arial,Sans-Serif; margin:26px 0 0 0; float:right; clear:right; font-size: 14px; font-weight:normal; text-transform:uppercase;}
#topnav li {list-style:none; float:left; margin:0 15px 0 0;}
#topnav li a{display:block; padding: 3px 5px; text-decoration: none; color:#333;}
#topnav li a:hover, #topnav li.current a {background: #042D3F /* #CF2200 */; text-decoration: none; color:#fff;}

/* Headlines */
#headlines {}
#homeslides {width:635px; height:302px; overflow:hidden; margin:0; float:left; padding:0; position:relative;}
#homeslides .caption {position: absolute; padding: 3px 5px; bottom:12px; left:20px; background:#042D3F /* #0D4C68 */; color:#fff; visibility:hidden; }
#homeslides .title {position: absolute; padding: 3px 5px; bottom:37px; left:20px; background:#042D3F /* #0D4C68 */; color:#fff; font-weight:bold; visibility:hidden; }
#homeslides li {list-style:none; margin:0 padding:0; max-width:635px;}
#homeslides li:hover .title, #homeslides li:hover .caption  {visibility:visible;}
#asiamap {width: 295px; float:right; clear:right;}
#pagetitle {width: 235px; height:242px; padding:30px; background-color:#0D4C68; color:#fff; float:right; clear:right;}
#pagetitle h2 {font-size: 60px; margin:0; padding:0; height:242px;}
#pagetitle h2.medium {font-size: 50px;}
#pagetitle h2.small {font-size: 40px;}
.mapasia {background:url(../images/projects/map_asia.png) no-repeat;}
.mapchina {background:url(../images/projects/map_china.png) no-repeat;}
.mapcambodia {background:url(../images/projects/map_cambodia.png) no-repeat;}
.mapindonesia {background:url(../images/projects/map_indonesia.png) no-repeat;}
.mapmyanmar {background:url(../images/projects/map_myanmar.png) no-repeat;}
.mapthailand {background:url(../images/projects/map_thailand.png) no-repeat;}
.mapvietnam {background:url(../images/projects/map_vietnam.png) no-repeat;}
.water1 {background:url(../images/water01.png) no-repeat;}
.water2 {background:url(../images/water02.png) no-repeat;}
.water3 {background:url(../images/water03.png) no-repeat;}
.water4 {background:url(../images/water04.png) no-repeat;}
.water5 {background:url(../images/water05.png) no-repeat;}
.water6 {background:url(../images/water06.png) no-repeat;}
.water7 {background:url(../images/water07.png) no-repeat;}
.water8 {background:url(../images/water08.png) no-repeat;}
.water9 {background:url(../images/water09.png) no-repeat;}
.water10 {background:url(../images/water10.png) no-repeat;}

/* Sidebar */
#sidebar {width:280px; padding: 0 0 20px 20px; float:left;}
#sidenav {font-family: 'AllerBold',tahoma,verdana,arial,Sans-Serif; font-size: 14px; font-weight:normal; margin:0; padding:20px 0; clear: both; text-transform:uppercase;}
#sidenav li {list-style:none; text-align:right; padding: 3px 0;}
#sidenav li a{display:inline-block; padding: 3px 5px; text-decoration: none; color:#eee; background: #09749F /* #666; */; }
#sidenav li a:hover, #sidenav li.current a {background: #042D3F /* #CF2200 */; text-decoration: none; color:#fff;}

/* Content */
#content {width:570px; padding:0 30px 30px 0; float:right;}
#content h2, #subcontent h2 {margin:18px 0 5px 0;}
#content h3, #subcontent h3 {margin:12px 0 5px 0;}
#content p, #subcontent p {text-align:justify; margin-top: 0;}
#content ul.paragraph {font: 12px Arial, Helvetica, sans-serif; color:#333333; padding-left: 15px;}
#content ul.paragraph li {list-style: none; padding:0 0 0 12px; background: url(../images/list_bg.png) 0 0 no-repeat; }
#subcontent {width:874px; padding:0 28px 30px 28px; z-index:100; position:relative; display:none;}
#togglesub {position:relative; text-align:right; padding:0 30px 3px 0; height: 20px; clear:both; z-index:99;}
#togglesub h4 {font-size: 12px; background: #CF2200; padding:3px 7px; margin:0; display:block; color:#fff; cursor:pointer; min-width:60px; height: 15px; float:right; }
#togglesub h4:hover {background:#333;}
table {vertical-align:top;}
td {font: 12px Arial, Helvetica, sans-serif; color:#333333;}
td p {font: 12px Arial, Helvetica, sans-serif; color:#333333;}
td h3{margin-top:0 !important;}
#widetable td {font: 13px Arial, Helvetica, sans-serif; color:#333333; line-height:16px;}
#widetable td p {font: 13px Arial, Helvetica, sans-serif; color:#333333; line-height:16px;}
#teamprofiles {margin:23px 0 0 0; padding:0}
#teamprofiles li {list-style:none;}
#teamprofiles li img {float: left; margin-right: 15px; width: 80px; height:80px;}
#teamprofiles li .name {margin-bottom: 2px;}
#partnerprofiles {margin:0px 0 20px 0; padding:0 0 0 0}
#partnerprofiles li {list-style:none; width:160px; height: 140px; float:left; text-align:center; display:inline-block; position:relative; margin:0 10px 10px 15px;}
#partnerprofiles li img {width: 130px; display:inline-block; position:relative; border:0; text-align:center;}
#partnerprofiles li .name {margin-bottom: 2px; font-size:12px;}
ul.otherpartners {margin:0px 0 15px 0; padding:0 0 0 0; width: 280px; float:left; min-height:65px;}
ul.otherpartners li {list-style: none; padding:0 0 0 12px; background: url(../images/list_bg.png) 0 0 no-repeat; margin:0; font: 12px Arial, Helvetica, sans-serif; color:#333333}
ul.article-list {font: 12px Arial, Helvetica, sans-serif; margin:0; padding:0;}
ul.article-list li {list-style: none; padding:0 0 0 12px; background: url(../images/list_bg.png) 0 0 no-repeat; margin-bottom:2px;}
ul.regionaloffice {margin:0; padding:0;}
ul.regionaloffice li {margin:0 35px 15px 0; padding:0 0 0 0; width: 265px; float:left; min-height:65px; list-style: none;  font: 12px Arial, Helvetica, sans-serif; color:#333333}
ul.regionaloffice li.right {margin:0px 0 15px 0;}

/* Snippets */
#snippets {padding: 15px 20px 20px 20px; background:#fff;}
#snippets h2 {margin: 0 0 10px;}
#featured {width:290px; margin:0; float: left;}
#media  {width:240px; margin:0 0 0 47px; float: left;}
#media ul {width:240px; margin:0; padding:0; min-height: 140px;}
#media li {list-style:none; float: left; margin: 0 10px 8px 0; padding:0;}
#media li img {width:68px; height:50px; border:1px #000 solid;}
#media li img:hover {box-shadow: #000 0px 0px 5px;
	-moz-box-shadow: #000 0px 0px 5px;
	-khtml-box-shadow: #000 0px 0px 5px;
	-webkit-box-shadow: #000 0px 0px 5px;}
#findout  {width: 540px; margin:0 0 0 47px; float: left; border-top: #ccc 1px solid; padding-top: 15px;}
#findout ul {margin:0; padding:0; min-height: 140px;}
#findout li {list-style:none; float: left; margin: 0 10px 8px 0; padding:0;}
#findout li img {width:68px; height:50px; border:1px #000 solid;}
#findout .websites li {margin: 0 20px 15px 0;}
#findout .websites li img {float:left; margin-right: 10px;}
#findout .websites li p {margin:0; color:#042D3F; font-weight:bold;}
#findout .websites a {display:block; width: 250px; min-height: 50px;}
#findout li a:hover img {box-shadow: #000 0px 0px 5px;
	-moz-box-shadow: #000 0px 0px 5px;
	-khtml-box-shadow: #000 0px 0px 5px;
	-webkit-box-shadow: #000 0px 0px 5px;}

#updates {width:260px; height:335px; overflow:hidden; margin:0 0 0 38px; float: left; position:relative;}
#updates ul {margin:0; padding: 0; width:260px; height: 270px; overflow:hidden; }
#updates li {list-style:none;}
#updates h3 {margin-top:0;}
#featured p, #updates p {text-align:justify;}
#updates p {margin-top:0;}
#updatesnav {position:absolute; bottom:0; left:0; text-align:right; width:100%;}
#updatesnav a{font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:3px; background:#ccc; color: #333; width:14px; height:14px; display:inline-block; margin-left:10px; text-align:center;}
#updatesnav a.activeSlide, #updatesnav a:hover{background:#CF2200; color:#fff; text-decoration:none;}
#marqueecontainer {	position: relative;
	width: 290px; /*marquee width */
	height: 300px; /*marquee height */
	overflow: hidden;
	padding: 0px;
}

/* Gallery */
.gallery .firstthumb {}
.gallery .gallerytitle{display: none;}
.gallery .allthumbs {display:none;}
.gallery a img{width:68px; height:50px; border:1px #000 solid;}
.story .firstthumb {float: right; padding: 3px 0 0 0; background: #fff; margin:0; width:140px;}
.story .gallerytitle{display: block; padding: 3px 0 0 0; font:11px arial,Sans-Serif; color: #888;}
.story .allthumbs {display:none;}
.story a img{width:140px; height:95px; border:1px #000 solid;
	/* box-shadow: #000 0px 0px 5px;
	-moz-box-shadow: #000 0px 0px 5px;
	-khtml-box-shadow: #000 0px 0px 5px;
	-webkit-box-shadow: #000 0px 0px 5px; */}
.story a img:hover {box-shadow: #000 0px 0px 5px;
	-moz-box-shadow: #000 0px 0px 5px;
	-khtml-box-shadow: #000 0px 0px 5px;
	-webkit-box-shadow: #000 0px 0px 5px;}
.left {float:left; margin:0 20px 15px 0;}
.right {float:right; margin:0 0 15px 20px;}

/* Lien Family */
#lienfamily {padding:0 0 0 0; text-align:center;}
#lienfamily p {font-size: 11px; color: #888;}
#lienfamily ul {margin:0 20px; padding:8px 0 0 0; border-top: 1px solid #ccc;}
#lienfamily li {list-style:none; display:inline; padding: 0 30px; vertical-align:middle;}
#lienfamily li img {border:0;}
#lienfamily li img:hover {opacity:0.8;}

/* Env Endeavour Family */
#env-endeavour {padding:4px 20px 4px 20px; text-align:justify; background:#006B8C; border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-khtml-border-radius: 0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;}
#env-endeavour p {font-size: 11px; color: #ddd;}


/* tables */
table.tablesorter {
	font-family: Arial, Helvetica, sans-serif;
	margin:-1px 0 15px;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #ddd;
	border: 2px solid #FFF;
	font-size: 12px;
	padding: 7px 10px;
	color: #333;
	text-align: left;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #333;
	border: 2px solid #FFF;
	padding: 10px;
	background-color: #efefef;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#efefef;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #888;
	color: #FFF;
}
#widetable td ul {margin:0 0 0 110px; padding:0 0 0 0px;}
#widetable td p, #widetable td h3 {margin-left: 110px;}
td ul {margin:0; padding:0 0 0 0px;}
td li {list-style: none; padding:0 0 0 12px; background: url(../images/list_bg.png) 0 0 no-repeat; }
td .photo {float:left; margin: 0 10px 10px 0; height: 98px; width:98px; display:block; border:1px #333 solid;}

th.date {width:17%;}
th.source {width:30%;}
th.title {width:53%;}
th.summary {width:83%;}
th.year {width:10%;}
th.beneficiary {width:18%;}
th.status {width:10%;}
th.project {width:62%;}
#pager {position:relative !important; top:0 !important; padding: 0 2px;}
#subcontent #pager {text-align:right;}
#pager .first, #pager .prev, #pager .next, #pager .last {cursor:pointer; background:#09749F; color: #fff; font: bold 12px Arial, Helvetica, sans-serif; padding: 2px 5px; height:15px; display:inline-block; vertical-align:middle}
#pager .first:hover, #pager .prev:hover, #pager .next:hover, #pager .last:hover {background:#042D3F !important;}
#pager .pagedisplay {cursor:default; width: 40px; text-align:center; background: #fff; padding: 2px 4px; height: 18px; margin:0;border:0; color:#333; vertical-align:middle; opacity:1;}
#pager .pagesize {border:0; background: #09749F; color: #fff; padding: 1px 0; height: 19px; font: bold 12px Arial, Helvetica, sans-serif; margin:0; vertical-align:middle;}
#pager .pagesize option {background: #fff; color: #333;}

/* Misc */
.marginoffset {margin-top:-23px !important;}

/* Footer */
#footer {color:#eee; width: 930px; margin:0 auto; text-align: left;}
#footer p {color:#ccc; font-size:11px; text-align:right;}