/* 
=========================================================================================== CREDITS
Copyright              2008 JPL Productions
Author                 Larry Daughenbaugh
Updated					Sam Wissler 06.17.09 (added global principles)
=========================================================================================== BEGIN CSS
*/													
/* ======================================================================================== PAGE TITLES */

/* ======================================================================================== INTRODUCTION */
.recycling ul.recycle, .heritage-callout ul, .integrity-callout ul, .commitment-callout ul,
.sustainability-callout ul, .stewardship-callout ul, .investment-callout ul, .employees-callout ul {
 margin: 5px 0px 5px 3px;
 padding: 0px;
 list-style: none;
}
.sustainability-landing, .stewardship-landing, .investment-landing {
	margin: 13px 0px 0px 0px;
	padding: 0px;
 	border: none;
}
.recycling ul.recycle li {
 margin: 0px;
 padding: 3px 3px 3px 27px;
 background: url(/social-responsibility/img/icon-recycle.gif) 0px 5px no-repeat;
 list-style: none;
}
#introduction-repeat {
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	background: url(/social-responsibility/img/page-bg/introduction-repeat.jpg) repeat-y center top;
	text-align: left;
} 
#introduction {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/introduction.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
.page-introduction .img-left {
	margin: 37px 20px 10px 0px;
	padding: 0px;
	border: 3px solid #8B964F;
	float: left;
}
.page-introduction .page-title {
	margin: 0px 0px 10px 160px;
	padding: 0px 0px 3px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #333333;
	border-bottom: 1px solid #8B964F;
}
/* ======================================================================================== BUMPER PAGE */
.page-bumper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	color: #4D0000;
}
.page-bumper a:link, .page-bumper a:visited {
	color: #4D0000;
 text-decoration: underline;
	border : none;
}
.page-bumper a:active, .page-bumper a:hover {
	color: #7D7D7D;
 text-decoration: none;
	border : none;
}
/* ======================================================================================== OUR HERITAGE */
#heritage-repeat {
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	background: url(/social-responsibility/img/page-bg/heritage-repeat.jpg) repeat-y center top;
	text-align: left; 
} 
#heritage {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/heritage.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
.page-heritage .page-title {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 3px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #333333;
	border-bottom: 1px solid #7D5032;
}
.heritage-callout {
	margin: 10px 0px;
	padding: 10px 5px 6px 20px;
	border: 1px solid #9B7758;
	background: url(/social-responsibility/img/callouts/hertiage.jpg) repeat;
}
.page-heritage ul li {
 margin: 0px;
 padding: 3px 3px 3px 12px;
 background: url(/social-responsibility/img/bullets/heritage.gif) 0px 9px no-repeat;
 list-style: none;
}


/* ======================================================================================== OUR VALUES */
#values-repeat {
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	background: url(/social-responsibility/img/page-bg/values-repeat.jpg) repeat-y center top;
	text-align: left; 
} 
#values {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/values.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
.page-values .page-title {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 3px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #333333;
	border-bottom: 1px solid #7D5032;
}
.values-callout {
	margin: 10px 0px;
	padding: 10px 5px 6px 20px;
	border: 1px solid #9B7758;
	background: url(/social-responsibility/img/callouts/hertiage.jpg) repeat;
}
.page-values ul li {
 margin: 0px;
 padding: 3px 3px 3px 12px;
 background: url(/social-responsibility/img/bullets/heritage.gif) 0px 9px no-repeat;
 list-style: none;
}


/* ======================================================================================== BUSINESS INTEGRITY */
#integrity-repeat {
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	background: url(/social-responsibility/img/page-bg/integrity-repeat.jpg) repeat-y center top;
	text-align: left; 
} 
#integrity {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/integrity.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
.page-integrity .page-title {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 3px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #333333;
	border-bottom: 1px solid #6C795B;
}
.integrity-callout {
	margin: 10px 0px;
	padding: 10px 5px 6px 10px;
	border: 1px solid #6C795B;
	background: url(/social-responsibility/img/callouts/integrity.jpg) repeat;
}
.page-integrity ul li {
 margin: 0px;
 padding: 3px 3px 3px 12px;
 background: url(/social-responsibility/img/bullets/integrity.gif) 0px 9px no-repeat;
 list-style: none;
}
/* ======================================================================================== COMMITMENT TO YOUTH */
#commitment-repeat {
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	background: url(/social-responsibility/img/page-bg/commitment-repeat.jpg) repeat-y center top;
	text-align: left; 
} 
#commitment {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/commitment.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
.page-commitment .page-title {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 3px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #333333;
	border-bottom: 1px solid #857881;
}
.commitment-callout {
	margin: 10px 0px;
	padding: 10px 5px 6px 10px;
	border: 1px solid #857881;
	background: url(/social-responsibility/img/callouts/commitment.jpg) repeat;
}
.page-commitment ul li {
 margin: 0px;
 padding: 3px 3px 3px 12px;
 background: url(/social-responsibility/img/bullets/commitment.gif) 0px 9px no-repeat;
 list-style: none;
}
.page-content .img-left {
	margin: 0px 10px 5px 0px;
	padding: 0px;
	border: 3px solid #857881;
	float: left;
 clear: both;
}
/* ======================================================================================== SUSTAINABLE SUPPLY CHAINS */
#sustainability-repeat {
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	background: url(/social-responsibility/img/page-bg/sustainability-repeat.jpg) repeat-y center top;
	text-align: left; 
} 
#sustainability-landing {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/sustainability-landing.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
#sustainability-farming {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/sustainability-farming.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
#sustainability-business {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/sustainability-business.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
#sustainability-partnerships {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/sustainability-partnerships.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
#sustainability {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/sustainability.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
.page-sustainability .page-title {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 3px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #333333;
	border-bottom: 1px solid #B67222;
}
.page-sustainability .page-title-landing {
	margin: 60px 0px 10px 0px;
	padding: 0px 0px 3px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #333333;
	border-bottom: 1px solid #B67222;
}
.sustainability-callout {
	margin: 10px 0px;
	padding: 10px 5px 6px 10px;
	border: 1px solid #B67222;
	background: url(/social-responsibility/img/callouts/sustainability.jpg) repeat;
}
.page-sustainability ul li {
 margin: 0px;
 padding: 3px 3px 3px 12px;
 background: url(/social-responsibility/img/bullets/sustainability.gif) 0px 9px no-repeat;
 list-style: none;
}
.page-content .img-left-sustainability {
	margin: 0px 10px 10px 0px;
	padding: 0px;
	border: 3px solid #B67222;
	float: left;
 clear: both;
}

