@import url(https://fonts.googleapis.com/css?family=Varela+Round);

/* CSS Document */
    
/* Common Design */ 

	* {
		border: 0;
		margin: 0;
		}
	
	img {
		border: 0px;
		}
	
	html, body {
		padding:    0;
		margin:    0;
		height:    100%;
		width:    100%;    
		background:rgb(255,255,245);
		font-family: Verdana, Geneva, sans-serif;
		}
		
	#wrapper {
		width:    1000px;
		margin-left:    auto;
		margin-right:    auto;
		height:    auto;
		background: white;
		-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
		/* For IE 8 */
		-ms-filter: "filter: progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=0)
		progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=90,strength=4)
		progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=180,strength=0)
		progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=4)";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=0)
		progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=90,strength=4)
		progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=180,strength=0)
		progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=4);
		}
		
	a:link {
		color:    darkgreen;
		text-decoration:    underline;
		cursor:    pointer;
		border:    none;
		}
		
	a:visited {
		color:    gray;
		text-decoration: underline;
		cursor:    pointer;
		border:    none;
		}
		
	a:hover {
		color:    blue;
		text-decoration:  none;
		cursor:    pointer;
		border:    none;
		}
			
	H1 {
		font-family:'American Typewriter', ' Courier New', ' Courier ', ' Microsoft Sans Serif'; 
		font-size:22px; 
		padding-bottom:.5em;
		font-weight:400;
		letter-spacing:1px;
		}
		
	.blue {
		color: rgb(0,174,239);
		}
		
	H2 {
		font-family:    verdana, sans serif;
		font-size:    1.3em;
		color:    #999;
		line-height:    2em;
		}    
		
	H3 {
		font-family:    verdana, sans serif;
		font-size:    1em;
		color:    #666;
		line-height:    1.3em;
		padding-bottom: .5em;
		}
		
	H4 {
		font-family:    verdana, sans serif; 
		font-size:    .9em;
		color:    #666;
		line-height:    1.6em;
		}

		
	p,div.rtejustify	{
		font-family: verdana, sans serif; 
		font-size: .75em; 
		line-height:140%;
		padding-bottom: 1em;
		}	
	
	p,#bookList {
		/*    font-family    : Arial, Helvetica, sans serif;*/
		/*    font-size    : 0.8em; */
		}
		
	.imageleft {
		padding:    0px 10px 10px 0px;
		float:    left;
		}
		
	.imageright {
		padding:    0px 0px 10px 10px;
		float:    right;
		}
		
	li {
		font-family: verdana, sans serif; 
		font-size: .75em;
		line-height:140%;
		list-style:    square outside;
		padding-bottom: .3em;
		}
	
	sub {
		font-size: 70%;
		vertical-align: text-bottom;
		}
	
	sup {
		font-size: 70%;
		vertical-align: text-top;
		}
		
	.shadow {
		-moz-box-shadow: 3px 3px 4px #000;
		-webkit-box-shadow: 3px 3px 4px #000;
		box-shadow: 3px 3px 4px #000;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
		}
		
	/* text columns */	
		
	#maincontent {
    	background:    #fff;
    	padding:   1em 1em 1em 1em;
    	clear:    both;
		}        
    
	#textfullcolumn {
		width:    100%;
		display:    block;
		clear:    both;
		padding:    .3em 0 .3em 0;
		}
	
	#textleft {
		float:    left;
		width:    470px;
		padding    :    .3em 0 .3em 0;
		clear:    left;
		}    
		
	#textright {
		float:    right;
		width:    470px;
		padding:    .3em 0 .3em 0;
		clear:    right;
		} 
		
 	#maincontent #col1 {
	   width: 200px;
	   float: left;
	   }
	   
	#maincontent #col2outer {
	   width: 750px;
	   float: right;
	   margin: 0;
	   padding: 0;
	   }
	   
	#maincontent #col2mid {
	   width: 500px;
	   float: left;
	   }
	   
	#maincontent #col2side {
	   width: 200px;
	   float: right;
	   }
		 		
	/* end of text columns */	  

