/* Global Styles
--------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	color: #333;
	font-family: arial, helvetica, sans-serif;
	font-size: 62.5%; /* 1em = 10px */
	line-height: 1.5em;
	background: #989796 url(../Images/bgBody.gif) repeat-x;
	margin: 1.2em 2em;
}
img {	border: 0; }
img.border {
	border: 1px solid #ccc;
	padding: 2px;
}
div.hr {
  height: 0px;
  border-bottom: 1px solid #ddd;
  margin: 1.5em 0;
}
hr.dotted {
    /* Mozilla & IE have different opinions about how <hr> should look - be careful about changing these. */
  border:	none;
	border-top: 1px dashed #ddd;
  height:	1px;
	margin-bottom: 1.5em;
}
hr { margin: 1.5em 0; }
/* Links
--------------------------------------------------------------------*/
a, a:visited {
	color: #4082c6;
	text-decoration: none;
}
a:hover {
	color: #4082c6;
	text-decoration: underline;
}

input.submit {
  background: #fff url(../Images/bgButton.gif) repeat-x bottom right;
  border: 1px solid #ddd;
  color: #4082c6;
	font-size: .9em;
  padding: 0 5px 0 5px;
  margin-right: 5px;
  text-transform: uppercase;
  /* Fix IE - http://jehiah.cz/archive/button-width-in-ie */
  width: auto; 
  overflow: visible;
}
a.button {
  background: #fff no-repeat right top;
  border: 1px solid #ddd;
  padding: 2px 15px 2px 5px;
  _padding: 2px 15px 1px 5px;
  font-size: 1em;
  color: #4082c6;
  text-transform: uppercase;
}
a.button:hover {
	text-decoration: none;
  border: 1px solid #c2c2c2;
}
a.button img {
	vertical-align: middle;
	position: relative;
	top: -1px;
	_top: 0;
	padding-right: 5px;
}
p a.button { font-size: .8em; }
a.button.enlarge {
	background: #fff url(../Images/bgButtonEnlarge.gif) no-repeat 0 50%;
  padding: 2px 5px 2px 21px;
}
/* Text
--------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-family: arial, helvetica, Sans-Serif;
	margin: 1em 0 0 0;
	color: #000;
	font-weight: normal;
}
h1 {
	font-size: 2.4em;
    color: #009dd9;
    margin: 0 0 1em 0;
}
h2 { 
	font-size: 1.6em;
	color: #009dd9;
	margin: 0 0 1em 0;
}
h3 {
	font-size: 1.5em;
    color: #333;
	margin: 0 0 1em 0;
}
img.padBottom,
h3.padBottom,
h4.padBottom {
    padding-bottom: 1.5em;
}
h3.padTop { padding-top: 32px; }
h4 {
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
}
h5 {
	color: #777;
	font-size: 1.1em;
	font-weight: bold;
}
h6 { font-size: .8em; }
p, blockquote, cite {
	font-size: 1.2em;
	margin-bottom: 1em;
}
blockquote {
  margin: 0 0 1em 0;
  border-top: 1px dashed #444;
  border-bottom: 1px dashed #444;
  padding: .7em 0 1em;
  padding-left: 1.8em;
  text-indent: -2.0em;
  *padding-left: 1.8em;
  *text-indent: -1.4em; 
}
#Content blockquote p {
  font-size: 1.4em;
  line-height: 1.3em;
  margin-bottom : 0.6em;
}
#Content blockquote p span.quote {
  position: relative;
  top: .25em;
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
  font-size: 1.9em;
  _font-size: 1.4em; /* temp fix for three row spacing ie6 issue */
  line-height: 0.5em;
}
#Content blockquote cite {
  font-style: italic;  
  font-size: 1.1em; 
	padding-left: 1.5em;
}
address { font-style: normal; }
h3.open,
h3.closed {	margin: 0 0 1em 0; }
h3.open a, h3.open a:hover, h3.open a:visited {
	color: #4082c6;
  background: url(../Images/iconArrowDownBlue.gif) no-repeat 0 4px;  
  padding-left: 20px;
	display: block;
}
h3.closed a, h3.closed a:hover, h3.closed a:visited { 
	color: #4082c6;
  background: url(../Images/iconArrowRightBlue.gif) no-repeat 0 3px;
  padding-left: 20px;
	display: block;
}
sup.tradeMark {
    font-size: .55em;    
}
.benchMark {
    color: #6ea20a;
}

/* Often Used Classes   
--------------------------------------------------------------------*/
.floatright {
	float: right;
	display: inline; /*to avoid IE double margin bug*/
	margin: 0 0 1em 1em;
}
.floatleft {
	float: left;
	display: inline; /*to avoid IE double margin bug*/
	margin: 0 1em 1em 0;
}
.clearleft { clear: left; }
.clearright { clear: right; }
.alignright {	text-align: right; }
.aligncenter { text-align: center; }
.nowrap { white-space: nowrap; }
.highlight { color: #0050aa; }
.subdued { color: #999; }
.error { color: #c00; }
.success {
	color: #390;
	font-weight: bold;
}
.caption {
	color: #333 ;
	font-size: .9em;
}
.small { font-size: 1em; }
p.note {
  font-size: 1em;
  color: #666;
}
span.note {
	font-size: .9em;
	color: #666;
}
.footNote {
  font-size: .9em;
  color: #444;
  padding-right: .5em;
}
.comments {
  font-size: 1.1em;
  color: #666;
	font-style: italic;
}
.date {
	color: #666;
	font-size: .9em;
}
.padLeft { padding-left: 20px; }
.nopad { margin: 0; }
.searchPad { padding-top: 208px; }
.blockIt {
    display: block;
}
/* Links
--------------------------------------------------------------------*/
p.links { text-align: right; }
p.links a { color: #05a; }
p.padBottom {	margin-bottom: 2em; }
p.description {
  font-size: 1.3em;
  line-height: 2em;
  color: #333 ;
}

.audio {
	background: url(../Images/iconAudio.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.doc {
	background: url(../Images/iconWord.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.download, .netCssDwnld  { /* netCssDwnld for CssClass attribute in .net controls as download doesn't work */ 
	background: url(../Images/iconDownload.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.downReportRR {
	background: url(../Images/iconDownload.gif) no-repeat 0 3px;
	padding: 0px 0 4px 17px;
	display: block;
	width: 50px;
}
.reqPrintRR {
	background: url(../Images/iconReqPrint.gif) no-repeat 0 3px;
	padding: 0px 0 4px 17px;
	display: block;
    width: 50px;
}
.reqPrint {
	background: url(../Images/iconReqPrint.gif) no-repeat 0 3px;
	padding: 3px 0 4px 18px;
}
.reqPrintCR08 {
	background: url(../Images/iconReqPrint.gif) no-repeat 0 3px;
	padding: 3px 0 4px 18px;
	margin-left: 1px;
}
.pdfReportCR08 {
	background: url(../Images/iconDownload.gif) no-repeat 0 4px;
	padding: 4px 0 4px 18px;
	margin-left: 1px;
	clear: both;
}
.external  {
	background: url(../Images/iconExternal.gif) no-repeat 0 4px;
	padding: 4px 0 4px 18px;
}
.externalRtAlign  {
	background: url(../Images/iconExternal.gif) no-repeat center right;
	padding: 4px 18px 4px 0;
}
h3 .external  {
	background: url(../Images/iconExternal.gif) no-repeat 0 6px;
	padding: 5px 0 4px 20px;
}
.help {
	background: url(../Images/iconHelp.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.html {
	background: url(../Images/iconHTML.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.pdf {
	background: url(../Images/iconPDF.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.img .pdf, .imgBlock .pdf { 
	background: none; 
	padding: 0;
}
.podcast {
	background: url(../Images/iconPodcast.gif) no-repeat 0 4px;
	padding: 4px 0 4px 20px;
}
.ppt {
	background: url(../Images/iconPPT.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.realAudio {
	background: url(../Images/iconRealAudio.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.rss {
	background: url(../Images/iconRSS.gif) no-repeat 0 5px;
	padding: 4px 0 4px 18px;
}
.slideshow {
	background: url(../Images/iconSlideshow.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.video {
	background: url(../Images/iconVideo.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.webcast {
	background: url(../Images/iconWebcast.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.wmv {
	background: url(../Images/iconWMV.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.xls {
	background: url(../Images/iconExcel.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;
}
.zoom {
	background: url(../Images/iconZoom.gif) no-repeat 0 4px;
	padding: 4px 0 4px 20px;
}

body.ir .pdf, body.ir .xls, body.ir .doc { 
	background-image: none; 
	padding: 0;
}

a.print  {
	float: left;
    display: block;
	width: 62px;
	height: 19px;  
	text-indent:-5000px;
	overflow: hidden;
	background-position: left 0px;
    background: url(../Images/iconPrint.gif) repeat-y;
	margin-right: 15px;
} 
a.email  {
	float: left;
    display: block;
	width: 62px;
	height: 19px;  
	text-indent:-5000px;
	overflow: hidden;
	background-position: left 0px;
    background: url(../Images/iconEmail.gif) repeat-y;
}
a.email:hover,
a.email:active,
a.print:hover,
a.print:active { background-position: left 19px; }
#PageAids {	margin:	0 0 1.7em 0; }

a.skip { 
	margin-top: -999px!important;
	font-size: 1.4em;
	position: absolute;
}
a.skip:active { position: relative; }

/* Lists
--------------------------------------------------------------------*/
#Content ul.links {
	list-style: none;
	padding: 0;
	margin-top: -1em;
}
#Content ul.links li {
	display: inline;
	margin-right: 5px;
}
#Content ul.padBottom li { margin-bottom: 1em; }
/*.rightRail3 ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0;
	background: teal;
}
.rightRail3 ul.iconList li { background: gold; margin-left: -22px; }
.rightRail3 ul.iconList li .pdf { 
	/*text-indent: -22px;*/
/*	padding-left: 2em; 
	background-color: yellow;
}*/

/*background: url(../Images/iconPDF.gif) no-repeat 0 4px;*/

/*ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

li
{
background-image: url(arrow.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
}*/

/* Lists -> imgTwoCol (clearfix is automatically added to LIs below)
-------------------------------- */
#Content ul.imgTwoCol {
	list-style: none;
	padding: 0;
}
#Content ul.imgTwoCol li {
	padding-left: 80px;
	margin-bottom: 20px;
	_margin-bottom: 8px;
}
#Content ul.imgTwoCol li span.img {	margin: 0 0 0 -80px; }
#Content ul.imgTwoCol li h3 {	margin: 0; }
#Content ul.imgTwoCol li p { _height: 1%; /* Fix 3px jog in IE */ }

/* Lists -> imgTwoCol -> sizes
-------------------------------- */
#Content ul.imgTwoCol li.med { padding-left: 100px;	}
#Content ul.imgTwoCol li.med span.img {	margin: 0 0 0 -100px; }
#Content ul.imgTwoCol li.large { 
	padding-left: 117px;
	margin-bottom: 40px;
}
#Content .box ul.imgTwoCol li.large {	margin-bottom: 20px; }
#Content ul.imgTwoCol li.large span.img {
	margin: 0 0 0 -117px;
	*margin-bottom: 500px; /* IE6 fix */
}
#Content ul.imgTwoCol li.large h3 {	margin-bottom: 0; }
#Content ul.imgTwoCol li.large .noMargin { margin-bottom: 0; }

/* Containers
--------------------------------------------------------------------*/
#Wrapper {
	width: 960px;
	background-color: #fff;
	margin: 0 auto;
	border: 1px solid #ddd;
}
#Container {
	/* position: relative; to fix Dragon problems on long pages with many links */
	margin-top: 2.1em;
	border-bottom: 8px solid #eeeeee;
}
#LeftCol {
	float: left;
	display: inline;
	width: 174px;
	min-height: 500px;
	_height: 500px;
	margin: 0 20px 0 0;
}
#Content {
	float: left;
	display: inline;
	padding-bottom: 1em;
}

/* One Column Full width - Stories */
#Container.onecolFull {
	margin-top: -10px;
	border: 0; 
}
#Container.onecolFull #Content {
	width: 960px;
	padding: 0;
	margin: 0;
}

/* One Column */
#Container.onecol #Content {
	width: 868px;
	margin: 0 16px 0 76px;
	/* keep min height */
	min-height: 237px; 
	_height: 185px;
}
/* One Column Alt */
#Container.onecolAlt #Content {
	width: 708px; 
	margin: 0 0 0 76px;	
	/* keep min height */
	min-height: 237px; 
	_height: 185px;
}
#Container.onecol #Content {
	width: 868px;
	margin: 0 16px 0 76px;
	/* keep min height */
	min-height: 237px; 
	_height: 185px;
}
/* Two Column */
#Container.twocol #Content {
	width: 708px; 
	margin: 0;
}
/* Three Column */
#Container.threecol #Content {
	width: 511px; 
	padding-right: 59px; /* keep for 570px width */
	margin: 0 20px 0 0;
	overflow: hidden;
}
#Container.threecolNoNav #Content {
	width: 511px; 
	padding-right: 59px;
	margin: 0 20px 0 194px;
}
#Container.threecol #RightCol,
#Container.threecolNoNav #RightCol { width: 158px; }
#RightCol {
	float: right;
	display: inline;
	width: 184px;
	padding: 0;
	margin-right: 16px;
}
#Container.onecolAlt #RightCol { width: 158px; }

/* Columns
--------------------------------------------------------------------*/
#Content .col {
  float: left;
  display: inline;
}
#Content .col.half {
  width: 235px;
	margin-right: 20px;
}
#Content div.box .col.half {
    width: 221px;
	_height: 104px /* IE6 bug fix */
}
#Content .col.half h3 {	margin: 0; }
#Content .col.threecol {
  width: 216px;
	margin-right: 20px;
}
#Content .col.fourCol {
	width: 165px;
	margin: 0 7px 0 0;
}
#Content .col.wideleft {
	width: 334px;
	margin-right: 20px;
}
#Content .col.right {
	width: 216px;
	margin-right: -59px; /* to fit to 511px width */
}

/* Header
--------------------------------------------------------------------*/
div#Header {
	position: relative;
	margin-bottom: 10px;
	background: #fff;
	z-index: 10;
}
div#Logo { padding: 16px; }
div#Logo a {
    display: block;
    width: 159px;
    height: 55px;
}

/* Banner
--------------------------------------------------------------------*/
#Banner {
	background: #fff;
	border-bottom: 1px solid #ddd;
	_height: 1%;
	width: 750px;
	float: left;
	/*padding-bottom: 1em;*/
	margin-bottom: 1.5em;
}
#Banner div.CR {
	background: #fff;
	_height: 1%;
	width: 750px;
	float: left;
	padding-bottom: 0;
}
#Banner.lowerLevel {
	background: #fff url(../Images/imgSubHeadHorizRule.gif) no-repeat bottom left;
	border-bottom: none;
}
#Container.threecolNoNav #Banner {
    float: none;
    margin-left: 194px;
}
#Banner h1 {
    margin: 0;
    padding: 0 0 .45em 0;
    line-height: 1em;
}
#Banner h1.newsPageTitle { width: 570px; }
#Banner h2 {
    margin: 0;
    padding-bottom: .6em;
    width: 375px; /* 350 */
    line-height: 1.4em;
}
#Banner p {
    font-size: 1.3em;
    line-height: 1.6em;
    margin-bottom: .5em;
    color: #333 ;
}
/* div.intro */
#Banner div.intro {
	height: 142px;
	padding: 3px 0;
	margin-top: .5em;
	border-top: 1px solid #ddd;
	/* margin-bottom: -1em; */
}
#Banner div.news img,
#Banner div.intro img {
    float: right;
}
#Banner div.intro img.watchVideo {
    float: none;
}
#Banner div.intro p {
	width: 425px;
	text-indent: -5000px;
	overflow: hidden;
	margin: 1.8em 0 1.5em 0;
}
/* div.intro -> alt */
#Banner div.intro.alt {
	height: 106px;
	margin-top: -2.1em;
	border-top: 0;
	position: relative; /* IE fix */
}
#Banner div.intro.alt h1,
#Banner div.CR.intro.alt h1 {
  margin-top: .85em; 
}
/* Country Banner */
#CountryBanner {
	background: #fff;
	border-bottom: 1px solid #ddd;
	_height: 1%;
	width: 750px;
	float: left;
	padding-bottom: 3px;
	margin-bottom: 1.5em;
}
#CountryBanner div.intro {
	height: 142px;
	padding: 3px 0;
	margin-top: .5em;
	border-top: 1px solid #ddd;
	margin-bottom: -1em;
}
#CountryBanner div.intro img {
    float: right;
    height: 106px;
    display: inline;
}
#CountryBanner h1 {
    margin: 0;
    padding: 0 0 .45em 0;
    line-height: 1em;
}
#CountryBanner h2 {
    margin: 0;
    padding-bottom: .6em;
    width: 375px; /* 350 */
    line-height: 1.4em;
}
#CountryBanner div.intro.alt {
	height: 113px;
	margin-top: -2.1em;
	border-top: 0;
	position: relative; /* IE fix */
}
#CountryBanner div.intro.alt h1,
#CountryBanner div.CR.intro.alt h1 {
  margin-top: .85em; 
}