.sustainability-landing img {
	margin: 0px 1px 0px 0px;
	padding: 0px;
 	border: none;
}
/* ======================================================================================== CSR SUPPLY CHAIN */
#stewardship-repeat {
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	background: url(/social-responsibility/img/page-bg/stewardship-repeat.jpg) repeat-y center top;
	text-align: left; 
} 
#stewardship-landing {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/stewardship-landing.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
#stewardship-cocoa {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/stewardship-cocoa.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
#stewardship-resource {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/stewardship-resource.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
#stewardship-recycle {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/stewardship-recycle.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
#stewardship-packaging {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/stewardship-packaging.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
.page-stewardship .page-title {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 3px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #333333;
	border-bottom: 1px solid #535D5C;
}
.page-stewardship .page-title-landing {
	margin: 60px 0px 10px 0px;
	padding: 0px 0px 3px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #333333;
	border-bottom: 1px solid #535D5C;
}
.stewardship-callout {
	margin: 10px 0px;
	padding: 10px 5px 6px 10px;
	border: 1px solid #535D5C;
	background: url(/social-responsibility/img/callouts/stewardship.jpg) repeat;
}
.page-stewardship ul li {
 margin: 0px;
 padding: 3px 3px 3px 12px;
 background: url(/social-responsibility/img/bullets/stewardship.gif) 0px 9px no-repeat;
 list-style: none;
}
.page-content .img-left-stewardship {
	margin: 0px 10px 48px 0px;
	padding: 0px;
	border: 3px solid #535D5C;
	float: left;
 clear: both;
}
.stewardship-landing img {
	margin: 0px 1px 0px 0px;
	padding: 0px;
 	border: none;
}
/* ======================================================================================== COMMUNITY INVESTMENT*/
#investment-repeat {
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	background: url(/social-responsibility/img/page-bg/investment-repeat.jpg) repeat-y center top;
	text-align: left; 
} 
#investment-landing {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/investment-landing.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
#investment-diversity {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/investment-diversity.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
#investment-disease {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/investment-disease.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
#investment-commitment {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/investment-commitment.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
#investment-helping {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/investment-helping.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
.page-investment .page-title {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 3px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #333333;
	border-bottom: 1px solid #6B8E93;
}
.page-investment .page-title-landing {
	margin: 60px 0px 10px 0px;
	padding: 0px 0px 3px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #333333;
	border-bottom: 1px solid #6B8E93;
}
.investment-callout {
	margin: 10px 0px;
	padding: 10px 5px 6px 10px;
	border: 1px solid #6B8E93;
	background: url(/social-responsibility/img/callouts/investment.jpg) repeat;
}
.page-investment ul li {
 margin: 0px;
 padding: 3px 3px 3px 12px;
 background: url(/social-responsibility/img/bullets/investment.gif) 0px 9px no-repeat;
 list-style: none;
}
.page-content .img-left-investment {
	margin: 0px 10px 5px 0px;
	padding: 0px;
	border: 3px solid #6B8E93;
	float: left;
 clear: both;
}
.investment-landing img {
	margin: 0px 1px 0px 0px;
	padding: 0px;
 	border: none;
}
/* ======================================================================================== EMPLOYEE COMMITMENT */
#employees-repeat {
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	background: url(/social-responsibility/img/page-bg/employees-repeat.jpg) repeat-y center top;
	text-align: left; 
} 
#employees {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/employees.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
.page-employees .page-title {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 3px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #333333;
	border-bottom: 1px solid #804438;
}
.employees-callout {
	margin: 10px 0px;
	padding: 10px 5px 6px 10px;
	border: 1px solid #804438;
	background: url(/social-responsibility/img/callouts/employees.jpg) repeat;
}
.page-employees ul li {
 margin: 0px;
 padding: 3px 3px 3px 12px;
 background: url(/social-responsibility/img/bullets/employees.gif) 0px 9px no-repeat;
 list-style: none;
}


/* ======================================================================================== GLOBAL MARKETING PRINCIPLES */
#global-repeat {
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	background: url(/social-responsibility/img/page-bg/global-repeat.jpg) repeat-y center top;
	text-align: left;
} 
#global {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	background: url(/social-responsibility/img/page-bg/global.jpg) no-repeat center top;
	width: 960px;
	display: block;
}
.global-callout {
	margin: 20px 0px;
	padding: 10px 5px 6px 15px;
}

.leftcolimg {
	border: none;
	margin-top: -80px;
	padding-left: 30px;
}