body{
margin:0;
padding:0;
background:#3c3c3d url(/img/common/bg-head.png) repeat-x top;
font:12px Arial, Helvetica, sans-serif;
}
ul, li, p, h1, h2, h3, h4, dfn, ol, dl, dd, dt{
margin:0;
padding:0;
}
.clear{
clear:both;
margin:0;
padding:0;
height:0px;
}
.margin-right{
margin:0 25px 20px 0 !important;
}
.margin-left{
margin:0 0 20px 25px !important;
}

#header{
}
#main{
background:#e7e7e7 url(/img/common/shadow-main.png) repeat-x top;;
}
#footer{
height:83px;
background:url(/img/common/bg-footer.png) repeat-x top;
}
#header .content-head, #main .content-main, #footer .content-footer {
width:940px;
margin:0 auto;
}
#header .content-head{
height:181px;
background: url(/img/common/bg-blue.png) no-repeat right;
}
#header .content-head div{
height:181px;
background: url(/img/common/world-map.png) no-repeat 264px 0;
}
#header .content-head div ul{
list-style:none;
}
#header .content-head div em{
clear:both;
font-size:10px;
text-transform:uppercase;
font-style:normal;
color:#c85d06;
margin:5px 20px 0 0;
}
#header .content-head div em a{
text-decoration:none;
color:#787878;
}
#header .content-head div em a:hover{
color:#c85d06;
}
#header .content-head div ul li{
float:left;
font-size:13px;
text-transform:uppercase;
color:#b1df10;
margin:110px 20px 0 0;
}
#header .content-head div ul li a{
text-decoration:none;
color:#FFF;
}
#header .content-head div ul li a:hover{
color:#b1df10;
}
#header .content-head div span{
list-style:none;
float:right;
margin:51px 94px 0 0;
}
#footer .content-footer{
height:75px;
background: url(/img/common/bg-blue.png) no-repeat right;
padding:8px 0 0 0;
}
#footer .content-footer span, #footer .content-footer em{
clear:both;
font-size:10px;
margin:0 0 0 668px;
}
#footer .content-footer span{
color:#FFF;
}
#footer .content-footer em{
color:#9accdc;
font-style:normal;
}
#main .content-main{
padding:44px 11px;
}
/*COLONNA 01 */
#col-01{
width:178px;
float:left;
margin:0 29px 0 0;
}
#col-01 ul{
list-style:none;
}
#col-01 ul li{
font-size:12px;
text-transform:uppercase;
color:#d94105;
padding:8px 0 0 0;
height:28px;
background:url(/img/common/dot.gif) repeat-x bottom;
}
#col-01 ul li a{
text-decoration:none;
color:#262626;
}
#col-01 ul li img{
margin: 0 8px 0 0;
vertical-align:middle;
}
/*-----------------------------------------*/

/*COLONNA 02 */

#col-02{
width:650px;
float:left;
}
#col-02 div{
width:305px;
height:225px;
float:left;
padding:0 10px;
margin:0 0 12px 0;
}
#col-02 div h2{
font-size:28px;
color:#e57304;
/*height:24px;*/
border-bottom:1px solid #d2d2d2;
text-transform:uppercase;
line-height:28px;
padding:0 0 4px 0;
}
#col-02 div p{
color:#08354d;
line-height:23px;
padding:26px 0 0 0;
}
/*-----------------------------------------*/

/*COLONNA 03 */

#col-03{
width:286px;
float:right;
}
#col-03 .news{
border-bottom:1px solid #d2d2d2;
padding:0;
margin:0;
height:34px;
clear:both;
background:none;
}
#col-03 .news h2{
font-size:28px;
text-transform:uppercase;
color:#7cb207;
float:left;
padding:0 0 0 14px;
line-height:28px;
}
#col-03 .news span.sel{
width:8px;
height:16px;
float:right;
display:block;
padding:5px 9px;
font-size:14px;
background:url(/img/common/bg-news-paginator.png) repeat-x top;
}
#col-03 .news em{
width:26px;
height:26px;
float:right;
display:block;
margin:0 5px;
}
#col-03 .news em a{
margin:0;
padding:0;
width:26px;
height:26px;
float:right;
display:block;
}
#col-03 .news em a img{
border:none;
}
#col-03 .news a{
width:8px;
height:16px;
float:right;
display:block;
background:#e7e7e7;
text-decoration:none;
padding:5px 9px;
color:#419ebd;
font-size:14px;
}
#col-03 .news strong{
width:1px;
height:26px;
background:#d2d2d2;
display:block;
float:right;
}
#col-03 div{
clear:both;
padding:25px 0 20px 16px;
background:url(/img/common/dot.gif) repeat-x bottom;
}
#col-03 div h3{
color:#065f7c;
font-size:15px;
line-height:21px;
}
#col-03 div p{
color:#065f7c;
font-size:12px;
color:#7a7a7a;
line-height:18px;
margin:17px 0 0 0;
display:block;
}
#col-03 div p a{
color:#065f7c;
font-size:11px;
color:#689409;
text-decoration:none;
}
#col-03 div p a:hover{
text-decoration:underline;
}
/*-----------------------------------------*/

