/* CSS Document */

html {
	padding:0;
	margin:0;
	background:#260b03 url(../images/bgBody.gif) repeat-x;
    }
	
body {
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:62.5%; 
	background:url(../images/bgBodyTop.gif) top center no-repeat;
    }
	
.center{text-align:center;}
	
/* HOUSING FOR NAV */
#nav {
	margin:0 auto; 
	padding:0;
	width:1050px;
	position:relative; top:6px;
	z-index: 2000;
	}
/* /HOUSING FOR NAV */	
	
	
/* MASTHEAD */
	
#masthead {
	margin:0 auto; 
	padding:0;
	width:1050px; height:188px;
	position:relative; top:11px;
	background:url(../images/bgMasthead.jpg) top right no-repeat;
	}
				
#logo {
	position:relative; float:left; top:23px;
	width:535px; height:142px;
	border:none;
	}	
				
img {
	border:none;
	}
	
ul#langs {
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative; float:right; top:156px; right:0;
	}
	ul#langs li {
	display:block;
	float:left;
	}
	ul#langs li a {
	text-decoration:none;
	border:none;
		}
		ul#langs li#english a {
		display:block;
		width:36px; height:32px;
		background:url(../images/lang.png) no-repeat -163px 0;
		text-indent:-9999px;
		}
			ul#langs li#english.current {
			display:block;
			width:36px; height:32px;
			background:url(../images/lang.png) no-repeat -163px -32px;
			text-indent:-9999px;
			}
			ul#langs li#english a:hover {
			background-position: -163px -64px;
			}
		ul#langs li#francais a {
		display:block;
		width:36px; height:32px;
		background:url(../images/lang.png) no-repeat -199px 0;
		text-indent:-9999px;
			}
			ul#langs li#francais.current {
			display:block;
			width:36px; height:32px;
			background:url(../images/lang.png) no-repeat -199px -32px;
			text-indent:-9999px;
			}
			ul#langs li#francais a:hover {
			background-position: -199px -64px;
			}
		ul#langs li#start {
		display:block;
		width:163px; height:32px;
		background:url(../images/lang.png) no-repeat 0 0;
		text-indent:-9999px;
		}
		ul#langs li#end {
		display:block;
		width:25px; height:32px;
		background:url(../images/lang.png) no-repeat -235px 0;
		text-indent:-9999px;
		}	
	
/* /MASTHEAD */


/* SEARCH */

#search {	
	width:369px; height:29px;
	padding:0; 
	margin:0;
	position:relative; float:right; top:-15px; right:-8px;
	text-align:center;
	background:url(../images/bgSearch.gif) no-repeat;
		}

/* /SEARCH */	
	
	/* Twitter */

#twitter {	
	width:369px; height:29px;
	padding:0; 
	margin:0;
	position:relative; float:right; top:160px; right:400px;
	text-align:center;
	z-index: 3000;
		}

/* /Twitter */	
	
	
/* CONTENT */
	
.right-side-h1-fix{margin-top:-10px}	

.clear-all{clear:all}	
	
#content {
	margin:0 auto; 
	padding:15px 30px 30px;
	width:990px;
	position:relative; top:11px;
	background:#55504d url(../images/bgContent.gif) repeat-x;
	border-top:#b26d12 8px solid;
	border-bottom:#191716 1px solid;
	font-size:1.4em;
	color:#cdcdcd;
	}
	
#content h1 {
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-weight:normal;
	/*font-size:1.5em;*/ 
	color:#fff;
	padding: 10px 10px 10px 0px;
	border:#f5f5f5 0px solid;	
	}
	
#content h2, #content h3, #content h4, #content h5  {
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-weight:normal;
	color:#f5f5f5;
	/*color:#000;
	color:#4a8ed5;
	font-size:1.2em;
	color:#0088ff;
	color:#d48011;*/
	}
	
#content h2{
font-size:1.8em;
	}	
	
#content strong {
	color:#e6e6e6;
	}
	
#content ul { 
	color:#fff; 
	}
	
	/*
	Commented out by jmacki on Jan 11, 2011.
	Why would you different lines in a list to have different colours?
	#content ul li:first-line {
	color:#cdcdcd;
	}*/
	
#content ul li  { color:#cdcdcd; }
	