/* end of common design */	



/* Sioux Falls Front Page */

	#front-page-container {
		float: left; 
		width:580px;
		}
	
	#intro {
		padding: 2em 0 2em 1.5em;
		width: 530px;
		}

	#whats-new {
		padding: 0 0 1em 1.5em;
		width: 530px;
		}
		
	#currentgeas {
		padding: 1.5em 0 1em 0;
		}
		
	#hotspot {
		float: right; 
		width: 400px; 
		padding: 0 1em 2em 0; 
		position: relative;
		}

	#more-hotspots {
		float: right; 
		width: 400px; 
		padding: 2em 0 2em 0; 
		position: relative;
		}
		
	/* Before After */	
	
	.before-after {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 10px;
		width: 240px;
		}	
	
	/* End of Before After */
		
	/* Easy Slider */		
	
	#slider {
		border-top: thin solid;
		background: rgb(238,238,238);
		border-bottom: thin solid;
		}
		
	#slider ul, #slider li {
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:530px;
		height:200px;
		overflow:hidden; 
		}
		
	span#prevBtn {
		padding-left: 520px;
		font-size: 18px;
		}
		
	span#nextBtn {
		padding-left: 520px;
		font-size: 18px;
		}
	
	#slidercontent {
		padding: 1em;
		}
		
	#slidercontent p {
		font-family: verdana, sans serif; 
		font-size: 1em; 
		line-height:140%;
		padding-bottom: 1em;
		}
		
	#slidercontent h3 {
		font-family: verdana, sans serif; 
		font-size: 1.3em; 
		line-height:140%;
		padding-bottom: 1em;
		}

	/* End of Easy Slider */
	
	
	/* Updated and New Hotspots List */
	
	#list2 { 
		width:200px; 
		}
		
	#list2 ol { 
		font-style:italic; 
		font-family:Georgia, Times, serif; 
		font-size:24px; 
		color:#bfe6f6;  
		}
		
	#list2 ol li { }
	
	#list2 ol li p { 
		padding:8px; 
		font-style:normal; 
		font-family:Arial; 
		font-size:13px; 
		color:#666; 
		border-left: 1px solid #999; 
		}
		
	#list2 ol li p em { 
		display:block; 
		color: rgb(0,174,239) 
		}
	
		
		
	    
