html{
	font-size: 100.0001%;
	}

body {
	font-size: 62.5%; /* Equals 10px base font size */
	font-family: Helvetica, Verdana, Arial, Sans-Serif;
	background: #E6E6E6;
	}
	
/* ----------Clear fix---------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}
 
.clearfix {
	display: inline-block;
	}
 
html[xmlns] .clearfix {
	display: block;
	}
 
* html .clearfix {
	height: 1%;
	}
	
/* ----------basic links---------- */
a {	color: #ED1C24;
	text-decoration: underline;
	}

a:visited {
	color: #333;
	}

a:hover {
	color: #666666;
	text-decoration: underline;
	}

a:active {
	color: #999;
	}
	
p.totop {
	text-align: right;
	margin-bottom: 30px;
	}
	
/* ----------basic images---------- */
img {
	border: 0px;
	}
	
img.inset10 {
	margin: 10px 0 10px 10px;
	}
	
img.insetminus10 {
	margin: 10px 0 10px -10px;
	}
	
img.insetminus11 {
	margin: 10px 0 10px -11px;
	}
	
img.insetminus12 {
	margin: 0 0 30px -12px;
	}
	
img.insetminus14 {
	margin: 0 0 30px -14px;
	}

img.insetminus15 {
	margin: 0 0 30px -15px;
	}

img.insetminus16 {
	margin: 0 0 30px -16px;
	}
	
img.noinset {
	margin: 10px 0 10px 0px;
	}
	
img.bottom10 {
	margin-bottom: 10px;
	}
	
img.gapabove {
	margin: 40px 0 0 0px;
	}
	
img.nogapabove {
	margin-top: -20px;
	}
	
img.smallgapabove {
	margin-top: -40px;
	}
	
img.extragapabove {
	margin-top: 10px;
	}
	
img.gapabove30 {
	margin-top: -30px;
	}
	
img.nogapbelow {
	margin-bottom: 0px;
	}
	
img.fins-chart {
	margin-top: -6px;
	}
	
img.inlineimage {
	margin: 20px 0;
	}
	
div.inlineimageleft {
	position: relative;
	top: 0.25em;
	width: 172px;
	float: left;
	margin: 0 20px 0 0;	
	}
		
div.inlineimageright {
	position: relative;
	top: 0.25em;
	width: 172px;
	float: right;
	margin: 0 0 0 20px;	
	}
		
img.intextimage {
	}
	
/* ----------Download PDF list---------- */	
div.pdf {
	font-size: 1.2em;
	color: #000;
	position: relative;
	margin-top: 1px;
	margin-bottom: -2px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 0.8em 0 0.8em;
	line-height: 1.2em;
	}
		
div.pdf a {
	color: #666;
	}
		
div.pdf a:hover {
	color: #ED1C24;
	text-decoration: none;
	background-color: #fff;
	margin-top: -1px;
	margin-bottom: -1px !important; margin-bottom: 0;
	}

div.textright {
	position: relative;
	width: 14em;	
	top: -1.2em;
	float: right;
	clear: both;
	margin: 0em;
	}	
	
/* ----------tables---------- */
#maincontent table {
	background-color: #fff;
	font: 1.2em/1.25em Helvetica, Verdana, Arial, Sans-Serif;
	color: #000;
	width: 100%;
	margin: 0px 0 40px;
	clear: both;
	}
	
table p {
	font: 1em/1.25em Helvetica, Verdana, Arial, Sans-Serif;	
	}
	
table p.last {
	font: 1em/1.25em Helvetica, Verdana, Arial, Sans-Serif;	
	margin-bottom: 0em;	
	}
	
table ul {
	margin-bottom: -1em;
	}
	
table ul li {
	font: 1em/1.25em Helvetica, Verdana, Arial, Sans-Serif;
	margin-top: -1em;
	}
	
table ul li.first {
	font: 1em/1.25em Helvetica, Verdana, Arial, Sans-Serif;
	margin-top: -0.75em;
	}
	
table th {
	border-bottom: 1px solid #999;
	border-right: 1px solid #000;
	padding: 3px 10px 2px 5px;
	text-align: left;
	text-transform: uppercase;	
	vertical-align: bottom;
	color: #000;
	}
	
table tr.red {
	background-color: #ED1C24;
	}