/* Banner -> onecol / onecolAlt
-------------------------------- */
#Container.onecol #Banner,
#Container.onecolAlt #Banner {
	float: none;
  background: none;
  border-bottom: none;
  width: 868px;
	/* Hairline settings */
  background: url(../Images/hrLine.gif) no-repeat bottom left;
  margin: 0 0 56px 76px;
	padding: 0px;
}
#Container.onecol #Banner h1,
#Container.onecolAlt #Banner h1 {
  height: 24px;
  width: 295px;
  float: left;
  display: inline;
  background-repeat: no-repeat;
  text-indent: -5000px;
  overflow: hidden;
	margin: 15px 0 0 0;
	padding: 0;
}
#Container.onecol #Banner h1.noIdent,
#Container.onecolAlt #Banner h1.noIdent,
#Container.onecolAlt #Banner p.noIndent {	text-indent: 0; }
#Container.onecol #Banner p,
#Container.onecolAlt #Banner p {
  height: 63px;
  width: 573px;
  float: left;
  display: inline;
  font-size: 1.6em;
  line-height: 1.6em;
  color: #808080;
  background-repeat: no-repeat;
  text-indent: -5000px;
  overflow: hidden;
  padding-bottom: 52px;
	margin: 0px;
}

/* Banner Image Replacements
-------------------------------- */
/* News */
#Banner h1.titleNews {
	background: url(../Images/titleNews.gif) no-repeat;
	height: 23px;
	width: 69px;
	text-indent: -5000px;
	overflow: hidden;
}
#Banner h2.subtitleNews {
	background: url(../Images/subtitleNews.gif) no-repeat;
	height: 13px;
	width: 246px;
	text-indent: -5000px;
	overflow: hidden;
}
/*replaced with linked image--> #Banner div.intro.news { background: url(../Images/mbandNews.jpg) no-repeat 100% 3px; }*/
#Banner div.intro.news h3 {
	color: #666 ;
	font-weight: bold;
	margin: 1.8em 0 0 0;
	font-size: 1.5em;
	line-height: 1.5em;
}
#Banner div.intro.news p {
	text-indent: 0;
	margin: 0 0 1.5em 0;
	font-size: 1.5em;
}
#Banner div.intro.mediaResources { background: url(../Images/mbandMediaRes.jpg) no-repeat 100% 3px; }

/* Investors */
#Banner h1.titleInvestors {
	background: url(../Images/titleInvestors.gif) no-repeat;
	height: 23px;
	width: 237px;
	text-indent: -5000px;
	overflow: hidden;
}
#Banner h2.subtitleInvestors {
	background: url(../Images/subtitleInvestors.gif) no-repeat;
	height: 17px;
	width: 345px;
	text-indent: -5000px;
	overflow: hidden;
}
#Banner div.intro.investors {	background: url(../Images/mbandInvestors.jpg) no-repeat 100% 3px; }
#Banner div.intro.investors h3 {
	color: #666;
	font-weight: bold;
	margin: 1.8em 0 0 0;
	font-size: 1.5em;
	line-height: 1.5em;
}
#Banner div.intro.investors p {
	text-indent: 0;
	margin: 0 0 1.2em 0;
	font-size: 1.5em;
}
#Banner div.intro.investors p.pdflink {
  font-size: 1.2em;
  margin-bottom: 0;
}
#Banner div.intro.investors img.pdflink { 
  float: left;
  padding: 1px 5px 0 0;  
}
/* ChevronWay page */
#Banner div.intro.chevronway {
	background: url(../Images/mbandChevronWay.jpg) no-repeat 100% 3px;
	height: 132px;
}
#Banner div.intro.chevronway p {
	background: url(../Images/introChevronWay.gif) no-repeat;
	height: 65px;
	width: 490px;
	margin: 0 0 1em 0;
}
#Banner div.intro.chevronway h1 {
	background: url(../Images/titleChevronWay.gif) no-repeat;
	height: 22px;
	width: 175px;
	text-indent: -5000px;
	overflow: hidden;
}

/* About Us */
#Container.onecolAlt #Banner h1.titleAboutUs {
  width: 184px;
  background-image: url(../Images/titleAboutUs.gif);
}
#Container.onecolAlt #Banner p.introAboutUs {
  width: 662px;
  background-image: url(../Images/introAboutUs.gif);
	height: 42px;
}

/* Board of Directors - Executive Committe */
#companyLeadership ul {
  list-style:none; 
  width: 510px;
  padding: 0 0 5px 0!important;
}
#companyLeadership ul li {
  float:left;
  width:155px;  
  padding: 0 15px 0 0;
}
/* row height based on tallest title in row  */
#companyLeadership ul.twoLine { height: 60px; }
#companyLeadership ul.threeLine { height: 78px; } 
#companyLeadership ul.fourLine { height: 96px; } 
#companyLeadership ul.fiveLine { height: 114px; } 

