body							{padding:0; margin:0; background-color:#fff; font-size:13px; height:auto;}
p, a, td, th, li, h1, h2, h3, h4, h5, h6, span, div { font-family: 'Open Sans', sans-serif; font-weight:inherit; font-size:inherit; text-align:left;}
/*#showPage						{background:url('../imgs/bg_unea.png') no-repeat; background-attachment:fixed; background-size:cover; background-position: 80% 90%;}*/
#showPage{background:url(../imgs/unep_wreath_bg.png) no-repeat; background-position:50%; background-attachment:fixed; background-size:cover;}
#main-cont a					{color:#5b5b5b; text-decoration:none;}
#main-cont a:hover				{color:#005ebb; text-decoration:none;}
div#body-cont					{margin:auto; width:1000px; clear:both; background-color:#ffffff;}
.clear							{clear:both;}
.oecpr-level1, .oecpr-level2					{padding-top:20px;}
.inner_padding					{ padding-top:10px;}
.no-margins 					{margin:0;}
.no-paddings 					{padding:0;}
.float							{float:left;}
.bold							{font-weight:bold;}




span.nav				{display:inline-block; float:right; margin:1px 6px 0 0;}
span.nav img			{cursor:pointer; z-index:100; width:16px; height:16px;}

div.pub-item 			{height:148px; width:100%;}
div.pub-item img 		{margin:12px 10px 6px 6px; max-height:115px; max-width:110px; float:left; border: 1px solid silver; padding: 4px;}
div.pub-item span 		{margin:12px 6px 6px 10px; display:block; line-height:150%; text-align:left;}
div.gallery-item		{min-height:120px; width:100%; text-align:center !important; margin:0 10px; overflow:hidden !important;}
/* div.gallery_image img {margin:5px auto; height:auto; max-width:100px; min-width:100px; border: 1px solid silver; padding: 4px;}*/
div.gallery_image		{margin-right:10px; text-align:center;}
div.gallery_text		{overflow:hidden; margin:5px 5px; text-align:center;}
div.vid-item 			{text-align:center; width:100%; margin-top:5px;}
div.vid-item img 		{max-height:150px; min-height:150px; width:96%; border: 1px solid silver; padding: 4px; margin-bottom: 0.5em;}


a.more					{clear:both; display:block; color:#000000; font-weight:600; float:right; margin-right:10px; margin-top:1px;}
.video-icon 			{position: absolute; display: block; left: 40%; top: 30%; background: url('/home_new/files/site/imgs/icon-play04.png') no-repeat center top; width: 48px; height: 48px; z-index: 999;}

.content				{overflow: hidden;}


/*-----------NEW--------------------*/


.oecpr_banner						{ width:100%; position:relative}
.new_layout_wrap, .new_layout_row	{overflow:hidden;}
.new_layout_wrap					{padding-top:2px;}
.new_layout_col_right				{float:right; width:32.5%; margin-left:1%; height:auto !important; min-height:550px;}
.new_layout_col_left				{float:left; width:66%; margin-right:0;}
.new_layout_col_left, .new_layout_col_right		{ border:0px solid #000;}

.new_layout_cell								{min-height:160px; display:inline-block; vertical-align:top}
.oecpr-level1 .new_layout_cell					{width:32%; margin:0 1.6% 1.7% 0; }
.oecpr-level1 .new_layout_cell:nth-child(3)		{margin-right:0 !important;}
.new_layout_col_left .new_layout_cell			{width:48.2857%; margin:0 0 2.8571% 0;} 
.new_layout_col_left .new_layout_cell:nth-child(odd)	{margin-right:2.8571%;}		

.new_layout_cell h2 				{display: block; color:#fff !important}
.new_layout_cell h2					{background-color: #00803c; border-bottom: 0 solid #3d4e65; color: #fff; font-size: 17px; font-weight: 400; margin: 0; padding: 5px 7px 5px 7px; text-align: left; text-transform: uppercase;}
.new_layout_cell h3					{background-color: #00803c; border-bottom: 0 solid #3d4e65; color: #fff; font-size: 20px; font-weight: 400; margin: 0; padding: 12px 7px 12px 7px; text-align: left;}
.new_layout_cell h3 span			{ font-weight:300 !important; font-size:14px; font-style:italic; display:block}
.Roadtounea h2						{ background-color:#136a9f}
.Roadtounea h2 a, .Roadtounea h2 a:hover		{ color:#fff !important}
.multimedia h2						{ background-color:#1e97d4}
.publications				 		{ overflow:hidden; max-height:200px;}
.askexpert h2						{background-color:#4ca146}
.infocus h2							{ background-color:#136a9f;}
.unepnews h2						{ background-color:#1e97d4;}
.newstories_title 					{ position:absolute; top:0; left:0; color:#fff; background-color: #136a9f; font-size: 17px; font-weight: 400; margin: 0; padding: 10px 12px 10px 12px; text-align: left; text-transform: uppercase; z-index:100;}
.newstories_title a 				{ color:#fff !important; text-decoration:none;}
.newstories_title a:hover 			{ color:#fff !important; text-decoration:none;}
#getting-started 					{background-color: #f4f4f4; border: 1px solid #e6e5e5; color: #5b5b5b; font-size: 14px; margin: 6px 0 0; padding: 5px 7px; text-align: center; text-transform: uppercase;}

.unea_expert						{overflow:hidden; margin:5px;}
.unea_expert_pic					{/*float:right; margin-left:10px;*/ float:left; width:120px; margin:12px 12px 0 0px; padding-right:5px;}
.unea_expert_pic img				{width:99%; height:auto; border:1px solid #dedede; padding:2px;}
.unea_expert_details				{overflow: hidden; margin:12px 12px 0 0; color:#575556; }
.unea_expert_name					{border-bottom:0px solid #333; font-size:14px; margin:0 0 20px 0; font-weight: 700;}
.unea_expert_topic					{margin:5px 0;}


.projects							{border-top:1px solid #dedede; padding-top:20px; overflow: hidden;}
ul.featured_projects				{width:100%; margin:0; padding:5px 0; text-align:center; border-top:1px solid #dedede;}
ul.featured_projects li				{display:inline-block; margin:7px 12px; list-style:none; text-align:center; font-size:11px;}

.multimedia .vid-item:first-child {display: block; -webkit-backface-visibility: visible;} 
.multimedia .vid-item {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.unea_highlights 					{margin-top: 5px; overflow: hidden; width: auto;}
.highlight_news_item 				{padding: 9px 3px; overflow: hidden; border-bottom:1px dotted #d9d9d9; /*margin:0 17px 0 0;*/}
.highlight_news_item_image 			{float: left; margin: 0 10px 0 0; padding: 0; width: 50px;}
.highlight_news_item_image img 		{border: 1px solid #dedede; height: auto; width: 100%;}
.highlight_news_item_text 			{font-size: 0.9em; max-height: 140px; overflow: auto; margin:0 14px 0 0;}
.highlight_news_item:hover 			{background: #e5e5e5 none repeat scroll 0 0; cursor: pointer;}
.rollers							{width: 100%; max-height: 228px; overflow: auto; padding:8px 0; z-index:0 !important;}
.rollers_two						{width: 100%; max-height: 235px; overflow: auto; padding:8px 0; z-index:0 !important;}


/*------Mobile Layout(Potrait/320px)----------*/

@media only screen and (max-width: 480px)

{ 
	/*div#body-cont	{ background-color: #F0F;}*/
	#footer_az, #unea_row_5, #footer_terms		{display:none;}
	#body-cont									{width:100% !important;}	
	.oecpr-level1 .new_layout_cell				{width:auto !important; margin:0 0 2.5% 0; display:block; vertical-align:top; overflow:hidden}
	.oecpr-level1 .new_layout_cell:nth-child(3)	{width:auto !important; margin-right:0 !important;}	
	.new_layout_col_left						{float:none; width:auto !important; clear:both; overflow:hidden; margin:0 !important; border-bottom:1px dotted #666; margin-bottom:20px}
	.new_layout_col_right						{float:none; width:auto !important; margin:1% !important;}
	.new_layout_col_left .new_layout_cell		{width:auto !important; margin:0 0 2.8571% 0; display:block; overflow:hidden}
	.new_layout_col_left .new_layout_cell:nth-child(odd)	{margin-right:0 !important;}
	div.pub-item								{ width:100% !important}	
	div.vid-item img 							{ width:auto !important;}	
	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	/*div#body-cont	{ background-color: #0F0;}*/
	#footer_az, #unea_row_5, #footer_terms		{display:none;}
	#body-cont									{width:100% !important;}
		
	.new_layout_col_left						{float:none; width:100% !important; overflow:hidden;}
	.new_layout_col_right						{float:none; width:100% !important;}
	.new_layout_col_left .new_layout_cell		{ min-height:160px; width:48.1%; margin:0 0 2.8571% 0; vertical-align:top}
	.new_layout_col_left .new_layout_cell:nth-child(odd)	{ margin-right:2.8571%;}

	div.pub-item								{width:100% !important;}
	div.vid-item img 							{ width:auto !important; min-height:160px; max-height:160px;}
	
}

@media only screen and (min-width: 768px) and (max-width: 1008px) {
	/*div#body-cont	{ background-color:#F00;}*/
	#footer_az, #unea_row_5, #footer_terms		{display:none;}
	#body-cont									{width:100% !important;}	
	.new_layout_col_left .new_layout_cell 		{margin: 0 0 2.8571%; width: 48.2%;}	
	div.pub-item								{width:100% !important;}	
	ul.featured_projects li						{margin:7px 7px; font-size:11px;}

}