table tr.brown {
	background-color: #CFB056;
	}
	
table tr.green {
	background-color: #8E9B5C;
	}
	
table td.lightred {
	background-color: #f68e92;
	}

table td.lightbrown {
	background-color: #cebe90;
	}
	
table td.lightgreen {
	background-color: #c7cdae;
	}	

table tr td {
	border-bottom: 1px solid #ccc;
	padding: 4px 10px 4px 5px;
	}

.total {
	font: bold 1em/1.25em Helvetica, Verdana, Arial, Sans-Serif;
	color: #000;
	text-transform: uppercase;
	}
	
#contentcolumn table.table20 {
	border: none;
	margin-top: 20px;
	margin-bottom: 20px;
	}		

div.notes .note {
	font: 1em Helvetica, Verdana, Arial, Sans-Serif;
	color: #000;
	list-style-type: lower-roman;
	margin-left: 0px;
	
	}
	
div.notes .decimal {
	font: 0.8em Helvetica, Verdana, Arial, Sans-Serif;
	color: #000;
	list-style-type: decimal;
	margin-left: 10px;
	}
	
div.notes {
	display: inline-block;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	}
	
div.dirreport {
	margin-bottom: 20px;
	}	

/* ----------container to center layout---------- */
#container {
	width: 980px;
	margin: 0 auto 0 auto;
	background-color: #fff;
	}
	
/* ----------navigation tabs---------- */
#tabsholder {
	position: relative;
	top: -69px;
	left: 663px;
	width: 288px;
	height: 64px;
	z-index: 100;
	}
	
ul#tabs li {
	padding: 0;
	margin: 0;
	float: left;
	margin-right: 11px;
	text-indent: -9999px;
	list-style-type: none;
	overflow: hidden;
	}

ul#tabs li a {
	border: 0;
	display: block;
	height: 64px;
	width: 85px;
	list-style-type: none;
	background-repeat: no-repeat;
	}

li#csrtab a {
	width: 87px;
	height: 64px;
	background: url(../images/tabs-sprite.gif);	
	background-position: 0px 0px;
	}
	
li#csrtab a:link, li#csrtab a:visited {
	background-position: 0px -64px;
	}
	
li#csrtab a:hover {
	background-position: 0px 0px;
	}
	
#home li#csrtab a, #approach li#csrtab a, #at_a_glance li#csrtab a, #at_a_glance li#csrtab a, #chairman_and_md_message li#csrtab a, #about_this_report li#csrtab a, #about_CSR li#csrtab a, #governance li#csrtab a, #safety li#csrtab a, #health li#csrtab a, #climate_change li#csrtab a, #environment li#csrtab a, #our_people li#csrtab a, #community li#csrtab a, #assurance li#csrtab a, #energy li#csrtab a, #contact_us li#csrtab a, #glossary li#csrtab a, #downloads li#csrtab a {
	background-position: 0px -0px;
	}
	
li#buildingtab a {
	width: 87px;
	height: 64px;
	background: url(../images/tabs-sprite.gif);	
	background-position: 0px 0px;
	}
	
li#buildingtab a:link, li#buildingtab a:visited {
	background-position: -87px -64px;
	}
	
li#buildingtab a:hover {
	background-position: -87px 0px;
	}
	
li#sugartab a {
	width: 87px;
	height: 64px;
	background: url(../images/tabs-sprite.gif);	
	background-position: 0px 0px;
	}
	
li#sugartab a:link, li#sugartab a:visited {
	background-position: -174px -64px;
	}
	
li#sugartab a:hover {
	background-position: -174px 0px;
	}
	
#building_home li#buildingtab a, #building_at_a_glance li#buildingtab a, #building_chairman li#buildingtab a, #building_water li#buildingtab a, #building_waste li#buildingtab a, #building_safety li#buildingtab a, #building_community li#buildingtab a {
	background-position: -87px 0px;
	}
 	
#sugar_home li#sugartab a, #sugar_at_a_glance li#sugartab a, #sugar_chairman li#sugartab a, #sugar_water li#sugartab a, #sugar_waste li#sugartab a, #sugar_safety li#sugartab a, #sugar_community li#sugartab a {
	background-position: -174px 0px;
	}
	
