@charset "utf-8"; 
/* 
	CSS Document 
	AUTHOR: Appollinaire Egny
	WEBSITE:http://www.domainnane.co.uk

	Created in Mozilla Firefox3 

	THEME NAME: themename
	DESCRIPTION:Bespoke template for xxxx
	VERSION:1.0

	------------------------------------------------------------------
	[Master Stylesheet]
	-------------------------------------------------------------------
*/

/*	-------------------------------------------------------------
	IMPORT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@import url(normalize.css);
@import url(homepage.css);
@import url(navi.css);
@import url(forms.css);
@import url(tables.css);

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');*/

/*	-------------------------------------------------------------
	STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


/*	-------------------------------------------------------------
	RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/*
html, body, div, span, applet, object, iframe,
p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, 
kbd, q, s, samp, small, strike, sub, sup, tt, 
var, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td 					{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus 								{outline:0}
body 								{font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#000; margin:0; padding:0}
ol, ul 								{list-style:none}
table 								{border-collapse:separate; border-spacing:0}
caption, th, td 					{text-align:left; font-weight:normal}
blockquote:before, 
blockquote:after,
q:before, q:after 					{content:""}
blockquote, q 						{quotes:"" ""}
*/


html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}



* 									{margin:0; padding:0}
html, body 							{height:100%}

