/*-----------------------------------------------------------

	*Filename:		StyleSheet.css
	*Description:	Global CSS
	*Version:		1.0.0 (11/18/2009)
	*Website:		

	== STURCTURE: ==========================================

	*Main container width:		877px
	*Content container width:	857px

	$__reset			Reset definitions
	$__body				Body
	$__containers		Main containers
	$__global elements	Global
	$__misc				Misc definitions

	== SWATCH COLORS: ======================================

	58de7b = nav introduction
	10c63f = nav governance
	4890d4 = nav environment
	2b55a6 = nav employee
	233a9a = read report
	f2f2f2 = bottom button left
	e5e5e5 = bottom button right
	cecece = gray darker line
	e5e5e5 = gray lighter line
	
-----------------------------------------------------------*/

/*	__reset
-----------------------------------------------------------*/

* {margin: 0px; padding: 0px;}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, th, td
{
	font-family: Arial, Helvetica, sans-serif;
}

table {border-collapse: collapse; border-spacing:0;}

img {border:0;}

h1, h2, h3, h4, h5, h6 {font-size:100%;}

/*	__body
-----------------------------------------------------------*/

body {}

/*	__containers
-----------------------------------------------------------*/

#MainContainer 
{
	width: 877px;
	margin-left: auto;
	margin-right: auto;
}

#MainContainer #Header 
{
	float: left;
	margin: 14px 0 30px 0;
}

#MainContainer #ContentContainer 
{
	width: 857px;
	margin: 0 10px 0 10px;
	float: left;
}

#MainContainer #ContentContainer #TopNav 
{
	width: 857px;
	height: 50px;
	float: left;
	margin: 0;
	padding: 0;
}

#MainContainer #ContentContainer #TopNav ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#MainContainer #ContentContainer #TopNav a
{
	display: block;
	color: #ffffff;
	font-size: 0.75em;
	text-decoration: none;
}

#MainContainer #ContentContainer #TopNav ul li 
{
	float: left;
}

#MainContainer #ContentContainer #TopNav ul li ul
{
	position: absolute;
	left: -999em;
	padding: 0 0 0 0;
}

#MainContainer #ContentContainer #TopNav ul li ul li
{
	width: 160px;
	padding: 0 20px 16px 35px;
}

#MainContainer #ContentContainer #TopNav li:hover ul, #MainContainer #ContentContainer #TopNav li.sfhover ul
{
	left: auto;
}

.mnuIntroduction
{
	width: 215px;
	background-color: #58de7b;
}

.mnuGovernance
{
	width: 214px;
	background-color: #10c63f;
}

.mnuEnvironment
{
	width: 214px;
	background-color: #4890d4;
}

.mnuEmployee
{
	width: 214px;
	background-color: #2b55a6;
}

#MainContainer #ContentContainer #Content 
{
	width: 857px;
	float: left;
	margin: 20px 0 20px 0;
}

#MainContainer #ContentContainer #Content #AssetBanner
{
	float: left;
	width: 857px;
	margin: 0 0 18px 0;
}

#MainContainer #ContentContainer #Content .Commitment
{
	width: 805px;
	padding: 90px 26px 26px 26px;
	color: #ffffff;
	float: left;
}

#MainContainer #ContentContainer #Content .Commitment ul
{
	border-left: solid 1px #ffffff;
	width: 368px;
}

#MainContainer #ContentContainer #Content .Commitment li
{
	font-size: 0.75em;
	margin: 0 0 14px 20px;
	list-style: none;
}

#MainContainer #ContentContainer #Content .Commitment p
{
	font-size: 0.8em;
	margin: 0 200px 14px 0;
	width: 368px;
	line-height: 20px;
}

#MainContainer #ContentContainer #Content .Commitment h1
{
	margin: 0 0 14px 0;
}

#MainContainer #ContentContainer #Content .Commitment .CalloutBox
{
	width: 316px;
	border: solid 1px #ffffff;
	padding: 26px 26px 10px 26px;
	margin: 10px 60px 24px 0;
	float: left;
}

#MainContainer #ContentContainer #Content .Commitment .CalloutBox p
{
	float: left;
	width: 316px;
	font-size: 0.78em;
	line-height: 15px;
	font-weight: bold;
}

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

#MainContainer #ContentContainer #Content .CommitmentIntroduction
{
	background-color: #58de7b;
}