#indexlink {
	position: relative;
	top: 0px;
	right: 0px;
	height: 64px;
	width: 290px;
	z-index: 50;
	background-color: transparent;
	}
	
img.homelink {
	position: relative;
	top: -85px;
	}
	
img.floattorightcolumn {
	position: relative;	
	display: inline;
	left: 460px;
	height: auto;
	}
	
img.case-study {
	width: 276px;
	margin-bottom: 19px;
	border-top: 1px solid #ccc;	
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
	
div#printbanner {
	display: none;	
	}
	
div.pullout img {
	margin-bottom: 0px !important; margin-bottom: -2px;
	}
	
/* ----------Icons Sprite---------- */
.aricons {
	background: url(../images/site/iconsCSR.png) no-repeat;
	}
	
#nav #nav_assurance_report img, #nav #nav_energy img {
	background-position: 0px 1px;
	margin-bottom: -2px;
	padding-top: 2px;
	}
	
#nav #nav_assurance_report:hover img, #nav #nav_energy:hover img {
	background-position: 0px -19px;
	}
	
/* ----------logo banner---------- */
#logo {
	display: block;
	position: relative;
	top: 0px;
	left: 20px;
	background-color: transparent;
	height: 104px;
	width: 940px;
	}
	
/* ----------main banner image---------- */
#banner {
	display: block;
	position: relative;
	top: -58px;
	left: 20px;
	background-color: transparent;
	text-align: center;
	height: 120px;
	width: 940px;
	padding: 0px;
	margin-left: 0px;
	clear: both;
	}
	
#maincontent {
	display: block;
	position: relative;
	top: -3px;
	left: 0px;
	background-color: #fff;
	width: 980px;
	}
	
#indexmaincolumn {
	display: block;
	float: left;
	clear: right;
	position: relative;
	top: -16px;
	left: 20px;
	width: 748px;
	height: 475px;
	background-color: #fff;
	}
	
#indexsecondcolumn {
	position: relative;
	top: -15px;
	left: 20px;
	width: 748px;
	}
	
#indexfeaturecolumn {
	position: relative;
	display: block;
	float: right;
	width: 182px;
	top: -492px;
	left: -20px;
	}
	
#buildingsustainability {
	position: absolute;
	top: 117px;
	left: 0px;
	}
	
#sugarsustainability {
	position: absolute;
	top: 234px;
	left: 0px;	
	}
	
#csrsustainability {
	position: absolute;
	top: 0px;
	left: 0px;	
	}

#enterreport {
	position: absolute;
	width: 70px;
	height: 20px;
	top: 617px;
	left: 662px;
	}
	
#enterreport a {
	text-decoration: none;
	}
	
.enter {
	float: left;
	width: 70px;
	height: 20px;
	padding-top: 4px;
	font: .8em Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	background: url(../images/index-enter-site.gif) no-repeat 0px 0px;
	}
	
div#enterreport {
	width: 70px;
	height: 20px;
	background: url(../images/index-enter-site.gif) no-repeat 0 0;	
	}
	
a.enter:link, a.enter:visited, a.enter:active {
	width: 70px;
	height: 20px;
	background: url(../images/index-enter-site.gif) no-repeat 0 0;	
	}
	
a.enter:hover {
	width: 70px;
	height: 20px;
	background: url(../images/index-enter-site.gif) no-repeat -105px 0;	
	}

/* ----------main navigation---------- */
#nav {
	margin-bottom: 20px;
	}
	
#nav li a {
	text-decoration: none;
	display: block;
	margin-left: 1px;
	cursor: pointer;
	width: 172px;
	font-weight: bold;
	padding: 2px 0 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	}
				
#nav ul li {
	position: relative;
	margin-top: 1px;
	margin-bottom: -2px;	
	}
	
#nav ul li ul{
	margin: 0;
	}
	
#nav ul li {
	font-size: 1.1em;
	}
	
#nav ul li ul li {
	font-size: 1em;
	}
	
#nav ul li ul li.last{
	border-bottom: none;
	margin-bottom: -1px;
	}
	
#nav ul li.sub li a {
	margin-bottom: 0em !important;
	margin-bottom: -1.3em;
	border-bottom: 0px;
	text-transform: none;
	font-weight: normal;
	}
	
#nav ul li.sub {
	border-top: 2px solid #ccc;
	}
	
