﻿/* CSS Document */
body {
	font-family: Tahoma, "Traditional Arabic", Arial;
	font-size: 80%;
	color: #000000;
	background-color: #fff2ad;
}

/* Top area: skip navigation */
div#skiplinks {
	width: 63em;
	margin: 0 auto;
	padding: 0;
	font-size: 80%;}
div#skiplinks ul {
	text-align: left;
	margin: 0;
	padding: 0;}
div#skiplinks ul li {
	list-style-type:none;
	display:inline;
	margin: 0;
	padding: 0 2%;}
div#skiplinks ul li a:link {color:#fff2ad;}
div#skiplinks ul li a:visited {color:#fff2ad;}
div#skiplinks ul li a:active {color:#fff2ad;}
div#skiplinks ul li a:hover {color:#fff2ad;}

 /* Main div */
div#main {
	padding: 0;
	width: 63em;
	margin: 0 auto;
	border: 1px solid #730303;
	background-color: #ffffff;
}

 /* Styles used for the UN Homepage button and, later, the language bar */
div#toprow {
	width: 100%;
	margin: -1px 0 0 0;
	padding: 0;
	background-color: #730303;
	border-bottom: 1px solid #730303;
	vertical-align: middle;
}
div#nav {
	padding: 0;
	margin: 0;
	width: auto;
	float: right;
	font-family:Tahoma, Verdana, Arial, Helvetica, "sans-serif";
	font-weight: bold;
	font-size: 100%;
}
div#lang {
	padding: 0;
	margin-right: 0;
	width: auto;
	float: left;
	font-size: 90%;
}
div#nav ul, div#lang ul {
	padding: 0 0 0 0;
	margin: 0;
	text-align: center;
	color:#fff2ad;
}
div#lang ul li {
	display: inline;
	padding: 0;
	font-size: 90%;
	margin-left: 0px;
	color:#fff2ad;
}
div#nav ul li{
	display: inline;
	padding: 0;
	font-size: 90%;
	margin-left: 3px;
}
div#nav ul li.first, div#lang ul li.first {
	padding: 0;
}
div#nav ul li.last, div#lang ul li.last {
	padding:0;
	border: none;
}
div#lang ul li#arabic {direction:rtl; font-size: 120%;}
div#lang ul li#english {color:#fbb577;}
div#nav a:link, div#lang a:link, div#nav a:visited, div#lang a:visited {color: #fff2ad; text-decoration: none;}
div#nav a:hover, div#lang a:hover, div#nav a:active, div#lang a:active {color: #fbb577; text-decoration: none;}

div.clear {clear: both;}

 /* Style used for the banner */
div#banner {
	background-image: url(images/topbanner.jpg);
	background-repeat: repeat-x;
	background-position: right center;
	background-color: #730303;
	margin: 0;
	padding: 0;
	border-top: 2px solid #730303;
	border-bottom: 2px solid #730303;
}
div#banner h1 {
	font-size: 200%;
	padding: 10px 0 10px 0;
	margin: 10px 20% 10px 30px;
	color: #730303;
	text-align: center;
	vertical-align: center;
	font-family: Tahoma, Arial, Verdana, "Sans Serif";
	font-weight: bold;
}

 /* Style used for the horizontal menu */
div#menu {
	width: 100%;
	background-color: #730303;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #730303;
}
div#menu ul {
	padding: 2px 0 2px 0;
	margin: 0 20% 0 0;
	font-size:96%;
	text-align: right;
	color:#fff2ad;
}
div#menu ul li {
	display: inline;
	padding: 0;
}
div#menu ul li.first {
	display: inline;
	padding: 0;
}
div#menu ul li.last {
	display: inline;
	padding: 0;
}
div#menu a:link, div#menu a:visited {color: #fff2ad; text-decoration: none;}
div#menu a:hover, div#menu a:active {color: #fbb577; text-decoration: underline;}

 /* Styles used in the vertical list of agencies */
div#agencies {
	width: 19%;
	padding: 1.5em 0.3em 0 0.3em;
	margin: 0;
	background-color: #730303;
	border-left: 1px solid #730303;
	float: right;
	font-size: 100%;
	text-align: right;
	}