body 								{margin:0; padding:0; border:0; width:100%; background:#fff; font-size:1em; line-height:1.5em; font-family: 'Open Sans', sans-serif; font-weight:inherit; -webkit-text-size-adjust:none}

.fixed {
   margin:0 auto;
   padding:0 0 0;
   width:100%;
   max-width:1280px;   /* you can use px, em or % */
   text-align:left;
   position:relative;
   /*background:url('../images/bg.png') no-repeat;*/
}

a {
}
a:hover {
}
h1, h2, h3 {
	margin:0 0 .8em 0;
	padding:0;
}
p {
	margin:0 0 .8em 0;
	padding:0;
}

h1 {color:#10607C; line-height:30px}


/* embedded videos */
	embed,
	object,
	iframe {
		width: 100%;
		height: auto;
	}

/*	-------------------------------------------------------------
	HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/*
	.clearfix:after 					{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
	.clearfix 							{display:inline-block}
	html[xmlns] .clearfix 				{display:block}
	* html .clearfix 					{height:1%}
	
	.clearfloat 						{clear:both; height:0; line-height:0; font-size:0; display:block}
*/
	.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	.clearfix { display: inline-block; }
	.clearfix { display: block; zoom: 1; }	
	p {
		
		/*
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;	
		*/
	}
	
	
/*	-------------------------------------------------------------
	HEADER STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#header 										{position:relative; clear:both; width:100%; padding:0; margin:20px 0 20px}
/*	
	#header #rows01 								{position:relative; padding:0 42px; margin:0; height:170px}
	#header #rows01 .logo-una-uk 					{position:relative; float:left; width:10%; margin:0 34px 0 0}
	#header #rows01 .logo-climate2020 				{position:relative; float:left; width:44%; padding:0; margin:0}
	#header #rows01 .searchframe					{position:relative; float:right; width:34%; padding:0; margin:0}
	
	#header #rows02 								{position:relative; padding:0; margin:0; height:76px; z-index:10001}
	#header #rows02 .mainMenuFrame 					{position:relative; padding:0; margin:0; height:38px; background:#4D4D4D}
	#header #rows02 .mainMenuFrame #mainMenu		{position:relative; padding:0; margin:0 38px; height:38px}
	
	#header #rows02 .mainSubmenuFrame 				{position:relative; padding:0; margin:0; height:38px; background:#E6E6E6}
	#header #rows02 .mainSubmenuFrame #mainSubmenu	{position:relative; padding:0; margin:0 37px; height:38px}
*/
	#header #rows01 								{position:relative; padding:0 42px; margin:0; height:170px; width:auto}
	#header #rows01 .logo-una-uk 					{position:relative; float:left; width:10%; margin:7px 34px 0 0}
	#header #rows01 .logo-climate2020 				{position:relative; float:left; width:44%; padding:0; margin:0}
	#header #rows01 .searchframe					{position:relative; float:right; width:34%; padding:0; margin:0}
	
	#header #rows02 								{position:relative; padding:0; margin:0; height:76px; width:100%; z-index:900009}
	#header #rows02 .mainMenuFrame 					{position:relative; padding:0; margin:0; height:38px; background:#4D4D4D; width:100%}
	#header #rows02 .mainMenuFrame #mainMenu		{position:relative; padding:0; margin:0 0 0 38px; height:38px}
	
	#header #rows02 .mainSubmenuFrame 				{position:relative; padding:0; margin:0; height:38px; background:#E6E6E6; width:100%}
	#header #rows02 .mainSubmenuFrame #mainSubmenu	{position:relative; padding:0; margin:0 37px; height:38px}


	
/*	-------------------------------------------------------------
	CONTENT STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#main 									{position:relative; clear:both; width:100%; padding:0; margin:0 0 25px}

    #rightSide 								{position:relative; float:right; padding:0; margin:0; padding:0; width:34.3%; background:#eee}
    #rightSide .boxFrame					{position:relative; padding:18px; margin:0}
    #rightSide .boxFrame .box				{position:relative; padding:0; margin:0 0 12px}
	
	#leftSide								{position:relative; float:left; padding:0; margin:0; padding:0; width:64.1%}
	#leftSide h2							{display: block; padding: 0 0 4px; margin: 0; text-transform: uppercase; font-size: 18px; line-height: 30px; color:#10607C}
	#leftSide h2 a							{color:#10607C; text-decoration:none}
	#leftSide p								{padding: 0; margin:0; font-size:16px; line-height:22px}

	.articleList							{position:relative; float:left; min-height:500px; margin:0 0 10px; padding:0; width:100%; border-top:4px solid #10607C}
	
	.carousel								{position:relative; padding:0; height:393px; margin:15px 0 15px; background-color:#eee}
									
	.slide 									{width:227px; height:358px; background-color:#fff !important}
	
	.slide p 								{display: block; padding: 16px 12px !important; margin: 0; font-size: 16px !important; line-height: 20px !important}
	.slide p span 							{display:block; font-size:13px}
	.slide p span a 						{color:#10607C; text-decoration:none; font-weight:700}
	.carousel p span a 						{color:#10607C; text-decoration:none; font-weight:700}

	
	
	#mainMenu ul:before,
	#mainMenu ul:after 						{ content: ""; display: table }
	#mainMenu ul:after 						{ clear: both }
	#mainMenu ul							{ clear: both; *zoom: 1 }
	
	#mainMenu ul							{display:block; margin: 0; padding: 2px 0; width: 100%; list-style-type: none;}
	#mainMenu ul li 						{/*display: inline;*/ position: relative; float:left; list-style-type: none;}
	#mainMenu ul li a						{display:block; height:100%; padding: 5px 30px; color: #fff; text-decoration: none; border-right: 1px solid #fff; font-size:16px; font-weight:600} /*padding: 5px 3%; float: left;  */
	#mainMenu ul li a:hover,
	#mainMenu ul li.current_page_item a,
	#mainMenu ul li.active a				{color: #fff; background:#10607C}
	#mainMenu ul li:first-child a 			{border-left: 1px solid #fff; background:url('../images/house-white.png') no-repeat center center; text-indent: -9999999px}
	#mainMenu ul li:first-child a:hover,
	#mainMenu ul li.current_page_item:first-child a,
	#mainMenu ul li.active:first-child a	{color: #fff; background:#10607C url('../images/house-white.png') no-repeat center center}
	
	#mainMenu ul li:nth-child(7) a			{color: #fff; background:#10607C}
	#mainMenu ul li:nth-child(7) a:after	{content: ''; border: 6px solid transparent; border-top: 6px solid #F00; margin-left: 10px; margin-bottom: 3px; display: inline-block; vertical-align: bottom}
	#mainMenu ul li:nth-child(7):before 	{content: "\2022"; font-size:30px; color:#F00; padding-right:7px; position:absolute; top:5px; left:10px; width:15px; height:15px}

	
	
	
	#mainMenu ul li#menu-item-1851 a		{color: #fff; background:#10607C}
	#mainMenu ul li#menu-item-1851 a:after	{content: ''; border: 6px solid transparent; border-top: 6px solid #F00; margin-left: 10px; margin-bottom: 3px; display: inline-block; vertical-align: bottom}
	#mainMenu ul li#menu-item-1851:before 	{content: "\2022"; font-size:30px; color:#F00; padding-right:7px; position:absolute; top:5px; left:10px; width:15px; height:15px}

	
	
	
	
	
	/** SUB **/
	#mainMenu li ul 						{position: absolute; left: 0 !important; top: 34px !important; display: none; padding: 0px; margin: 0px; list-style-type: none; z-index:100001}
	#mainMenu li.over 						{top: 0}
	#mainMenu li.over ul 					{padding: 5px!important; display: block; background: #4D4D4D!important; width:94% !important}
	#mainMenu li.over ul li 				{float: none; margin: 0px!important; top: 0px}
	#mainMenu li.over ul li a 				{font-size: 14px!important; padding: 3px 30px; background: none; white-space: nowrap; color:#fff !important}
	#mainMenu li.over ul li a:hover 		{background: #00bbf7; color: #000}
	#mainMenu ul ul li:first-child a 		{border-left: 0 solid #fff !important; text-indent: 0px !important}/* background:none !important; */
	#mainMenu ul ul li a 					{border-right: 0 solid #fff !important}
	#mainMenu ul ul li:before 				{content: "" !important}
	#mainMenu ul ul li a:after				{display: none !important}

	
	#mainSubmenu ul							{display:block; margin: 0; padding: 2px 49px; width: auto}
	#mainSubmenu ul li 						{display: inline; position:relative}
	#mainSubmenu ul li a					{padding: 5px 35px; margin:0; color: #4D4D4D; text-decoration: none; float: left; border-right: 1px solid #757575; font-size:16px; font-weight:600}
	#mainSubmenu ul li:first-child a		{border-left: 1px solid #757575}
	#mainSubmenu ul li li a					{border-left: none !important; border: 0 solid transparent !important; border-top: 0 solid white !important}

	#mainSubmenu ul li a.active,
	#mainSubmenu ul li a:hover				{color: #4D4D4D}
	
	.nav > li > a.active 					{background: #10607C; color: #fff !important}
	
	.imgFt									{padding:17px 0 0 !important}	

	.tabs								{position:relative; padding:0; height:340px; width:100%; margin:0 0 15px; overflow:hidden}
	.tabs .tabsitems					{position:relative; padding:0; margin:0; width:791px; height:340px;}
	
	ul.horizontal  						{list-style: none outside none; display:block; position:absolute; top:0; right:0; width:425px; height:340px; overflow:hidden; padding:0; margin:0; z-index:1001}
	ul.horizontal li  					{display:block; width:100%; height:68px; padding:0; margin:0 auto; background-color:#4D4D4D}
	ul.horizontal li.active,
	ul.horizontal li:hover  			{background-color:#10607C}
	
	ul.horizontal li a  				{display:block; height:51px; width:398px; margin:0 10px; padding:8px 0; border-bottom:1px solid #9A9A9A; color:#fff; text-decoration:none; font-size:13px}
	
	ul.horizontal li a span 			{display:block; text-transform:uppercase; color:#439ACF !important; font-weight:600; font-size:13px !important}
	
	.mainWrapper						{position:relative; padding:0 1.5%; margin:0; width:97%}
	
	.wrapper-inner						{position:relative; padding:0; width:100%; margin:0}
	
	.article p 							{display:block; padding:0 0 18px !important; line-height:24px !important}
	.article p#authorFrame 				{display:block; padding:0 0 10px !important; margin:0 0 20px !important; font-weight:600; border-bottom:1px solid #000}
	.article p#authorFrame a 			{text-decoration:none; color:#10607C}
	
	.postedDate 						{position:relative; padding:0; margin:30px 0 15px; height:25px; overflow:hidden}
	.featureImg 						{position:relative; padding:0; margin:15px 0 30px}
	.featureImg img 					{display:block; width:100%; height:auto}
	
	.articleDetails 					{position: relative; padding: 0 4% 0 0; margin: 0 0 38px; padding: 0; width: 96%; border-top: 4px solid #10607C}
	
	.articleDetails strong 				{color:#000 !important; font-weight:700}
	
	.utilityIconsFrame 					{position:relative; padding:0; margin:20px 0 0}
	.utilityIconsFrame span 			{display:block; position:relative; padding:0; margin:0; height:28px; width:335px; background:url('../images/utilitiesicons.png') no-repeat 0 0}
	.utilityIconsFrame span.right 		{background:url('../images/utilitiesiconsv2.png') no-repeat center left !important}
	.utilityIconsFrame span a			{display:block; height:100%; float:left; padding:0; margin:0}
	#top 								{width:20px}
	#print 								{width:127px; margin:0}
	#download 							{width:146px; margin:0 0 0 12px}
								
	ul.articlePlusList 					{list-style-type: none; margin: 0; padding: 5px 0 0}
	
	ul.articlePlusList li 				{display:block; float:left; width:28%; padding:0; margin:0 5% 0 0; background:url('../images/arr02.png') no-repeat left 5px}
	ul.articlePlusList li  a 			{text-decoration:none; color:#000; font-weight:600; display:block; margin:0 0 0 15px; font-size:15px; line-height:17px}

	.atglance-list 						{position:relative; padding:0; margin:15px 0; width:100%; overflow:hidden}
	.atglance-list .rows01 				{position:relative; float:left; padding:0 2% 0 0; margin:0; width:30%; border-right:1px solid #b3b3b3}
	.atglance-list .rows02 				{position:relative; float:left; padding:0 2% 0 2%; margin:0; width:30%; border-right:1px solid #b3b3b3}
	.atglance-list .rows03 				{position:relative; float:left; padding:0 0 0 2%; margin:0; width:30%}
	
	.atglance-list h3					{display:block; padding:0 0 15px; margin:0; font-size:20px;}
	.atglance-list h3 span				{display:block; font-size:14px !important}
	.atglance-list img					{display:block; width:100%; height:auto; padding:8px 0 16px}
	.atglance-list a					{color:#10607C; text-decoration:none}
	.atglance-list h3 a					{color:#000}
	.atglance-list a.moreLink			{display:inline-block; width:17px; height:10px; background:url('../images/more.png') no-repeat 0 0;}
	.atglance-list .box					{padding:0; margin:0}
	.atglance-list .withBorder			{border-bottom:1px solid #b3b3b3; margin:0 0 20px !important; padding:0 0 15px !important}
	.atglance-list .box p				{display:block; padding:0; margin:0}

	.article ul 						{display:block; padding:0; margin:0 0 15px 35px; list-style-position:outside}
	
	.caption 							{position:relative; padding:6px 2%; margin:0; bottom:0; width:96%; font-size:14px; color:#fff;background-color:rgba(0,0,0,0.6)} /*position:absolute; */
	.caption p 							{font-size:14px !important; line-height:18px !important}
	
	#leftSide p a						{color:#439acf; text-decoration:underline}

	ul.bxslider 						{display:block; width:100%; margin:0; padding:0}
	ul.bxslider li 						{display:block; width:100%; float:left}
	.box .bx-wrapper .bx-prev 			{left: -18px !important}
	.box .bx-wrapper .bx-next 			{right: -18px !important}
	
	.atglance-list  ul					{list-style-type:none; display:block; float:left; margin:0 2% 30px 0; width:31%; border-right: 1px solid #b3b3b3}
	.atglance-list  li					{width:90%; float:left; padding:0 10% 20px 0}
	.listContainer1 					{position: relative; width: 104%; padding:0; margin:0}
	.listContainer1 ul 					{display:block}

	a.artLink							{color:#000}
	
	.item p:after,
	.articleListColumnize p:after 		{content: url('../images/more.png'); }

	.aboutMeFrame p						{line-height:20px !important; font-weight:bold}
	#aboutMe							{position:relative; padding:0; margin:25px 0; border-bottom:2px solid #999}
	#aboutMe table td 					{padding:0 20px 5px 0; vertical-align:bottom; font-weight:bold; line-height:20px}
	#aboutMe table td span 				{color:#10607C}
	
	.sponsorStickerHome 				{position:absolute; width:84%; bottom:0; padding:1px 8%; text-align:left; background:#10607C; color:#fff; text-transform:uppercase; font-size:12px}
	p.authorText em 					{font-style:normal} 
	p.authorText em:last-child 			{display:none} 
	
	.sponsorStickerCat 					{position:absolute; width:84%; bottom:0; padding:1px 8%; text-align:left; background:#10607C; color:#fff; text-transform:uppercase; font-size:12px}
	.articleListColumnize em 			{font-style:normal} 
	.articleListColumnize em:last-child {display:none} 
	
	.sponsorStickerArtcicleBottom 		{position:relative; width:90%; margin:0 0 8px; padding:2px 5%; text-align:center; background:#10607C; color:#fff; text-transform:uppercase; font-size:12px}
	em.authorTags						{font-style:normal; color:#10607C}
	
	em.authorTags em:last-child			{display:none !important}

	/** FORM **/
	input[type="text"], 
	input[type="email"], 
	textarea, select					{border: 1px solid #CCC; color: #888; margin-bottom: 0; margin-right: 6px; margin-top: 2px; outline: 0 none; padding: 8px 12px; width: 50% !important}
	select 								{text-overflow: ''; width: 72%; height: 30px}
	textarea							{height:100px}
	button, 
	input[type="submit"],
	.button 							{background: #B6D700; border: 1px solid #fff; padding: 8px 25px 8px 25px; color: #fff; border-radius: 4px; font-size:16px; font-weight:700; text-transform:uppercase}
	button:hover, 
	input[type="submit"]:hover,
	.button:hover 						{color: #fff; background-color: #B6D700; border-color: #fff}
	
	#cntctfrm_contact_form div 			{padding:0 0 8px}

	div.wpcf7-validation-errors			{display:none !important}

	.sponsorStickerTop 					{position:absolute; width:155px; top:2px; right:31px; padding:2px 15px; text-align:center; background:#10607C; color:#fff; text-transform:uppercase; font-size:12px}
	
	.articleInnersponsor				{clear:both; position:relative; padding:0; margin:0 0 20px}
	.articleInnersponsor table td		{padding:0 20px 0 0; vertical-align:bottom; font-weight: 600;}
	.articleInnersponsor table td a		{text-decoration:none; color:#10607C}
	.articleInnersponsor table td img	{width:120px !important; max-width:120px !important}


	.sponsorFrame						{position:relative; padding:0; margin:0; width:100% !important; overflow:hidden}
	ul.sponsorsList						{list-style-type: none; padding:0 !important; margin:0 !important; display:block; width:102%}
	ul.sponsorsList li 					{position:relative; display:block; float:left; width:31.3%; padding:0; margin:0 2% 2% 0}
	ul.sponsorsList li img 				{display:block; width:100%; height:auto; margin: 0; padding:0}
	.item .caption 						{width:96%; height:auto; background:#f2f2f2; color:#000; position:absolute; top:0; left:0; display:none}
	.item .caption div 					{display:table; width:100%; height:100%}
	.item .caption a 					{display:block; height:100%}
	.item .caption p 					{display:table-cell; vertical-align:middle; padding:10px !important; font-weight:300 !important}
	
	.sponsorListHolder					{margin-bottom:30px}
	.sponsor							{width:233px; height:233px; float:left; margin:6px; position:relative; cursor:pointer}
	.sponsorFlip						{position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; background:url("img/background.jpg") no-repeat center center #f9f9f9}
	.sponsorFlip:hover					{border:1px solid #999; -moz-box-shadow:0 0 30px #999 inset; -webkit-box-shadow:0 0 30px #999 inset; box-shadow:0 0 30px #999 inset}
	.sponsorFlip img					{position:absolute; top:30%; left:30%; margin:-70px 0 0 -70px}
	
	.sponsorData						{display:none}
	
	.sponsorDescription					{font-size:14px; line-height:20px; color:#fff; padding:30px 10px 20px 10px}
	.sponsorURL a,
	.sponsorDescription a				{color:#fff; text-decoration:none}
	.sponsorURL							{font-size:14px; font-weight:bold; padding-left:10px}
	
	.topImg 							{padding:0px 0 16px !important}
	
	#mobileMessage						{display:none}
	
	.addthis_native_toolbox 			{display: block; width: 48%; position: absolute; right: 0; top: 0}
	.utilityIconsFrameTop				{float:left; width:30px !important; overflow:hidden}
	.utilityIconsFrameTools				{float:right; width:289px; overflow:hidden}
	.sponsorLogo						{clear:both; position:relative; padding:15px 5% 0px; margin:0 0 40px; background-color:#E2EBED; color:#2D6285}
	
	
	
	.sub__h2 							{display:block; text-transform:uppercase; color:#10607C; line-height:40px; margin:0 !important}
	span.by__author 					{display:block; padding:5px 0 10px; margin:0 0 15px; font-size:18px; font-weight:600; border-bottom:1px solid #000}
	span.by__author a 					{color:#10607C; text-decoration:none}
	
	.sub__content						{position:relative; padding:10px; margin:0; background:#fff; word-wrap: break-word}
	ol 									{margin:0 0 0 20px; word-wrap: break-word}
	.sub__content ul					{margin:0 0 0 20px; word-wrap: break-word}
	.sub__content a						{color:#000}
		
	.extra__mobile						{display:none; height:0}
	
	.postItems img						{border-top: 4px solid #10607C; border-bottom: 2px solid #10607C; padding: 20px 0;}

         .postItems img.noTopBorder 	 {border-top: 4px solid #fff;}
         .postItems img.noBottomBorder 	 {border-bottom: 4px solid #fff;}
   .postItems img.noTopBordernoBottomBorder 	 {border-top: 4px solid #fff;border-bottom: 4px solid #fff;padding-bottom:0 !important;}

        p.blueBorderTop   {border-top: 4px solid #10607C;padding-top:10px !important;margin:0 !important;font-weight:bold !important;}
       p.blueBorderBottom   {border-bottom: 4px solid #10607C;padding-bottom:10px !important;margin:0 0 10px 0 !important;font-weight:normal !important;}



.sponsorLogo strong  {color:#2D6285 !important}

.sponsorLogo img {float:left; margin:0 20px 20px 0}	

/*	-------------------------------------------------------------
	FOOTER STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer 							{position:relative; clear:both; width:100%; height:100px; background-color:#4D4D4D}
	
	#footer a							{color:#fff; text-decoration:none}
	
	#footer .frame						{position:relative; padding:45px 38px 0; margin:0; font-size:15px; color:#fff}
    #footer .frame .column01			{float:left}
    #footer .frame .column02			{float:right}



.mobileOnly {display:none}

#searchLink									{position:absolute; bottom:0; right:90px; height:90px; width:90px; background:url('../images/searchOff.png') no-repeat 0 0}
#mobmenu									{position:absolute; bottom:0; right:0; height:90px; width:98px; background:url('../images/menuOff.png') no-repeat 0 0}

#searchLink a,
#mobmenu a									{display:block; height:100%; width:100%; text-decoration:none}

.slidingDivMenu								{display:none; position:fixed; padding:0; width:100%; background:#343433; z-index:1000001}
.slidingDivMenu	{
    overflow-y: scroll;
    overflow-x: hidden;
    bottom: 0;
    top: 100px;
}

.slidingDivMenu ul							{margin:0 auto; display:block} /*margin:25px 0 0*/
.slidingDivMenu ul > li						{display:block; border-bottom:1px solid #676766; padding:5px 35px} /*padding:15px 35px*/
.slidingDivMenu ul > li 					{}
.slidingDivMenu ul > li > a					{color:#fff; text-decoration:none; font-size:18px !important; padding: 7px 0; display:block }
.slidingDivMenu ul > li > a:hover, 
.slidingDivMenu ul > li > a:focus			{padding: 5px 0 5px 10px; border-left:8px solid #10607c}

.slidingDivSearch							{display:none; position:fixed; height:90px; padding:0; width:100%; background:#439BCF; z-index:1001}
.slidingDivSearch div						{position:relative; margin:15px; padding:0; height:60px; overflow:hidden}

.mobileOnlySocial {display:none}

.noOther,
.portraitSpec		{display:none !important}





.table01							{background-color: #4f5a61; padding: 0 0 5px 0; width: 98%; position:relative}
.table01 .floatTable01				{float: left; position:relative; width: 50%; background-color: #4f5a61; padding: 0 0 20px 20px}
.table01 .floatTable02				{float: left; position:relative; width: 40%; background-color: #4f5a61; padding: 0 0 20px 20px}

.table02							{background-color: #4f5a61; padding: 0 0 5px 0; width: 98%; position:relative}



@media screen and (max-width: 768px) {


.table01							{background-color: #4f5a61; padding: 0 0 5px 0; width: 98%; position:relative}
.table01 .floatTable01				{float: left; position:relative; width: 90%; background-color: #4f5a61; padding: 0 5% 20px}
.table01 .floatTable02				{float: left; position:relative; width: 90%; background-color: #4f5a61; padding: 0 5% 20px}
.table01 .floatTable02 div			{padding:0 !important}
.table02							{background-color: #4f5a61; padding: 0 0 5px 0; width: 98%; position:relative}



#main {
    margin: 0;
}

#socButtom {position:absolute; right:0; width:375px; top:20px }


#mobileStuff {background: #10607c}

.mobileOnly {display:block}
.desktopOnly {display:none}


#rows02,	
#rows02-sticky-wrapper {display:none}


.desktopOnly02 h1,
.desktopOnly02 p,
.desktopOnly02 h2 {display:none !important}


#rightSide {
    display:none;
}

#leftSide {
    width: 100%;
}

.tabs {
   display:none;
}


.articleList {
    position: relative;
    float: left;
    height: auto;
    min-height: auto;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
    border-top:none;
}

/*#footer,*/
/*.sponsorStickerHome,*/
.descHome p { display:none;}




.carousel,
.slide {height:auto; background-color:#4D4D4D !important}
.slide p {
    display: block;
	position:absolute;
	bottom:0;
	height:60px;
	background-color:rgba(0,0,0,0.7)
}


#leftSide p {
    color: #fff;
}

#leftSide p a {
    color: #fff;
    text-decoration: none;
}

#leftSide h2 {
    padding: 0;
}

#leftSide h2 a {
    color: #fff;
    padding: 5px 0 0px;
    font-size: 25px;
	display:block
}



.bx-wrapper {
    padding: 0 4%;
    width: 92%;
}



.carousel {
    margin: 0 0 15px;
}

.articleList {
    border-bottom: 1px solid #9a9a9a;
	padding:0 0 5px
}



.slide p span a {
    color:#439bcf !important
}




.slide p {
    font-size: 14px !important;
    line-height: 18px !important;
    padding: 16px 3% !important;
	width:94%

}



.bx-wrapper .bx-prev {
    left: -35px !important;
    background: url('../images/prevMobile.png') no-repeat 0 0 !important;
	background-size:contain !important
}

.bx-wrapper .bx-next {
    right: -35px !important;
    background: url('../images/nextMobile.png') no-repeat 0 0 !important;
	background-size:contain !important
}



.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 51%;
    margin-top: -16px;
    outline: 0;
    width: 30px !important;
    height: 51px !important;
}





.mainWrapper {
    background-color: #fff;
}


.mainWrapper #leftSide p {
    color: #000;
}

.mainWrapper.homeCss  #leftSide p {
    color: #fff !important;
}
/*
.addthis_native_toolbox,
.articleDetails.noprint {display:none}
*/





.addthis_native_toolbox {
    display: block;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
	padding:5px 0
}

.addthis_native_toolbox #atstbx {float:right !important}

.articleDetails.noprint {border-top: 4px solid #10607C !important; padding: 0 2%; width: 96%;}
.listContainer1 {
    width: 100%;
}


.articleDetails {
    padding: 0;
    width: 100%;
}

/*.sponsorStickerTop,*/
.articleDetails h2.noprint{
	display:none !important
}


.articleDetails.noprint h2 {
padding:10px 0 0 !important	
}

.articleDetails {
    border-top: 0px solid #10607C;
}



.carousel,
#main { background-color:#4D4D4D}

.homeCss {background-color:#4D4D4D !important}

.slide {margin-right: 8px !important}

/*
.slide 									{width:200px; height:315px; background-color:#4D4D4D !important}
*/


#header {
    margin: 0;
	padding:0;
    background: #10607c;
}


#header #rows01 {
    position: relative;
    padding: 0;
    margin: 0;
    height: 145px;
    width: auto;
}

.menuOff { /*background:url('../images/mobilebar.png') no-repeat 0 0;*/ height:145px; z-index:9999999; overflow:hidden }
.searchOn 	{ background:url('../images/searchOn.png') no-repeat 0 0 !important }
.menuOn 	{ background:url('../images/menuOn.png') no-repeat 0 0 !important }

.search {
    padding: 17px 4%;
    width: 92%;
    margin: 0;
    background: #fff url('../images/search01.png') no-repeat center right;
    border: 2px solid #fff;
    font-size: 16px;
    color: #000;
}

.mobSinlge {padding:0 !important; width:100% !important}

.mobSinlge .article {padding:0 10%; width:80%; overflow:hidden}

.featureImg {
    position: relative;
    padding: 0;
    margin: 0 0 30px;
}

.introMob h1 {
    margin: 10px 0 !important;
}

.articleInnersponsor {
    clear: both;
    position: relative;
    padding: 0;
    margin: 20px 0;
}

.featureImg img {
    display: block;
    max-width: auto;
	width:100%;
    height: auto;
}

.caption p {color:#fff !important}



#LogoUnLink								{position:absolute; bottom:18px; left:45px; height:110px; width:106px}
#LogoClimateLink						{position:absolute; bottom:40px; width:50%; height:50px; left:187px; background:url('../images/climate-mob.png') no-repeat 0 0}

#LogoClimateLink img					{display:block; max-width:auto; width:100%; height:auto}

#LogoClimateLink a						{ display:block; height:100%}



.atglance-list {
	border-bottom:4px solid #10607C;
    padding: 0 0 20px;
}




#leftSide .aboutMeFrame a {color:#000 !important}


.moreArticles {margin:0 20px; position:relative}



#leftSide .article  p a {
    color: #439acf !important;
    text-decoration: underline;
}



.sponsorStickerTop {
    top: 0;
    right: 0;
    z-index: 999;
}



.sponsorStickerHome {
    bottom: auto;
    top: 0;
}


#footer .frame {
    position: relative;
    padding: 25px 3% 20px;
    margin: 0;
    font-size: 15px;
    color: #fff;
	text-align:center
}
#footer .frame .column02,
.column01,
.column02 {
    float: left;
	text-align:center;
	width:100%
}

#print {
    width: 131px;
    margin: 0;
    background: #fff;
}
#print a {display:none}


.postedDate {
    position: relative;
    padding: 5px 0;
    margin: 0;
    height: 20px;
    overflow: hidden;
}



.utilityIconsFrameTools {
    float: right;
    width: 470px;
    overflow: hidden;
}


.utilityIconsFrame span.right {
    background: url('../images/utilitiesiconsv2.png') no-repeat center right!important;
}


.utilityIconsFrame span {
    width: 150px;
}

.utilityIconsFrameTools {
    float: right;
    width: 620px;
    overflow: hidden;
}

#print {
    display:none
}


.ipadOnly {display:none}


}


@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
#header #rows02 .mainSubmenuFrame #mainSubmenu {
    margin: 0 15px;
}

#mainSubmenu ul {
    padding: 2px 15px;
}

#mainSubmenu ul li a {
    padding: 5px 25px;
}

}


/*iPad in landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
#header #rows02 .mainSubmenuFrame #mainSubmenu {
    margin: 0 15px;
}

#mainSubmenu ul {
    padding: 2px 15px;
}

#mainSubmenu ul li a {
    padding: 5px 25px;
}
}

/*iPad in landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.extra__mobile						{display:block; height:auto}
}


/*@media only screen and (min-width : 320px) and (max-width : 568px) {*/
@media only screen 
    and (min-width : 320px) 
    and (max-width : 667px) {
		
		.fixed {
		overflow:hidden	
		}
	
	#mobileMessage {
		/*display:block;*/
		display:none;
		position:relative;
		width:94%;
		margin:0;
		padding:3%;
		font-family: 'Open Sans', sans-serif;
		font-size:16px
	}
	#mobileMessage div {
		position:relative;
		padding:0;
		margin:0 0 25px	
	}
	#mobileMessage a {
		text-decoration:underline; 
		color:#000
	}
	
	#LogoUnLink								{left:10px !Important}
	
	/*
	.fixed,
	#header {
		display:none
	}
	*/
	
	#LogoClimateLink {
		bottom: 70px !important;
		width: 70% !important;
		left: 135px !important;
		background-size:300px !important
	}

.extra__mobile						{display:block; height:auto}


	

}

@media only screen and (min-width : 320px) and (max-width : 568px) {
	#LogoUnLink								{left:10px !Important}
	
	.bx-wrapper {
		padding: 0 10%;
		width: 80%;
	}
	
	.fixed {
		overflow:hidden	
		}
	
	#LogoClimateLink {
		bottom: 70px !important;
		width: 70% !important;
		left: 135px !important;
		background-size:150px !important
	}
	
	#mobmenu,
	#searchLink {
    bottom: -15px !important
	}
	
	.slide {
    /*width: 230px !important;*/
    width: 180px !important;
	height: 210px !important
	}
	


.atglance-list .rows01,
.atglance-list .rows02,
.atglance-list .rows03 {
    padding: 0 0 20px;
    width: 100%;
	height:auto !important
}


.atglance-list ul {
    list-style-type: none;
    display: block;
    float: left;
    margin: 0;
    width: 100%;
    border-right: 0 solid #b3b3b3;
}

.atglance-list li {
    width: 100%;
    float: left;
    padding: 0 0 20px;
}

#leftSide h2 a {
    font-size: 18px;

}

#leftSide h2 {
    line-height: 20px;
}
	
	
.caption {display:none}
	

#LogoUnLink {display:none}	
	
#LogoClimateLink {

    bottom: 70px !important;
    width: 100% !important;
    left: 10px !important;
    background-size: 358px !important;
}	


.bx-wrapper {
    width: 100%;
}

.bx-wrapper .bx-prev { left: 0px !important;}
.bx-wrapper .bx-next { right: 0px !important;}

.bx-wrapper .bx-controls-direction a {
    margin-top: -60px;
}


ul.articlePlusList {padding:15px 0 0 !important}

ul.articlePlusList li {
    width:100%;
    margin: 0;
	padding:0 0 5px
}

ul.listCol2,
ul.listCol3 {padding:0 !important}


.mobSinlge .article {
    padding: 0 4%;
	width: 92%;
	overflow:hidden
}


.bx-wrapper .bx-controls-direction a {
    width: 20px !important;
    height: 51px !important;
}


#mobmenu {
    height: 90px;
    width: 70px;
    background-size:contain
}

#searchLink {
    height: 90px;
    width: 70px;
    background-size:contain
}


#LogoClimateLink {
    background: url('../images/climate-mob2.png') no-repeat 0 0 !important;
    background-size: 203px !important;
    bottom: 20px !important;
}

#searchLink {
    right: 70px;
}


#header #rows01 {
    height: 100px;
}

.menuOff {
    /* height: 70px !important */
    height: 100px !important
}




.utilityIconsFrameTools {
    float: right;
    width: 286px;
    overflow: hidden;
}

#print {
    display:none
}

#socButtom {/*display:none*/}
.ipadOnly {display:block}

.postedDate {/*background:#10607c*/}




.portraitSpec		{display:block !important; /*background:#10607c*/}

.addthis_native_toolbox {/*display:none*/}
.portraitSpec .addthis_native_toolbox {
    /*
	width: 100%;
    padding: 5px 0;
	z-index:1000001;
	display:block !important
	*/
}

.topv1 {display:none !important}
.noOther {display:block !important; top:-30px !important}

#socButtom {
    top: 56px !Important;
	left:0 !important
}

.utilityIconsFrame {
    position: relative;
    padding: 0 0 20px;
    margin: 20px 0 0;
}

.extra__mobile						{display:block; height:auto}


}




@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 

.fixed {
		overflow:hidden	
		}
#LogoClimateLink {
    background: url('../images/climate-mob2.png') no-repeat 0 0 !important;
    background-size: 160px !important;
    bottom: 20px !important;
}

h1 {
    font-size:26px !important;
	color: #10607C;
    line-height: 30px;
}


.articleInnersponsor {
    clear: both;
    position: relative;
    padding: 0 0 10px;
    margin: 20px 0;
    border-bottom: 2px solid #10607c;
}

.articleDetails {
}

.extra__mobile						{display:block; height:auto}

}




@media print {
	.noprint {
		display:none
	}
}