/* CSS Document */

body	{	
	font-family: Arial, Verdana, Sans serif ;	
	font-size: 0.7em;	
	color: #42636f;	
	margin:0px;
	text-align:center;
	height:100%; 
	}

.skips	{
display:none;
}


#banner	{
	width: 100%;
	height:125px;
	text-align:left;
	margin:0px;
	padding-bottom:4px;
	background-image:url(../images/climate_change.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
#logo	{
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	width:780px;
}
#logo img, #logo img a 	{
	border:none;
	padding: 0 0 0.8em 0;
	background-color:#fff;
}


.strapline	{
	width:190px;
	margin:0px;
	font-size:1.1em;
	}
	


/* MAIN AREA */

#mainArea {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2em;
	line-height:1.3em;
	text-align:left;
}

#mainArea p {
	margin-top: 0em;
	margin-bottom:0.5em;
}

#mainArea p.subdivider {
	margin-top: 0em;
	margin-bottom:0em;
}

#mainArea h3.subdivider, #mainArea h4.subdivider	{
	margin:1em 0em;
	padding-top:1em;
}

#ContentArea	{
	float:left;
	width:608px;
	padding-top:1px;
	border-top:7px solid #ca0d54;
	}
#Content	{
	padding:1.5em 0 1.5em 1.5em;
}

/* MAIN AREA - LEFT COLUMN */

#navColumn {
	
	float: left;
	width: 167px;
	line-height: 1.4em;	
	border-top:7px solid #8bcdce;
	padding-top:1px;
	margin-right:2px;
}


/* MAIN AREA - LEFT COLUMN - first level navigation */ 

#navColumn #mainNavDiv {
	display: block;
}

#mainNavDiv ul{list-style: none; margin:0px;padding:0px;}
#mainNavDiv ul li {margin: 0px;width:167px;display:inline;}
#mainNavDiv li a {padding: 4px 7px 4px 13px;text-decoration: none;font-weight:bold;display: block;color: #004e5f;border-bottom:1px solid #fff;margin:0px;background-color:#e0e9ec;}
html>body #mainNavDiv ul li a:link {width: auto;}

/*SECOND LEVEL MENU ITEMS*/
#mainNavDiv ul ul li {margin: 0px;border-bottom:none;width:167px;font-size:0.9em;}
#mainNavDiv ul ul li a {padding: 2px 4px 2px 13px;text-decoration: none;font-weight:normal;display: block;color: #004e5f;}
html>body #mainNavDiv ul ul li a {width: auto;}

/*SELECTED STYLES*/
#mainNavDiv ul li.select a:link, #mainNavDiv ul li.select a:visited, #mainNavDiv ul li#selected li.select a:link,#mainNavDiv ul li#selected li.select a:visited {background-color:#fff;color: #004e5f;border-bottom:1px solid #8bcdce;}
#mainNavDiv ul li#selected a:link, #mainNavDiv ul li#selected a:visited{color:#ca0d54; background-color:#fff;border-bottom:1px solid #8bcdce;}

/*HOVER STYLES*/
#mainNavDiv li a:link:hover, #mainNavDiv li a:visited:hover {background-color:#fff;color:#ca0d54;border-bottom:1px solid #ca0d54;}
#mainNavDiv ul ul li a:link:hover, #mainNavDiv ul ul li a:visited:hover {background-color:#fff;color:#ca0d54;border-bottom:1px solid #ca0d54;}
#mainNavDiv li.select a:link:hover, #mainNavDiv li.select a:visited:hover, #mainNavDiv li#selected a:link:hover, #mainNavDiv li#selected a:visited:hover,#mainNavDiv ul li#selected li.select a:link:hover,#mainNavDiv ul li#selected li.select a:visited:hover {display:block;background-color:#fff;color: #ca0d54;border-bottom:1px solid #ca0d54;}


/*HOME LAYOUT*/

.LeftColumnHm	{
	width:270px;
	float:left;
	margin-left:26px!important;
	margin-left:13px;
	padding-top:0.8em;
	
}

.LeftColumnHm p	{
	font-size:0.9em;
}


.RightColumnHm	{
	width:286px;
	padding: 0px;
	float:left;
	margin-left:26px;
}

.RightColumnHm p	{
	font-size:0.9em;
	}

.LeftColumnHm h3	{
	font-size:1.2em;
}