#nav li a:link, #nav li a:visited, #nav ul li a:link, #nav ul li a:visited  {
	color: #000;
	}
		
#nav li a:hover, #nav ul li a:hover {
	color: #ED1C24;
	}
	
#nav.build li a:hover, #nav.build ul li a:hover {
	color: #CFB056;
	}
	
#nav.sugar li a:hover, #nav.sugar ul li a:hover {
	color: #8E9B5C;
	}
	
#nav ul li.sub a, #nav ul li.envsub a {
	background-color: #e0e1e3;
	border-bottom: none;
	border-top: none;
	margin-top: -1px;			
	}
	
div#nav li a#nav_env_waterbuilding, div#nav li a#nav_env_watersugar, div#nav li a#nav_env_wastebuilding, div#nav li a#nav_env_wastesugar, div#nav li a#nav_env_energy {
	margin-bottom: 0em !important;
	margin-bottom: -1.3em;
	border-bottom: 0px;
	text-transform: none;
	font-weight: normal;
	}
	
#nav ul li.envsub li.last {
	margin-bottom: 2px;
	}
	
#nav ul li.envsub a#nav_environment {
	border-top: 1px solid #ccc;			
	}

/* -----building and sugar nav variations---- */
#nav a.building_home:link {
	color: #CFB056;
	}
	
#nav a.sugar_home:link {
	color: #8E9B5C;
	}

#nav ul li.buildingsub li a, #nav ul li.sugarsub li a {
	margin-bottom: 0em !important;
	margin-bottom: -1.3em;
	border-bottom: 0px;
	text-transform: none;
	font-weight: normal;
	}
	
#nav ul li.buildingsub, #nav ul li.sugarsub {
	border-top: 2px solid #ccc;
	}

#nav ul li.buildingsub a, #nav ul li.sugarsub a {
	background-color: #fff;
	border-top: none;
	margin-top: -1px;			
	}
	
#nav ul li.buildingsub ul li.last, #nav ul li.sugarsub ul li.last	{
	border-bottom: 1px solid #ccc;
	}

/* -----prettyPhoto gallery lists---- */	
ul.gallery {
	list-style: none;
	margin: 0 0 10px 0;
	}
	
ul.gallery li {
	display: block;
	float: left;
	margin: 10px 5px 0 10px;
	}
		
ul.gallery li a {
	padding: 2px;
	display: block;
	border: none;
	line-height: 0;
	}

/* -----menu icons---- */	
#nav .pdf img 			{ background-position: 0px 0px; }
#nav .pdf:hover img 	{ background-position: 0px -20px; }

#nav .download img 		{ background-position: -20px 0px; }
#nav .download:hover img{ background-position: -20px -20px; }

#nav .contact img 		{ background-position: -40px 0px; }
#nav .contact:hover img { background-position: -40px -20px; }

#downloadlist .downl img 		{ background-position: -0px 0px; }
#downloadlist .downl:hover img { background-position: -0px -20px; }
		
#maincontent #leftcolumn #nav ul li a.active {
	color: #ED1C24;
	background-color: #fff;
	}


/* ----------content---------- */
#leftcolumn {
	position: relative;
	top: 10px;
	left: 20px;
	background-color: transparent;
	float: left;
	width: 172px;
	}
	
div.featurecolumn {
	position: relative;
	top: -10px;
	left: 0px;
	background-color: transparent;
	width: 278px;
	}
	
div.casestudycolumn {
	position: relative;
	top: -195px;
	left: -20px;
	background-color: transparent;
	width: 278px;
	margin-bottom: -195px;
	}
	
#glossary div.casestudycolumn, #downloads div.casestudycolumn {
	position: absolute;
	left: 682px;
	}
	
div.casestudies {
	margin-top: 20px;
	left: 0px;
	background-color: #e0e1e3;
	float: right;
	width: 255px;
	min-height: 153px !important;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	padding: 10px;
	}
	
div.casestudy {
	margin-top: -18px;
	left: 0px;
	background-color: #e0e1e3;
	border: 1px solid #ccc;
	float: right;
	width: 256px;
	margin-bottom: 10px;
	padding: 10px;
	}
	
div.inlinecasestudy {
	margin-top: -20px;
	left: 0px;
	background-color: #e0e1e3;
	border: 1px solid #ccc;
	width: 256px;
	margin-bottom: 10px;
	padding: 10px;
	}
	