/* UNEP Atlas Start */

	ul.thumb {
		margin:    0; 
		padding:    0;
		list-style:    none;
		}
	
	ul.thumb li {
		padding-right:    25px;
		float:    left; 
		position:    relative;   /* Set the absolute positioning base coordinate */
		}
	
	ul.thumb li img {
		-ms-interpolation-mode:    bicubic;  /* IE Fix for Bicubic Scaling */
		border:    1px solid black;  
		}
		
	ul.thumb li img.hover {
		}
		
	ul.thumb li.atlasOther img {
		}
	
	.atlasOther  {
		width:   150px;
		text-align:   center;
		margin:    0;
		padding:     0;
		list-style: none;
		}
	
	.atlasOther img {
	
		}
	
	.atlasOtherResources {
		clear:     both;
		}
	
	#atlasOtherEmpty {
		width:   20px;
		}
	
	#atlasFloatLeft {
		float:    left;
		width:    125px;
		height:    153px;
		}
	
	#bookDesc {
		height: 200px;
		}
	
	
	#bookListHeader {
		border:    1px solid black;
		background:    #B0C4DE;
		text-align:    center;
		}
	
	#bookList {
		overflow:    scroll;
		border-right:   1px solid black;
		border-left:   1px solid black;
		border-bottom:    1px solid black;
		}
	
	#bookButtons {
		padding:   25px 0 50px 10px;
		}
		 
	#bookButtons img{
		border-style:   none;
		}
		 
	/* STYLES FOR POPUPS IN GMAP */
	
	.popup {
		text-align:    center;
		/*width:   230px; */
		width:  250px;
		background-color:   #FBF2DA;
		font-family:   Verdana, Arial;
		font-size:   8pt;
		/* height:   190px;*/
		height: 100%;
		}
	
	.story {
		text-align:   left;
		overflow:   auto;
		}
	
	.side_bar {
		height:    100%;
		margin-top:    2px;
		font-size:     x-small;
		overflow:    auto;
		text-decoration:    none; 
		border-style:    solid; 
		border-color:    #888888;
		border-width:    1px;                
		}
		
	/* Added by Rachita for webatlas2.php */
	
	.message_list {
		list-style:   none;
		padding:   0px;
		margin:   0px;
		width:   1000px;
		}
	.message_head {
		padding:   5px 10px;
		cursor:   pointer;
		color:    white;
		margin:   0px;
		width:   950px;
		background:   #080808 url('../atlas/images/bg_grad_gray1.gif') repeat-x;
		border-top:   solid 1px #999;
		}
		
	.arrow_image {
		background:   url(../atlas/images/arrow-square.gif) no-repeat left -58px;
		}
		
	#one_image.active {
		background-position:   left -2px;
		}
	
	#two_image.active {
		background-position: left -2px;
		}
	#three_image.active {
		background-position: left -2px;
		}
	#four_image.active {
		background-position: left -2px;
		}
	#five_image.active {
		background-position: left -2px;
		}
	#six_image.active {
		background-position: left -2px;
		}

	/* tabs for book page added by Melissa */
	
	#bookImage {
		width:  200px;
		height:   265px;
		}
	
	.book#textright {
		width:  620px;
		}
	
	.star-rating {
		display:  inline;
		}
	
	 #tabContainer{
		position:relative;
		border-top:2px solid #C9C8C9;
		border-bottom:2px solid #C9C8C9;
		}
	
	#tabMenu{
		position:relative;
		height:33px;
		}
	
	#tabContent{
		position:relative;
		height:450px;
		color:#444444;
		overflow:auto;
		}		
		
	#tabContent #header {
		   font-size:   1.1em;
		   font-weight: bold;
		}
		
	#tabContent p {
		font-family: verdana, sans serif; 
		font-size: .75em;
		line-height:140%;
		padding-bottom: 1em;
		}
	
	#tabContent .content{
		display:none;
		}
	
	#tabContent .active{
		padding:5px 10px;
		display:block;
		}
	
	#tabContent table{
		border:  0px;
		padding-left:  1.25em;
		width:  750px;
		border: 0; 
		border-collapse: collapse;
		overflow: hidden;
		}
		
	 #webatlasContainer{
		position:relative;
		border-left:2px solid #C9C8C9;
		border-bottom:2px solid #C9C8C9;
		}
	
	#webatlasMenu{
		position:relative;
		height:33px;
		}
	
	#webatlasContent{
		position:relative;
		height:450px;
		color:#444444;
		border-right: 2px solid #C9C8C9;
		overflow:auto;
		}
		
	#webatlasContent #header {
		font-size:   1.1em;
		font-weight: bold;
		}
	
	#webatlasContent .content{
		display:none;
		}
	
	#webatlasContent .active{
		padding:5px 10px;
		display:block;
		}
	
	#webatlasContent table{
		border:  0px;
		padding-left:  1.25em;
		width:  750px;
		border: 0; 
		cellpadding: 0;
		cellspacing:  0;
		border-collapse: collapse;
		overflow: hidden;
		}
	
	#underline {
		border-bottom: 1px solid #000000;
		font-weight:  bold;
		vertical-align:  bottom;
		overflow: hidden;
	
		}
	
	#tabList li {
		list-style: square outside;
		}
	
	#sites table {
		width:  100%;
		}
	
	#sites table tbody tr #siteName {
		border-right: 1px solid black;
		}
	
	#downloadsList {
		margin-left:1em;
		}
	
	#bookSites_wrapper {
		/* font-size: .8em;*/
		}
		
	#bookSites {
		  /*  font-size: 1.25em; */
		}
	
	#bookSites th {
		  /*   font-size:  0.875em;*/
		}
	
	#downloadsList td {
		vertical-align:  top;
		width: 40%;
		}
	
	.pdfs {
		width: 16%;
		}
		
	 .maps {
		width: 67%;
		}
	
	#reviews p{
		padding:  0 0 0 1.25em;
		}
		
	#reviews p+p {
		padding: 0 0 0 2.5em;
		}
		
	.tabs {
		margin:0 auto; 
		padding:0; 
		height:44px; 
		width:188px; 
		display:block; 
		}
		 
	 .tabs li{
		padding:0; 
		margin:0; 
		list-style:none; 
		display:inline;      
		}
	
	.tabs li a {
		float:left; 
		padding-left:45px; 
		display:block; 
		color:rgb(0,0,0); 
		text-decoration:none; 
		cursor:pointer; 
		background:url('/atlas/images/book_menu_inactive.png')  no-repeat;
		padding-right:10%;
		}
		 
	.tabs li a span{
		line-height:44px; 
		width: 188px;
		float:left; 
		display:block;  
		/*background:url('/atlas/images/book_menu_inactive.png')  no-repeat;*/
		}
	
	.tabs li a:hover{
		background-position:0px -60px; 
		color:rgb(0,0,0);
		background:url('/atlas/images/book_menu_active.png') no-repeat;
		}
		 
	.tabs li a.active, .menu li a.active:hover {
		line-height:30px; 
		border-bottom:none;
		background:url('/atlas/images/book_menu_active.png') no-repeat;
		height:100%;
		outline:none;
		}
		 
	.tabs li a.active span, .menu li a.active:hover span{
		background:url('/atlas/images/book_menu_active.png') 100% -90px no-repeat;
		}
		
	.webatlastabs {
		margin:0 auto; 
		padding:0; 
		height:31px; 
		width:100%; 
		display:block; 
		background:url('/atlas/images/topMenuImages.png') repeat-x;  
		border-bottom: solid 2px #C9C8C9;
	}
		 
	 .webatlastabs li{
		padding:0; 
		margin:0; 
		list-style:none; 
		display:inline;      
	}
	
	.webatlastabs li a {
		float:left; 
		padding-left:15px; 
		display:block; 
		color:rgb(0,0,0); 
		text-decoration:none; 
		cursor:pointer; 
		background:url('/atlas/images/topMenuImages.png') 0px -30px no-repeat;
		border-top:2px solid #C9C8C9;
		border-right:2px solid #C9C8C9;
	}
		 
	.webatlastabs li a span{
		line-height:30px; 
		float:left; 
		display:block; 
		padding-right:15px; 
		background:url('/atlas/images/topMenuImages.png') 100% -30px no-repeat;
	}
	
	.webatlastabs li a:hover{
		background-position:0px -60px; 
		color:rgb(0,0,0);
	}
	
	.webatlastabs li a:hover span{
		background-position:100% -60px;
	}
		 
	.webatlastabs li a.active, .menu li a.active:hover {
		line-height:30px; 
		background:#fff;
		color:rgb(82,82,82);
		border-bottom:none;
		height:100%;
		outline:none;
	}
		 
	.webatlastabs li a.active span, .menu li a.active:hover span{
		background:url('/atlas/images/topMenuImages.png') 100% -90px no-repeat;
	}
		
	
	#clear {
		clear:both;
		}
		
	a {
		outline: none;
		}
		
	 :focus {
		-moz-outline-style: none;
		}
	
	#bookRating {
		  /*     font-size    : 0.8em;*/
		}
		
	#bookRating td {
		  /*font-size    : 1.25em;*/
		 /*  font-size:  1.0em;*/
		}
		
		/* end tabs */
		/*from GEAS CSS */
		
	#noBorder {
		border-style:  none;
		}
		
	#imageCenter {
		display:  block;
		margin-left:  auto;
		margin-right:  auto;
		}
		/* Index Page */
	
	#quote {
		float:    right;
		width:    470px;
		padding:    .3em 0 1em 0;
		clear:    right;
		}  
		
	#quote p {
		font-family    : Lucida Handwriting;
		font-size    : 1.6em;
		color        : rgb(62,115,211);
		line-height:1.8em;
		padding-left: 40px;
		padding-right: 40px;
		}
	 
	/* slider - alerts WebAtlas*/
	
	#slideralertatlas ul, #slideralertatlas li{ 
		margin:0;
		padding:0;
		list-style:none;
		}    
		
	#slideralertatlas, #slideralertatlas li{ 
		height:340px;
		width:590px;
		}    
		
	#slideralertatlas{ 
		margin-left:55px;
		}
		
	#slideralert {
		background-image: url(../atlas/images/slider_background_wide.png);
		width:  700px;
		height: 335px;
		margin-left:  auto;
		margin-right: auto;
		}
		
	 .arrowbox{
		width: 35px;
		}
		
	.sliderbox{
	
		}
			
	#prevBtnatlas a, #nextBtnatlas a{  
		display: block;
		width:40px;
		height:77px;
		background:url(../atlas/images/tryarrow11.png) no-repeat 0 0;    
		}    
		
	#nextBtnatlas a{ 
		background:url(../atlas/images/tryarrow22.png) no-repeat 0 0;    
		}    
		
	#nextBtnatlas{ 
		right: 100px;
		}        
		
	#prevBtnatlas{ 
		left: 100px;
		}    
		
	#prevBtnatlas, #nextBtnatlas{ 
		display:block;
		width:30px;
		height:35px;
		position:relative;
		top:-5px;
		}        
		
	.booktitle{
		color: #ffffff;
		font-weight: bold;
		font-size: 1.2em;
		background-color: #B8B6B8;
		text-align:center;
		}
		
	.booktitle a{
		color: #000000;
		}
		
	.booktitle a:hover{
		color: #000000;
		}
		
	.booktitle a:visited{
		color: #000000;
		}
	
	.sliderbooktext{
		padding: 0px 5px 0px 0px; 
		}
		
	.bookyear{
		color: #000000;
		background-color: #B8B6B8;
		font-weight: bold;
		text-align:center;
		height: 24.5px;
		}
	
	.news li{
		list-style: none outside;
		}
		
	ul.news{
		padding: 0px;
		}
		
	.sliderbook    {
		padding-top: 50px;
		margin-left: 10px;
		}
		
	.atlasOther  {
		width: 150px;
		text-align: center;
		margin:0;
		padding: 0;
		}
	
	ul.thumb {
		margin:  0; 
		padding: 0;
		list-style: none;
		}
	
	ul.thumb li {
		padding-right: 25px;
		float: left; 
		position: relative;   /* Set the absolute positioning base coordinate */
		}
	
	ul.thumb li img {
		-ms-interpolation-mode: bicubic;  /* IE Fix for Bicubic Scaling */
		border: 1px solid black;  
		}
	
	ul.thumb li img.hover {
	
		}
	
	ul.thumb li.atlasOther img {
		}
	
	.atlasOtherResources {
		clear: both;
		}
	
	.atlasOther img {
	
		}
		
	#atlasOtherEmpty {
		width: 20px;
		}
		
	/* End Index page */
		
	ul.restreq li{
		padding:0; 
		margin:0; 
		list-style-type:square; 
		}
		
	ul.subrestreq {
		padding-left: 60px;
		list-style-type:lower-alpha;   /* Set the absolute positioning base coordinate */
		}
		
	.atlastheme{
		width:550px; 
		vertical-align:top; 
		height:22px;
		padding:4px;
		}
		
	.atlasvisitors{
		width:170px;
		vertical-align:top;
		}
		
	.atlasranking{
		width:235px;
		vertical-align:top;
		}
		
	.atlasrate{
		width:170px;
		}
		
	#atlaspage{
		padding: 1em;
		background: white;
		position:relative;
		}
	
	#noOutline {
		outline:0;
		border:none;
		}
	
	#noBullet {
		list-style:    none;
		}
	
	.top { height:350px;}
	
	.top_text {
		width: 941px;
		float:left;
		background: url(images/content_text.png);
		height:308px;
		padding: 0px 0px 0px 0px;
		padding-right: 30px
		}
	
	.top_img { 
		float:left;
		padding: 15px 16px 0px 1px;			
		}
		
	.top h1 {
		color:#E1E1E1;
		font-size:18px;
		padding: 15px 0px 13px 0px;
		font-weight:100;
		font-family:Georgia, "Times New Roman", Times, serif;
		}
	
	.top_fish {
		width: 30px;
		height:25px;
		background:url(images/fish1.png) 14px 5px ; 
		}