/* second level pages */
#Banner div.intro.advertising {	background: url(../Images/mbandAdvertising.jpg) no-repeat 100% 3px; }
#Banner div.intro.leadership { background: url(../Images/mbandLeadership.jpg) no-repeat 100% 3px; }
#Banner div.intro.excellence { background: url(../Images/mbandOperExcellence.jpg) no-repeat 100% 3px; }
#Banner div.intro.strategy { background: url(../Images/mbandStrategy.jpg) no-repeat 100% 3px; }
#Banner div.intro.chevronway { background: url(../Images/mbandChevronWay.jpg) no-repeat 100% 3px; }
#Banner div.intro.diversity {	background: url(../Images/mbandDiversity.jpg) no-repeat 100% 3px; }
#Banner div.intro.ourbusiness {	background: url(../Images/mbandOurBusiness.jpg) no-repeat 100% 3px; }

/* Energy Source */
#Container.onecol #Banner div.intro.energySources {
	background: none;
	height: 180px;
	padding: 0;
	margin: 0;
}
#Container.onecol #Banner div.intro.energySources h1 {
	background: url(../Images/titleEnergySources.gif) no-repeat 0 8px;
	height: 29px;
	width: 209px;
	padding: 8px 0 0 0;
	margin: 0 0 0 0;
	text-indent: -5000px;
	overflow: hidden;
  float: none;
  display: block;
}
#Container.onecol #Banner div.intro.energySources p {
	background: url(../Images/introEnergySources.gif) no-repeat;
	height: 90px;
	width: 490px;
  float: none;
  display: block;
	padding: 0;
}
#Container.onecol #Banner div.intro.energySources h2 {
	background: url(../Images/subtitleEnergySources.gif) no-repeat;
	height: 20px;
	width: 275px;
	padding: 0;
	margin: 0 0 12px 0;
	text-indent: -5000px;
	overflow: hidden;
  float: none;
  display: block;
}
.chart {
	height: 174px;
	width: 290px;
	position: absolute;
	top: 0;
	right: 0;
  display: block;
	padding: 0;
	background: none;
}
.chart .pieImg {
	float: left; 
	margin: 0 18px 10px 0;
}
.keyBlue { background: url(../Images/color10a0c6.gif) no-repeat 2px 7px; }
.keyPurple { background: url(../Images/color342a65.gif) no-repeat 2px 7px; }
.keyRust { background: url(../Images/colored5635.gif) no-repeat 2px 7px; }
.keyLtPurple { background: url(../Images/color9a95b2.gif) no-repeat 2px 7px; }
.keyPink  { background: url(../Images/colorf6ac9b.gif) no-repeat 2px 7px; }

/* second level pages */
#Banner div.intro.enSourceBiofuel { background: url(../Images/mbandBiofuel.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceCoal { background: url(../Images/mbandCoal.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceEffconserv { background: url(../Images/mbandEffConservation.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceFuelcell { background: url(../Images/mbandFuelCell.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceGasliquid { background: url(../Images/mbandGastoLiquid.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceGeotherm { background: url(../Images/mbandGeotherm.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceHydrogen { background: url(../Images/mbandHydrogen.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceNatgas { background: url(../Images/mbandNaturalGas.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceOcean { background: url(../Images/mbandOcean.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceOil { background: url(../Images/mbandOil.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceOilshale { background: url(../Images/mbandOilShale.jpg) no-repeat 100% 3px; }
#Banner div.intro.enSourceSolar { background: url(../Images/mbandSolar.jpg) no-repeat 100% 3px; }
/* Investors */
#Banner div.intro.investArchive {	background: url(../Images/mbandArchive.jpg) no-repeat 100% 3px; }
#Banner div.intro.investCommPaper {	background: url(../Images/mbandCommPaper.jpg) no-repeat 100% 3px; }
#Banner div.intro.investCorpGov {	background: url(../Images/mbandCorpGov.jpg) no-repeat 100% 3px; }
#Banner div.intro.investEventsPres { background: url(../Images/mbandEventsPres.jpg) no-repeat 100% 3px; }
#Banner div.intro.investFinReporting { background: url(../Images/mbandFinReporting.jpg) no-repeat 100% 3px; }
#Banner div.intro.investInvestRel {	background: url(../Images/mbandInvestRel.jpg) no-repeat 100% 3px; }
#Banner div.intro.investManageShares { background: url(../Images/mbandManageShares.jpg) no-repeat 100% 3px; }
#Banner div.intro.investPressRel { background: url(../Images/mbandPressRel.jpg) no-repeat 100% 3px; }
#Banner div.intro.investStockInfo {	background: url(../Images/mbandStockInfo.jpg) no-repeat 100% 3px; }
/* Stockholder Services */
#Banner div.intro.stockholderServices {	background: url(../Images/mbandStockholderServices.jpg) no-repeat 100% 3px; }
/* Global Issues */
#Banner div.intro.globIssBizEthics { background: url(../Images/mbandBizEthics.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssCommunity { background: url(../Images/mbandCommunity.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssConservation {	background: url(../Images/mbandConservation.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssCorpResponsibility {
	background: url(../Images/mbandCorpResponsibility.jpg) no-repeat 100% 3px;
	height: 141px;
}
#Banner div.intro.globIssEmergeEngy {	background: url(../Images/mbandEmergeEngy.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssEnPolicy {	background: url(../Images/mbandEnPolicy.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssEnPrices {	
	background: url(../Images/mbandEnPrices.jpg) no-repeat 100% 3px;
	height: 141px;
}
#Banner div.intro.globIssEnvironment { background: url(../Images/mbandEnvironment.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssHeatlh {	background: url(../Images/mbandHeatlh.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssHumRights { background: url(../Images/mbandHumRights.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssSupDemand { background: url(../Images/mbandSupDemand.jpg) no-repeat 100% 3px; }

/* ClimatChange */
#Banner div.intro.climateChange {	background: url(../Images/mbandClimateChange.jpg) no-repeat 100% 3px; }

/* Countries */
#Banner div.intro.countryUSA { background: url(../Images/mbandUSA.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryAngola {	background: url(../Images/mbandAngola.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryArgentina { background: url(../Images/mbandArgentina.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryAustralia { background: url(../Images/mbandAustralia.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryAustraliaWheatstone { background: url(../Images/mbandWheatstone.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryAzerbaijan { background: url(../Images/mbandAzerbaijan.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryBangladesh { background: url(../Images/mbandBangladesh.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryBelgium { background: url(../Images/mbandBelgium.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryBrazil {	background: url(../Images/mbandBrazil.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryCanada {	background: url(../Images/mbandCanada.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryChad { background: url(../Images/mbandChad.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryChina { background: url(../Images/mbandChina.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryColombia {	background: url(../Images/mbandColombia.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryIndia { background: url(../Images/mbandIndia.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryIndonesia { background: url(../Images/mbandIndonesia.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryKazakhstan {	background: url(../Images/mbandKazakhstan.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryKuwait {	background: url(../Images/mbandKuwait.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryNetherlands { background: url(../Images/mbandNetherlands.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryNewZealand {	background: url(../Images/mbandNewZealand.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryNigeria { background: url(../Images/mbandNigeria.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryPhilippines { background: url(../Images/mbandPhilippines.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryRussia {	background: url(../Images/mbandRussia.jpg) no-repeat 100% 3px; }
#Banner div.intro.countrySaudiArabia { background: url(../Images/mbandSaudiArabia.jpg) no-repeat 100% 3px; }
#Banner div.intro.countrySingapore { background: url(../Images/mbandSingapore.jpg) no-repeat 100% 3px; }
#Banner div.intro.countrySouthAfrica { background: url(../Images/mbandSouthAfrica.jpg) no-repeat 100% 3px; }
#Banner div.intro.countrySouthKorea { background: url(../Images/mbandSouthKorea.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryThailand {	background: url(../Images/mbandThailand.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryTrinidadTobago {	background: url(../Images/mbandTrinidadTobago.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryUnitedKingdom { background: url(../Images/mbandUnitedKingdom.jpg) no-repeat 100% 3px; }
#Banner div.intro.countryVenezuela { background: url(../Images/mbandVenezuela.jpg) no-repeat 100% 3px; }
/* Go to the Country Site link */
#Banner div.intro.countryCanada a, 
#Banner div.intro.countrySaudiArabia a, 
#Banner div.intro.countryThailand a {
	display: block;
	height: 22px;
	width: 240px;
	cursor: default;
	text-indent: -5000px; 
	overflow: hidden;
	position: relative;
	top: -10px;
	left: 510px;
}

/* Products and Services */
#Container.onecolAlt #Banner h1.titleProductsServices { background-image: url(../Images/titleProductsServices.gif); }
#Container.onecolAlt #Banner p.introProductsServices { background-image: url(../Images/introProductsServices.gif); }
/* Chevron Worldwide */
#Container.onecolAlt #Banner h1.titleChevronWorldwide { background-image: url(../Images/titleChevronWorldwide.gif); }
#Container.onecolAlt #Banner p.introChevronWorldwide {
  background-image: url(../Images/introChevronWorldwide.gif);
  height: 89px;
}
/* Second Level Pages */
#Banner div.intro.prodServAdditives {	background: url(../Images/mbandAdditives.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServAviation { background: url(../Images/mbandAviation.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServChemicals {	background: url(../Images/mbandChemicals.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServMarine { background: url(../Images/mbandMarine.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServLubricants { background: url(../Images/mbandLubricants.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServPwrServices {	background: url(../Images/mbandPwrServices.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServSpecialtyProd {	background: url(../Images/mbandSpecialtyProd.jpg) no-repeat 100% 3px; }
/*replaced with linked image--> #Banner div.intro.prodServTechnology { background: url(../Images/mbandTechnology.jpg) no-repeat 100% 3px; }*/
#Banner div.intro.prodServEnServices { background: url(../Images/mbandEnServices.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServBizOpportunity { background: url(../Images/mbandBizOpportunity.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServSuppDiversity {	background: url(../Images/mbandSuppDiversity.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServFuelStations { background: url(../Images/mbandFuelStations.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServCreditCard { background: url(../Images/mbandCreditCard.jpg) no-repeat 100% 3px; }
#Banner div.intro.prodServFuels {	background: url(../Images/mbandFuels.jpg) no-repeat 100% 3px; }

/* Global Issues */
#Container.onecol #Banner h1.titleGlobalIssues {
  width: 235px;
  background-image: url(../Images/titleGlobalIssues.gif);
}
#Container.onecol #Banner p.introGlobalIssues {
  width: 630px;
  background-image: url(../Images/introGlobalIssues.gif);
}
/* Contact Us */
#Container.onecol #Banner h1.titleContact { background-image: url(../Images/titleContact.gif); }
#Container.onecol #Banner p.introContact {
  background-image: url(../Images/introContact.gif);
	height: 39px;
}

/* WPC Blog */
#Banner div.intro.wpcBlogEvents { background: url(../Images/mbandWPCEvent.jpg) no-repeat 100% 3px; }

