/* General styles */
 
 * {
  margin:0;
  padding:0;
  /*border: .5px solid black;*/
}
html, body {
  height: 100%;
}

    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
        background:#f1f8fc;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size: 11px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #4d4d4d;
		cursor:default;
    }
    
    /* 100% height for compliants, enwraps content */
	#wrapper {
  		margin: 0 auto;
  		/* width: 800px; */
  		min-height:100%;
  		margin-left:auto; 
  		margin-right:auto;
  		padding-bottom:80px;
  		height:800; /* added 041709 */
	}

	/* and feed IE6 what it needs via the star-html hack */
	* html #wrapper{
  		height: 100%;
	}

	a {
    	color:#0b4664;
    	text-decoration:none; 
    	border:0;	
	}
	
	a:visited {
    	color:#176389;
	}
	a:hover {
		color:#042b3e;
		/* background:#999; */
		text-decoration:underline; 
	}
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	img {
		/*margin:10px 0 5px;*/
		border:0;	
	}
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
        margin-bottom:12px;
        margin-top:24px;
		margin-left:22px;
    }
	#header {
		/* border-bottom:1px solid #000; */
		
	}
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}
	
	#climate_now_logo {
		padding-left:18px;
		float:left;
	}
	
	#search_div {
		
		position:absolute;
		left:380px;
		top:42px;
		text-align:left;

		padding:8px;
		width:280px;
	
	}
	

	#search_form {
		width:293px;
		/* margin-left:363px; 
		margin-top:28px; */
		padding:8px;
		border:1px solid #dfeaef;
		/* float:right; */
		margin-right:50px;
		padding-left:13px;
		padding-right:10px;
		
	}

	
	#query_frm {
		width:220px;
		height:16px;
		font-size:13px;
		float:left;
	}
	
	#query_btn {
		
		height:20px;
		width:54px;
		margin-left:12px;
		/* background: url(/images/cn_search.jpg) no-repeat; */
		
	}
	

	#query_btn:hover {
	    /* background: url(/images/cn_search_act.jpg) no-repeat; */
	}
	
	.search_error_spacer {
		width:200px;
		height:500px;
	}
	
	/*
	#header ul {
	    clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:10px 0 0 0;
	    padding:0;
	}
	#header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#header ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:3px 10px;
	    text-align:center;
	    background:#eee;
	    color:#000;
	    text-decoration:none;
	    position:relative;
	    left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
	    background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:bold;
	}
	#header ul li a span {
	    display:block;
	}
	
	*/
	
	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
		
	}
	

	
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
		
	}
	
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
		text-align:left;
		
	}
	
	.col3 {
		font-size:13px;
		
	}
	
	/* 2 Column (right menu) settings */
	.rightmenu {
		/* background:#f1f8fc;	*/	/* right column background colour */
	}
	.rightmenu .colleft {
		right:25%;			/* right column width */
		/* background:#fff;	*/	/* left column background colour */
	}
	.rightmenu .col1 {
		width:71%;			/* left column content width (left column width minus left and right padding) */
		left:27%;			/* (right column width) plus (left column left padding) */
		
	}
	.rightmenu .col2 {
		width:21%;			/* right column content width (right column width minus left and right padding) */
		/* left:31%; */			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
		left:29%;
		
	}
    #footer_new {
  		margin: -60px auto 0;
  		width: 560px;
  		height: 1.6em;
  		position: relative;
  		text-align:center;
		font-size: 9px;
		padding: 9px;
		padding-top:30px;
		
	}
	
	#head_spacer {
		width:100%;
		height:24px;
	}
	
	.col1 {
		margin-left:22px;
		
		
		padding-top:0px;
		
	}
	
	.col1_content {
		/* margin-top:20px; */
		border:1px solid #dfeaef; /* border of col 1 */
		background:#fff;
	}
	
	#aid_header {
		margin-top:14px;
		margin-left:30px;
		margin-bottom:24px;
		font-size: 14px;
	}
	
	#ts_header {
		margin-top:6px;
		margin-left:30px;
		margin-bottom:24px;
		font-size: 12px;
	
	}
	
	
	.news_item {
		width:580px;
		margin-bottom:20px;
		padding-bottom:20px;
		margin-top:12px;
		margin-left:30px;
		/* height:100%; */
    	/* clear: left; */
    	border-bottom:1px solid #dbe2e6; /* line under news item */
    	overflow: auto; /* this fixed it */
	}
	
	/* contains desc, title, date */
	.news_item_text {
		/* border:1px solid #000; */
		
	}
	
	.news_item_ed_attr {
		color:#063e09;
		font-weight:bold;
	}
	
	.news_item_ed_comments {
		font-size: 11px;
		margin-bottom:0px;
	}
	
	.news_item_title, .news_item_title_top_story {
		font-size: 12px;
		font-weight:bold;
	}
	
	.news_item_title_top_story a {
		color: #006600;

	}
	
	.news_item_desc {
		font-size: 11px;
	
	}

	
	.thumb_div {
	

		/* border:1px solid #000; */
		/* width:113px; */
		float:left;
		margin-bottom:10px;
		height:100%;
		
		
		
	
	}
	
	
	.news_item_thumbnail {
		vertical-align:top; 
		
		/* width:100px; */
		
		max-width:100px;
		max-height:80px;
		margin:0px;
		padding:0px;
		padding-top:3px;
		padding-right:16px;
		clear:none;

		/* padding-bottom:24px; */
		
	}
	
	.news_item_thumbnail img {
		/* border:1px solid #000000; */
	}
	
	.news_item_source {
		font-size:11px;
	}
	
	.news_source {
		color:#247097;
	
	}
	
	.share_div {
		padding-top:5px;
		margin-left:2px;
	
	}
	
	.line_span {
		border-bottom:1px solid #dbe2e6;
		height:10px;
		width:100%;
		clear:both;
	}
	

	
	/* search results nav */

	
	#search_results_nav {
		font-size: 12px;
		/* border:1px solid #000000; */
		margin-top:20px;
		padding-bottom:20px;
		clear:both;
		text-align:center;
		
	
	}
	
	#prev_link {
		padding-right:8px;
	}
	
	#next_link {
		padding-left:5px;
	}
	
	.curr_page_link {
		font-weight: bold;
		color:#red;
		padding-left:2px;
		padding-right:2px;
	}
	
	.nav_links{
		padding-left:2px;
		padding-right:2px;
	
	}
	
	
	#nav_cont {
		width:100%;
		height:19px;
		border-top:1px solid #f1f8fc;
		border-left:1px solid #eee;
		border-right:1px solid #f1f8fc;
		/* border-bottom:1px solid #ddd; */
		background-color: #f1f8fc;
		z-index:1;
		
	}
	
	#fb_join {
		clear:both;
		width:170px;
		padding:8px;
		/* padding-left:12px; */
		margin-top:20px;
		margin-bottom:12px;
		background-color: #fff;
		border:1px solid #dfeaef;
		text-align:center;
	}
	
	#fb_join img {
		padding-top:3px;
		padding-bottom:3px;
	}
	
	#sidebar_div {
		padding-top:8px;
		padding-left:5px;
	}
	
	#sidebar_div img {
		padding-top:2px;
	}
	
	#not_found_message {
		height:600px;
		font-size:14px;
		margin-left:40px;
		margin-top:30px;
	
	}
	
	#donate_div {
		width:200px;
	
	}
	
	#donate_div img {
		padding-top:6px;
	}
	
	#fb_recommend_div {
		background:#f1f8fc;
	}

    
    /*globalnav*/

