@charset "utf-8";
/* CSS Document */
/*
body{
	padding:5px 0 14px 0;
	margin:0;

	margin-left:auto;
	margin-right: auto;
	}
*/
	#body
{
   width:1024px;
   padding:0px 1px 13px 2px;
   	/*background:url(images/right_panel_bg.gif) 0 0 repeat-y;
   	background:white;*/
	margin:0px auto;
		background-color: #FFFFFF;  
}

#header{
	/*background:url(images/header1.png) 0 0 no-repeat;*/
	width:1024px;
	height:175px;
	position:relative;
	margin:0 auto;/*box-shadow:1px 1px 5px rgba(0,0,0,0.7);*/
border:2px;
}

#header p.titletext
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style: normal;
	color:blue;
	background-color:#FFFFFF;
	/*background-color:inherit;*/
	position : absolute;
	left:-1px;
	top:155px; /*163*/
	width:1024px;
	  

}
#menu
{ 
	height:37px;
	width:1024px;
	display:block;
	padding:0;
	margin:auto;
	border:1px solid;
/*border-radius:5px;*/
	top:203px;
	position:absolute;
	box-shadow:1px 1px 5px rgba(0,0,0,0.7);

}

#menu > ul
{list-style:inside none; padding:0; margin:0;}
#menu > ul > li
{list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#menu > ul > li > a
{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 12px/100% Geneva, Arial, Helvetica, sans-serif;
text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4);    padding-left: 31.80px;
    padding-right: 31.80px; }
#menu > ul > li:first-child > a
{border-radius:5px 0 0 5px;}
#menu > ul > li > a:after{ content:''; position:absolute; border-right:0px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#menu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#menu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#menu > ul > li.has-sub:hover > a:before{top:19px;}
#menu ul li.has-sub:hover > a{ background:#0863C0; border-color:#0863C0; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#menu ul li.has-sub:hover > ul, #menu ul li.has-sub:hover > div{display:block;}
#menu ul li.has-sub > a:hover{background:#0863C0; border-color:#133659;}
#menu ul li > ul, #menu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0;
 background:#0E3F68 ; border-radius:0 0 5px 5px; z-index:999; }
#menu ul li > ul{width:220px;}

#menu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}

#menu ul li > ul li a{ outline:none; display:block; position:relative;
 margin:0; padding:8px 20px; font:10pt Geneva, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }

#menu, #menu > ul > li > ul > li a:hover
{ background:rgb(161,198,245);  
background:-moz-linear-gradient(top, #153450  0%, #294052 100%);


background:-o-linear-gradient(top,  #153450 0%,#294052 100%);
background:-ms-linear-gradient(top,  #153450 0%,#294052 100%);
background:linear-gradient(top,  #153450 0%,#294052 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#153450', endColorstr='#294052',GradientType=0 ); 
}
#menu{border-color:#FFFFFF;background-color: #0E3F68 !important;}
#menu > ul > li > a{border-right:1px solid ; color:#fff;}
#menu > ul > li > a:after{border-color:#c2f224;}
#menu > ul > li > a:hover{background:#0863C0;}     /*#7fa208*/
#menu > ul > li:last-child > a{padding-right:50px;}
#main
{
	top:70px;
	width:1024px;
	position:relative;
	text-align: left;
}


/*dfgdfgdfg*/
#ani
{
	width:575px;  /*760*/
	float:left;
   	height:210px;
	margin : 0px 0 0px 0;
	/*margin:20px 0 4px 0;*/
	
}

#slider {
    width:575px; height:210px; /*745 Make it the same size as your images 700 , 306*/
	float:Left;	
	background:#000 url(../unep-gef2/images/loading.gif) no-repeat 50% 50%; /*#fff */
	border:5px solid #eaeaea;
	box-shadow:0px 1px 5px rgba(0,0,0,0.7);
	position:relative;
	margin:0px auto;/*make the image slider center-aligned */
    /*box-shadow: 0px 1px 5px #999999;*/
}
#slider img {
	position:absolute;
	border:none;
	display:none;
	margin:0px;
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}

/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:0;
	left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;
	overflow:hidden;
	font-size: 10px;
}
div.mc-caption-bg {
	background-color:black;
}
div.mc-caption {
	font-family:inherit;
	color:#EEE;
	z-index:4;
	padding:10px 0;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
	text-align:center;
	font-size: 14px;
}
div.mc-caption a {
	color:#FB0;
}
div.mc-caption a:hover {
	color:#DA0;
}


/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper  {
	top:10px; left:80px; /* Its position is relative to the #slider */
	width:250px;  /* 150px */
	background:none;
	padding-left:20px;
	position:relative;
	z-index:5;
	cursor:pointer;
}

/* each bullet */
div.navBulletsWrapper div 
{
    width:11px; height:11px;
    background:transparent url(../unep-gef2/images/bullet.png) no-repeat 0 0;
    float:left;overflow:hidden;
	vertical-align: middle;
	cursor:pointer;
    margin-right:11px;/* distance between each bullet*/
    position:relative;/*IE6 hack*/
}

div.navBulletsWrapper div.active {background-position:0 -11px;}


/* --------- Others ------- */
#slider 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}
/*end*/
#contenttext
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
/*padding:5px;*/
	width:auto;
/*height:210px;*/
	text-align:justify;
/*text-shadow:1px 1px 1px rgb(226,238,241);*/
	margin-top:15px;
	background-color:#FFFFFF;
	border-left:solid #eaeaea;
	border-right:solid #eaeaea;
}
p
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	width:auto;
	text-align:justify;
}