/* WPC Blog */
#Container.onecolAlt #Banner div.intro.wpcBlog {
	background-color: #fff;
	height: 132px;
	margin-bottom: -18px;
	border-bottom: 1px solid #ddd;
}
#Container.onecolAlt #Banner div.intro.wpcBlog h1 {
	background: url(../Images/titleWPCBlog.gif) no-repeat 0 8px;
	height: 31px;
	width: 626px;
	padding: 20px 0 0 0;
	margin: 35px 0 0 0;
	text-indent: -5000px;
	overflow: hidden;
    float: none;
    display: block;
}
#Container.onecolAlt #Banner div.intro.wpcBlog p {
	background: url(../Images/introWPCBlog.gif) no-repeat;
	height: 17px;
	width: 325px;
    float: none;
    display: block;
	padding: 0;
}

/* CTV */
#Banner div.intro.ctvLanding { background: url(../Images/mbandCTV.jpg) no-repeat 100% 3px; }
#Banner div.intro.ctvCTVI { background: url(../Images/mbandCTVI.jpg) no-repeat 100% 3px; }
#Banner div.intro.ctvContact { background: url(../Images/mbandCTVContact.jpg) no-repeat 100% 3px; }

/*Bowoto*/

#Banner div.intro.bowotoLanding { background: url(../Images/mbandbowoto.jpg) no-repeat 100% 3px; }

.entryPost {
    width: 500px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 36px;
}

/*Ecuador*/

#Banner div.intro.ecuadorLanding { background: url(../Images/mbandecuador.jpg) no-repeat 100% 3px; }

/* #Content settings
--------------------------------------------------------------------*/
#Content p { line-height: 1.5em; }
#Content p.intro {
	font-size: 1.5em;
	color: #666666;
}
#Content .info {
	margin-bottom: 3em;
	_margin-bottom: 2em;
}
#Content .info p.summary {
	float: left;
	margin: 150px 0 0 -117px;
	width: 110px;
	font-size: 1.1em;
}
#Content p.backToTop {
  text-align: right;
	font-size: 1.1em;
  text-transform: lowercase;
}
#Content p.backToTop a {
  background: #fff url(../Images/icon_back_totop.gif) no-repeat 0 4px;
  padding: 0px 0px 0px 11px; 
}
#Content h3 { 
	margin: 0 0 0.5em 0;/* Test only */
	line-height: 1.3em;
}
#Content ul, #Content ol {
	padding: 0 0 0 2.5em;
	list-style-position: outside;
	margin:	0.2em 0 1em 0;
	font-size: 1.2em;
	line-height: 1.5em;
}
#Content li ul,
#Content li p {  /* fix */ font-size: 1em; }
#Content ul.noBullet {
  list-style: none;
  padding: 0;
}
#Content ul.noBullet li {
	margin-bottom: 4px;
}
#LeftCol ul {
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
	margin: 0 0 2.0em 10px;
}
#LeftCol ul li {
	font-size: 1.3em;
	margin: 0 0 .5em 0;
	padding: 0 0 0 6px;
	font-weight: normal;
}

#Content dl.imgTwoCol {
	margin: 0;
	padding: 0;
	/*border-bottom: 1px solid #ccc; add bottom-border for hoiz rule */
}
#Content dl.imgTwoCol dt {
	float: left;
	display: inline;
	width: 100px;
	_height: 1%;
}
#Content dl.imgTwoCol dd {
	margin: 0pt 0pt 1em 110px;
	font-size: 1.2em;
	line-height:1.5em;
}
#Content address {
	font-size: 1.2em;
	margin-bottom:	1em;
}

/* Global Issues layout */
#Content ul.globalIssues {
	padding: 0;
	margin: 0;
	list-style-position:outside;
	list-style-type:none;
	width: 876px;
	margin-left: -5px;
}
#Content ul.globalIssues li  {
	float: left;
	display: inline;
  background: #fff;  
	margin: 0 0 1.8em 5px; 
	padding: 3px;
	border: 1px solid #e8e8e8;
	position: relative;
}
#Content ul.globalIssues li a {
  display: block;
	width: 133px;
	height: 56px;  
	text-indent: -5000px;
	overflow: hidden;
	background-position: left 0px;
}
#Content ul.globalIssues li.img1 a { background: url(../Images/imgGlobalIssues1.jpg) repeat-y; }
#Content ul.globalIssues li.img2 a { background: url(../Images/imgGlobalIssues2.jpg) repeat-y; }
#Content ul.globalIssues li.img3 a { background: url(../Images/imgGlobalIssues3.jpg) repeat-y; }
#Content ul.globalIssues li.img4 a { background: url(../Images/imgGlobalIssues4.jpg) repeat-y; }
#Content ul.globalIssues li.img5 a { background: url(../Images/imgGlobalIssues5.jpg) repeat-y; }
#Content ul.globalIssues li.img6 a { background: url(../Images/imgGlobalIssues6.jpg) repeat-y; }
#Content ul.globalIssues li.img7 a { background: url(../Images/imgGlobalIssues7.jpg) repeat-y; }
#Content ul.globalIssues li.img8 a { background: url(../Images/imgGlobalIssues8.jpg) repeat-y; }
#Content ul.globalIssues li.img9 a { background: url(../Images/imgGlobalIssues9.jpg) repeat-y; }
#Content ul.globalIssues li.img10 a { background: url(../Images/imgGlobalIssues10.jpg) repeat-y; }
#Content ul.globalIssues li.img11 a { background: url(../Images/imgGlobalIssues11.jpg) repeat-y; }
#Content ul.globalIssues li.img12 a { background: url(../Images/imgGlobalIssues12.jpg) repeat-y; }
#Content ul.globalIssues li.img13 a { background: url(../Images/imgGlobalIssues13.jpg) repeat-y; }
#Content ul.globalIssues li a:hover,
#Content ul.globalIssues li a:active { background-position: left 56px; }

/* About Us layout */
#Content ul.aboutUs {
	padding: 0;
	margin: 0;
	list-style-position:outside;
	list-style-type:none;
}
#Content ul.aboutUs li  {
  background: #fff;  
	float: left;
	display: inline;
	padding: 4px;
	border: 1px solid #e8e8e8;
	margin: 0 20px 18px 0;
	position: relative;
}
#Content ul.aboutUs li a {
  display: block;
	width: 189px;
	height: 54px;  
	text-indent: -5000px;
	overflow: hidden;
	background-position: left 0px;
}
#Content ul.aboutUs li.img1 a { background: url(../Images/imgAboutUs1.jpg) repeat-y; }
#Content ul.aboutUs li.img2 a { background: url(../Images/imgAboutUs2.jpg) repeat-y; }
#Content ul.aboutUs li.img3 a { background: url(../Images/imgAboutUs3.jpg) repeat-y; }
#Content ul.aboutUs li.img4 a { background: url(../Images/imgAboutUs4.jpg) repeat-y; }
#Content ul.aboutUs li.img5 a { background: url(../Images/imgAboutUs5.jpg) repeat-y; }
#Content ul.aboutUs li.img6 a { background: url(../Images/imgAboutUs6.jpg) repeat-y; }
#Content ul.aboutUs li.img7 a { background: url(../Images/imgAboutUs7.jpg) repeat-y; }
#Content ul.aboutUs li a:hover,
#Content ul.aboutUs li a:active {	background-position: left 54px; }

/* Blog Pages layout */
.blogPost {
    width: 590px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 36px;
}
.blogPost h3 {
    font-size: 1.9em;
    margin-bottom: .5em;
}
h3.blogBio {
    font-size: 1.8em;
    margin-bottom: 0;
    padding-top: 15px;
}

/* #RightCol settings
--------------------------------------------------------------------*/
.rightRail1, .rightRail2, .rightRail3, .rightRail4, .rightRail5, .rightRail6 { margin-bottom: 2em; }
#RightCol h4 {
	border-bottom: 1px solid #ddd;
    margin: 0 0 0.6em 0;
}
#RightCol p,
#RightCol address  {
	font-size: 1.1em;
  line-height: 1.3em;
  margin: 0 0 0.5em 0;
}
#RightCol .hardBreak {
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 */ 
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	width: 156px;
}
#RightCol ul, #RightCol ol {
	list-style-position: outside;
	margin:	0 0 .6em 0;
	font-size: 1.1em;
}
#RightCol ul.noBullet { margin:	0 0 .6em 0; }

#RightCol li {
    background: url(../Images/bgBlueBullet.gif) no-repeat 0 6px;
    list-style: none;
    margin:	0 0 .6em 0; 
    padding-left: 1em;
}
#RightCol ul.noBullet li,
#RightCol ul.iconList li {
    background: none;
    list-style: none;
    margin-bottom: 4px;
    padding-left: 0;
}
#RightCol ul.noBullet li.Discover {
    margin: 0 0 2px 1px;
}
#RightCol p.note { font-size: .9em; }

/* RightCol -> Box 
---------------------*/
#RightCol div.box {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 6px 6px 6px 6px;
	margin-bottom: 2em;
}
#RightCol div.box h4 {
	margin: .4em 0 .6em 0;
  border: none;
}
#RightCol div.box p.links {
	margin: 1em -.3em -.3em -.4em;
	padding: 5px 10px;
	background-color: #f3f3f3;
	border-top: 1px solid #ccc;
}