div.additionalimage {
	margin-top: 20px;
	left: 0px;
	background-color: transparent;
	float: right;
	width: 255px;
	min-height: 153px !important;
	margin-bottom: 20px;
	padding: 10px;
	}	

div#contentcolumn, div#contentcolumnwide { 
	position: relative;
	top: 10px;
	left: 40px;
	float: left;	
	background-color: transparent;
			
	/* min height hack */
	height: auto !important;
	height: 400px;
	min-height: 400px;
/*	height: expression(this.scrollHeight > 400 ? "auto":"400px"); */ 
	}
	
#glossary #contentcolumn, #downloads #contentcolumn {
	display: inline;
	width: 748px;
	top: 10px;
	}

#contentcolumn {
	width: 460px;
	top: 10px;
	}
	
#contentcolumnwide {
	width: 748px;
	}
	
#leftcontent {
	position: relative;
	margin-left: 0px;
	width: 172px;
	float: left;
	}

#onethirdleftcontent {
	position: relative;
	margin-left: 0px;
	width: 129px;
	float: left;
	}		

#rightcontent {
	width: 268px;
	float: right;
	}
	
#twothirdsrightcontent {
	width: 311px;
	float: right;
	}
	
#twothirdswrappedrightcontent {
	width: 460px;
	position: relative;
	left: 0px;
	float: right;
	}
	
div.leftname {
	width: 230px;
	height: 110px;
	float: left;
	}
	
div.rightname {
	width: 230px;
	height: 110px;
	float: right;
	}
	
div.onename {
	width: 460px;
	height: 40px;
	float: left;
	}
	
/* ----------feature column content---------- */
div.pullout {
	top: 0px;
	left: 0px;
	background-color: #fff;
	float: right;
	width: 258px;
	margin-bottom: 20px;
	border: 1px solid #e0e1e3;
	padding: 10px;
	}
	
div.pulloutrev {
	top: 0px;
	left: 0px;
	background-color: transparent;
	float: right;
	width: 100%;
	margin-bottom: 20px;
	}
	
div.dl {
	position: relative;
	margin-top: 20px;
	}

h2.quote {
	font-size: 2em;
	color: #666;
	font-style: normal;
	font-weight: normal;
	margin: 10px;
	}
	
h2.quoterev {
	font-size: 2em;
	color: #666;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 10px;
	}
	
img.featureimage {
	margin: 0;
	}
	
/* ----------footer---------- */
#footer	{
	clear: both;
	position: relative;
	height: 25px;
	top: 50px;
	color: #fff;
	background-color: transparent;
	font-size: 11px;
	width: 980px;
	}
	
body#home #footer {
	top: 0px;
	}
	
#footercontainer {
	height: 64px;
	position: relative;
	background-color: #fff;
	top: 10px;
	padding: 0 20px 20px;
	width: 940px;
	}

#footer a:link, #footer a:visited {
	color: #B2BBC2;
	text-decoration: underline;
	}

#footer a:hover {
	color: #000;
	}
	
#footermenu {
	position: absolute;
	left: 20px;
	top: 39px;
	line-height: 50px;
	text-align: left;
	background-color: #6D6E71;
	height: 25px;
	width: 855px;
	}
	
#footerlogo {
	float: right;
	margin-right: 0px;
	}
	
.centermenu {
	text-align: center;
	position: relative;
	top: -12px;
	}
	
div#footermenu p {
	color: #999;
	font-size: 1.1em;
	margin-top: 1.7em;
	}
	
div#footermenu a, div#footermenu a:visited, div#footermenu a:active {
	color: #999;
	}
	
div#footermenu a:hover {
	color: #ED1C24;
	text-decoration: none;
	}		
	
/* ----------typography---------- */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #000;
	margin-bottom: 0.2em;
	}

h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #ED1C24;
	margin-bottom: 0.4em;
	line-height: 1.2em;
	text-transform: uppercase;
	}
	
h1.lowercase {
	font-size: 1.4em;
	font-weight: normal;
	color: #ED1C24;
	margin-bottom: 0.4em;
	line-height: 1.2em;
	text-transform: none;
	}