#MainContainer #ContentContainer #Content .CommitmentGovernance
{
	background-color: #10c63f;
}

#MainContainer #ContentContainer #Content .CommitmentEnvironmental
{
	background-color: #4890d4;
}

#MainContainer #ContentContainer #Content .CommitmentEmployee
{
	background-color: #2b55a6;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer
{
	width: 855px;
	float: left;
	border-left: solid 1px #e6e6e6;
	border-right: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
	background: url('../Images/twoColumnBackground855.gif') repeat-y;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn
{
	float: left;
	width: 644px;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer
{
	margin: 26px;
	color: #585858;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer img
{
	margin: 14px 0 24px 0;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer .copyBlock .continueLink {
	color:#2b55a6;
	font-size:9px;
	line-height:18px;
	text-decoration:none;
	font-family: Arial;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer .ThreeColumnLeft
{
	float: left;
	margin: 0 0 0 24px;
	width: 150px;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer .ThreeColumnLeft p
{
	font-family: Arial;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer .ThreeColumnCenter
{
	float: left;
	margin: 0 0 0 24px;
	width: 150px;
	font-family: Arial;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer .ThreeColumnCenter p
{
	font-family: Arial;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer .ThreeColumnRight
{
	float: left;
	margin: 0 0 0 24px;
	width: 150px;
	font-family: Arial;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer .ThreeColumnRight p
{
	font-family: Arial;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer .TwoColumnLeft
{
	float: left;
	margin: 0 0 0 24px;
	width: 225px;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer .TwoColumnLeft p
{
	width: 225px;
	font-family: Arial;
	font-size: 0.70em;
	line-height: 12px;
	float: left;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer .TwoColumnLeft p .boardTitle
{
	margin: 4px 0 0 0;
	float: left;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer .TwoColumnRight
{
	float: left;
	margin: 0 0 0 24px;
	width: 225px;
	font-family: Arial;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer .TwoColumnRight p
{
	width: 225px;
	font-family: Arial;
	font-size: 0.70em;
	line-height: 12px;
	float: left;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer .TwoColumnRight p .boardTitle
{
	margin: 4px 0 0 0;
	float: left;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer .sanSerifBold
{
	font-size: 0.75em;
	font-family: Arial;
	font-weight: bold;
	line-height: 20px;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer p
{
	font-size: 0.75em;
	font-family:Georgia, Arial, Serif;
	margin: 0 75px 14px 0;
	line-height:18px;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer p img
{
	margin: 14px 0 14px 0;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer p .largeCopy
{
	font-weight: bold;
	font-family: Arial;
	font-size: 1.26em;
}

/*#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer ul
{
	border-left: solid 1px #dfdede;
}*/

*#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer .listBorder
{
	border-left: solid 1px #dfdede;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer .top
{
	list-style-image: url('../Images/bulletTop.gif');
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #LeftColumn .copyContainer li
{
	font-size: 0.69em;
	line-height: 1.4em;
	/*font-family: Georgia;*/
	font-family: Arial;
	margin: 0 0 14px 30px;
	list-style: none;
	/*list-style-image: url('../Images/bullet.gif');*/
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn
{
	float: right;
	width: 211px;
	overflow:hidden;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn .dividerLine
{
	float: left;
	width: 211px;
	height: 1px;
	overflow:hidden;
	background-color: #e6e6e6;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn .copyContainer
{
	margin: 18px 18px 12px 18px;
	color: #585858;
	float: left;
	display:inline;
	font-size: 0.89em;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn .copyContainerHeadline
{
	margin: 18px 18px 10px 18px;
	color: #585858;
	float: left;
	display:inline;
	font-size: 0.89em;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn .lightGrayCopyContainer
{
	font-size: 0.89em;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn .copyContainer .leadershipTitle
{
	color: #999999;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #SpanningColumn
{
	float: left;
	width: 855px;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #SpanningColumn .copyContainer
{
	margin: 18px;
	color: #585858;
}

.chartContainer
{
	float: left;
}

.chartContainer .chartNav
{
	float: left;
	font-family: Arial;
	color: #727272;
	margin: 28px 0 8px 0;
	font-size: 0.74em;
}

.chartContainer a
{
	font-family: Arial;
	color: #727272;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

.chartContainer .chartNav .flipLinkOn
{
	color: #2b55a6;
}

.chartContainer .chart
{
	float: left;
}

.chartContainer .chart .textContainer
{
	float: left;
	border: solid 1px #e7e7e7;
	width: 520px;
	padding: 7px;
}

.chartContainer .chart .textContainer .grayTextContainer
{
	float: left;
	background-color: #7c7b7b;
	color: #ffffff;
	padding: 20px 45px 10px 45px;
	width: 430px;
}

.graphContainer
{
	float: left;
}

.graphContainer .graphNav
{
	float: left;
	font-family: Arial;
	color: #727272;
	margin: 8px 0 8px 0;
	width: 211px;
	font-size: 0.74em;
	text-align: left;
	padding-top:20px;
	padding-left:10px;
}

.graphContainer .graphNav strong
{
	color:#999999;
	line-height:16px;
}

.graphContainer a
{
	font-family: Arial;
	color: #727272;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

.graphContainer .graphNav .flipLinkOn
{
	color: #2b55a6;
}

.graphContainer .graph
{
	float: left;
}

/*#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn .copyContainer h1
{
	color: #999999;
	font-size: 0.9em;
}*/

#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn .copyContainer .SifrLightGrayHeader
{
	width: 180px;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn .copyContainer h2
{
	font-size: 0.9em;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn .copyContainer p
{
	float: left;
	font-size: 0.8em;
	font-family: Arial;
	margin: 0 0 10px 0;
	width: 175px;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn .copyContainer .mainImage
{
	float: left;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn .grayCopyContainer
{
	float: left;
	padding: 18px;
	background-color: #7c7b7b;
	color: #ffffff;
	width: 175px;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn .grayCopyContainer h1
{
	float: left;
	font-family: Arial;
	margin: 0 0 10px 0;
	font-size: 0.9em;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn .grayCopyContainer p
{
	float: left;
	font-family: Arial;
	margin: 0 0 10px 0;
	font-size: 0.74em;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn .grayCopyContainer a
{
	color: #ffffff;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn .grayCopyContainer .asteriskCopy
{
	float: left;
	font-family: Arial;
	margin: 0 0 10px 0;
	font-size: 0.70em;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn .grayCopyContainer .asteriskIntroCopy
{
	font-family: Arial;
	font-size: 0.6em;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn .grayCopyContainer table
{
	float: left;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn .grayCopyContainer table tr td
{
	font-family: Arial;
	font-size: 0.6em;
	padding: 2px 2px 2px 2px;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn .lightGrayImageContainer
{
	float: left;
	background-color: #edefeb;
	height: 265px;
	padding: 130px 0 0 0;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn .lightGrayCopyContainer
{
	float: left;
	padding: 18px;
	background-color: #f1f1ee;
	width: 175px;
	color: #585858;
}

#MainContainer #ContentContainer #Content #TwoColumnContainer #RightColumn .lightGrayCopyContainer p
{
	float: left;
	font-family: Arial;
	margin: 0 0 10px 0;
	font-size: 0.74em;
}

#MainContainer #ContentContainer #Content #ThreeColumnContainer
{
	width: 857px;
	float: left;
}

#MainContainer #ContentContainer #Content #ThreeColumnContainer a
{
	font-family: Arial;
	color: #2b55a6;
	text-decoration: none;
	font-weight: bold;
}

#MainContainer #ContentContainer #Content #ThreeColumnContainer h1
{
	margin: 0 0 8px 0;
}

#MainContainer #ContentContainer #Content #ThreeColumnContainer p
{
	margin: 0 0 8px 0;
}

#MainContainer #ContentContainer #Content #ThreeColumnContainer #LeftColumn
{
	float: left;
	width: 429px;
	height: 305px;
	border: solid 1px #e5e5e5;
	padding: 7px;
}

#MainContainer #ContentContainer #Content #ThreeColumnContainer #CenterColumn
{
	float: right;
	width: 184px;
	height: 319px;
	border-left: solid 1px #e5e5e5;
	border-top: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5;
}

#MainContainer #ContentContainer #Content #ThreeColumnContainer #CenterColumn .copyContainer
{
	margin: 18px;
	color: #585858;
	font-size: 0.70em;
}

#MainContainer #ContentContainer #Content #ThreeColumnContainer #CenterColumn .copyContainer h1
{
	font-size: 1.3em;
	font-weight: bold;
}

#MainContainer #ContentContainer #Content #ThreeColumnContainer #RightColumn
{
	float: right;
	width: 212px;
	height: 319px;
	border: solid 1px #e5e5e5;
}

#MainContainer #ContentContainer #Content #ThreeColumnContainer #RightColumn .copyContainer
{
	margin: 18px;
	color: #585858;
	font-size: 0.70em;
}

#MainContainer #ContentContainer #Content #Tabs
{
	width: 857px;
	height: 41px;
	float: left;
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #e6e6e6;
}

#MainContainer #ContentContainer #Content #NoTabs
{
	width: 857px;
	height: 1px;
	background-color: #e6e6e6;
	float: left;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

#MainContainer #ContentContainer #Content #Tabs .leftSpace
{
	margin: 0 0 0 3px;
}

#MainContainer #ContentContainer #BackNext 
{
	width: 857px;
	float: left;
}

#MainContainer #ContentContainer #FooterDivider
{
	width: 857px;
	height: 1px;
	float: left;
	padding: 0;
	margin: 22px 0 15px 0;
}

#MainContainer #ContentContainer #FooterDivider hr
{
	width: 857px;
	height: 1px;
	color: #cecece;
	background-color: #cecece;
	float: left;
	margin: 0;
	padding: 0;
	
}

#MainContainer #ContentContainer #Footer 
{
	
	width: 857px;
	float: left;
	color: #6d6e72;
	font-size: 0.8em;
	margin: 0 0 20px 0;
	padding: 0;
}

/*	__global elements
-----------------------------------------------------------*/

#ContentContainer .HeadlineIntroduction
{
	float: left;
	width: 841px;
	height: 36px;
	background-color: #58de7b;
	color: #ffffff;
	margin: 0 0 13px 0;
	padding: 14px 0 0 16px;
}

#ContentContainer .HeadlineGovernance
{
	float: left;
	width: 841px;
	height: 36px;
	background-color: #10c63f;
	color: #ffffff;
	margin: 0 0 13px 0;
	padding: 14px 0 0 16px;
}

#ContentContainer .HeadlineEnvironment
{
	float: left;
	width: 841px;
	height: 36px;
	background-color: #4890d4;
	color: #ffffff;
	margin: 0 0 13px 0;
	padding: 14px 0 0 16px;
}

#ContentContainer .HeadlineEmployee
{
	float: left;
	width: 841px;
	height: 36px;
	background-color: #2b55a6;
	color: #ffffff;
	margin: 0 0 13px 0;
	padding: 14px 0 0 16px;
}

h1.SifrLightGrayHeader
{
	color: #999999; 
	font-size: 14px;
}
h1.SifrLightGrayHeader16
{
	color: #999999; 
	font-size: 16px;
	
}

h2.SifrDarkGrayHeader
{
	color: #ffffff; 
	font-size: 20px; 
}

h1.SifrHeadline
{
	float: left;
	width: 100%;
	color: #ffffff; 
	font-size: 24px; 
}

h1.SifrIntroductionTitle
{
	float:left;
	width: 100%;
	color: #58de7b; 
	font-size: 24px; 
	margin: 0 0 4px 0;
}

h1.SifrGovernanceTitle
{
	float:left;
	width: 100%;
	color: #10c63f; 
	font-size: 24px; 
	margin: 0 0 4px 0;
}

h1.SifrEnvironmentalTitle
{
	float:left;
	width: 100%;
	color: #4890d4; 
	font-size: 24px; 
	margin: 0 0 4px 0;
}

h1.SifrEmployeeTitle
{
	float:left;
	width: 100%;
	color: #2b55a6; 
	font-size: 24px; 
	margin: 0 0 4px 0;
}

/*	__misc
-----------------------------------------------------------*/

.left
{
	float: left;
}

.right
{
	float: right;
}

hr
{
	border: 0;
	margin: 0;
	padding: 0;
}
.ethicsQuote {
	font-size:14px;
	line-height:18px;
	color:#ffffff;
}
.ethicsName {
	font-size:0.7em !important;
	color: #dddddd;
}
.sliderCopyContainer {
	overflow:hidden;
	width:175px;	
}
.sliderCopyContainer .sliderWrapper {
	float:left;	
	width:1000px;
}
.sliderCopyContainer .sliderWrapper p {
	width:175px;
	float:left;
	font-size:0.7em !important;
	line-height: 17px;
}
.sliderCopyContainer .sliderWrapper p .continueLink {
	color:#2b55a6;
	font-size:9px;
	line-height:18px;
	text-align:right;
	text-decoration:none;
	float:right;
	margin-top:15px;
}