@charset "utf-8";
/* CSS Document */

* { font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; }
body { font-size:76.1%; background:#fff; color:#333;}

/* Global heading styles */
h1, h2, h3, h4 { font-family:Helvetica, Arial, sans-serif; color:#333; }
h1 {font-size:2.5em; font-weight:normal;}
h2 {font-size:1.4em;}
h3 {font-size:1em;}

h4 { font-size:1em; padding: 0.5em 1.3em 0.5em 1.3em; margin: 0.5em 0 0.8em 0; }

/* Text and list layouts */
p, ul, ol { margin-bottom:1em; line-height:1.5em; }
ul, ol { margin-left:2em;}
.gl_text_medium { font-size:1.2em}

img{border:none;}
a{text-decoration:none;}
a:link{color:#0066CC;}
a:visited {color:#9200bc}
a:hover {text-decoration:underline;}
a:active {color:#0066CC;}


/* Clear fix - see http://www.webtoolkit.info/css-clearfix.html */
.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%;}
/* End of Clear fix - http://www.webtoolkit.info/css-clearfix.html */


/*  MAIN  */

.wrapper { width:992px; margin:0 auto 0 auto; padding:0; background:#e7e5d8; }

.header {position:relative; height:170px; border-bottom: 2px solid white; }
.hHome {background: url(consumption-banner.gif) top left no-repeat; }
.hPlastic {background: url(plastic-metal-banner.gif) top left no-repeat; }
.hPaper {background: url(paper-banner.gif) top left no-repeat; }
.hText {background: url(textiles-banner.gif) top left no-repeat; }
.hLead {background: url(lead-banner.gif) top left no-repeat; }
.hCarbon {background: url(carbon-banner.gif) top left no-repeat; }
.hCeramics {background: url(ceramics-banner.gif) top left no-repeat; }
.hEd {background: url(ed-banner.gif) top left no-repeat; }
.substype { position:absolute; top:66px; left:56px }

.contentBlock { clear:both; background:#e7e5d8; padding-top:30px; }
.contentBlockBlue { background:#0077B8; color:white; padding-top:30px; }
.contentBlockWhite { background:#5A7A63; color:white; padding-top:30px; }
.contentBlockTan { background:#C97629; color:white; padding-top:30px; }
.contentBlockBrown { background:#887762; color:white; padding-top:30px; }
.contentBlockOrange { background:#ED4F25; color:white; padding-top:30px; }
.contentBlockGray { background:#4D6872; color:white; padding-top:30px; }

.contentBlockRed { background:#CE1F25; color:white; padding-top:30px; }

.activity { float:left; width:245px; margin-right:20px; }
.activity a, .activity a:visited { color:white; font-weight:bold;}


.footer { clear:both; }

.menuSm { float:left; padding-left:30px; width:165px; }
.menuEm { width:142px; float:left; margin:0 20px 30px 0; padding:0;}

.menuHome { float:left; padding-left:30px; width:250px; }
.menu ul { list-style-type:none; width:142px; float:left; margin:0 20px 30px 0; padding:0;}
.menu ul li { padding:0; margin:0; line-height:2.2em; border-top:2px dotted #84847C; }
.menu ul li a, .menu ul li a:visited {  font-weight:bold; color:#84847C; }
.menu ul li a:hover { text-decoration:none; color:#000; }
.menu ul li.last { border-bottom:2px dotted #84847C; }
.menu ul li a.curr, .menu ul li a.curr:visited { color:black; }

.menuW ul { list-style-type:none; width:142px; float:left; margin:0 20px 30px 0; padding:0;}
.menuW ul li { padding:0; margin:0; line-height:2.2em; border-top:2px dotted #fff; }
.menuW ul li a, .menuW ul li a:visited {  font-weight:bold; color:#96B9DD; }
.menuW ul li a:hover { text-decoration:none; color:#fff; }
.menuW ul li.last { border-bottom:2px dotted #fff; }
.menuW ul li a.curr, .menuW ul li a.curr:visited  { color:white; }

.menuB ul { list-style-type:none; width:142px; float:left; margin:0 20px 30px 0; padding:0;}
.menuB ul li { padding:0; margin:0; line-height:2.2em; border-top:2px dotted #fff; }
.menuB ul li a, .menuB ul li a:visited {  font-weight:bold; color:#dcc; }
.menuB ul li a:hover { text-decoration:none; color:#fff; }
.menuB ul li.last { border-bottom:2px dotted #fff; }
.menuB ul li a.curr, .menuB ul li a.curr:visited  { color:white; }

.artcol {float:left; width:260px; }
.artcolRight { float:left; width:260px; text-align:right; }
* html .artcolRight { width:247px; }


.topQuote { clear:left; border-top:2px dotted #814638; border-bottom:2px dotted #814638; padding:10px 0 10px 0; margin:0 20px 20px 0; } 

.main { float:left; width:470px; padding-left:15px; }
.main h4 { border:1px solid gray; }

.essay a, .essay a:visited  { color:#006; font-weight:bold; font-size:0.9em; }

.mainFull { float:left; }
* html .mainFull { margin-left:-15px; }
.main h4 { border:1px solid gray; }

.artPres {clear:left; }
.description { float:left; margin-left:15px; width:450px; }

.homeMain { float:left; padding-left:15px; border-left:2px dotted white; width:680px; }
.homeMain h4 { border:1px solid gray; }
h4.wH { color:#fff; border:1px solid white; margin-top:0; }

.homeMain .col { float:left; margin-right:15px; width:250px; }

.baseContent { clear:both; }
.baseContent .imgBlock { float:left; text-align:right; padding-left:30px; width:425px;}
* html .baseContent .imgBlock {width:415px;}

.footnotes { clear: both; margin: 20px 0 0 20px; padding:30px 0 30px 180px; border-top: 2px dotted white; }
.footnotes a, .footnotes a:visited  { color:#006; font-weight:bold; font-size:0.9em; }

.footer { clear:left; height:60px; }


/* misc blocks */
.caption { margin:6px 0 8px 0; font-size:0.86em; line-height:0.5em; }
.caption p {line-height:1em;}

.pushRight { margin-left:470px; }

.logoBlock { padding:40px 0 40px 0; }

.logoBlock h3 { border-bottom:2px dotted white; padding:20px 0 4px 0; margin-bottom:15px; }

.horidot {clear:both; border-bottom:2px dotted white; }

.quote {  clear:left; border-top:2px dotted black; border-bottom:2px dotted black; padding:10px 0 10px 0; margin:10px 0 30px 30px; }
.quoteFlush {  clear:left; border-top:2px dotted black; border-bottom:2px dotted black; padding:10px 0 10px 0; margin:20px 0 30px 0; }
.gray { border-color:#84847C; }
.red { border-color:#814638; }
.white { border-color:#fff; }

.across { float:left; margin-top:20px; }

.top { float:left; width:736px; margin-top:0; }

.fCol { float:left; width:236px; margin-right:20px; }

.padLeft180 { padding-left:180px; }

h1.redeem { background:url(the-art-of-consumption.gif) top left no-repeat; height:72px; margin-bottom:23px; overflow-x: hidden; overflow-y: hidden; text-indent: -1000px; }

h1.mayor { background:url(mayors-foreword.gif) top left no-repeat; height:25px; margin-bottom:23px; overflow-x: hidden; overflow-y: hidden; text-indent: -1000px; }

h2.intro { background:url(introduction.gif) top left no-repeat; height:25px; margin-bottom:23px; overflow-x: hidden; overflow-y: hidden; text-indent: -1000px; }

h1.enviro { background:url(when-it-costs-the-earth-sm.gif) top left no-repeat; height:25px; margin-bottom:23px; overflow-x: hidden; overflow-y: hidden; text-indent: -1000px; }

h2.redeem { background:url(the-art-of-consumption3.gif) top left no-repeat; height:37px; margin-bottom:23px; overflow-x: hidden; overflow-y: hidden; text-indent: -1000px; }

h2.reduce { background:url(reducing-consumption.gif) top left no-repeat; height:37px; margin-bottom:23px; overflow-x: hidden; overflow-y: hidden; text-indent: -1000px; }

h2.work { margin-left:273px; background:url(the-works.png) top left no-repeat; height:23px; margin-bottom:23px; overflow-x: hidden; overflow-y: hidden; text-indent: -1000px; }
* html h2.work  { margin-left:260px; }

h2.impact { background:url(impact.png) top left no-repeat; height:72px; margin-bottom:23px; overflow-x: hidden; overflow-y: hidden; text-indent: -1000px; }

a.aWhite { color:white; }

h2 { behavior: url(iepngfix.htc); }