/*end of UNEP Atlas */


/* Start of GEAS */

	/* GEAS Index Page */
	
	#geas-left-side {
		float: left; 
		width:700px;
		position:relative;
		}
		
	#geas-sidemenu    {
		float: right; 
		width: 230px;
		margin: 1em 0 0 0; 
		padding: .5em; 
		background: #FFF;
		vertical-align:top;
		}
		
	#geas-sidemenu p   {
		padding: .5em;
		}
	
	#geas-sidemenu-header {
		background-color:rgb(62,115,211); 
		border:thin ridge;
		border-radius: 9px;
		height: 2em;
		margin-top: 1em;
		-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		}
		
	#geas-sidemenu-header-active {
		background-color:orange; 
		border:thin ridge;
		border-radius: 9px;
		height: 2em;
		margin-top: 1em;
		-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		}
	
	.geas-sidemenu-title {
		color: #fff;
		font-size: 1em;
		font-family: Arial, Helvetica, sans-serif;
		padding-left:.5em;
		vertical-align:middle;
		}	
		
	.geas-sidemenu-input   {
		width:197px;
		display:block;
		border: 1px solid #999;
		height: 25px;
		-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		}
		
	.geas-sidemenu-submit  {
		width:200px;
		display:block;
		border: 1px solid #999;
		height: 25px;
		}		
		
		
	a.hide {
		text-decoration: none;
		}
		
	a.show {
		text-decoration: none;
		}
			
	#archive {
		padding: 0;
		}
		
	.settingLink {
		list-style:none;
		}	
		
	.archive_year {
		font-size:18px; 
		color: rgb(102,102,102); 
		float:left; 
		padding-right: .8em;
		}
		
	.archive_year {
		font-size:18px; 
		color: rgb(102,102,102); 
		float:left; 
		padding-right: .8em;
		}
		
	.archive_indicator { 
		vertical-align:bottom; 
		}
		
	#theme img:hover{
		opacity: .5;
		-webkit-transition: opacity;
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
		border-bottom: 3px solid orange;
		}
		
	#themebuffer {
		width:inherit;
		height: 125px;
		}
	
		
	/* end of geas index page */
	
	/* start of geas sub-pages */
	
	#objective {
		border: thin solid; 
		border-radius: 9px; 
		width:auto; 
		height: auto; 
		padding: 0em 1em 0 1em; 
		margin-bottom: 1em; 
		vertical-align: middle; 
		background-color:rgb(255,255,204);
		-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		}
		
	/* end of geas sub-pages */
	
	/* Start of Articles */
	
	#content {
    	float: left;
    	width: 700px;
   		padding: 0;
    	text-align: left;
    	position:relative;
		}

	.mostrecent {
    	padding-left:10px;
		}

	a.hotspotalertTitle{
		color:  #9D4C34;
		font-family:verdana,sans serif;
		font-size:1.4em;
		line-height:1.6em;
		}
		
	a.hotspotalertTitle:hover{
		color: blue;
		}

        