div#agencies a:link, div#agencies a:visited {color: #fff2ad; text-decoration: none;}
div#agencies a:hover, div#agencies a:active {color: #fbb577; text-decoration: underline;}
div#agencies p {
	color: #fff2ad;
	font-size: 90%;
	text-align: center;
	margin: 1.5em 0 0 0;
	padding: 0em;
	font-weight: normal;
}
div#unfccc {
	background-image: url(images/logos/unfccclogo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 2.2em 1em 1em;
	margin: 0 0 0 0;

}
div.agencyname {
	margin: 0 5px 0 0;
	padding: 0 0 0 0;
}
div#ipcc {
	background-image: url(images/logos/ipcclogo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 1.6em 2.2em 1em 1em;
	margin: 0;
}
div#unep {
	background-image: url(images/logos/uneplogo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0.8em 2.2em 1em 1em;
	margin: 0;
}
div#wmo {
	background-image: url(images/logos/wmologo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0.8em 2.2em 1em 1em;
	margin: 0;
}
div#csd {
	background-image: url(images/logos/csdlogo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0.8em 2.2em 1em 1em;
	margin: 0;
}
div#fao {
	background-image: url(images/logos/faologo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0.8em 2.2em 1em 1em;
	margin: 0;
}
div#gef {
	background-image: url(images/logos/geflogo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0.8em 2.2em 1em 1em;
	margin: 0;
}
div#undp {
	background-image: url(images/logos/undplogo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 1.2em 2.2em 1em 1em;
	margin: 0;
}
div#wb {
	background-image: url(images/logos/wblogo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0.8em 2.2em 1em 1em;
	margin: 0;
}
div#cbd {
	background-image: url(images/logos/cbdlogo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0.8em 2.2em 1em 1em;
	margin: 0;
}
div#unccd {
	background-image: url(images/logos/unccdlogo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0.8em 2.2em 1em 1em;
	margin: 0;
}

div#imo {
	background-image: url(images/logos/imologo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0.8em 2.2em;
	margin: 0;
}
div#imf {
	background-image: url(images/logos/imflogo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0.8em 2.2em;
	margin: 0;
}
div#escap {
	background-image: url(images/logos/escaplogo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0.8em 2.2em;
	margin: 0;
}
div#unwto {
	background-image: url(images/logos/unwtologo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0.8em 2.2em;
	margin: 0;
}
div#icao {
	background-image: url(images/logos/icaologo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0.8em 2.2em;
	margin: 0;
}
div#unesco {
	background-image: url(images/logos/unescologo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0.8em 2.2em;
	margin: 0;
}
div#who {
	background-image: url(images/logos/whologo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0.8em 2.2em;
	margin: 0;
}

/*New styles added on 21/10/07*/

div#wfp {
	background-image: url(images/logos/wfplogo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0.8em 2.2em;
	margin: 0;
}
div#unhabitat {
	background-image: url(images/logos/unhabitatlogo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0.8em 2.2em;
	margin: 0;
}
div#unctad {
	background-image: url(images/logos/unctadlogo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0.8em 2.2em;
	margin: 0;
}
div#esa {
	background-image: url(images/logos/unlogo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0.8em 2.2em;
	margin: 0;
}
div#unido {
	background-image: url(images/logos/unidologo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding:0.8em 2.2em;
	margin: 0;
}

div#gcos {
	background-image: url(images/logos/gcoslogo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0.8em 2.2em;
	margin: 0;
}

div#ifad {
	background-image: url(images/logos/ifadlogo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0.8em 2.2em;
	margin: 0;
}

 /* Styles used in the content area*/
div#contents {
	vertical-align: top;
	width: 72%;
	float: right;
	padding: 1em 0.4em 0 0.4em;
	margin: 0;
}	
div.left {
	width: 64%;
	float: right;
	padding: 0 0.8em 0.8em 0.8em;
	margin: 2em 0 1em 0;
}
div#highlight {
	width: 100%;
	margin: 0;
	padding: 0.8em;
	background-color: #cedbdf;
	border: 1px solid #057624;
	font-size: 98%;
}
img.floatLeft { 
	float: right;

}

div.box {
	width: 75%;
	margin: 0 auto;
	padding: 0.8em;
	background-color: #fdecb8; 
	border: 1px solid #fbb577;
}
div#unaction {
	border: 1px solid #006633;
	width: 100%;
	padding-right: 0em;
	padding-top:.02em;
	margin:0;
}


#unaction #storyLinks{
width: 100%;
background-color: #730303;
margin: 0;
padding: 0px;
text-align: center;
vertical-align: middle;
color:#fff2ad;
}

#unaction #storyLinks ul{
padding: 2px 0 2px 0;
margin: 0 0 0 0;
font-weight: bold;
}

#unaction ul li a{
font-size:85%;
}
#unaction #storyLinks ul li{
display: inline;
padding-right: 0.1em;
padding-left: 0.1em;
}

#unaction #storyLinks ul li a#sl{
color:#fff2ad;
padding-right:6px;
margin-left:-4px;
margin-right:-4px;
}

div#storyLinks ul li.slfirst {
	display: inline;
	padding-left: 0;
	padding-right: 0.5em;
}

#unaction #storyLinks a {color: #fff2ad; text-decoration: none;}
#unaction #storyLinks a:link {color: #fff2ad; text-decoration: none;}
#unaction #storyLinks a:visited {color: #fff2ad; text-decoration: none;}
#unaction #storyLinks a:hover {color: #fbb577; text-decoration: underline;}
#unaction #storyLinks a:active {color: #fbb577; text-decoration: underline;}

div#right {
	width: 29%;
	float: left;
	padding: 0;
	margin: 0 ;
}

div.right2 {
	width: 26%;
	float: left;
	margin: 0;
	padding: 0.8em 0.4em;
	background-color: #fdecb8; 
	border: 1px solid #fbb577;
}
div#contents h2 {
	text-transform: uppercase;
	font-size: 100%;
	font-weight: bold;
	color: #730303;	
	text-align: right;
	padding: 1em;
	margin: 0;
}

