/* Green Style 003 */

/* Copyright 2007 Casey Lee for Joomlashack.com */





/* main background color, header background, and default text color */

body#page_bg {

	background: #c5cdbc url(../images/page_bg.png) repeat-x center top;

	color: #56634d;

}





/* default font */

html, body, form, fieldset {

	font: 14px/140% Georgia, "Times New Roman", Times, serif;

}





/*Top Nav Link Color*/



#header-top li a {

	color: #C9CFD3;

}

#header-top li a:hover {

	color: #fff;

}





/*Header (TEXT) */

#header-text h1, #header-text h1 a {

	color: #f7f7f7;

	font: normal 45px/45px Georgia, "Times New Roman", Times, serif;

	letter-spacing: -3px;

}

/*Header (GRAPHIC) */

/*Adjust the height below - Proceed with caution or use "text" based logo from config*/

/*Notes: If your logo extends the default size (67px) the page.png must be re-exported as well */

/*It is recommended to use the Fireworks source */



/*CHANGED original height 67px - added 22px because top-header no longer in use */

#header-graphic {

	background: url(../images/header_logo.png) no-repeat left top;

	height: 89px;

}



/* Defines the clickable hotspot area of the logo */

/* You can temporarily uncomment the red border to see your zone */

#header-graphic h1 a {

	height: 58px;

	width: 215px;

	/*border: 1px solid red;*/

	cursor: pointer;

}



/*CHANGED customised globe background */

#header-globe { 

	background-color:#c2b885;

	width:371px;

	height:116px;

	float:right;

        background: url(../images/header_globe.png) no-repeat right top;

}





/* Headings Typography */



h1 {

	font-size: 28px;

	color: #7b8d6c;

}



.inside h1

{

	font-size: 21px;

	color: #333333;

	margin:0 0 15px 0;

	padding:0;

	font-weight: normal;

}



h2 {

	font-size: 23px;

	color: #485539;

	font-weight: normal;

	background: url("../images/divider_bar.png") repeat-x scroll center bottom transparent;

    width: auto;

	

}



.leading-0 h2 {

    background: url("../images/divider_bar.png") repeat-x scroll center bottom transparent;

    color: #485539;

    font-size: 28px;

    font-weight: normal;

    line-height: 26px;

    padding: 0 0 2px;

    width: 95%;
	
	float:left;

}

.leading-0 ul li {display:inline; list-style:none;}

h2 a

{

	color: #485539;

}

h3 {

	font-size: 20px;

	color: #3d3d3d;

}



h4 {

	font-size: 16px;

	color: #3d3d3d;

}

/* Default Link Styles */

a {

	color: #6c6f50;

	text-decoration: none;

}



a:hover {

	color: #333;

	text-decoration: none;

}



/* Because serifs don't look all that great. Remove this if you change to a sans-serif font */



b, strong {

	font: bold .95em Arial, Helvetica, Geneva, sans-serif;

}



/* Left and Right Column Typography */



#leftcol h1, #rightcol h1 {

	font-size: 18px;

	line-height: 125%;

}



#leftcol h2, #rightcol h2 {

	font-size: 16px;

	line-height: 125%;

}

#leftcol h4, #rightcol h4 {

	font-size: 14px;

	line-height: 125%;

}



#leftcol .inside,

#rightcol .inside {

	font-size: 12px;

	line-height: 135%;

}



#leftcol a.contentpagetitle,

#rightcol a.contentpagetitle,

#rightcol td.contentheading,

#leftcol td.contentheading {

	font-size: 22px;

	line-height: 22px;

}

/* Bottom stroke */

table#main {

	border-bottom: 5px solid #7b8d6c;

}



/* Teaser Background */



#teaser-wrapper {

	background: #e2eadb url(../images/teaser_bg.png) repeat-x center top;

}

/* Secondary (inner) Teaser Background */



/* CHANGED comment out inner teaser bg

#teaser {

	background: url(../images/teaser.jpg) repeat-x center top;

}

*/



/* Teaser (icon position) Typography */



#teaser h3 {

	color: #3d3d3d;

	font-size: 28px;

	line-height: 32px;

}

#teaser p {

	color: #3d3d3d;

	font-size: 18px;

	line-height: 20px;

}

#teaser a {

}



#teaser a.readon {

	background-color: #f5fcf2;

	border: 1px solid #bbcab1;

}