h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #ED1C24;
	margin-bottom: 0.4em;
	line-height: 1.2em;
	text-transform: uppercase;
	}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.4em;
	line-height: 1.2em;
	text-transform: uppercase;
	}
	
h2.chart {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0em;
	line-height: 1.2em;
	text-transform: uppercase;
	}

h3 {
	font-size: 1.2em;
	font-weight: normal;
	color: #ED1C24;
	}
	
h3.strong {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	}

h4 {
	color: #000;
	font-size: .8em;
	line-height: 1.1em;
	}
	
.featurecolumn h4 {
	color: #000;
	font-size: 1em;
	line-height: 1.2em;
	margin-bottom: 10px;
	}
	
span.upper {
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	}

h5 {
	color: #000;
	font-size: 1em;
	font-weight: bold;
	}
	
p, li {
	color: #000;
	font-size: 1.2em;
	line-height: 1.333em;
	margin-right: 0;
	margin-bottom: 0.75em;
	margin-left: 0;
	}
	
ul.circle li.featuredlist {
	background: url(../images/site/circle.gif) no-repeat 0em 0.45em;
	padding-left: 1em;
	}
		
sup {
	font: 0.8em/1em Helvetica, Verdana, Arial, Sans-Serif;
	color: #000;
	vertical-align: text-top;
	text-transform: none;
	}
	
span.sub {
	font: 0.8em/1em Helvetica, Verdana, Arial, Sans-Serif;
	color: #000;
	vertical-align: text-bottom;
	text-transform: none;
	}
	
#keyfins-chart2 h1 {
	margin-left: 0.5em;
	}	

ul {
	margin: 0 0 1.5em;
	}	

#contentcolumn ul li, #contentcolumnwide ul li {
	padding-left: 1.1em;
	margin-bottom: 1em;
	margin-left: 0;
	background-position: 0 .4em;
	}

ul.dash li {
	color: #B2BBC2;
	background: url(../images/site/dash.png) no-repeat;
	}

ul.arrow li {
	display: inline-block;
	color: #B2BBC2;
	background: url(../images/site/arrow.png) no-repeat;
	}

ul.circle li {
	color: #000;
	background: url(../images/site/circle.gif) no-repeat;
	}
	
#maincontent ul li.nocircle {
	color: #000;
	background: none;
	}
	
ul.greycircle li {
	color: #666;
	background: url(../images/site/greycircle.gif) no-repeat;
	}

ul.cube li {
	color: #000;
	background: url(../images/site/cube.png) no-repeat;
	}
	
li.bullet {
	margin-top: -0.8em;	
	}
	
li.top {
	display: inline-block;
	margin-top: -0.4em;
	}
	
/* ----------classes---------- */
.biog p {
	margin-left: 192px;
	}

p.name {
	text-transform: uppercase;
	margin-bottom: 0em;
	font: bold 1.2em/1.25em Helvetica, Verdana, Arial, Sans-Serif;
	color: #ED1C24;
	}
	
p.title {
	font: bold 1.2em/1.25em Helvetica, Verdana, Arial, Sans-Serif;
	color: #000;
	margin-bottom: 0em;
	}
	
h1.upper {
	text-transform: uppercase;
	}
	
img.signature{
	margin: 0.5em 0 1em;
	}
	
.imagegroup {
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 1.2em;
	}
	
.indeximagegroup {
	float: left;
	clear: right;
	height: 225px;
	width: 135px;
	margin-top: 20px;
	margin-left: 0px;
	}
	
.downloadimagegroup {
	float: left;
	clear: right;
	height: 225px;
	width: 135px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 30px;
	}
	
.downloadstop {
	display: inline-block;
	width: 460px;
	height: 240px;
	font-size: 0.8em;
	margin-top: -10px;
	}
	
.downloadsbottom {
	display: inline-block;
	width: 748px;
	height: 220px;
	border-top: 1px solid #ccc;
	font-size: 0.8em;
	}

.imagecaptiontop {
	color: #000;
	height: 50px;
	position: absolute;
	top: 0px;
	padding: 5px;
	overflow: hidden;
	}

.imagecaptionbottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 5px;
	overflow: hidden;
	display: inline;
	float: left;
	}

.bannercaption {
	font-size: 10px;
	vertical-align: text-bottom;
	color: #fff;
	text-align: left;
	position: absolute;
	height: 75px;
	bottom: -78px;
	padding-left: 5px;
	}