#globalnav {
	position:relative;
	float:left;
	width:100%;
	width:600px;
	padding:0;
	padding-bottom:20px;
	margin:0;
	margin-top:0px;
	margin-left:0px;
	list-style:none;
	line-height:1em;
	font-size: 12px;
	z-index:1;
	
	
}

#globalnav LI {
	float:left;
	margin:0;
	padding:0;
	
}

#globalnav A {
	display:block;
	color:#296685; /* inactive tab text color */
	text-decoration:none;
	font-weight:bold;
	background:#d9e7ee; /* inactive tab bg */	
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #dfeaef; /* tab border */
	border-top:1px solid #f8fbfd; /* tab border */
	border-right:1px solid #b7c9d1; /* tab border */
}


#globalnav A.here:link {
	color:#0d415b; /* active tab text color */
	background:#267196;
}



#globalnav A:hover,
#globalnav A:active,
#globalnav A.here:link,
#globalnav A.here:visited {
	background:#bbd1db; /* active tab bg */
}

#globalnav A:hover {
	color:#011119; /* hover tab text color */
	background:#a8c4d0; /* hover tab bg */
}

#globalnav A.here:link,
#globalnav A.here:visited {
	position:relative;
	z-index:102;
}

/*subnav*/

#globalnav UL {
	position:absolute;
	left:0;
	top:1.5em;
	float:left;
	background:#bbb;
	width:100%;
	margin:0;
	padding:0.25em 0.25em 0.25em 1em;
	list-style:none;
	border-top:1px solid #fff;
}

#globalnav UL LI {
	float:left;
	display:block;
	margin-top:1px;
}

#globalnav UL A {
	background:#bbb;
	color:#fff;
	display:inline;
	margin:0;
	padding:0 1em;
	border:0
}

#globalnav UL A:hover,
#globalnav UL A:active,
#globalnav UL A.here:link,
#globalnav UL A.here:visited {
	color:#444;
}