/*COLONNA 04 */

#col-04{
width:733px;
float:left;
}
#col-04 div{
width:340px;
height:240px;
float:left;
border-bottom:1px solid #d2d2d2;
}
#col-04 div h2{
font-size:25px;
color:#3e3d3e;
/*height:24px;*/
line-height:28px;
padding:0 0 4px 0;
}
#col-04 div p{
color:#08354d;
line-height:20px;
padding:26px 0 0 0;
}
#col-04 .assistance-tab, 
#col-04 .technical-paginator,  
#col-07 .technical-paginator, 
#col-11 .technical-paginator,
#col-12 .technical-paginator{
width:315px;
height:auto !important;
float:left;
border:none !important;
}
#col-07 .technical-paginator,
#col-11 .technical-paginator,
#col-12 .technical-paginator{
width:731px;
float:right;
margin:8px 0 0 0;
padding:10px 3px 0 0;
}
#col-04 .assistance-tab h2{
font-size:28px;
line-height:30px;
color:#096887;
text-transform:uppercase;
margin:0 0 35px 0;
border-bottom:1px solid #d3d3d3;
}
.title h2{
float:left;
font-size:28px;
color:#096887;
text-transform:uppercase;
}
#col-04 .assistance-tab ul{
list-style:none;
}
#col-04 .assistance-tab ul li {
background:url(/img/common/dot.gif) repeat-x bottom;
margin:0 0 12px 0;
padding:0 0 12px 0;
}
#col-04 .assistance-tab ul li span{
font-size:18px;
color:#0589b4;
}
#col-04 .assistance-tab ul li p{
margin:8px 0 0 0;
padding:0;
color:#065f7c;
}

#col-04 .assistance-map{
width:416px;
float:left;
margin:0 0 0 2px;
}
#col-04 .assistance-map div{
border:none;
}
#col-04 .assistance-map .filter{
width:416px;
height:28px;
padding:4px 0 0 0;
text-align:right;
color:#a8a8a8;
}
#col-04 .assistance-map .filter em{
font-style:normal;
color:#a8a8a8;
margin:0 8px 0 0;
}
#col-04 .assistance-map span.select {
position: absolute;
width: 232px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
height: 21px;
padding: 4px 0 0 10px;
text-transform:uppercase;
text-align:left;
color:#fff;
font-size:11px;
background: url(/img/common/green-select.png) no-repeat;
overflow: hidden;
}
#col-04 .technical-paginator span, 
#col-04 .technical-paginator a, 
#col-07 .technical-paginator span, 
#col-07 .technical-paginator a, 
#col-11 .technical-paginator span, 
#col-11 .technical-paginator a,
#col-12 .technical-paginator span, 
#col-12 .technical-paginator a{
width:32px;
height:21px;
display:block;
float:right;
}
#col-04 .technical-paginator span.prev, 
#col-07 .technical-paginator span.prev, 
#col-11 .technical-paginator span.prev,
#col-12 .technical-paginator span.prev{
background:url(/img/common/prev-none.jpg) no-repeat;
}
#col-04 .technical-paginator span.next, 
#col-07 .technical-paginator span.next, 
#col-11 .technical-paginator span.next,
#col-12 .technical-paginator span.next{
background:url(/img/common/next-none.jpg) no-repeat;
}
#col-04 .technical-paginator a.next-page, 
#col-07 .technical-paginator a.next-page, 
#col-11 .technical-paginator a.next-page,
#col-12 .technical-paginator a.next-page{
border:none;
background:url(/img/common/next.jpg) no-repeat;
}
#col-04 .technical-paginator a.prev-page, 
#col-07 .technical-paginator a.prev-page, 
#col-11 .technical-paginator a.prev-page,
#col-12 .technical-paginator a.prev-page{
border:none;
background:url(/img/common/prev.jpg) no-repeat;
}
#col-04 .technical-paginator a:hover.next-page, 
#col-07 .technical-paginator a:hover.next-page, 
#col-11 .technical-paginator a:hover.next-page,
#col-12 .technical-paginator a:hover.next-page{
border:none;
background:url(/img/common/next-hover.jpg) no-repeat;
}
#col-04 .technical-paginator a:hover.prev-page, 
#col-07 .technical-paginator a:hover.prev-page, 
#col-11 .technical-paginator a:hover.prev-page,
#col-12 .technical-paginator a:hover.prev-page{
border:none;
background:url(/img/common/prev-hover.jpg) no-repeat;
}
/*-----------------------------------------*/