.captionhead {
	color: #fff;	
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 0em;
	}

.caption {
	font-size: 10px;
	line-height: 14px;
	text-transform: uppercase;
	}
	
.heading {
	margin-bottom: -0.8em;
	}
	
.smallgap {
	font-size: 1em;
	}
	
.abc {
	color: #666;
	line-height: 1.25em;	
	padding-left: 1em;
	margin-bottom: 0.75em;
	margin-left: 1em;
	list-style-type: upper-latin;
	}
	
.roman {
	color: #666;
	line-height: 1.25em;	
	padding-left: 1em;
	margin-bottom: 0.75em;
	margin-left: 2.5em;
	list-style-type: lower-roman;
	}
	
.alpha {
	margin-left: 20px;
	text-indent: -20px;
	}
	
.numeral {
	color: #666;
	line-height: 1.25em;	
	padding-left: 1em;
	margin-bottom: 0.75em;
	margin-left: 1em;
	list-style-type: decimal;
	}
	
p.nogap, #maincontent li.nogap {
	margin-bottom: 0em;
	}

.uppercase{
	text-transform: uppercase;
	}
	
.credit {
	font-size: 1em;
	font-weight: bold;
	}

.strong {
	font-weight: bold;
	}
	
h4.strong {
	font-weight: bold;
	}

.em {
	font-style: italic;
	}
	
.floatleft {
	float: left;
	}
	
.floatleftwrap {
	float: left;
	clear: left;
	margin-right: 20px;
	}
	
.floatleftpadding {
	float: left;
	padding-left: 10px;
	}
	
.floatfarleft {
	float: left;
	position: absolute;
	left: 0px;
	}

.floatright {
	float: right;
	}

.close {
	margin-top: -10px;
	float: right;
	margin-right: -7px;
	}
	
.gap {
	margin-bottom: 10px;
	}
	
.extragap {
	margin-bottom: 30px;
	}
	
/* ----------forms---------- */
label {
	font-weight:bold;
	}

fieldset {
	padding:1.4em;
	margin:0 0 1.5em 0;
	border:1px solid #ccc;
	}

legend {
	font-weight:bold;
	font-size:1.2em;
	}

input.text, input.title, textarea, select {
	margin:0.5em 0;
	border:1px solid #bbb;
	}

input.text:focus, input.title:focus, textarea:focus, select:focus {
	border:1px solid #666;
	}

input.text, input.title {
	width:300px;
	padding:5px;
	}

input.title {
	font-size:1.5em;
	}

textarea {
	width:390px;
	height:250px;
	padding:5px;}

/* ----------pageturner---------- */
#pageturner {
	position: absolute;
	height: 50px;
	top: -20px;
	right: 20px;
	background-color: transparent;
	float: right;
	width: auto;
	}
	
div#pageturner p {
	color: #999;
	font-size: 1.1em;
	}
	
div#pageturner a, div#pageturner a:visited, div#pageturner a:active {
	color: #999;
	}
	
div#pageturner a:hover {
	color: #ED1C24;
	text-decoration: none;
	}

/* ----------skiplink---------- */
.skip-link {
	position: absolute;
	margin-top: -999em;
	}
	
a.skip-link:active	{
	color: #ED1C24;
	background-color: #fff;
	}
	
a.skip-link:hover {
	color: #ED1C24; 
	background-color: #fff;
	}
	
a.skip-link:focus {
	color: #ED1C24; 
	background-color: #fff;
	}
	
/* ----------columns---------- */
.col.one {
	width: 235px;
	display: block;
	float: left;
	margin-right: 20px;
	}

.col.nomargin {
	margin-right: 0;
	}
	
/* ----------colors---------- */
body #maincontent .lightgrey	{ color:#e0e1e3; }
body #maincontent .midgrey	{ color:#666666; }
body #maincontent .darkgrey		{ color:#394A59; }
body #maincontent .green		{ color:#8E9B5C ;}
body #maincontent .brown		{ color:#CFB056 ;}
body #maincontent .black		{ color:#000; }
body #maincontent .red		{ color:#ED1C24 ;}
body #maincontent .white		{ color:#fff ;}
	
/* ----------management profiles---------- */
div.left {
	width: 220px;
	float: left;
	}