/*THEMES BLOCK HOMEPAGE */

.themes	{
	background-color:#e6f3f0;
	background-image:url(../images/th_gr.jpg);
	background-position:top;
	background-repeat:repeat-x;
	padding: 10px 12px 20px 15px;
	}

.rightHmExtra	{
	padding: 0px 12px 20px 15px;
}	

/*SIGN UP BOX*/	

#Signup input	{
	border:#666 1px solid;
	padding:2px;
	font-family:Arial, Helvetica, Verdana, Sans serif ;
}

#Signup input.button	{
	color:#fff;
	background-color:#004e5f;
	border: none;
}
#Signup input.button:hover	{
	background-color:#ca0d54;
	color:#fff;
	border: none;
}

#navColumn #Signup	{	
	padding:10px;
	font-size:0.9em;
	background-color:#e0e9ec;
	border-top:7px solid #fff;
}	



.clear	{
	clear:both;
	margin:0px;
}



/*TEXT*/

a:link, a:visited 	{
	text-decoration:none;
	color:#004e5f;
	font-weight:bold;
}

a:link:hover, a:visited:hover 	{
	text-decoration:none;
	background-color:#ca0d54;
	color:#fff;
}

a:link.anchor, a:visited.anchor	{
	background-image:url(../images/anchor.gif);
	background-repeat:no-repeat;
	background-position:0px;
	padding-left:1.2em;
	font-weight:bold;

}

a:link:hover.anchor, a:visited:hover.anchor	{
	background-image:url(../images/anchor_dn.gif);
	background-repeat:no-repeat;
	background-position:0px;
	font-weight:bold;

}

h1	{
	display:none;
}


	
h2	{
	font-size:1.6em;
	line-height:1.0em;
	font-weight:normal;
	margin-bottom:0.4em;
	margin-top:0.2em;
}

.LeftColumnHm h2	{
	font-size:1.2em;
	line-height:1.2em;
	font-weight:normal;
	margin-bottom:0.4em;
	margin-top:0.6em;
}

.sub	{
	color:#00816a;
}	

h3	{
	font-size:1.2em;
	line-height:1.2em;
	margin-bottom:0.2em;
	margin-top:0.6em; 
}

h4	{
	font-size:1.1em;
	line-height:1.1em;
	margin-bottom:0.4em;
	margin-top:1em;
}

.RightColumnHm h4,
.RightColumnHm h4 a	{
	font-weight:normal;
}

h5	{
	font-size:1.0em;
	line-height:1.0em;
	font-weight:bold;
	margin-bottom:0.3em;
	margin-top:0.3em;
}

h6	{
	font-size:1.0em;
	font-weight:normal;
	font-style:italic;
	margin-bottom:0.3em;
	margin-top:0.3em;
}


#ContentArea ul {
	margin-left: 2em;
	padding: 0px;
	list-style-image:url(../images/bullet.gif);
	margin-bottom: 1em;	
}
#ContentArea ul li {
	margin: 0px;
	padding: 0.2em;
	line-height:1.3em;
}
#ContentArea ol {
	margin-top: 0.5em;
	margin-bottom: 1em;	
}
#ContentArea ol li {
	padding-bottom: 0.5em;
}


#ContentArea img {
	border:7px solid #e5f3f4;
}


.divider	{
	margin:0.5em 0em 0.5em 0em;
	border-top:7px solid #e5f3f4;
}

.subdivider	{
	margin:0.5em 0em 0.5em 0em;
	border-top:1px dashed #00816a;
}

/*2/3 COL LAYOUT*/

.LeftColumn	{
	width:325px;
	float:left;
	margin-top:1em;
}


.RightColumn	{
	width:235px;
	float:left;
	margin-left:2em;
	margin-top:1em;
	font-size:0.85em;
}
	


/* FOOTER */


#footer {
	clear:both;
	margin-top:1em;
	width:100%;
	font-size:1em;
	background-color:#004e5f;
	padding: 4px 0px;
	margin-bottom:1em;
	text-align:left;
	color:#42636f;
	
}

#footerInside {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#footerInside p {
	margin:0em;
}

#footerInside a:link, #footerInside a:visited {
	padding:0px 5px;
	color:#fff;
	text-align:left;
	font-weight:normal;
}