/* Tabbed Navigation 
--------------------------------*/
ul.tabbedNav {
	list-style-type: none;
	list-style-position: outside;
	height: 2.0em;
	margin: 0;
	padding: 0 0 0 2.0em;
	border-bottom: 1px solid #999;
}
ul.tabbedNav li {
	height: 2.0em;
	line-height: 2.0em;
	float: left;
	display: inline;
	position: relative;
	top: -1px;
	_top: 0;
	width: 120px;
	border: 1px solid #999;
	border-bottom: none;
	margin-right: 1.0em;
	text-align: center;
}
ul.tabbedNav li a {
	color: #fff;
	background: #ccc;
	height: 2.0em;
	display: block;
	text-decoration: none;
	padding: 0 1.0em;
}
ul.tabbedNav li a:hover {	background: #999; }
ul.tabbedNav li.selected a { background: #999; }

/* Tables
--------------------------------------------------------------------*/
table {	font-size: 1.1em; }
table table,
table p  { font-size: 1.0em; }
table.data {
	border-collapse: collapse;
	width: 100%;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin: 1.8em 0 1.8em 1px; /* margin-left to correct disappearing left border in FF. Changed to 1px to correct text resize bug. */
}
table.data td,
table.data th {
	vertical-align: top;
	text-align: left;
}
table.data caption {
	color: #333;
	font-size: 1.2em;
    text-align: left;
	padding-bottom: 0.4em;
}
table.data td {
	color: #333333;
	padding: 10px;
	background-color: #fff;
	border-right: 1px solid #ccc;
}
table.data td td,
table.data td td td,
table.data td td td td {
	padding: 0 10px 10px 0;
	border-right: none;
}
table.data tr.alt td {
	background-color: #eee;
}
table.data th,
table.data tr.header td,
table tr.ccbnBgTblTtl td {
	background: #999;
	border-right: 1px solid #fff;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: 15px;
	text-align: center;
}
table.data th.last,
table.data tr.header td.last,
table tr.ccbnBgTblTtl td.last  {
	border-right: 1px solid #999;
}
/* Box Table */
.box table.data {	border: none; }
.box table.data td {
	color: #777;
	padding: 0 1em 0.4em 0;
	border: none;
}
/* Pie Table */
table.piedatatable {
	border-collapse: collapse;
	width: 150px;
	font-size: 1.2em;
	margin-bottom: 0.6em;
	border-top: #ddd 1px solid;
}
table.piedatatable.wide {
	width: 430px;
	border-top: none;
	margin-bottom: 0;
}
table.piedatatable th {
	text-align: left;
	font-weight: normal; 
	padding: 3px 0 2px 16px; 
	border-bottom: #ddd 1px solid;
	vertical-align: top;
}
table.piedatatable td {
	text-align: right;
	padding: 3px 4px 2px 8px; 
	border-bottom: #ddd 1px solid;
	vertical-align: top;
}
table.piedatatable.wide td { text-align: center; }
/* Table -> stockQuote
-------------------------------- */
table.stockQuote {
	border-collapse: collapse;
	width: 100%;
	border: none;
	font-size: 1em;
	margin-bottom: 1em;	
}
table.stockQuote td,
table.stockQuote th {
	vertical-align: top;
	text-align: left;
}
table.stockQuote th {
	background: #fff;
	border: none;
	font-size: 1.1em;
	font-weight: normal;
	color: #777;
	text-align: left;
	padding: 0;
}
table.stockQuote td {
	border: none;
	font-size: 1.8em;
	color: #333;
	padding: 0;
}
table.stockQuote td.change { color: #777; }

/* Supplier Diversity Form tables
--------------------------------------------------------------------*/
table.supDivForm colgroup col { width: 85px; }
table.supDivForm colgroup col.last { width: 120px; }
table.supDivForm th { text-align: left; }
table.supDivForm td { text-align: left; }
input.busRegionServeCity { margin-left: 24px; }

/* Pagination
--------------------------------------------------------------------*/
div.pagination {
	padding: 7px 0;
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.5em 0;
}
div.pagination.bottom {
	border-top: 1px solid #ddd;
	border-bottom: 0;
}
div.pagination.top { border-bottom: 0; }
div.pagination p {
	float: left;
	margin: 0;
}
#Content div.pagination ul {
	list-style: none;
	float: right;
	padding: 0;
	margin: 0;
}
div.pagination ul li {
	display: inline;
	margin-left: 3px;
}
div.pagination ul li.previous a,
div.pagination ul li.next a {
	background: #fff no-repeat right top;
  border: 1px solid #ddd;
  font-size: .8em;
  color: #4082c6;
  padding: 2px 15px 0px 5px;
  text-transform: uppercase;
  /* Fix IE - http://jehiah.cz/archive/button-width-in-ie */
  width: auto; 
  overflow: visible;
}
div.pagination ul li.previous a:hover,
div.pagination ul li.next a:hover {
	text-decoration: none;
  border: 1px solid #c2c2c2;
}
div.pagination ul li.previous a {
	background: #fff url(../Images/bgButtonLeft.gif) no-repeat left top;
	padding: 2px 5px 0px 15px;
}
div.pagination.top  p {
	float: left;
	margin: 0;
	color: #666666;
}
div.pagination.top  p span {
	color: #333;
	font-size: 1.2em;
}
#Content div.pagination .sortby {
	float: right;
	padding-top: 1.5em;
	margin: 0;
  font-size: 1.2em;
}
#Content div.pagination .sortby label { padding-right: 5px;}

/* Form Elements
---------------------------------------------*/
select {
  color: #333 ;
	font-family: arial, helvetica, sans-serif;
  font-size: 1em;
  border: 1px solid #ddd;
}
select option {	padding: 0 2px; }
input.checkbox,  
input.radio { 
	_height: 13px; 
	_width:	13px; 
}

form fieldset input.text, form fieldset input.password {
	width: 167px;
  height: 1.5em;
	font-family: arial, helvetica, sans-serif;
  color: #333 ;
  background: #fff url(../Images/bgInput.gif) no-repeat;
  font-size: 1em;
  border: 1px solid #ddd;
  padding: 0 2px;
  margin-right: 5px;
}
form fieldset input.subSearchField { 
	padding: 2px 0 0 3px;
	font-size: .9em; 
}
form fieldset textarea {
	border: 1px solid #ddd;
	padding: 2px;
}
form fieldset#PubReq div label { line-height: 1.3em; }
form fieldset#PubReq input.text,
form fieldset#PubReq input select,
form fieldset#PubReq input select#Country { width: 250px; }
form fieldset#PubReq input select { width: 377px!important; }
#prtRqstPub, #Country { color:#000; }

/* Form -> Layout
-----------------------------------*/

form fieldset {
	border:	none;
	padding: 7px 0;
}
form fieldset.border { border-bottom: 1px solid #ccc; }

form fieldset h4 {
	font-weight: bold;
	margin-bottom: 1em;
}
form fieldset div {
	padding-left: 155px;
	margin-bottom: 10px;
}
form fieldset div.buttons {	margin-left: 0; }
form fieldset div label {
	float: left;
	display: inline;
	margin-left: -155px;
	width: 150px;
	font-size: 1.2em;
  line-height: 1.7em;
}
form fieldset div div label {
	float: none;
	display: inline;
	margin-left: 0;
	font-size: 1em;
	font-weight: normal;
	padding-right: 8px;
}
form fieldset .req { color: #f00; }
form fieldset div div {
	padding: 0;
	margin: 0;
	font-size: 1.2em;
}
form #Content fieldset div div ul {
  font-size: 1em;
	list-style: none;
	padding: 0;
}
form fieldset div.iefix { _height: 1%; }
*+html form fieldset div.iefix { height: 1%; }
form fieldset div.nolabel {
	margin-left: -155px;
	height: auto;
}
*+html form fieldset div.nolabel { height: auto; }
form fieldset div.iefix button { margin-left: 40px; }

/* Numbered Columns */

#Content fieldset ul.group {
	padding: 0pt 0pt 0pt 25px;
	list-style-type: none;
	font-size: 1em;
}
form fieldset ul.group li.num {
	margin-left: -25px;
	float: left;
	display: inline;
	font-size: 2em;
	clear: both;
}

/* Error message  */
form fieldset span.error {
	display: block;
	color: #c00;
}
form fieldset div.error div {	background: url(../Images/icon_error_sm.gif) no-repeat 186px 3px; }
div.errorBox {
	color: #c00;
	margin-bottom: 2em;
	border: 1px solid #c00;
	padding: 13px 20px 7px 50px;
	background: url(../Images/icon_error.gif) no-repeat 10px 10px;
}
div.errorBox h3 {
	color: #c00;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0.8em;
}
div.errorBox li {
	color: #c00;
	font-size: 1.1em;
	margin-bottom: 0.2em;
}


/* Buttons */
button {
  background: #fff no-repeat bottom right;
  border: 1px solid #ddd;
  font-size: 1em;
  color: #4082c6;
  padding: 0 15px 0 5px;
  margin-right: 5px;
  text-transform: uppercase;
  /* Fix IE - http://jehiah.cz/archive/button-width-in-ie */
  width: auto; 
  overflow: visible;
}
button.submit {
	background-image: url(../Images/bgButton.gif);
	background-repeat: repeat-x;
	padding-right: 5px;
  font-size: 0.8em;
}
button.reqPrntSbmtBtn {font-size: 1em;}
p button { font-size: .9em; }

/* list columns */
form fieldset div.cols { margin-bottom: 10px; }
form fieldset div.cols ul.col {
	width: 50%;
	float: left;
}
form fieldset div.cols.three ul.col {	width: 33%; }
form fieldset div ul.checkbox li,
form fieldset div ul.radio li {
	margin: 0px;
	padding: 0px;
	margin-bottom: 3px;
}
form fieldset div ul.checkbox li label,
form fieldset div ul.radio li label {	font-weight: normal; }

/* Form -> Horizontal Form */ 
form fieldset.horizontal fieldset {
	border: none;
	padding: 7px 0;
}
form fieldset.horizontal input.text,
form fieldset.horizontal input.password {	width: 150px; }
form fieldset.horizontal div {
	float: left;
	display: inline;
	padding: 0;
	margin: 0 5px 5px 0;
}
* html form fieldset.horizontal div {	height: 2em; }
form fieldset.horizontal div label {
	float: none;
	display: inline;
	margin-left: 0px;
}
form fieldset.horizontal div div.nolabel {
	padding-top: 12px;
	margin:	0;	
}

/* p.bordered */
form p.bordered {
  border: 1px solid #ddd;
  padding: 3px;
}
form p.bordered textarea {
  width: 502px;
  height: 100px;
  background: #eee;
  border: 0;
  font-family: arial;
  font-size: 1.1em;
  padding: 10px;
}

/* box
--------------------------------*/
dl.box {
	border:	1px solid #ddd;
	padding: 0.2em;
	margin:	0 0 1.5em 0;
}
dl.box dt {
	font-weight: bold;
	color: white;
	font-size: 1.2em;
	background: #999;
	padding: 0.2em 0.4em;
	_height: 1%;
}
dl.box dd {
	font-size: 1.2em;
	padding: 0.3em 0.4em;
}
dl.box ul {	list-style-type: none; }
dl.box ul li { padding: 0.3em 0; }

/* Box
--------------------------------------------------------------------*/
#Content div.box {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 3px;
	margin-bottom: 1em;
}
#Content div.box div.box_content {
  padding: 10px;
  background: url(../Images/bgBoxGradient.gif) repeat-x 0 100%;
}
#Content div.box div.controls {
	float: right;
	font-size: 1.2em;
}
#Content div.box div.controls a {	color: #666666; }
/* Box -> Alt
--------------------------------------------------------------------*/
#Content div.box.alt { padding: 12px 16px 2px 16px; }
/* mediaBox 
--------------------------------------------------------------------*/
#Content div.mediaBox {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 3px; 
	margin: 0;
	width: 503px !important;
	margin: 5px 0 15px 0;
}
#Content div.mediaBox div.mediaBox_content {
    background: url(../images/bgBoxGradient.gif) repeat-x 0 100%;
    margin: 0;
    padding:0;
}
.centerMedia {
   margin: 0 auto;
   width: 432px;
   padding-bottom: 4px;
}
.chevCa {width: 503px;}
.chevCa p {padding-left: 8px;}
.noTitle{
    padding-top: 15px;
}
#Container.threecol #Content .centerMedia p.quote {
   margin: 0 auto 15px auto;
   width: 432px;
}
.centerMedia .borders {
    border:1px solid #ccc;
}
#Container.threecol .centerMedia h3 {
    margin: 11px 0 0.65em 0;
    width: 430px !important;
}   
#Container.threecol .centerMedia p.mediaDescription {
    line-height:1.3em;
    width: 430px !important;
    margin-top: 8px;
}
p.mediaDescription {
    color: #333;     
}
#Container.threecol .centerMedia p.mediaLink {
    line-height:1.3em;
    width: 430px !important;
    margin-top: 14px;
}
/* Box -> ThreeCol
--------------------------------------------------------------------*/
#Content div.box.threecol {
	float: left;
	display: inline;
	width: 208px;
    _width: 207px;
	margin-right: 20px;
}
#Content div.box.threecol.last { margin-right: 0; }
#Content div.box.threecol div.box_content {
	min-height: 285px;
  height: auto;
  _height: 285px;
}
#Content div.box.threecol ul li {
  padding: 0;
  line-height: 1.3em;
  margin:	0 0 0.4em 0;
}
/*
#Content div.box.threecol ul li a {
  color: #333 ;
}
*/
/* ul.brands */
#Content div.box.threecol ul.brands li a {
	display: block;
  padding: 0 0 0 48px;
  height: 36px;
  line-height: 36px;
  margin-bottom: 2em;
}
#Content div.box.threecol ul.brands li.chevron a { background: url(../Images/brandsChevron.gif) no-repeat; }
#Content div.box.threecol ul.brands li.texaco a { background: url(../Images/brandsTexaco.gif) no-repeat; }
#Content div.box.threecol ul.brands li.caltex a { background: url(../Images/brandsCaltex.gif) no-repeat; }
#Content .threecol .box_content h3 {
	font-size: 1.8em;
	margin: 0 0 .6em 0;
	padding: 0;
}