/* @group Module Headings */



/* Style 1 - S1/Default */



div.moduletable h3, div.moduletableS1 h3 {

	text-transform: uppercase;

	font-size: 13px;

	background: #7b8d6c url(../images/moduleheading1.png) repeat-x left bottom;

	color: #fff;

	line-height: 165%;

	word-spacing: .25em;

}



/* Style 2 - S2 */



div.moduletableS2 h3 {

	text-transform: uppercase;

	font-size: 13px;

	background: #80997b url(../images/moduleheading2.png) repeat-x left bottom;

	color: #fff;

	line-height: 165%;

	word-spacing: .25em;

}

/* Style 3 - S3 */



div.moduletableS3 h3 {

	text-transform: uppercase;

	font-size: 13px;

	background: #7e8953 url(../images/moduleheading3.png) repeat-x left bottom;

	color: #fff;

	line-height: 165%;

	word-spacing: .25em;

}

/* Style 4 - S4 */



div.moduletableS4 h3 {

	text-transform: uppercase;

	font-size: 13px;

	background: #afbd72 url(../images/moduleheading4.png) repeat-x left bottom;

	color: #fff;

	line-height: 165%;

	word-spacing: .25em;

}



/* Style 5 - S5 */



div.moduletableS5 h3 {

	text-transform: uppercase;

	font-size: 13px;

	background: #3d3d3d url(../images/moduleheading5.png) repeat-x left bottom;

	color: #cdd7c4;

	line-height: 165%;

	word-spacing: .25em;

}



/* Style 6 -bdr */





div.moduletable-bdr {

	background: #f4f4f4;

	border: 1px solid #ccc;

}



/* Style 7 -nopad */



div.moduletable-nopad h3 {

	text-transform: uppercase;

	font-size: 13px;

	color: #333;

	line-height: 165%;

	background: none;

}



/*Footer*/



#footer {

	color: #f0f9eb;

	background: #000 url(../images/footer_bg.png) repeat-x center top;

	border-bottom: 5px solid #7b8d6c;

}

#footer a {

	color: #e2eadb;

	text-decoration: none;

}

#footer a:hover {

	color: #fff;

}

#footer a, #footer p, #footer div, #footer a {

}

#footer .moduletable h3 {

	font-family: Georgia, Garamond, "Times New Roman";

}

/* @end */



/*Author Text*/

span.small,.createdate {

	font: normal small-caps 11px/12px Tahoma, Lucida Grande, Lucida, Verdana, sans-serif;

	color: #666;

	text-transform: uppercase;

}

/*Last Updated Text*/

.modifydate {

	font: normal small-caps 11px/12px Tahoma, Lucida Grande, Lucida, Verdana, sans-serif;

	color: #666;

	text-transform: uppercase;

}



/* Content Headings */



a.contentpagetitle {

	text-decoration: none;

	color: #485539;

}



a.contentpagetitle:hover {

	color: #000;

	text-decoration: none;

}



td.contentheading {

	color: #46513e;

}



.contentheading {

	color: #46513e;

	letter-spacing: -2px;

	font: normal normal 28px/29px Georgia, "Times New Roman", Times, serif;

}



.componentheading {

	font-size: 20px;

	line-height: 30px;

	font-weight: bold;

	color: #000;

}

/*Read more...*/

a.readon {

	font: bold 12px/20px Arial, Helvetica, Geneva, sans-serif;

	text-decoration: none;

	color: #7b8d6c;

}



a.readon:hover {

	color: #5b6951;

	text-decoration:none;

}



/*Buttons*/



input.button {

	border: 1px outset #666;

	background: #3d3d3d;

	color: #fff;

	font: bold 12px Arial, Helvetica, Geneva, sans-serif;

}



/*CHANGED added custom button for videos "The Life and times of Maurice Strong" */

a.videos-button {

	display:block;

	width:180px;

	height:92px;

	margin:0;

	padding:0;

	border:#ccc 1px solid; 

	background:#fff url(/images/custom_graphics/videos_button.png) no-repeat scroll center top;

	text-indent: -10000px;	

       }

a.videos-button:hover {

        background-image: url(/images/custom_graphics/videos_button_hover.png);

       }





/* Category Tables */



td.sectiontableheader {

	font-family: Arial, Helvetica, Geneva, sans-serif;

	color: #fff;

	border-bottom: 1px solid #fff;

	border-right: 1px solid #fff;

	background: #7b8d6c;

	font-weight: bold;

}