#col-05{
width:355px;
float:left;
padding:0 10px 0 0;
margin:0 3px 0 0;
}
#col-05 h2{
font-size:28px;
line-height:30px;
color:#096887;
text-transform:uppercase;
padding:0 0 4px 0;
border-bottom:1px solid #d3d3d3;
}
#col-05 span{
font-size:18px;
color:#3d3e3d;
padding:4px 0;
margin:0 0 10px 0;
display:block;
}
#col-05 em{
font-size:13px;
color:#086583;
padding:5px 0;
margin:10px 0;
display:block;
font-style:normal;
}

#col-05 dt, #col-06 dt, #col-err dt{
float:left;
padding:0;
color:#8a8a8a;
}
#col-05 dt img, #col-07 dt img{
vertical-align:middle;
}
#col-05 dd, #col-06 dd, #col-err dd{
padding:0 0 0 20px;
}
#col-05 dl, #col-06 dl, #col-err dl{
clear:both;
line-height:19px;
margin:10px 0 0 0;
}

#col-05 h3, #col-06 h3{
font-size:18px;
line-height:22px;
color:#a63407;
background:url(/img/common/dot.gif) repeat-x bottom;
padding:0 0 8px 0;
margin:10px 0;
}
#col-05 dfn, #col-06 dfn{
font-size:18px;
line-height:25px;
color:#a63407;
display:block;
}
#col-05 p{
line-height:18px;
}
#col-06{
width:355px;
float:left;
padding:36px 0 0 10px;
}

/*-------------------------------------------------------*/

#col-07{
width:731px;
float:left;
}

#col-07 h2, #col-err h2, #col-11 h2, #col-12 h2, #col-13 h2, #col-14 h2 {
font-size:28px;
line-height:30px;
color:#096887;
text-transform:uppercase;
padding:0 0 4px 0;
margin:0 0 10px 0;
border-bottom:1px solid #d3d3d3;
}
#col-07 p{
margin:10px 0 0 0;
line-height:18px;
margin:0 0 25px 0;
}
.table{
margin:0 0 1px 0;
background: url(/img/common/dot.gif) repeat-x bottom;
padding:8px 0;
}
.table h4, .table p, .table span, .table em{
float:left;
}
.table h4{
width:117px;
display:block;
text-transform: uppercase;
color:#568f04;
padding:5px 0 5px 5px;
font-size:13px;
}
.table p{
width:300px;
display:block;
color:#096887;
margin:0 !important;
padding:5px;
font-size:12px;
}
.table span{
width:159px;
display:block;
text-align:center;
color:#cf4204;
padding:5px;
font-size:13px;
}
.table em{
width:117px;
display:block;
text-align:center;
font-style:normal;
color:#cf4204;
padding:5px;
font-size:13px;
}
.studies{
text-align:right;
height:40px;
margin:0 0 10px 0;
}
#col-07 .legend-3{
clear:both;
border-top:3px solid #d3d3d3;
border-bottom:3px solid #d3d3d3;
margin:0 0 10px 0;
}
#col-07 .legend-3 ul{
list-style:none;
}
#col-07 .legend-3 ul li{
float:left;
color:#999;
text-transform:uppercase;
text-align:center;
font-size:13px;
line-height:21px;
}

#col-07 .legend-3 ul li.description{
width:300px;
text-align:center;
padding:5px;
border-right:1px solid #d3d3d3;
}
#col-07 .legend-3 ul li.country{
width:117px;
text-align:left;
padding:5px 0 5px 5px;
border-right:1px solid #d3d3d3;
}
#col-07 .legend-3 ul li.donor{
width:157px;
text-align:center;
padding:5px;
border-right:1px solid #d3d3d3;
}
#col-07 .legend-3 ul li.year{
width:117px;
text-align:center;
padding:5px;
}