.quote { 
	margin:0; 
	padding:5px;
	width:1040px;
	position:relative; left:-30px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:1.3em; 
	color:#131313;
	font-style:italic;
	background:#e0e0e0 url(../images/bgQuote.jpg) repeat-x;
	}	
.quoteNarrow { 
	width:600px!important;
	}
.quoteNarrow p { 
	width:548px!important;
	}
	.quote p { 
	width:988px;
	margin:0; 
	padding:15px 25px;
	border:1px solid #939393;
	}
	.quote p span { 
	display:block;
	margin:5px 0 0; 
	font-size:1em; 
	color:#434141;
	}
	
#content img {
	border:#393230 0px solid;
	}
	#content img.float-right {
		position:relative; float:right;
		position:relative; float:right;
		margin:0 0 20px 20px; 
		}
	
#content .footnote {
	font-size:0.8em;
	border-top:#ffffff 1px solid;
	margin-top:20px;
	padding-top:4px;
	}

#content-right {
	position:relative;
	float: right;
	margin:0 0 0 30px; 
	padding:0;
	}
	#content-right img {
		margin:0 0 20px 0; 
		}
	
	
/* box floats */
	
#content .CSSboxMain {
	margin:0 30px 20px 0; 
	padding:0;
	background:#5f5957 url(../images/bgCSSbox.jpg) no-repeat;
	color:#e2e2e2;
	border:#352e2c 1px solid;
	width:600px;
	display:table-cell;
	}
	
#content-right .CSSbox  {
	width:350px;
	border:#352e2c 1px solid;
	display:table;
	}
	#content-right .CSSbox,
	#footer .CSSbox {
	background:#5f5957 url(../images/bgCSSbox.jpg) no-repeat;
	color:#e2e2e2;
	margin:0 0 20px 0; 
	}
	#footer .CSSbox {
	width:670px;
	font-size:1.2em;
	color:#041c34;
	background:#c7c7c7 url(../images/bgFooterCSSbox.jpg) no-repeat;
	border:#608ab3 1px solid;
	position:relative; float:right;
	}	
	
	#content-right .CSSbox h1,
	#footer .CSSbox h1,
	#content .CSSboxMain h1 {
		height:19px;
		padding:6px 10px;
		margin:0;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
		font-weight:normal;
		font-size:1.1em; 
		color:#fff;
		text-transform:uppercase;
		}
		#content-right .CSSbox h1,
		#content .CSSboxMain h1 {
		border-bottom:#352e2c 1px solid;
		}
		#footer .CSSbox h1 {
		border-bottom:#352e2c 1px solid;
		}
			.archives h1 {
			background:url(../images/iArchives.gif) top right no-repeat;
			}
			.team h1 {
			background:url(../images/iTeam.gif) top right no-repeat;
			}
			.contact h1 {
			background:url(../images/iContact.gif) top right no-repeat;
			}
			.highlightedReport h1 {
			background:url(../images/iHighlightedReport.gif) top right no-repeat;
			}
			.readMore h1 {
			background:url(../images/iReadMore.gif) top right no-repeat;
			}
			.related h1 {
			background:url(../images/iRelated.gif) top right no-repeat;
			}
			.download h1 {
			background:url(../images/iDownload.gif) top right no-repeat;
			}
			.commentary h1 {
			background:url(../images/iCommentary.gif) top right no-repeat;
			}
			.keyMessage h1 {
			background:url(../images/iKeyMessage.gif) top right no-repeat;
			}
			.new h1 {
			background:url(../images/iNew.gif) top right no-repeat;
			}
			
	#content-right .CSSbox p,
	#content .CSSboxMain p {
		padding:0 10px;
		}
	#footer .CSSbox p {
		padding:5px 10px;
		}
		
	#content-right .CSSbox strong,
	#footer .CSSbox strong,
	#content .CSSboxMain strong {
		color:#fff;
		}
		
	#content-right .CSSbox img,
	#footer .CSSbox img,
	#content .CSSboxMain img {
		position:relative; float:right;
		margin:0 0 20px 10px; 
		}
		
	img.center {
		position:relative; float:none!important;
		margin:20px auto!important;
		display:block; 
		}
	
	/* box floats */
	
	