#footerInside a:link:hover, #footerInside a:visited:hover {
	padding:0px 5px;
	color:#ca0d54;
	text-decoration:none;
	background-color:#004e5f;
}

#foot	{
	width:780px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	margin-bottom:2em;
}

#logofoot	{
	float:right;
}

#logofoot img	{
padding-left: 2em;
border:0px;
}

#logofoot a:link, #logofoot a:visited	{
	background-color:#fff;
	
}

#footerContact	{
	float:left;
	width:480px;
	text-align:left;
}

#footerContact p	{	
	margin:0.2em 0em;
}

#footerContact a	{
	font-weight:normal;
	padding:0px 5px;
}	

/*TABLE STYLES */

table	{
	width:100%;
	border:3px solid #e0e9ec;
	}


th	{
	font-weight:bold;
	padding: 5px;
	text-align:left
}

td	{
	padding:5px;
	border-bottom:1px dotted #004e5f;
}


/*IMAGES */
	
.picCaption {
	display: block;
	padding: 0.2em;
	margin-top: 1px;
	font-size:0.8em;
	line-height:1.1em;
}

#projresources .picCaption	{
	font-size:1em;
	color: #42636f;
}

.right {
	clear: both;
	float: right;
	margin-bottom: 1em;
	margin-left: 1em;
	margin-top: 0px;
	margin-right: 0px;
}

.left {
	clear: both;
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-top:1em;
	}


/*.right img, .left img	{
	margin-bottom:0.2em;
	}
	

/*RELATED BLOCKS IN RIGHT COLUMN*/	
	
.rel	{
	padding:0.5em;
	background-color:#f6f7f5;
	margin-bottom:0.7em;
}

blockquote	{
	padding:3px 30px;
	font-size:1.1em;
	line-height:1.2em;
	font-style:italic;
	font-weight:normal;
	color:#666;
	margin:1em 0 0.5em 0;
	background-image:url(../images/open_quote.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#projintro blockquote img	
	{background-color:#fff;
	padding:0em;
	border:none;
	margin-top:8px;
	}
	
cite	{
	display:block;
	padding:0 30px;
	font-size:0.9em;
	line-height:1.1em;
	font-style:normal;
}






/*PROJECT STYLES */



#projresources img{
	background-color:#dcf0f0;
	padding:0.5em;
	border:none;
	margin-bottom:7px;
}


#projdetails	{
	float:left;
	width:325px;
}

#projresources	{
	float:left;
	width:215px;
	font-size:0.85em;
	margin-left:25px;
}

.rel p, #projresources p	{
	color:#000;
}

#projdocs, #projrelated, #projlist	{
	padding:0.5em;
	background-color:#dcf0f0;
	margin-bottom:0.7em;
	
}

#projdetails h3, #projresources h3, #projlist h3, .rel h3	{
	margin-top:0;
	margin-bottom:0.6em;
	font-weight:normal;
	font-size:1.4em;
}

#projrelated h3, #projdocsh3	{
	font-size:1.4em;
	}

h3.projintro, p.projintro	{
	font-weight:normal;
	font-size:1.1em;
	display:block;
	padding-bottom:1.5em;
}
	
.partdivide	{
	border-top:1px solid #ccc;
	padding-top:0.2em;
}

.projdivide	{
	border-top:1px solid #dcf0f0;
	margin:0.8em 0em 0.8em 0em;
}


#bookmarks	{
	text-align:center;
	margin-top:1em;

}

#bookmarks a:link, #bookmarks a:visited	{
	background-color:#fff;
	}

#credit	{
	width:780px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	margin-bottom:2em;
	padding-left:5px;

}
	
#share	{
	margin-top:7px;
	background-color:#e6f3f0;
	padding:5px;
}		
		
#navColumn #share a:link:hover, #share a:visited:hover 	{
	color:#ca0d54;
	}
	
.events	{
	padding:0.5em;
	background-color:#dcf0f0;
}


#projdocs img, #projrelated img, #projlist img, .events img, .rel img	{
	border:none;
	margin-bottom:0px;
	padding:0em;
}	


.workingpaper	{
	padding-left:25px;
	background:transparent url(../images/cdg_wp_icon.gif) scroll no-repeat 0 0;
}
.newsletter	{
	padding-left:25px;
	background:transparent url(../images/cdg_news_icon.gif) scroll no-repeat 0 0;
}