div.biog {
	clear: both;
	margin-top: 1.5em;
	margin-bottom: 1em;
	min-height: 130px;
	}
	
div.biog img {
	float: left;
	margin-bottom: 20px;
	border-bottom: 1px solid #fff;
	}
	
/* ----------fins charts---------- */	
#keyfins-charts {
	width: 748px;
	height: 436px; 
	margin-bottom: 40px;
	}
	
#keyfins-chart1 {
	display: inline;
	float: left;
	width: 374px;
	}
		
#keyfins-chart2 {
	display: inline;
	float: right;
	width: 374px;
	}

/* ----------Active menu colour---------- */
#home #nav_home,
#approach #nav_approach,
#at_a_glance #nav_at_a_glance,
#at_a_glance #nav_approach,
#chairman_and_md_message #nav_chairman_and_md_message,
#chairman_and_md_message #nav_approach,
#about_this_report #nav_about_this_report,
#about_this_report #nav_approach,
#about_CSR #nav_about_CSR,
#about_CSR #nav_approach,
#governance #nav_governance,
#governance #nav_approach,
#safety #nav_safety,
#health #nav_health,
#climate_change #nav_climate_change,
#environment #nav_environment,
#our_people #nav_our_people,
#community #nav_community,
#assurance #nav_assurance_report,
#energy #nav_energy,
#contact_us #nav_contact_us,
#glossary #nav_glossary,
#downloads #nav_downloads {
	color: #ED1C24;
	}

#safety #nav_safety,
#health #nav_health,
#climate_change #nav_climate_change,
#environment #nav_environment,
#our_people #nav_our_people,
#community #nav_community,
#assurance #nav_assurance_report,
#energy #nav_energy,
#contact_us #nav_contact_us,
#glossary #nav_glossary,
#downloads #nav_downloads {
	background-color: #e0e1e3;
	}

	
#building_home #nav_building_home,
#building_at_a_glance #nav_building,
#building_at_a_glance #nav_building_at_a_glance,
#building_water #nav_building,
#building_water #nav_building_water,
#building_waste #nav_building,
#building_waste #nav_building_waste,
#building_safety #nav_building,
#building_safety #nav_building_safety {
	color: #CFB056;
	}
	
#sugar_home #nav_sugar_home,
#sugar_at_a_glance #nav_sugar,
#sugar_at_a_glance #nav_sugar_at_a_glance,
#sugar_water #nav_sugar,
#sugar_water #nav_sugar_water,
#sugar_waste #nav_sugar,
#sugar_waste #nav_sugar_waste,
#sugar_safety #nav_sugar,
#sugar_safety #nav_sugar_safety {
	color: #8E9B5C;
	}
		
/* ----------pageturner---------- */
#pageturner {
	position: absolute;
	top: -2em;
	right: 20px;
	width: auto;
	height: 1.1em;
	}
	
#pageturner span.links {
	color: #999;
	font-size: 1.1em; /* Equals 11px */
	line-height: 1.0909em; /* Equals 12px */
	}
	
#pageturner a span {
	display: block;
	position: absolute;
	width: 5px;
	height: 9px;
	}
	
#pageturner a.next {
	padding: 0 1em 0 .6364em;
	}

#pageturner a.previous {
	padding: 0 .6364em 0 1em;
	}

#pageturner a.next span {
	background-position: -80px 0px;
	top: 0.091em;	
	right: 0;
	}

#pageturner a:hover.next span {
	background-position: -80px -20px;
	}

#pageturner a.previous span {
	background-position: -60px 0px;
	top: .091em;
	left: 0;
	}

#pageturner a:hover.previous span {
	background-position: -60px -20px;
	}

#pageturner a, #pageturner a:visited, #pageturner a:active { 
	color: #999;
	}

#pageturner a:hover {
	color: #ED1C24;
	text-decoration: none;
	}
	
#toTop {  
	width: 100px;
	height: 23px;  
	border: none;  
	text-align: center;  
	padding: 6px 5px 5px;  
	position: fixed; /* this is the magic */  
	bottom: 23px; /* together with this to put the div at the bottom*/  
	right: 2px;  
	cursor: pointer;  
	display: none;  
	color: #000;  
	font-family: Helvetica, Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(../images/totopbg.gif) no-repeat 0 0;
	z-index: 1000;  
	}