.col-house {
    width:967px;
	position:relative;
	float:left;
	border-top:1px solid #191716;
	border-bottom:1px solid #191716;
	margin:25px 0;
	padding:0;
	background:url(../images/bgCol-house.gif) repeat-x;
	font-size:0.9em;
	}
		
	.col-house h2 {
	margin:0;
	padding:0 0 2px 0;
	font-size:1.3em!important;
	color:#fff;
	border-bottom:1px solid #37322f;
	}
		
	.col-house img {
	position:relative;
	float:left!important;
	margin:0 10px 0 0!important;
	}
		
	.col-house a.more, .col-house a.more-fr {
	padding:2px 8px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#c0c0c0!important;
	text-transform:uppercase;
	}
	.col-house a.more {
		background:url(../images/bgMore.gif) no-repeat;
		}
	.col-house a.more-fr {
		background:url(../images/bgMore_fr.gif) no-repeat;
		}
		
	.col-house a:hover.more, .col-house a:hover.more-fr {
	color:#fff!important;
	}
	
	
	.one-col {
		float: left;
		width:94%;
		padding:15px 0 15px 20px;
		}
	.two-col {
		float: left;
		width:47%;
		padding:15px 0 15px 20px;
		}
	.three-col {
		float: left;
		width:30%;
		padding:15px 0 15px 20px;
		}

	/* site links */
#content a, #footer .CSSbox a {
	font-weight:bold;
	text-decoration:none;
	border-bottom:none;
	color:#5f9fe1;
	}
	#footer .CSSbox a {
	color:#001f5c;
	}	
	#content a:visited, #footer .CSSbox a:visited {
	color:#ce7500;
	}
	#content a:hover, #footer .CSSbox a:hover {
	color:#000;
	}
	
#footer a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border-bottom:none;
	}	
	#footer a:visited {
	color:#b2b2b2;
	}
	#footer a:hover {
	color:#e78300;
	}
			
#footIn2 a {
	color:#8f8f8f;
	text-decoration:none;
	border-bottom:none;
	}	
	#footIn2 a:hover {
	color:#fff;
	}	
	/* /site links */
		
/* /CONTENT */
	
	
	
/* FOOTER */
	
#footer {
	margin:0 auto; 
	padding:30px;
	width:990px;
	position:relative; top:11px;
	background:#0f3c6e url(../images/bgFooter.jpg) bottom left repeat-x;
	border-top:#332e2b 8px solid;
	/*border-bottom:#0f2741 8px solid;*/
	font-size:1.2em;
	color:#ffffff;
	}
	
#footer h1 {
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-weight:bold;
	font-size:1.3em; 
	color:#fff;
	border-bottom:none;
	}
	
#footer h2 {
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-weight:bold;
	font-size:1.3em; 
	color:#ffffff;
	}
		
/* /FOOTER */



/* FOOT */
	
#foot {
	padding:0;
	margin:0;
	width:100%; height:146px;
	position:relative; top:11px;
	background:#000 url(../images/bgTop.jpg) bottom center repeat-x;
	font-size:1.1em;
	color:#8f8f8f;
	}
		
	#footIn {
		padding:20px 0 0 0;
		margin:0 auto;
		width:1050px; height:62px;
		background:#000 url(../images/bgFoot.jpg) repeat-x;
		}
		
		#footIn2 {
			position:relative; float:right;
			padding:40px 0 0 0;
			margin:0;
			width:760px;
			}
			
		#footIn2 p {
			text-align:right;
			}
				
		#footIn2 img {
			border:none;
			}	
	
		#logo_IISD {
			position:relative; float:right;
			width:300px; height:58px;
			margin-left:20px;
			}
/* /FOOT */

div.summit-banner { font-style: italic; background-color: #000; color: #fff; padding: 5px; width: 650px; font-size: 13px;  }
div.summit-banner a:hover { color: #f00 !important; }

div.whatsnew {
border:#66625f 1px solid;
background-color: #55504d; 
color: #fff;
padding: 10px; 
width: 580px; 
font-size: 13px;
}

 div.whatsnew a:hover { color: #f00 !important; }

 div.whatsnew h2 {
	margin:0;
	padding:0 0 2px 0;
	font-size:2em!important;
	color:#fff;
	border-bottom:1px solid #c0c0c0;
	}

#subhead{
	background: transparent;
	color: #972501;
	font-family: Georgia,"Times New Roman",Times,serif;
	margin: 0 0 0px 0;
}
#subtitle{
	background: transparent;
	color: #656565;
	margin: -10px 0 20px 10px;
}