#contenttext h2
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	background-color:#153450; /*#0E3F88 F8E4CC*/
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	color:#FFFFFF;
}

#contenttext p
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:10px;
	line-height:18px;
}
#contenttext li
{
	line-height:18px;
}

#contenttext span
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:5px;

}

#contenttext a:hover
{
color:#000000;
}

/*.... try imp.states logos...*/
/*.... just try ...*/
#mts1 
{
    width:200px;
    height:75px;
    padding:0px;
    background:#f2f1ea url(../unep-gef2/loading.gif) no-repeat 50% 50%;
	height:auto;
}

#mts1 ul
{
	list-style:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding:0px;
	background-color:#FFFFFF;
/*border:1px solid #eaeaea;
width:197px;
height:87px;*/
	font-weight:bold;
	text-align:center;
}
#mts1 a:hover
{
color:#000000;
}

/* --------- Others ------- */
#subtit
{
background-color:#0E3F68; /*#0E3F88 F8E4CC*/
border-top-left-radius:10px;
border-top-right-radius:10px;
color:#FFFFFF;
text-align:left;
padding:5px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
#subtit1
{
background-color:#153450; /*#0E3F88 F8E4CC*/
/*border-bottom:#153450;
border-bottom-style:solid;
border-bottom-width:thick;*/
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
color:#FFFFFF;
text-align:left;
padding:5px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

#subfoot
{
/*background-color:#153450;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
color:#FFFFFF;*/
text-align:Right;
padding:2px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
}

#subfoot a:hover
{
color:#000000;
}

/* publications ...Blog box */

.box {
	/*width:300px;*/
	height:100px;
	background:#FFF;
	margin:0px auto;
    position: relative;
 box-shadow: 0px 0px 11px rgba(0,0,0,0.7);
}
.box:before, .box:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 100%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px rgba(0,0,0,0.7); /*#777*/
  -moz-box-shadow: 0 35px 20px rgba(0,0,0,0.7);
  box-shadow: 0 35px 20px rgba(0,0,0,0.7);
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.box:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}


.whatsnew
{
padding: 5px 0px 3px;
color:rgb(51,153,255);
font-weight:bold;
text-transform:uppercase;
font-size:12px;
width:175px;
}
a,button,.button
{
cursor:pointer;
}
a{
color:rgb(51,153,255);
text-decoration:none;
}

.newsize
{
font-size:12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
min-height:40px;
width:175px;
}
.dot
{
border-style:none none dotted;
border-width: 0px 0px thin;
border-top:0px none;
border-left:0px none;
border-right:0px none;
width:175px;
}
#foot
{
	background-color:#0E3F68;
	border-radius:5px;
	color:#FFFFFF;
	text-align:left;
	padding:2px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#newsarea
{
width:185px;
border-left:2px thin #eaeaea ;
border-right:2px thin #eaeaea; 
height:200px;
}

#blueblock{
width: 180px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 90%;
background-color: #90bade; 
color: #333;
}

* html #blueblock{ /*IE 6 only */
width: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 1px solid #90bade;
margin: 0;
}

#blueblock li a{
display: block;
padding: 5px 5px 5px 5px;
border-left: 10px solid #0E3F68;  /*#1958b7;*/
border-right: 10px solid #508fc4;
background-color:#0E3F68;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2175bc;  /*#2586d7;*/
color: #fff;
}
.noreportcolor{
	color:#000000;
}

.button-darkblue {
  background: #153450;
 border-color: #2d477b #2d477b #263c68;
  background-image: -webkit-linear-gradient(top, #4369b6, #3b5ca0 66%, #365391);
  background-image: -moz-linear-gradient(top, #4369b6, #3b5ca0 66%, #365391);
  background-image: -o-linear-gradient(top, #4369b6, #3b5ca0 66%, #365391);
  background-image: linear-gradient(to bottom, #4369b6, #3b5ca0 66%, #365391);
}
.button-darkblue:active {
  background: #153450;
  border-color: #263c68 #2d477b #2d477b;
}
.button-darkblue:hover {
  background:#0D3D68;
  
}
.button {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 36px;
  line-height: 35px;
  padding: 0 20px;
  font-size: 13px;
  color: white;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
  background-clip: padding-box;
  border: 1px solid;
  border-radius: 2px;
  cursor: pointer;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
}
.button:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  background-image: -webkit-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
  background-image: -moz-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
  background-image: -o-radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
  background-image: radial-gradient(center top, farthest-corner, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
}
.button:hover:before {
  background-image: -webkit-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
  background-image: -moz-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
  background-image: -o-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
  background-image: radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
}
.button:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
.button:active:before {
  content: none;
}
.boxpbr {
	/*width:300px;*/
	height:100px;
	background:#FFF;
	margin:0px auto;
    position: relative;
	border:3px solid #ccc;

}