td tr.sectiontableentry1 td,

td.sectiontableentry1 {

	background: #fefefe;

	border-bottom: 1px solid #f0f0f0;

}



td tr.sectiontableentry2 td,

td.sectiontableentry2 {

	background: #f6f6f6;

	border-bottom: 1px solid #f2f2f2;

}



.sectiontableentry1 a,

.sectiontableentry2 a {

	text-decoration: none;

}



/*************************** 

New style add for version 1.7 

*******************************/

.blogs .items-row 

{

margin:0;

width:auto;

}



.cols-2 #blog_section

{

margin:0 9px 24px 0;

float:left;

width:49%;

}



.lead_title

{

margin: 0 0 29px 0;

}



.lead_title h2

{

float:left;

width: 94%;

font-size:28px;

letter-spacing:-2px;

}



.lead_title ul

{

/*float:left;*/

height: 15px;

margin:11px 0 0;

padding: 10px 0 0;

}



.lead_title ul li

{

list-style:none;

display: inline;

}



.lead_title img

{

padding:0;

border: 1px solid #ccc;

}



p.readmore

{

    font-family: arial;

    font-size: 12px;

    font-weight: bold;

    padding: 5px 0 0;

	font-style: normal;

}



.items-more

{

width:927px;

margin:0 0 18px;

float:left;

border-top:1px solid #ccc;

}



.items-more h3

{

letter-spacing:0px;

color:#56634D;

font: bold 0.95em Arial,Helvetica,Geneva,sans-serif;

}



.items-more ol

{

width:auto;

margin:0;

}



.items-more ol li

{

margin:0 0 0 31px;

list-style:none;

padding: 4px;

border-bottom:1px solid #E2E2E2;

font-style:normal;

}



.items-more ol li:hover

{

margin:0 0 0 31px;

list-style:none;

padding: 4px;

cursor:pointer;

background-color:#EFEFEF;

}





.pagination

{

   font-style: normal;

    margin: 0 auto 15px;

    text-align: center;

    width: 338px;

}



.pagination .counter

{

display:block;

}



/*.pagination ul

{

 height: 22px;

    margin: auto;

    padding: 0;

    text-align: center;

    width: 264px;

}

*/

.pagination ul li

{

 display: inline;

list-style:none;

}



#article-index 

{

margin:26px 0 0;

}



#article-index ul

{

 background-color: #EFEFEF;

    height: auto;

    margin: 11px 0 0 2px;

    padding: 4px 0 4px 7px;

    width: 164px;

}



#article-index ul li

{

margin:0;

list-style:none;

}



#article-index ul li a

{

padding:0;

margin:0;

}



.item-page h2

{

	font-size: 28px;

	color: #485539;

	font-weight: normal;

	background: url("../images/divider_bar.png") repeat-x scroll center bottom transparent;

    width: 95%;

	line-height:25px;

	padding:0 0 2px;

	float:left;

	margin:0 0 0 0;

}



.item-page

{

padding: 9px 0 0;

}



.item-page a

{

text-decoration:underline;

}



h1 a,

h2 a,

h3 a,

h4 a

{

text-decoration:none!important;

}



ul.action

{

height: 15px;

margin:11px 0 0;

padding:10px 410px 10px ;

}



.item-page img

{

padding:0;

border: 1px solid #CCCCCC;

 margin-top: 7px;

}



.item-page ul li

{

margin:0;

list-style:none;

display:inline;

}



.item-page ul li a

{

padding:0;

margin:0;

}



.categories-list

{

margin:0;

padding:0;

}



.categories-list ul

{

margin-left: 20px;

width:300px;

}



.categories-list ul li

{

list-style: disc outside none;

padding:0 0 5px;

float:left;

font-weight: bold;


}

.item-title{
	float:left;
	list-style:none;
}



.weblink-count

{

font-size:11px;

color:#999999;

float:left;

 margin: 0 0 0 10px;

list-style:none;
}



.filter-search

{

float:left;

margin: 0 24px 0 0;}



.display-limit

{

float:left;

}



.filters

{

margin:0 0 19px;

}

.pagination ul {

    height: 22px;

    margin: 0 auto;

    padding: 0;

    text-align: center;

    width: 330px;

}

#system-message-container

{

display:none;

}

.inside .blog strong{font-weight:normal}