#col-07 .studies span.select, #col-11 .studies span.select {
position: absolute;
width: 232px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
height: 21px;
padding: 4px 0 0 10px;
text-transform:uppercase;
text-align:left;
color:#fff;
font-size:11px;
background: url(/img/common/green-select.png) no-repeat;
overflow: hidden;
}
#col-07 .studies .filter, #col-11 .studies .filter{
/*width:416px;*/
height:28px;
padding:4px 0 0 0;
text-align:right;
color:#a8a8a8;
}
#col-07 .studies .filter em, #col-11 .studies .filter em{
font-style:normal;
color:#a8a8a8;
margin:0 8px 0 0;
}

#nws9,#nws8,#nws7,#nws6,#nws5,#nws4{
display:none;
}
#col-08, #col-09, #col-10{
float:left;
height:468px;
}
#col-08{
width:286px;
}
#col-08 p{
color:#5f5f5f;
}
#col-08 dt, #col-08 dd{
color:#5f5f5f;
}

#col-08 dt{
width:42px;
float:left;
color:#95b91a;
}
#col-08 dd span{
margin:0 0 0 42px;
}
#col-08 a{
color:#096c8c;
text-decoration:none;
}
#col-08 span{
margin:10px 0 0 0;

}
#col-08 span a{
text-decoration:none;
color:#e6440c;
}
#col-08 span img{
margin:2px 0;
}
#col-08 p a:hover{
color:#b8300b;
}
#col-09{
width:310px;
padding:0 29px;
}
#col-09 span{
color:#7ca208;
font-size:13px;
padding:8px 0;
display:block;
text-transform:uppercase;
}
#col-09 input{
width:300px;
height:17px;
border:none;
background:#dbdbdb;
color:#999;
padding:8px 5px;
}
#col-09 textarea{
width:300px;
height:165px;
border:none;
background:#dbdbdb;
color:#999;
padding:8px 5px;
}
#col-09 .send-button{
width:58px;
height:17px;
background:url(/img/common/send-button.jpg) no-repeat;
float:right;
margin:12px 0 0 0;
}
#col-09 span.return-message{
height:20px;
padding:6px 0 0 0 !important;
text-align:center;
}
#col-09 span.return-message em{
font-style: normal;
background:#abd613;
padding:2px;
color:#FFF;
font-size:12px;
}
#col-09 span.return-message em.error{
background:#ca2a0a !important;
}
#col-09 span.return-message em.error a {
color:#FFF;
text-decoration: none;
}
#col-10{
width:286px;
background:url(/img/common/contact-map.jpg) no-repeat;
}
.margin-top{
margin:79px 0 0 0;
color:#979797 !important;
}

#col-11 .studies{
text-align:right;
height:40px;
margin:0 0 10px 0;
background:none !important;
}
#col-11 .studies .filter p{
float:left;
padding:4px 0 0 0;
color:#999;
font-size:14px;
}
#col-11 .legend{
clear:both;
border-top:3px solid #d3d3d3;
border-bottom:3px solid #d3d3d3;
}
#col-11 .legend ul, #col-11 .references ul, #col-12 .legend-2 ul{
list-style:none;
}