/* Four Col County List
--------------------------------------------------------------------*/
#Content ul.countryList {
	padding: 0;
	margin: 0;
	list-style-position:outside;
	list-style-type:none;
}
#Content ul.countryList li  {
	padding: 0;
	margin: 0;
	width: 165px;
	line-height: 1.1em;
	height: 2.2em;
} 
#Content ul.countryList li img {
    display: inline;
    float: left;
	width: 21px;
	height: 12px;
    border: 1px solid #ddd;
	margin: 0 16px 10px 0;
}
/* Three Col Energy Sources
--------------------------------------------------------------------*/
#Content .threeCol .col {
  width: 283px;
  margin-left: 15px;
}
#Content .threeCol .col.first {
  width: 272px;
	margin-left: 0px;
}
#Content .threeCol div.box div.box_content {
  padding: 4px 6px 4px 10px;
  background: none;
}
#Content .threeCol h3 { font-size: 1.3em; }
#Content .threeCol h3.subheader {
	font-style: italic;
  font-size: 1.2em;
	margin: 0 0 0.6em 0;
}

#Content .threeCol p { margin: 0; }
#Content .threeCol ul.imgTwoCol li { margin-bottom: 20px; }
#Content .threeCol ul.imgTwoCol li.last { margin-bottom: 0px; } 

/* Two Col, About Our Businesses
--------------------------------------------------------------------*/
#Content .twoColExtended div.box {
  width: 562px;
}
#Content .twoColExtended div.box div.box_content {
  padding: 4px 6px 4px 10px;
  background: none;
}
#Content .twoColExtended div.box .col.half {
  width: 253px;
  margin-right: 20px;
}
#Content .twoColExtended p { margin: 0; }
#Content .twoColExtended p.intro {
  width: 555px;
  margin: 0 5px 20px 0;
}

#Content .twoColExtended ul.imgTwoCol li {
    margin-bottom: 20px;
}
#Content .twoColExtended ul.imgTwoCol li.last {
    margin-bottom: 0px; 
} 
#Content .twoColExtended ul.imgTwoCol li.fourLines {
    height: 90px;
}
#Content .twoColExtended ul.imgTwoCol {
    margin-top: 15px !important; 
}
#Content .twoColExtended ul.imgTwoCol li span.img,
#Content .twoColExtended ul.imgTwoCol li h4 {
    margin-top: 0; /* ie6 needs this  */ } 

/* Five Col Contact Us
--------------------------------------------------------------------*/
#Content .fiveCol {
	margin-left: -20px;
	width: 888px;
}
#Content .fiveCol .col {
	width: 157px;
	margin: 0 0 10px 20px;
	min-height: 12em;
	_height: 12em;
}
#Content .fiveCol .col p,
#Content .fiveCol .col address {
  font-size: 1.1em;
	line-height: 1.4em;
	margin: 0 0 0.6em 0;
}

#Content .fiveCol .col select {
	color: #4082c6;
  font-size: 1.2em;
	width: 157px;
}
#Content .fiveCol .col h3 {
  height: 33px;
	width: 140px;
}

/* Box -> Properties
--------------------------------------------------------------------*/
#Content div.box.threecol ul {
	list-style-type: none;
	padding: 0;
}
#Content div.box p.links {
	text-align: right;
	margin: 5px 0;
}
.img {
  float: left;
  border: 1px solid #ddd;
  background: #fff;
  padding: 3px;
  margin: 3px 10px 10px 0;
}
.img.RR {
  border: 0;
  padding: 0 0 18px 0;
  margin: 0px 4px 0px 0px;
}
.img.CR08 {
  border: 0;
  padding: 2px 0 5px 10px;
  margin: 0;
  float: none;
}
.img.noborders {
  border: none;
  padding: 0;
  margin: 3px 8px 0px 0;
  background: transparent;
}
#RightCol .imgCenter {
  text-align: center;
	margin: 0 auto 1em auto;
	display: block;
}
#RightCol span.img {
  margin: 3px 6px 3px 0;
}
span.imgBlock {
	display: block;
  margin: 0 0 10px 0;
}
span.imgBlock .img {
  float: none;
  margin: 0;
}
#RightCol span.img { margin: 0px 6px 0px 0; }
span.img img { display: block; }
.aligncenter span.img { 
	width: 66px;
  margin: 3px 30px 10px 30px;
}
#Content div.imgBox {
  float: left;
  width: 157px;
  margin-right: 12px;
}
#Content div.imgBox span.img {
  float: none;
  display: block;
  border: 1px solid #ddd;
  padding: 3px;
  line-height: 0;
  margin: 0;
}
/* CC Enlarge Image Drawer P Jump Bug Fix */
.drawerMarTop { margin-top:24px; }
/* Popup div */
div.popup {	display: none; }
/* Homepage Settings
-------------------------------- */
body#home {	margin: 3.8em 2em 2em 2em; }
body#home #Wrapper { border-top: none; }
body#home #HeaderNav {
	position: absolute;
	top: -28px;
	_top: -30px;
	right: 16px;
	_width: 37em;
}
body#home #Container {
	margin-top: 0;
	padding-bottom: 0;
	border-bottom: none;
}
body#home #Content {
	width: 928px;
	margin: 0 6px 6px 6px;
	padding: 0 10px 0 10px;
  background: url(../Images/bgHomeContent.gif) repeat-x 0 100%;
	
}
body#home #Content a { color: #333 ; }
body#home #Content a.button,
body#home #Content h3 a {	color: #4082c6; }
body#home #Banner {
  float: none;
  background: none;
  border-bottom: none;
	width: 960px;
	margin: 0;
}
body#home div.logo {
  float: left;
	display: inline;
	width: 228px;
	margin-top:	176px;
	margin-left: 16px; 
}
body#home div.flash {
  float: left;
	display: inline;
  width: 700px;
  height: 310px;
  margin-top: 50px;
}
/* Homepage Flash Alternate
---------------------------*/
#AlternatePromos {
 z-index: 1;
 position: relative;
 top: -78px;
 margin-left: 240px;
}

/* Homepage Promo 
---------------------------*/
.promo {
	float: left;
	display: inline;
	width: 217px;
	margin-right: 20px;
	height: 173px;
	position: relative;
}
.promo .open {
	height:	173px;
	display: none;
	padding-left: 25px;
}
.promo .closed {
	height:	72px;
	display: block;
	margin-top:	101px;
	padding-left: 25px;
}
.promo .open p {
	font-size:	1.2em;
	line-height: 1.2em;
	margin:	0 0 0.5em 0;
}
.promo .closed p,
#Promo1.promo .open p  {
	font-size:	1.1em;
	line-height: 1.2em;
	margin:	0 0 0.5em 0;
}
.promo ul.noBullet li {
	font-size:	1em;
	margin-bottom: 0.5em;
}
#Content .promo h3 {
	 margin: 0 0 0 -25px;
	 padding: 0 0 0 25px;
}
.promo h3 a {
	display: block;
	height: 19px;
	width: 195px;
	text-indent: -5000px;
	overflow: hidden;
	padding: 0 0 0 25px;
	margin-left: -25px;
	cursor: pointer;
}
.promo .open h3 { background: url(../Images/iconArrowRoundDown.gif) no-repeat 5px 2px; }
.promo .closed h3 {	background: url(../Images/iconArrowRoundUp.gif) no-repeat 5px 2px; }
#Promo1.promo h3 a {
	width: 95px;
	background: url(../Images/titlePromo1.gif) no-repeat scroll 25px 0;
}
#Promo2.promo h3 a { background: url(../Images/home/corporateResponsibilityHP.gif) no-repeat scroll 25px 0; }
#Promo3.promo h3 a { background: url(../Images/titlePromo3.gif) no-repeat scroll 25px 0; }
#Promo4.promo h3 a {
	width: 85px;
	background: url(../Images/titlePromo4.gif) no-repeat scroll 25px 0;
}
/* Homepage Promo -> Promo1
---------------------------*/
#Promo4.promo {	margin-right: 0px; }
#Promo1.promo .open {	display: block; }
#Promo1.promo .closed {	display: none; }
/* fix to fit wide image there */
#Promo2.promo {width: 235px; margin-right: 0;}
#Promo3.promo {
	width: 237px;
	margin-right: 0px;
}
#Promo3.promo .closed {	padding-right: 10px; }

#Content .promo ul.promoNav {
	position: absolute;
	top: 0;
	right: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1em;
}
.promo ul.promoNav li.one {
	float: left;
	margin-right: 5px;
}
.promo ul.promoNav li.two {	float: left; }
.promo ul.promoNav li.one a {
	padding-left: 12px;
	color: #ccc;
	background: url(../Images/iconArrowSmallLeftOn.gif) no-repeat 0 3px;
}
.promo ul.promoNav li.two a {
	padding-right: 12px;
	color: #ccc;
	background: url(../Images/iconArrowSmallRightOn.gif) no-repeat 100% 3px;
}
.promo ul.promoNav li.one a.selected {
	color: #333 ;
	background: url(../Images/iconArrowSmallLeftOff.gif) no-repeat 0 3px;
}
.promo ul.promoNav li.two a.selected {
	color: #333 ;
	background: url(../Images/iconArrowSmallRightOff.gif) no-repeat 100% 3px;
}
#Promo1 div.two {	display: none; }

/* Footer
--------------------------------------------------------------------*/
#Footer {
	clear: both;
	color: #ddd;
	width: 960px;
	margin: .5em auto;
}
#Footer p { font-size: 1em; }
#Footer a {
  color: #ddd;
  text-decoration: underline;
}

/* Press Releases
--------------------------------------------------------------------*/

/*This prevents preformatted quarterly data contained in press releases from breaking due to layout constraints. It is recommended that a body class name be defined for this and applied through the press release master page.*/
pre {
  font:115% monospace; 
  *font-size:100%; 
  padding-bottom: .5em;
}
/*Required for press release formatting - DO NOT REMOVE OR RENAME*/
.forwardStatement { font-size: .8em; }
.forwardStatement h3 { 
	font-size: 1em; 
	font-weight: normal; 
	padding-bottom: .2em; 
}
.prNotes p { font-size: 1.1em; }
.prNotes ol li, .prNotes ul li {
  font-size: .9em;
  line-height: 1.5em;
  padding-bottom: .5em;
}
.prNotes h3 { 
  font-size: 1.2em;
  margin: 0 !important;
}