/* Header */

	#top_header {
		background-color:rgb(62,115,211); 
		width:1000px; 
		height:240px; 
		}
	
	#header_sub {
		background-color:rgb(62,115,211); 
		width:1000px; 
		height:100px; 
		}
	
	#unep-menu {
		 background-color:rgb(198,205,199); 
		 width:1000px; 
		 height:30px;
		 border-top: 1px solid #3c3c3c; 
		 border-bottom: 1px solid #3c3c3c;
		}
		
	#unep-menu a  {
		text-decoration:underline; 
		padding-right: .7em; 
		padding-left: .7em;
		color: black;
		}	
	#unep-menu a:hover {
		color: blue
		}
	
	#unep-menu-title {
		 font-family: Verdana, Geneva, sans-serif; 
		 font-size:12px; 
		 padding:.7em .7em .7em .7em; 
		}

/* End of header */		

    
/* Corporate header */

	#banner_links {height:21px; background-color:#999999;}
	
	#banner_links_nav {margin-left:5px;}
	#banner_links_nav ul {list-style-type:none; margin:0; padding:0; position:absolute;width:600px;}
	#banner_links_nav ul li {float:left; padding-top:2px; list-style-type:none;}
	#banner_links_nav ul li a {display:block; width:auto; font-size:12px; font-weight:bold; text-align:center; color:#FFFFFF; padding-left:2px;}
	#banner_links_nav ul li.nav_seperator {font-size:11px; color:#FFFFFF; font-weight:bold; margin:2px 3px 0px 3px; padding:0px;}
	
	#banner_links_lang		{float:right; margin-right:5px;}
	#banner_links_lang ul 	{list-style-type:none; margin:0; padding:0;}
	#banner_links_lang ul li {float:left; padding-top:2px; list-style-type:none;}
	#banner_links_lang ul li a {display:block; width:auto; font-size:12px; font-weight:bold; text-align:center; color:#FFFFFF;}
	#banner_links_lang ul li.nav_seperator {font-size:12px; color:#FFFFFF; font-weight:bold; margin:2px 3px 0px 3px; padding:0px;}
	
	#banner_body {height:100px; background-image: url('../images/banner_bg.jpg'); background-repeat:repeat-x; border:0; margin:0; padding:0}
	#banner_logo_unep {width:90px; height:81px; float:left; position:relative; top:7px;}
	#banner_logo_unep a img {float:right;}
	#banner_unep {width:375px; padding-left:15px; height:100px; float:left;}
	#banner_unep h1 {color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; margin:0px; padding:0px; position:relative; top:50px;} /* use margin and relative for IE 6 */
	#banner_unep h5 {color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; margin:0px; padding:0px; position:relative; top:55px; letter-spacing:4px;}
	
	#banner_right {width:510px; height:100px; float:left;}
	#banner_search {width:260px; height:22px; position:relative; top:6px; left:230px;}
	#banner_search span span {visibility:hidden;} /* hidde search options */
	#banner_search span input {height:16px;}
	span.btnSearch {vertical-align:middle;}
	span.btnSearch input {vertical-align:middle;}
	a.btnSearch img {vertical-align:middle;}
	
	#banner_priority_area {width:510px; height:65px; position:relative; top:10px;}
	#banner_priority_area ul {list-style-type:none; margin:0; padding:0;}
	#banner_priority_area ul li {float:left; list-style-type:none;}
	#banner_priority_area ul li a {display:block; font-family:Arial; font-size:11px; font-weight:bold; text-align:center; color:#FFFFFF; padding-left:9px; padding-right:9px;}
	/*PA icons... ensure alignment since not all are same size*/
	#banner_priority_area ul li img.banner_pa_icn_CChange {margin:0px 0px 1px 0px;}
	#banner_priority_area ul li img.banner_pa_icn_disaster {margin:0px 0px 1px 0px;}
	#banner_priority_area ul li img.banner_pa_icn_ecosystem {margin:0px 0px 0px 0px;}
	#banner_priority_area ul li img.banner_pa_icn_governance {margin:5px 0px 5px 0px;}
	#banner_priority_area ul li img.banner_pa_icn_harmful {margin:5px 0px 5px 0px;}
	#banner_priority_area ul li img.banner_pa_icn_resources {margin:5px 0px 5px 0px;}