#col-11 .legend ul li{
float:left;
color:#999;
text-transform:uppercase;
text-align:center;
font-size:15px;
width:121px;
padding:10px 0;
background: url(/img/common/v-dot.gif) repeat-y right;
}
#col-11 .legend ul li:last-child{
background: none !important;
}
.no-border{
background: none !important;
}
#col-11 .legend ul li.project{
width:214px !important;
}
#col-11 .references{
clear:both;
background:url(/img/common/o-dot.gif) repeat-x bottom;
padding:20px 0;
}
#col-11 .table-dot{
background:url(/img/common/table-dot.gif) repeat-y;
}
#col-11 .references ul li{
float:left;
color:#b93a09;
text-align:center;
font-size:15px;
width:121px;
padding:0;
}
#col-11 .references ul li.project{
width:200px !important;
font-size:14px;
/* line-height:21px; */
color:#096887;
text-align:justify;
padding:0 7px;
}
#col-11 .references ul li.country{
color:#4e8302;
text-transform:uppercase;
}
#col-12 .job{
margin-bottom:20px;
}
#col-12 .job p{
line-height:23px;
font-size:13px;
color:#999;
}
#col-12 .job p a{
text-decoration:none;
color:#e6440c;
}
#col-12 .job p a img{
border:none;
margin:0;
vertical-align:middle;
}
#col-12 .legend-2{
clear:both;
border-top:3px solid #d3d3d3;
border-bottom:3px solid #d3d3d3;
background: url(/img/common/table-dot-02.gif) repeat-y right;
}
#col-12 .legend-2 ul li{
float:left;
color:#999;
text-transform:uppercase;
text-align:center;
font-size:13px;
width:93px;
padding:10px 0;
}
#col-12 .job-detail ul{
list-style:none;
}
#col-12 .job-detail ul li{
float:left;
text-align:center;
color:#be4e23;
font-size:13px;
width:93px;
padding:10px 0;
}
#col-12 .job-detail ul li.detail img{
border:none;
}
#col-12 .job-detail ul li.detail{
text-align:center;
}
#col-12 .issued, #col-12 .start, #col-12 .deadline{
/*width:69px !important;*/
}
#col-12 .issued{
width:69px !important;
}
#col-12 .detail{
width:63px !important;
}
#col-12 .project{
width:147px !important;
padding:10px 5px !important;
}
#col-12 .job-detail ul li.project{
text-align:left !important;
width:147px !important;
padding:10px 5px;
color:#19718e;
line-height:16px;
}
#col-12 .job-detail ul li.position{
width:83px !important;
text-align: left !important;
padding:10px 5px;
}

#col-12 .job-detail ul li.location{
text-transform:uppercase;
color:#639121;
}
#col-12 .job-detail{
background:url(/img/common/o-dot.gif) repeat-x bottom;
padding:20px 0;
}
#col-12 .table-dot{
background:url(/img/common/table-dot-01.gif) repeat-y;
}
#col-13{
margin:0 0 40px 0;
}
#col-13 .site-map{
margin:30px 0 0 0;
padding:40px 0 20px 0;
}

#col-13 .site-map ul, #col-13 .site-map-subcategory ul, #col-13 .site-map-services ul{
list-style:none;
}
#col-13 .site-map ul li{
float:left;
width:188px;
text-align:center;
}
#col-13 .site-map ul li a{
font-size:14px;
text-decoration:none;
text-transform:uppercase;
color:#789908;
background:url(/img/common/page-sitemap.jpg) no-repeat left;
padding:30px 0 30px 42px;
}
#col-13 .site-map ul li a:hover, #col-13 .site-map-subcategory ul li a:hover, #col-13 .site-map-services ul li a:hover{
background:url(/img/common/page-sitemap-hover.jpg) no-repeat left;
}
#col-13 .site-map-subcategory{
padding:65px 0 0 0;
background:url(/img/common/sitemap-tree.gif) no-repeat 14px top;
}
#col-13 .site-map-subcategory ul li{
float:left;
width:230px;
text-align:left;
}
#col-13 .site-map-subcategory ul li a{
font-size:12px;
text-decoration:none;
text-transform:uppercase;
color:#aa4d09;
background:url(/img/common/page-sitemap-subcategory.jpg) no-repeat left;
padding:30px 0 30px 42px;
}

#col-13 .site-map-services{
padding:90px 0 0 0;
}
#col-13 .site-map-services ul li{
float:left;
display:block;
text-align:center;
}
#col-13 .site-map-services ul li a{
font-size:14px;
text-decoration:none;
text-transform:uppercase;
color:#096887;
background:url(/img/common/page-sitemap-services.jpg) no-repeat left;
padding:30px 0 30px 42px;
}
.spacer01{
margin:0 0 0 54px;
}
.spacer02{
margin:0 0 0 74px;
}
.spacer03{
margin:0 0 0 34px;
}
#col-14 .col-1{
float:left;
width:455px;
}
#col-14 h2{
margin:0 0 33px 0;
}
#col-14 .col-2{
float:right;
width:455px;
}

#col-14 ul{
list-style:none;
}
#col-14 ul li{
margin:0 0 45px 0;
}
#col-14 ul li p {
line-height:24px;
color:#08354d;
}
#col-14 ul li p a {
font-size:13px;
color:#096a89;
text-transform:uppercase;
text-decoration:none;
}
#col-14 ul li p em {
font-size:15px;
/*color:#7c7c7c;*/
color:#e57300;
text-transform:uppercase;
text-decoration:none;
margin:0 0 10px 0;
display:block;
}
#col-14 p a:hover {
text-decoration:underline;
}