div#contents h2 a:link, div#contents h2 a:visited {color: #730303; text-decoration: none;}
div#contents h2 a:hover, div#contents h2 a:active {color: #730303; text-decoration: underline;}
div#contents h3 {
	text-transform: uppercase;
	text-align: center;
	font-size: 125%;
	font-weight: bold;
	color: #006633;	
	padding: 1em;
	margin: 0;
	clear: both;
}
div#contents h4, div#contents h4 a:link, div#contents h4 a:visited  {
	font-size: 110%;
	font-weight: bold;
	color: #730303;
	padding: 1em;
	margin: 0;
	text-decoration: none;
}
div#contents h4 a:hover, div#contents h4 a:active{
	font-size: 110%;
	font-weight: bold;
	color: #730303;
	padding: 1em;
	margin: 0;
	text-decoration: underline;
}
div#contents h5 {
	font-size: 105%;
	font-weight: bold;
	padding: 1em;
	margin: 0;
}
div#contents img{
padding-left: 1em;

}

div.report {
	border: 1px solid #006633;
	padding: 0.8em .2em 0.8em .2em;
	margin: 2em 0 2em 0;

}
div.report a:link, a:hover, a:active{
	text-align:center;
}

div.report1 {
	border: 1px solid #006633;
	padding: 0.8em .2em 0.8em .2em;
	margin: 2em 0 2em 0;
	height:85px;
	width:100%;
	text-align:center;
}

.OpEd{
	
	font-size:100%;

}
div.infocus{
	
	background-color: #fdecb8;
	border: 1px;
	border-style: solid;
	border-color: #730303;
	width: 90%;
	padding: 0.8em;
	margin-top: 1.6em;
	margin-right: 0pt;
	margin-bottom: 1.6em;
	margin-left: 0pt;
}
div#hle {
	background-color: #fdecb8;
	border: 1px solid #006633;
	padding: 0.8em .2em 0.8em .2em;
	margin: 2em 0 2em 0;
	width: 100%;
	height:150px;
	text-align:center;
}

div#contents p {
	padding: 1em;
	margin: 0.5em 0;
}
div#contents ul {
	padding: 0;
	margin: 0.5em 1em 0.5em 0;
	width: 90%;
}

div#hl 
{
	float: right;
	background-color: #fcd985;
	padding: 4px 14px 4px 0px;
	margin: 0 3px 0 0;
	width: 100%;
	font-size: 0.9em;
	border: #000000 solid 1px;
}

div#hlpoznan 
{
	float: right;
	background-color: #fcd985;
	padding: 4px 14px 4px 0px;
	margin: 0 3px 0 0;
	width: 100%;
	font-size: 0.9em;
	border: #000000 solid 1px;
}


/*
.boxlist {
	width: 100%;
	margin:0;
	padding: 0;
	text-align:right;
}
.boxlist ul{
	margin: 0;
	padding: 0.5em 0em 0.5em 0;
	width: 100%;
	diplay: inline;
}

.boxlist ul li{
	padding: 0.5em 0;
	margin: 0 1.5em 0 0;
	list-style-image: none;
	list-style-position: none;
	diplay: inline;
}*/
div#contents ul li {
	padding: 0.5em 0;
	margin: 0 1.5em 0 0;
	list-style-image: url(images/bluebullet.gif);
	list-style-position: outside;
}

.HLlisting{
	padding: 0.5em 0;
	list-style-image: url(images/bluebullet.gif);
	list-style-position: center right;
	margin-right: 120px;
}

hr {
	width: 60%;
	color: #fbb577;
}
div#contents a:link, div#contents a:visited {color: #006633; text-decoration: none;}
div#contents a:hover, div#contents a:active {color: #730303; text-decoration: underline;}
.note {font-size:90%;}
.arrows {text-align: right;}

 /* Special styles for the news */

div#contents h5.actu {padding: 0.8em 0; margin: 0; font-size: 100%;}
div#contents img.actu {clear: both;}
div#contents p.actu {clear: both; padding: 0.5em 0; margin: 0;}
div#contents span.dateActu {font-style:italic;}

 /* Styles used for the footer raw */
div#footer {
	clear: both;
	background-image: url(images/climate.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	background-color: #730303;
	width: 100%;
	font-size: 80%;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	border-top: 1px solid #730303;
}
div#footer ul {
	padding: 0.5em;
	margin: 0;
}
div#footer ul li {
	display: inline;
	padding: 0 0.5em;
	border-left: 1px solid #000000;
}
div#footer ul li.end {
	border: none;
}
div#footer a:link, div#footer a:visited {color: #006633; text-decoration: none;}
div#footer a:hover, div#footer a:active {color: #730303; text-decoration: underline;}

/* Last line of the site with credits for design to UNWSS */
div#credits {
	clear: both;
	font-size: 80%;
	text-align: center;
	padding: 1em;
	margin: 0;
}
/* Indented sub-list items as a Class */