/* end of corporate header */	

	
/* Corporate footer */

	#footer_top {
		 background-color:rgb(198,205,199); 
		 width:1000px; 
		 height:30px;
		 border-top: 1px solid #3c3c3c; 
		 border-bottom: 1px solid #3c3c3c;
	}
	
	#footer_top p { 
		font-family:Verdana, Geneva, sans-serif; 
		color: rgb(250,250,250);
		font-size:14px; 
		font-weight:bold; 
		padding: 4px 0 0 20px; 
	}
		
	.nav-toggle {
		font-size: 18px;
		padding-right: 860px;
		cursor:pointer; 
	}

	#footer_az {background-color:#909193; margin-bottom:1px; padding-bottom:4px; clear:both; width: 1000px;}
	#footer_az h6 {font-family:Arial; font-size:16px; color:#FFFFFF; font-weight:bold; text-indent:15px; margin:0px; padding-top:5px;}
	
	#footer_az_links {background-color:#F7F7F7; margin:5px 12px 0px 12px;}
	#footer_az_cont_top {clear:both; height:9px; overflow:hidden; font-size:0px;} /* overflow and font-size for DIV height rendering in IE6*/
	#footer_az_links_cont_tl {width:12px; height:9px; background-image: url('../images/footer_links_tl.gif'); background-repeat:no-repeat; float:left;}
	#footer_az_links_cont_tr {width:12px; height:9px; background-image: url('../images/footer_links_tr.gif'); background-repeat:no-repeat; float:right;}
	#footer_az_links_cont {clear:both;}
	#footer_az_links ul {float:left; list-style-type:none; margin: 5px 0px 5px 20px; padding:0px; border-right:solid 1px #ededed; width:218px;}
	#footer_az_links ul li {font-size:11px; color:#7A7A7A; margin-top:4px; list-style-type:none;}
	#footer_az_links ul li a {font-size:11px; color:#7A7A7A; font-weight:bold;}
	#footer_az_links ul.footer_links_regionals_list {margin-top:0px;}
	#footer_az_links ul li.footer_links_regionals_title {color:#000000; text-decoration:underline; font-weight:bold;}
	#footer_az_cont_bottom {height:9px; clear:both; overflow:hidden; font-size:0px;} /* overflow and font-size for DIV height rendering in IE6*/
	#footer_az_links_cont_bl {width:12px; height:9px; background-image: url('../images/footer_links_bl.gif'); background-repeat:no-repeat; float:left;}
	#footer_az_links_cont_br {width:12px; height:9px; background-image: url('../images/footer_links_br.gif'); background-repeat:no-repeat; float:right;}
	
	#footer_text {height:30px; background-color:#666666; clear:both;}
	#footer_logo {float:left;}
	#footer_logo a img {margin-left:10px; margin-right:10px;margin-top:4px}
	#footer_terms {float:left; margin-top:4px;}
	#footer_terms a {font-size:9px; color:#FFFFFF; text-decoration:none;}
	#footer_sm {float:right; margin:4px 0px 0px 2px; width:auto}
	#footer_sm a img {margin-right:6px; margin-top:4px; float:right;}
	#footer_sm p {float:left; margin:6px 0px 0px 0px; text-align:right; vertical-align:middle; color:#FFFFFF; font-size:11px; font-weight:bold;}
	
	.layer1 {background-color:#909193; clear:both; width: 1000px;}
	.heading {font-family:Arial; font-size:16px; color:#FFFFFF; font-weight:bold; text-indent:15px;}
	.content {background-color:#ffffff;}
	
/* end of corporate footer */