/* Clearfix  (http: //www.positioniseverything.net/easyclearing.html)
--------------------------------------------------------------------*/
.clearfix:after,
ul.imgTwoCol li:after,
#Banner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
ul.imgTwoCol li,
#Banner { display: inline-block; /* IE/Mac */ }
/* Hides from IE-mac \*/
* html .clearfix,
* html ul.imgTwoCol li,
* html #Banner {
	height: 1%;
}
.clearfix,
ul.imgTwoCol li,
#Banner {	display: block; }
/* End hide from IE-mac */

/* Flash Message */
.flashMsg {
	margin: 20px auto;
	padding: 10px;
	width: 70%;
	background: #efefef;
	border: solid 2px #999;
	font-size: 1.2em;
}
.flashMsg a { color: #ff0000; }
.flashMsg img {
	vertical-align: middle;
	padding: 8px; 
}
.printOnly {
    display: none;
}

/* Embed Video */
.videoCenter {
	width: 432px; /* 2px for borders below */
	position:relative; 
	margin: 0 auto;
	padding: 5px 0;
}
.videoCenter .borders {
  border: 1px solid #ccc;
}
.videoCenter #flashcontent {
    margin-bottom: 10px;
}
.videoCenter p {
  margin: 8px 0 10px 0;
}

/* Partnership Story */
.partnerStory {
    background: #fff;  
	margin: 0 0 20px 0; 
	padding: 3px;
	border: 1px solid #e8e8e8;
}
.partnerStory a {
    display: block;
	width: 503px;
	height: 144px;  
	text-indent: -5000px;
	overflow: hidden;
	background-position: left 0px;
}
.story1 a { background: url(../Images/imgStakeholderStory1.jpg) repeat-y; }
.story2 a { background: url(../Images/imgStakeholderStory2.jpg) repeat-y; }
.story3 a { background: url(../Images/imgStakeholderStory3.jpg) repeat-y; }
.story4 a { background: url(../Images/imgStakeholderStory4.jpg) repeat-y; }

.partnerStory a:hover,
.partnerStory a:active { background-position: left 144px; }

/* Global Issues - Corporate Responsibility Homepage banner revision
---------------------------------------------------------------------------- */
#crHomeHeader {
	position: relative;
	width: 736px;
	height: 221px;
	border: 1px solid #cacaca;
	padding: 5px;
	background-color: #f3f3f3;
}

#crHomeDisplayArea {
	width: 545px;
	height: 221px;
	position: absolute;
	border: none;
	background-color: #f0f0f0;
}

#crHomeDisplayArea .displayItem {
	width: 545px;
	height: 221px;
	display: none;
	position: absolute;
	border: none;
	background-color: #13557f;
}

#crHomeDisplayArea .defaultDisplayItem {
	display: block;
}

#crHomeDisplayArea .displayItem a {
	width: 300px;
	height: 130px;
	position: absolute;
}

#crHomeDisplayArea .displayItem a,
#crHomeDisplayArea .displayItem span,
#crHomeDisplayArea .displayItem h2,
#crHomeDisplayArea .displayItem h3,
#crHomeDisplayArea .displayItem p {
	position: absolute;
	display: block;
	overflow: hidden;
	text-indent: -700px;
	padding: 0 0 0;
	margin: 0;
	cursor: pointer;
}

#crHomeDisplayArea .displayItem h3 {
	position: absolute;
	display: block;
	overflow: hidden;
	padding: 0 0 0;
	margin: 0;
	text-decoration: none;
	line-height: 1.5em;
	width: 300px;
	height: 21px;
}

#crHomeDisplayArea .displayItem a {
	left: 12px;
	top: 77px;
	width: 300px;
	height: 130px;
}

#crHomeDisplayArea .displayItem a span {
	left: 0px;
	top: 109px;
	width: 300px;
	height: 21px;
}

#crHomeDisplayArea .displayItem a:active span,
#crHomeDisplayArea .displayItem a:hover span {
	background-position: 2px -21px;
}

#crHomeNavArea {
	width: 188px;
	height: 220px;
	right: 0px;
	position: absolute;
	border: none;
	background-color: #f0f0f0;
	padding-top: 0px;
	padding-left: 8px;
	padding-right: 0px;
}

#crHomeNavArea .thumbnailSelection {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 86px;
	height: 46px;
	border: 2px solid #009dd9;
	z-index: 10;
}

#crHomeNavArea .thumbnailSelection img {
	position: absolute;
	top: 19px;
	left: -8px;
}

#crHomeNavArea .navItem {
	position: relative;
	height: 50px;
	margin-bottom: 7px;
}

#crHomeNavArea .navItemLast {
	margin-bottom: 0px;
}

#crHomeNavArea .navItem a {
	display: block;
	width: 183px;
	height: 50px;
}

#crHomeNavArea img.thumbnail {
	position: absolute;
	width: 88px;
	height: 48px;
	top: 0px;
	left: 0px;
	border: 1px solid #666666;
}

#crHomeNavArea .navItem a:active img.thumbnail,
#crHomeNavArea .navItem a:hover img.thumbnail {
	border: 1px solid #009dd9;
}

#crHomeNavArea .navItem a span {
	position: absolute;
	width: 93px;
	height: 43px;
	top: 5px;
	left: 94px;
	margin: 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	text-indent: -5000px;
	cursor: pointer;
}

#crHomeNavArea .navItemUnselected h2 {
	background-position: left 0px;
}

#crHomeNavArea .navItemUnselected a:active span,
#crHomeNavArea .navItemUnselected a:hover span,
#crHomeNavArea .navItemSelected span {
	background-position: left 43px;
}

#crHomeStory1NavLink span {
	background: url(../images/cr/cr08HomeStory1NavLink.gif) repeat-y scroll 0 0;
}

#crHomeStory1Display {
	background-image: url(../images/cr/cr08HomeStory1BG.jpg);
}

#crHomeStory1Display a span,
#crHomeStory2Display a span,
#crHomeStory3Display a span {
	background: url(../images/cr/cr08HomeStoryxCTAVideo.jpg) no-repeat scroll 2px 0;
}

#crHomeStory4Display a span {
	background: url(../images/cr/cr08HomeStoryCTAaudio.jpg) no-repeat scroll 2px 0;
}
#crHomeStory2Display {
	background-image: url(../images/cr/cr08HomeStory2BG.jpg);
}

#crHomeStory2NavLink span {
	background-image: url(../images/cr/cr08HomeStory2NavLink.gif);
}

#crHomeStory3Display {
	background-image: url(../images/cr/cr08HomeStory3BG.jpg);
}

#crHomeStory3NavLink span {
	background-image: url(../images/cr/cr08HomeStory3NavLink.gif);
}

#crHomeStory4Display {
	background-image: url(../images/cr/cr08HomeStory4BG.jpg);
}

#crHomeStory4NavLink span {
	background-image: url(../images/cr/cr08HomeStory4NavLink.gif);
}


.cr08Home #Banner {
	border: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.cr08Home #Content p.bottomPad 
{
    margin-top: -4px;
    margin-bottom: 5px;
	padding-bottom: 10px;
}

/* Global Issues - Corporate Responsibility revision Begin 1/30/08
---------------------------------------------------------------------------- */
.hero {
    padding-bottom: 3px !important;   
}
#Banner h1.cr {
    margin: 1px 0 0 0;
    padding: 0 0 11px 0;
    line-height: 1em;
}
#Banner div.intro.altCR {
	height: 225px;
	border-top: 1px solid #ddd;
	position: relative; /* IE fix */
	text-indent: -5000px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#Banner div.intro.globIssConservationCR { background: url(../Images/mbandConservationCR08.jpg) no-repeat 100% 3px; }

#Banner div.intro.globIssEnvironmentCR {
    background: url(../Images/mbandEnvironmentCR08.jpg) no-repeat 100% 3px;
}
#Banner div.intro.globIssCommunityCR { background: url(../Images/mbandCommunityCR08.jpg) no-repeat 100% 3px; }

#Banner div.intro.globIssEmergeEngyCR { background: url(../Images/mbandEmergeEngyCR.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssEmergeEngyCR  a {
    background: url(../Images/imgEmergingGo.jpg) no-repeat 0 0;
    height: 21px;
    width: 404px;
    position: absolute;
    display: block;
    top: 200px;
    left: 7px;
    text-indent: -5000px;
    outline-style: none;    
}
#Banner div.intro.globIssEmergeEngyCR a:hover { background: url(../Images/imgEmergingGo.jpg) no-repeat 0 -21px; }
#Banner div.intro.globIssEmergeEngyCR { background: url(../Images/mbandEmergeEngyCR.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssActionClimateCR { background: url(../Images/mbandActionClimateCR08.jpg) no-repeat 100% 3px; }

#Banner div.intro.globIssDiversityCR { background: url(../Images/mbandDiversityCR.jpg) no-repeat 100% 3px; }
#Banner div.intro.globIssBizEthicsCR { background: url(../Images/mbandBizEthicsCR.jpg) no-repeat 100% 3px; }
#Banner div.intro.DownloadReportCR { background: url(../Images/mbandDownloadReportCR.jpg) no-repeat 100% 3px; }
/* Indented list style for CR -- differs from main list styling 
------------------------------------------------------------------------*/
#Content ul.noBulletCR {
    list-style: none;
    line-height: 1.4em;
    padding: 0;    
}
#Content ul.noBulletCR li { padding: 0 0 0 22px; }
#Content ul.noBulletCR li.pdf { background: url(../Images/iconPDF.gif) no-repeat 0 1px; }
#Content ul.noBulletCR li.pdfCR a{
	padding-left: 20px;
	margin-left: -20px;
	padding-top: 5px;
	padding-bottom: 0px;
	display: inline-block;
}
#Content ul.noBulletCR li.pdfCRLrg a{
	padding-left: 20px;
	margin-left: -20px;
	padding-top: 5px;
	padding-bottom: 0px;
	font-size: 1.25em;
	display: inline-block;
}
#Content ul.noBulletCR li.reqPrint { background: url(../Images/iconReqPrint.gif) no-repeat 0 3px; }
#Content ul.noBulletCR li.reqPrintCR a {
	background: url(../Images/iconReqPrint.gif) no-repeat 0 3px;
	padding-left: 20px;
	margin-left: -20px;
	display: inline-block;
}
p.listHeader { margin: -.6em 0 1.3em; }
.execImg {
    float: left;
    width: 165px;
    padding: 0 0 1.3em 0;
}
/*various fix-its
------------------------------------------------------------------------*/
.italic {font-style: oblique;}
a.medTxt:link,
a.medTxt:visited,
a.medTxt:hover,
a.medTxt:active { font-size: 1.25em; }
.req { color: #f00; }
.smOblique { font-size: .8em; font-style: oblique; }
p.subHdrCR { width: 18em; }
.redBox { border: 1px solid #f00; }
.errorFrame {
    border: 1px solid #f00;
    padding: .5em;   
}
#Content ul.errorList {
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.4em;
    margin: 3px 5em;
    padding: 0;
}
#formDirect {
    width: 570px;
    height: auto;
    padding: 50px 0 160px 100px;
}
#formDirect h1 { line-height: 1.6em; }
/* Corporate Responsibilty
   -----------------------------------------------*/
.threeColCR {
    float: left;
    display: inline;
    width: 169px;
}
div.threeColMedCR {
    float: left;
    display: inline;
    width: 175px;
    padding: 0 12px 0 0;
}
div.threeColMedCR.mid {
    width: 188px;
    padding: 0px;
}
div.threeColMedCR.rightCR {
    width: 180px;
    padding: 0 0 0 12px;
}
#Content div.threeColMedCR h3 {
    color: #009dd9;
    margin-bottom: .2em;
    line-height: 1em;
}
div.threeColMedCR08 {
    float: left;
    display: inline;
    width: 182px;
    padding: 0 12px 0 0;
}
#Content div.threeColMedCR08 h3 {
    color: #009dd9;
    margin-bottom: .4em;
    line-height: 1em;
}
div.threeColMedCR08.rightCR {padding-right: 0;}
div.threeColMedCR08 img { margin: 0 .3em 9px 0;}

div.threeColMedCR08 p {clear:left; _height: 1%; margin-bottom: .5em;}
div.threeColMedCR08 p.ulHeader { margin: .9em 0 0 0; }
#Content div.threeColMedCR08 ul.noBullet { margin-top: .1em; }
#Content div.threeColMedCR08 ul.noBullet li { margin-bottom: 0px; }


div.threeColMedCR img { margin: 0 .3em .3em 0; }
div.threeColMedCR p.ulHeader { margin: 1.3em 0 0 0; }
#Content div.threeColMedCR ul.noBullet li { margin: 0; }
#Content p.bottomPad { padding-bottom: 1.3em; }
.sideBorder {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}    
#Content ul.firstCR { margin-left: -15px; }
#Content ul.CR { margin-left: -7px; }
#Content ul.firstCR li,
#Content ul.CR li {
    padding: 0 .8em .8em 0;
}
#Content h3.subDrawer{
    padding: 0 .7em;
    margin-bottom: 1.8em;
    _margin-bottom: 1.85em;
}
.threeColCR h3 { font-size: 1.2em; padding: 0 1em 0 .1em; }
#Content h3.midDrawer { margin: 2em 0 .7em 0; }
div.gradientWrap {
    padding: 3px; 
    margin-bottom: 2em;
}
div.boxGradient {
    padding: 3px;
    position: relative;
}
.boxGradient img {
    float: left;
    margin: 0 10px 0 0;
}
.boxGradientVert img { margin: 0 10px 0 0; }
.boxGradientVert img.pieBullet,
.boxGradient img.pieBullet {
    float: left;
    margin: 3px 5px 0 0;
}
.boxGradientVert img.pieBulletCell {
    float: left;
    margin: 6px 3px 0 0;
    _margin: 6px 0px 0 0;
}
div.boxGradientVert {
    padding: 3px;
    position: relative;
}
div.boxVertHealth {
    padding: 3px;
    position: relative;
}
.boxVertHealth img { margin: 0 10px 0 164px; }
div.vertChart { padding: 0 0 1.5em 0; }
p.chartFoot {
    font-size: 1em;
    padding: .4em 10.5em 1em .1em;    
}
p.vertChartFoot,
td.vertChartFoot {
    font-size: .9em;
    padding: 1em 1.75em 0 0;
    text-align: left;    
}
.pieChartCR { margin: 0; }
#Content ul.pieChartList {
    padding: 0em 0 1em 2em;
    float: left;
    margin: 0;
    font-size: 1.1em;
    list-style-type: none;
}
#Content ul.pieChartList li { padding: 0em 0 0em 0em; }
#Content ul.pieChartList li.blackBullet,
#Content ul.pieChartList li.orangeBullet {
    background-position: 0 3px;
}
/* tables for CR
---------------------------------------------------- */
table.chartTable {
    text-align: right;
    width: 325px;
    color: #333 ;
}
table.chartTable td.first,
table.chartTable th.first{
    text-align: left;
}
table.chartTable td.leftNoPad,
table.chartTable th.leftNoPad{
    text-align: left;
    width: 100px;
}
table.chartTable td.midBottom,
table.chartTable th.midBottom{
    padding-bottom: 6px;
}
table.chartTable th {
    font-weight: normal;
    color: #333;
    padding: 5px 0px 5px 2px;
    border-bottom: 1px solid #ccc;    
}
table th.center{
    text-align: center;
}
table.chartTable td {
    padding: 4px 1px 0 1px;
    vertical-align: top;
}
table.chartTable td.bulletCell {
    padding: 0px;
    width: 9px;
    vertical-align: top;
}
table.chartTable td.bottom {
    padding-bottom: 2px;
    border-bottom: 1px solid #ccc;
}
table.chartTable td.firstHealth,
table.chartTable th.firstHealth{
    text-align: left;
    margin-left: 2px;
    width: 150px;
}
table.chartTable td.healthData { width: 33px; }
table.chartTable tr.highLight { color: #f47b20; }
/* CR GRI Index Table -- differs from standard data table */
p.colors {
    font-size: 1.1em; 
    margin-bottom: 0; 
    padding: 0 0 0 .3em; 
    color: #444;
}
p.key {
    font-size: 1.1em; 
    margin-bottom: 1.5em; 
    padding: 0 0 0 .4em; 
    color: #444;
}
p.key img {
    padding-right: 7px;
}
table.dataCR {
	border-collapse: collapse;
	width: 100%;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin: .5em 0 1.8em .1em; /* margin-left to correct disappearing left border in FF. Changed to 1px to correct text resize bug. */
}
table.dataCR td,
table.dataCR th {
	vertical-align: top;
	text-align: left;
}
table.dataCR td.first,
table.dataCR th.first {
    width: 320px;
}
table.dataCR .captionCR {
	color: #fff;
	font-size: .9em;
    text-align: left;
	padding-bottom: 0.4em;
}
table.dataCR td {
    font-size: 1.1em;
	color: #333333 ;
	padding: 0em .3em 0em 1.4em;
	background-color: #fff;
	border-right: 1px solid #ccc;
}
table.dataCR td.indent {
	padding: 0em .3em 0em 2.5em;
}
table.dataCR tr.gri {
	line-height: 2em;
}
table.dataCR tr.alt td { background-color: #eee; }
table.dataCR td.subHead {
    font-size: 1.2em;
    font-weight: normal;
    color: #444;
    padding: 1.2em 0 .2em 1.4em;
}
table.dataCR td.subHeadGRI {
    font-weight: normal;
    color: #444;
    padding: 1.2em 0 .2em 1.4em;
}
table.dataCR th,
table.dataCR tr.header td {
	background: #999;
	border-right: 1px solid #fff;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: 1.2em 0 1.2em 1.4em;
	text-align: left;
}
table.dataCR th.last,
table.dataCR tr.header td.last {
	border-right: 1px solid #999;
}
table.dataCR td.borderBottom {
    border-bottom: 1px solid #ddd;
}
/* drawer tables */
table.dataChartCR {
	border-collapse: collapse;
	width: 100%;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin: .5em 0 1.8em .1em; /* margin-left to correct disappearing left border in FF. Changed to 1px to correct text resize bug. */
}
table.dataChartCR tr.multiLine { line-height: 1.9em; }
table.dataChartCR th {
	vertical-align: top;
	text-align: left;
}
table.dataChartCR td.first,
table.dataChartCR th.first {
    width: 320px;
}
table.dataChartCR .captionCR {
	color: #fff;
	font-size: .9em;
    text-align: left;
	padding-bottom: 0.4em;
}
table.dataChartCR th {
    font-size: 1.1em;
    font-weight: normal;
	color: #333333 ;
	padding: .3em .3em .3em 1.4em;
	background-color: #fff;
	border-right: 1px solid #ccc;
}
table.dataChartCR td {
    font-size: 1.1em;
    font-weight: normal;
	color: #333333 ;
	padding: .3em .5em;
	background-color: #fff;
	border-right: 1px solid #ccc;
    text-align: center;
}
table.dataChartCR tr.alt td,
table.dataChartCR tr.alt th {
	background-color: #eee;
}
#Content table.dataChartCR th p.small {
    margin: 0;
    line-height: 1.2;
    font-size: .8em;
}
table.dataChartCR td.subHead {
    font-size: 1.2em;
    font-weight: normal;
    color: #444;
    padding: 1.2em 0 .2em 1.4em;
}
table.dataChartCR th.header {
	background: #999;
	border-right: 1px solid #fff;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: .9em .8em;
	text-align: center;
}
table.dataChartCR th.headerFirst {
	background: #999;
	border-right: 1px solid #fff;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: .9em .2em .9em 1.4em;
	text-align: left;
}
table.dataChartCR td.header {
	background: #999;
	border-right: 1px solid #fff;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: .9em 1em;
	text-align: center;
}
table.dataChartCR th.last,
table.dataChartCR td.last {
	border-right: none;
}
table.dataChartCR .borderBottom,
table.dataChartCR .borderBottom th,
table.dataChartCR .borderBottom td {
    border-bottom: 1px solid #ddd;
}
table.dataChartCR td.footNote {
    text-align: left;
    font-size: .9em;
    padding: .5em 1.6em;
    line-height: 1.5em;
}
table.dataChartCR td.stakeholder {
    vertical-align: top;
    text-align: left;
}
table.dataChartCR th.headerStake {
	background: #999;
	border-right: 1px solid #fff;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: .9em .5em;
	text-align: left;
}
p.chartCR {
    font-size: 1.2em;
    color: #333;
    margin: 1.1em 0 .5em 0;
}
img.airEmission { padding: .2em .3em 1.5em 0; }
/* key color spans CR 2007 */
.olive {color: #608610;}
.peach {color: #e38c44;}
.darkBlue{color: #002e7a;}
.darkGray{color: #333333 ;}
#Content ul.stakeHolder {
	padding: 0 0 0 1.5em;
	list-style-position: outside;
	margin:	0 0 .7em 0;
	font-size: 1em;
	line-height: 1.2em;
}
#Content ul.stakeHolder li {
	margin-bottom: .5em;
}
#MainContent_btnSubmit{
    background: #fff no-repeat scroll right bottom;
    border: 1px solid #ddd;
    color: #4082c6;
    font-size: 1em;
    margin-left: 40px;
    margin-right: 5px;
    overflow: visible;
    padding: 0 5px;
    text-transform: uppercase;
    width: auto;
}
#MainContent_btnSubmit_Change, #MainContent_btnSubmit_Cancel{
    background: #fff no-repeat scroll right bottom;
    border: 1px solid #ddd;
    color: #4082c6;
    font-size: 1em;
    margin-left: 43px;
    margin-right: 5px;
    overflow: visible;
    padding: 0 15px 0 5px;
    text-transform: uppercase;
    width: auto;
}