/* ===========================================================
File Name:	corporate_home.css
Version:	1.2
Date:		May 2009
Author:		Relja Stanic


GENERAL SECTION
==============================================================*/
*


{
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px
}
body {
  	font: 62.5%/1.6 Arial, Verdana, sans-serif;
  	background-color: #CCC;
	background-image:url(../images/corp_bg.jpg);
	background-repeat: repeat-x;
	background-attachment:fixed;
	text-align:center;
}
H1
{
    FONT-SIZE: 2.4em;
    FONT-WEIGHT: normal
}
H2
{
    FONT-SIZE: 2em;
    FONT-WEIGHT: normal
}
H3
{
    FONT-SIZE: 1.6em;
    FONT-WEIGHT: normal
}
H4
{
    FONT-SIZE: 1.2em;
    FONT-WEIGHT: normal
}

P
{
    LINE-HEIGHT: 1.2em;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    COLOR: #666;
    TEXT-ALIGN: left;
    FONT-SIZE: 1.2em;
}
A
{
    COLOR: #333;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #007229;
    TEXT-DECORATION: underline
}
LI
{
    TEXT-ALIGN: left;
    FONT-SIZE: 1.2em
}
A IMG
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px
}
#wrapper
{
    TEXT-ALIGN: left;
    MARGIN: 0px auto;
    WIDTH: 990px;
    BACKGROUND-COLOR:#ffffff;
}

/* ===========================================================
TOP NAVIGATION
==============================================================*/
#banner
{
    BACKGROUND-IMAGE: url(../images/boral_home/top_banner_co.jpg);
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 87px;
}
#homeLink
{
    WIDTH: 200px;
    MARGIN-LEFT: 10px;
    PADDING-TOP: 10px;
    float:left;
}

#nav
{
    WIDTH: 100%;
    FONT-FAMILY: arial,sans-serif;
    /*BACKGROUND: #017C2E;      <<<<<<<-------   NEW #017C2E OLD #007229  ------->>>>>>>      */
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    PADDING: 0 0 0 0;
    LINE-HEIGHT: 20px;
    LIST-STYLE-TYPE: none;
    FLOAT: left;
    COLOR: #fff;
    Z-INDEX:200;
    POSITION:relative;
	background-image:url(../images/topnav_bg_co.jpg);/*    <<<<<<<-------   NEW STYLE RULE ADDED  ------->>>>>>>      */
	background-position: right;
	background-repeat:no-repeat;
}
#nav UL
{
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 20px;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    WIDTH: 994px;
    PADDING-RIGHT: 0px;
    FLOAT: left;
    COLOR: #fff;
    PADDING-TOP: 0px;
}
#nav A
{
    PADDING-BOTTOM: 3px;  /*    <<<<<<<-------   NEW 3px OLD 5px  ------->>>>>>>      */
    PADDING-LEFT: 7px;  /*    <<<<<<<-------   NEW 7px OLD 15px  ------->>>>>>>      */
    PADDING-RIGHT: 7px;  /*    <<<<<<<-------   NEW 7px OLD 15px  ------->>>>>>>      */
    DISPLAY: block;
    COLOR: #fff;
    TEXT-DECORATION: none;
    PADDING-TOP: 3px;  /*    <<<<<<<-------   NEW 3px OLD 5px  ------->>>>>>>      */
}
#nav LI.last
{
    BORDER-RIGHT: 0px;
}
#nav LI
{
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    FLOAT: left;
    border-right: 2px solid #7FAF5F;
    /*BORDER-RIGHT: #e3e3e3 1px solid;*/       /*    <<<<<<<-------   GREY RIGHT BORDER REMOVED  ------->>>>>>>      */
    PADDING-TOP: 0px;
}
#nav li.home {      /*    <<<<<<<-------   NEW CLASS  ------->>>>>>>      */
	/*background:#4D8D18;*/
	border-right: 2px solid #7FAF5F;
}
#nav li.business {      /*    <<<<<<<-------   NEW CLASS  ------->>>>>>>      */
	/*background:#408A1B;*/
	border-right: 2px solid #74AC62;
}
#nav li.benchmarking {      /*    <<<<<<<-------   NEW CLASS  ------->>>>>>>      */
	/*background:#2E8621;*/
	border-right: 2px solid #66A965;
}
#nav li.applications {      /*    <<<<<<<-------   NEW CLASS  ------->>>>>>>      */
	/*background:#1E8226;*/
	border-right: 2px solid #5DA768;
}
#nav li.policies {      /*    <<<<<<<-------   NEW CLASS  ------->>>>>>>      */
	/*background:#0F7F2A;*/
	border-right: 2px solid #50A46C;
}
#nav li.websites {      /*    <<<<<<<-------   NEW CLASS  ------->>>>>>>      */
	/*background:#0F7F2A;*/
	border-right: 2px solid #4EA26C;
}
#nav UL
{
	/*BORDER-TOP: #FFF 1px solid;       <<<<<<<-------   NEW BORDER VALUE ------->>>>>>>      */	
    BORDER-RIGHT: #FFF 1px solid;  /*     <<<<<<<-------   NEW BORDER VALUE ------->>>>>>>      */
	BORDER-BOTTOM: #FFF 1px solid;   /*    <<<<<<<-------   NEW BORDER VALUE ------->>>>>>>      */
	BORDER-LEFT: #FFF 1px solid;   /*    <<<<<<<-------   NEW BORDER VALUE ------->>>>>>>      */
	POSITION: absolute;
    LINE-HEIGHT: 1.8;/*    <<<<<<<-------   NEW LINE HEIGHT VALUE ------->>>>>>>      */
    MARGIN: 0px;
    WIDTH: 221px;/*    <<<<<<<-------   NEW WIDTH VALUE ------->>>>>>>      */
    HEIGHT: auto;
    FONT-WEIGHT: normal;
    LEFT: -999em;
	
}
#nav LI LI
{
    WIDTH: 221px;/*    <<<<<<<-------   NEW WIDTH VALUE ------->>>>>>>      */
    FONT-FAMILY: arial,sans-serif;
    /*BORDER-TOP: #797979 1px solid;*/
	BORDER-TOP: #FFF 1px solid; /*     <<<<<<<-------   NEW BORDER VALUE ------->>>>>>>      */
    FONT-WEIGHT: normal;
	
}
#nav LI LI A
{
    TEXT-ALIGN: left;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 10px;
    WIDTH: 220px;
    PADDING-RIGHT: 10px;
    COLOR: #fff;
    FONT-SIZE: 11px;/*     <<<<<<<-------   NEW FONT SIZE ------->>>>>>>      */
    PADDING-TOP: 1px;
}


#nav LI UL UL
{
    MARGIN: -21px 0px 0px 100px;
}
#nav LI LI:hover
{
    BACKGROUND: #FFD100;	/*    <<<<<<<-------   NEW ROLLOVER COLOUR  ------->>>>>>>      */
}
#nav LI UL LI:hover A
{
    COLOR: #009B3A; /*    <<<<<<<-------   NEW ROLLOVER COLOUR  ------->>>>>>>      */
}
#nav LI UL LI LI:hover A
{
    COLOR: #009B3A; /*    <<<<<<<-------   NEW ROLLOVER COLOUR  ------->>>>>>>      */
}
#nav LI UL LI LI LI:hover A
{
    COLOR: #009B3A; /*    <<<<<<<-------   NEW ROLLOVER COLOUR  ------->>>>>>>      */
}
#nav LI UL LI LI LI:hover A
{
    COLOR: #009B3A; /*    <<<<<<<-------   NEW ROLLOVER COLOUR  ------->>>>>>>      */
}
#nav LI:hover A
{
    COLOR: #009B3A; /*    <<<<<<<-------   NEW ROLLOVER COLOUR  ------->>>>>>>      */
}

/*<<<<<<<  CHANGES BOTH NAV AND DROPDOWN  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#nav LI.sfhover A
{
    COLOR: #009B3A; /*    <<<<<<<-------   NEW ROLLOVER COLOUR  ------->>>>>>>      */
}
/*<<<<<<<  CHANGES BOTH NAV AND DROPDOWN  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/


#nav LI UL LI:hover A
{
    COLOR: #F00; /*    <<<<<<<-------   NEW ROLLOVER COLOUR  ------->>>>>>>      */
}
#nav LI:hover LI A
{
    COLOR: #fff;
}
#nav LI LI:hover LI A
{
    COLOR: #009B3A; /*    <<<<<<<-------   NEW ROLLOVER COLOUR  ------->>>>>>>      */
}
#nav LI LI LI:hover LI A
{
    COLOR: #009B3A; /*    <<<<<<<-------   NEW ROLLOVER COLOUR  ------->>>>>>>      */
}
#nav LI LI LI LI:hover LI A
{
    COLOR: #009B3A; /*    <<<<<<<-------   NEW ROLLOVER COLOUR  ------->>>>>>>      */
}


/*    <<<<<<<-------   THE TWO RULES BELOW MAKE IT WORK IN IE6 -- DO NOT REMOVE  ------->>>>>>>      */
#nav li.sfhover ul A {
	color:#FFF;
}
#nav li li.sfhover A {
	color:#009B3A;
}
/*    <<<<<<<-------   THE TWO RULES ABOVE MAKE IT WORK IN IE6 -- DO NOT REMOVE  ------->>>>>>>      */


#nav LI:hover UL UL
{
    LEFT: -999em;
}
#nav LI:hover UL UL UL
{
    LEFT: -999em;
}
#nav LI:hover UL UL UL UL
{
    LEFT: -999em;
}
#nav LI.sfhover UL UL
{
    LEFT: -999em;
}
#nav LI.sfhover UL UL UL
{
    LEFT: -999em;
}
#nav LI.sfhover UL UL UL UL
{
    LEFT: -999em;
}
#nav LI:hover UL
{	

    BACKGROUND: #009B3A;       /*    <<<<<<<-------   NEW ROLLOVER COLOUR  ------->>>>>>>      */
    LEFT: auto;

}
#nav LI LI:hover UL
{
    BACKGROUND: #FFD100;       /*    <<<<<<<-------   NEW ROLLOVER COLOUR  ------->>>>>>>      */
    LEFT: auto;
}
#nav LI LI LI:hover UL
{
    BACKGROUND: #FFD100;       /*    <<<<<<<-------   NEW ROLLOVER COLOUR  ------->>>>>>>      */
    LEFT: auto;
}
#nav LI LI LI LI:hover UL
{
    BACKGROUND: #FFD100;       /*    <<<<<<<-------   NEW ROLLOVER COLOUR  ------->>>>>>>      */
    LEFT: auto;
}
#nav LI.sfhover UL
{
    BACKGROUND: #009B3A;       /*    <<<<<<<-------   NEW ROLLOVER COLOUR  ------->>>>>>>      */
    LEFT: auto;
}
#nav LI LI.sfhover UL
{
    BACKGROUND: #FFD100;       /*    <<<<<<<-------   NEW ROLLOVER COLOUR  ------->>>>>>>      */
    LEFT: auto;
}
#nav LI LI LI.sfhover UL
{
    BACKGROUND: #FFD100;       /*    <<<<<<<-------   NEW ROLLOVER COLOUR  ------->>>>>>>      */
    LEFT: auto;
}
#nav LI LI LI LI.sfhover UL
{
    BACKGROUND: #FFD100;       /*    <<<<<<<-------   NEW ROLLOVER COLOUR  ------->>>>>>>      */
    LEFT: auto
}
#nav LI:hover
{
    BACKGROUND: #FFD100;       /*    <<<<<<<-------   NEW ROLLOVER COLOUR  ------->>>>>>>      */
}
#nav LI.sfhover
{
    BACKGROUND: #FFD100;       /*    <<<<<<<-------   NEW ROLLOVER COLOUR  ------->>>>>>>      */ 
}
#corpLinks
{
    FLOAT: right;
    PADDING-TOP: 0.5em
}
#corpLinks A
{
    COLOR: #fff;
    TEXT-DECORATION: none
}
#corpLinks UL
{
    PADDING-BOTTOM: 0px;
    LIST-STYLE-TYPE: none;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px
}
#corpLinks LI
{
    PADDING-RIGHT: 0.7em;
    DISPLAY: inline;
    COLOR: #fff;
    FONT-WEIGHT: normal;
    MARGIN-RIGHT: 0.5em;
    BORDER-RIGHT: #fff 1px solid;
    PADDING-TOP: 0px
}
#corpLinks LI.last
{
    BORDER-RIGHT: 0px
}
#corpLinks A:hover
{
    COLOR: #ccc;
    TEXT-DECORATION: underline
}
#searchArea
{
    POSITION:relative;
    TOP:10 px;
    FLOAT:right;
    MARGIN-right:20 px;
}
.searchInput
{
    HEIGHT: 20px;
    COLOR: #333;
    FONT-SIZE: 1.2em;
}
.submit
{
    POSITION:absolute;
}
.share
{
position:relative;
}

#selectorUser
{
    MARGIN: 0px;
    WIDTH: 990px;
}

/* =============================================================
LEFT NAVIGATION
==============================================================*/



#leftNav
{
    width: 176px;     /*-------   CHANGED   -------*/
    float: left;
    margin: 40px 0 0 0;     /*-------   CHANGED   -------*/
    padding:  0;
    background: #E6E6E6;     /*-------   CHANGED   -------*/
    color: #FFF;
}


#leftNav ul
{
    margin: 0;    
    padding: 0;
    list-style: none;
    font-size: 1.2em;  /*    <<<<<<<-------   ADDED FONT-SIZE RULE  ------->>>>>>>      */
}


#leftNav li 
{
    margin: 0;
    padding: 0;
    float: left; /* This corrects the */
    width: 100%; /* IE whitespace bug */
}


#leftNav li.first {
    background: #159533;     /*-------   CHANGED   -------*/
    width: 176px;     /*-------   CHANGED   -------*/
    padding-bottom: 4px;     /*-------   CHANGED   -------*/
    color: #FDD100;     /*-------   CHANGED   -------*/
    padding-left: 10px;
    border-bottom: 2px solid #FFF;     /*-------   CHANGED   -------*/ 
}


#leftNav li.last 
{
    background: #E6E6E6;     /*-------   CHANGED   -------*/
    width: 176px;     /*-------   CHANGED   -------*/
    padding-top: 3px;     /*-------   CHANGED   -------*/
    padding-bottom: 4px;     /*-------   CHANGED   -------*/
    color: #fff; 
}


#leftNav a 
{    
    display: block;  /* to increase clickable area as a's 
    default to inline */
    color: #707070;     /*-------   CHANGED   -------*/
    text-decoration: none;
    padding: 0 10px;
    padding-top: 3px;     /*-------   CHANGED   -------*/
    padding-bottom: 4px;     /*-------   CHANGED   -------*/
    border-bottom: 2px solid #FFF;     /*-------   CHANGED   -------*/
}


#leftNav a:hover 
{  
    background: #CCC;
    color: #333;
}

/*=======  ADDED LEFTNAV SUBITEM =======*/


#leftNav li.menu 
{
    background: #F7F7F7;     /*-------   CHANGED   -------*/
    line-height: 1.6em;
    font-size:0.75em;     /*-------   CHANGED   -------*/
    /*padding-left: 10px;     -------   CHANGED   -------*/
    width:176px;     /*-------   CHANGED   -------*/
}

#leftNav li.menu a 
{
    color: #666;
}
#leftNav li.menu a:hover 
{	
	background:#EEEEEE;
    color: #000;
}
#leftNav li.subitem 
{
	line-height: 1.2em;
    color:#FFFFFF;
}

/* ==========================================================
MAIN CONTENT ON PRODUCTS LANDING
=============================================================*/

#mainContent 
{
    color:#666;
    margin-left: 10px;	
    width: 803px;
    float: left;
    margin-top: 10px;
    line-height: 1.1;
}

/* ===========================================================
FOOTER
==============================================================*/
#footer
{
    TEXT-ALIGN: center;
    HEIGHT: 50px;
    CLEAR: both;
    PADDING-TOP: 20px
}

#footer A
{
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    BORDER-RIGHT: #ccc 1px ridge
}

/* ============================================================
CONTENT STYLE - from DAVID
===============================================================*/
#srContainer {
	width: 800px;/****************    Change back to 798px for NON-IE version    ******************/
	padding-top: 30px;
	padding-left: 7px;
	float: right;
	padding-right:10 px;
}

#mainTitle {
	width: 780px;
	height:40px;
}
#pageTitle {
	width: 780px;
	height:40px;
}



#atAGlance {
	width:780px;
}
#atAGlanceLeft {
	width:264px;
	height:238px;
	float:left;
	color: #FFF;
	background-image:url(../images/bg_glanceLeft.jpg);
	padding: 15px;
	font: 120%/140% Arial, sans-serif;
	
}
#atAGlanceRight {
	width:473px;
	height:263px;
	float:right;
	color: #666;
	background-image:url(../images/bg_glanceRight.jpg);
	padding-top: 7px;
	font: 120%/280% Arial, sans-serif;
}
#atAGlanceRight .greenBold {
	color: #7AC524;
	font-weight: bold;
}
#atAGlanceMain {
	clear:both;
	margin-top:12px;
	width:750px;
	/*height:263px;*/
	color: #666;
	background-image:url(../images/bg_glance780.jpg);
	padding: 20px 15px;
	font: 112%/138% Arial, sans-serif;
}
.imgGlance {
	padding-bottom: 40px;
}
#messageFromMD {
	width:780px;
}
#susPriorities {
	width:780px;
}
#susPerformance {
	clear: both;
	width:780px;
}
#susData {
	width:780px;
}


/*----  TABLES    ---*/
.tableTitle {
	color: #5F5F5F;
	font: 130%/130% Arial, sans-serif;
	font-weight:bold;
	text-align:left;
}
.tableTop {
	color: #5F5F5F;
	font: 115%/170% Arial, sans-serif;
	font-weight:bold;
	text-align:left;
}
.tableTop10Left {
	color: #5F5F5F;
	font: 110%/170% Arial, sans-serif;
	font-weight:bold;
	text-align:left;
	padding-left: 4px;
}
.tableTopNormal {
	color: #666;
	font: 100%/110% Arial, sans-serif;
	padding: 5px 0;
}
.tableFootnote {
	color: #666;
	font: 100%/130% Arial, sans-serif;
	text-align:left;
	
}
.susPrioritiesH1 {
	color: #FFF;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	line-height: 2em;
	padding-left: 10px;
	background-image: url(../images/bg_susTableH1.jpg);
}
.susPrioritiesH2 {
	color: #FFF;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	line-height: 2em;
	padding-left: 10px;
	background-image: url(../images/bg_susTableH2.jpg);
}
.susPrioritiesH3 {
	color: #FFF;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	line-height: 2em;
	padding-left: 10px;
	background-image: url(../images/bg_susTableH3.jpg);
}
.susPrioritiesH4 {
	color: #FFF;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	line-height: 2em;
	padding-left: 10px;
	background-image: url(../images/bg_susTableH4.jpg);
}
.susPrioritiesH5 {
	color: #FFF;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	line-height: 2em;
	padding-left: 10px;
	background-image: url(../images/bg_susTableH5.jpg);
}
.susPrioritiesTable, .susDataTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.3em;
	color: #5F5F5F;
		/*text-align:right;*/
}
.susPrioritiesTable th, .susDataTable th {
	padding: 4px 0;
	/*border-bottom: 2px solid #ccc;*/
}
.susPrioritiesTable td {
	padding: 20px 0 20px 10px;
	text-align:left;
	vertical-align:top;
	background-image: url(../images/bg_susTable.jpg);
	background-repeat: no-repeat;
}
.susDataTable td {
	padding: 4px 0;
	text-align:right;
}
.susDataTable td.left {
	text-align:left;
	padding-left: 10px;
}
.susDataTable td.right {
	text-align:right;
	padding-right: 10px;
}
.susDataTable td.bold {
	font-weight:bold;
}
.susDataTable tr.grey {
	background: #F7F7F7;
}
.susDataTable td.greyBottom {
	border-bottom: 1px solid #CCC;
}
.susDataTable td.greyBottomSml {
	border-bottom: 1px solid #CCC;
	font-size: 90%;
}
.susDataTable td.greyBottomLeft {
	border-bottom: 1px solid #CCC;
	text-align:left;
	padding-left: 10px;
}
.susDataTable td.greyBottomRight {
	border-bottom: 1px solid #CCC;
	text-align:right;
	padding-right: 10px;
}
.susPrioritiesTable td.bold1 {
	color: #007229;
	font-weight:bold;
}
.susPrioritiesTable td.bold2 {
	color: #7F0921;
	font-weight:bold;
}
.susPrioritiesTable td.bold3 {
	color: #C43702;
	font-weight:bold;
}
.susPrioritiesTable td.bold4 {
	color: #007A97;
	font-weight:bold;
}
.susPrioritiesTable td.bold5 {
	color: #918C64;
	font-weight:bold;
}
.imgBsdt {
	margin: -20px 0;
}
.susPrioritiesTable td.bottom2 {
	border-bottom: 2px solid #ccc;
}
.susPrioritiesTable sup{
	font-size :0.9em;
}
.susPrioritiesTable .noborder {
	border:none;
}
	/*----------------- Managing Sustainabibility -------------------------------*/
#managingSustainability {
	width:780px;
}
#managingSustainability ul li {
	list-style-type:disc;
	list-style-position:outside;
	margin: 10px 0 -10px 30px;
	/*margin-left: 30px;
	margin-top:10px;*/
	padding: 0 10px 10px 0;
	color: #3F3F3F;
	line-height: 1.4em;
	/*font-size: 1.1em;*/
}
#boralValues {
	float: right;
	margin: 20px 0 10px 15px; /*----------------- Need to change to 20px for Firefox -------------------------------*/
	width: 350px;
	padding: 20px;
	color: #4C4C4C;
	background: #EEE;
	font: 110%/130% Arial, sans-serif;
}
#boralValues H1{
	padding: 0 0 10px 0;
	font: 120%/150% Arial, sans-serif;
	font-weight:bold;
}
#boralValuesGreen {
	float: right;
	margin: 20px 0 10px 15px; /*----------------- Need to change to 20px for Firefox -------------------------------*/
	width: 350px;
	padding: 20px;
	color: #FFF;
	background: #7AC524;
	background-image: url(../images/bg_boralValues.jpg);
	font: 110%/130% Arial, sans-serif;
}
#boralValuesGreen H1{
	padding: 0 0 10px 0;
	font: 120%/150% Arial, sans-serif;
	font-weight:bold;
	
}

.manSus p{
	margin: 0;
	color: #3F3F3F;
	padding-top: 10px;
	font: 120%/140% Arial, sans-serif;
}
.manSus p.first {
	margin-top:22px;
}
.manSus p.top50 {
	margin-top:50px;
}
.manSus a, .manSus a:visited {

	text-decoration: underline;
}
.manSus a:hover{
	color: #000;
	text-decoration: underline;
}
#bsdtTable {
	clear:right;
	float: right;
	margin: 20px 0 10px 15px;
	width: 500px;
	background: #EEE;
}
.manSus p.footnote {
	font-size: 90%;
}
#developingLeaders {
	width: 780px;
	float: left;
	height:Auto;
	margin: 20px 0;
	background-image: url(../images/bg_developingLeaders.jpg);
}
#developingLeadersLeft {
	float: left;
	width: 440px;
	padding: 17px;
	font: 110%/150% Arial, sans-serif;
}
	/*----------------- Our People -------------------------------*/
#ourPeopleMainLeft {
	float: left;
	width:258px;
	height:172px;
}
#ourPeopleMainRight {
	float: right;
	width:461px;
	height: 157px;
	background-image: url(../images/bg_ourPeople.jpg);
	color: #FFF;
	padding: 15px 40px 0 20px;
	font: 110%/150% Arial, sans-serif;
}
#ourPeople {
	width:780px;
}
#ourPeople p{
	color: #3F3F3F;
	padding-top: 10px;
	font: 1.3em/140% Arial, sans-serif;
}
#ourPeople .blue{
	color: #007A97;
	font-weight: bold;
}
#ourPeopleSubLeft {
	float: left;
	width:224px;
	padding: 25px 17px;
	background-image: url(../images/bg_ourPeopleSubLeft.jpg);
	color: #007A97;
	font: 110%/150% Arial, sans-serif;
	font-weight:bold;
}
#ourPeopleSubRight {
	float: right;
	width:494px;
	padding: 15px 7px 20px 20px;
}
.ourPeopleLeft {
	float: left;
	width: 413px;
	padding: 25px 0 25px 17px ;
	background-image: url(../images/top40_egrad.jpg);
	background-repeat:no-repeat;
}
.ourPeopleRight {
	float: right;
	width: 350px;
	/*padding: 25px 17px;*/
	background-image: url(../images/top40_egrad.jpg);
	background-repeat:no-repeat;
}
.ourPeopleFullWidth {
	float: left;
	width: 763px;
	padding: 25px 0 25px 17px ;
	background-image: url(../images/top40_egrad.jpg);
	background-repeat:no-repeat;
}
a, a:visited {

	text-decoration: none;
}
a:hover{
	color: #007229;
	text-decoration: underline;
}	
	
	/*----------------- Health And Safety -------------------------------*/
#healthSafety {
	width:780px;
}
#healthSafetyMainLeft {
	float: left;
	width:258px;
	height:172px;
}
#healthSafetyMainRight {
	float: right;
	width:461px;
	height: 157px;
	background-image: url(../images/bg_ourPeople.jpg);
	color: #FFF;
	padding: 15px 40px 0 20px;
	font: 110%/150% Arial, sans-serif;
}
#healthSafety p{
	color: #3F3F3F;
	padding-top: 10px;
	font: 1.3em/140% Arial, sans-serif;
}
#healthSafety .blue{
	color: #007A97;
	font-weight: bold;
}
#healthSafetySubLeft {
	float: left;
	width:224px;
	padding: 25px 17px;
	background-image: url(../images/bg_ourPeopleSubLeft.jpg);
	color: #007A97;
	font: 110%/150% Arial, sans-serif;
	font-weight:bold;
}
#healthSafetySubRight {
	float: right;
	width:494px;
	padding: 15px 7px 20px 20px;
}
.healthSafetyLeft {
	float: left;
	width: 413px;
	padding: 25px 0 25px 17px ;
	background-image: url(../images/top40_egrad.jpg);
	background-repeat:no-repeat;
}
.healthSafetyRight {
	float: right;
	width: 350px;
	/*padding: 25px 17px;*/
	background-image: url(../images/top40_egrad.jpg);
	background-repeat:no-repeat;
}
.healthSafetyFullWidth {
	float: left;
	width: 746px;
	padding: 30px 17px 0 17px ;
	background-image: url(../images/top40_egrad.jpg);
	background-repeat:no-repeat;
}
#zeroLostTime {
	width: 746px;
	float: left;
	height:Auto;
	margin: 20px 0;
	padding: 17px;
	background-image: url(../images/bg_developingLeaders.jpg);
}
#zeroLostTimeBlue {
	width: 746px;
	float: left;
	height:Auto;
	margin: 20px 0;
	color: #FFF;
	padding: 17px;
	background-image: url(../images/bg_zeroLostTimeBlue.jpg);
}
#zeroLostTimeBlue p{
	color: #FFF;
}	
	/*----------------- ourEnvironment -------------------------------*/
#ourEnvironment {
	width:780px;
}
#ourEnvironment a, a:visited {
	text-decoration: none;
}
#ourEnvironment a:hover{
	color: #007229;
	text-decoration: underline;
}
#ourEnvironment {
	width:780px;
}
#ourEnvironment ul li {
	list-style-type:disc;
	list-style-position:outside;
	margin: 10px 0 -10px 30px;
	padding: 0 10px 10px 0;
	color: #3F3F3F;
	line-height: 1.6em;
}
#ourEnvironmentMainLeft {
	float: left;
	width:258px;
	height:172px;
}
#ourEnvironmentMainRight {
	float: right;
	width:461px;
	height: 147px;
	background-image: url(../images/bg_ourEnvironment.jpg);
	padding: 25px 40px 0px 20px;
	color: #9F9A73;
	font: 110%/160% Arial, sans-serif;
	font-weight:bold;
}
.atAGlanceTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: 120%;
	color: #3F3F3F;
	background-color:#F1F1ED;/* changed from #EAE9E3 */
	text-align:right;
}
.bsdtTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: 120%;
	color: #666;
	background-color:#F1F1ED;/* changed from #EAE9E3 */
}
.bsdtTable td {
	padding: 5px;
	text-align: left;
	vertical-align:top;
	border-top: 1px solid #CBC9B4;
}
.bsdtTable td.last{
	border-bottom: 1px solid #CBC9B4;
}
.bsdtTable td.spinifex{
	color: #9F9A73;
	background:#FFF;
	border-top:none;
}
th.glance {
	padding:5px 10px;
	font-size: 120%;
	text-align:right;
	color: #FFF;
	background-color: #AAA783;
}
th.glanceLeft {
	padding:5px 10px;
	font-size: 120%;
	text-align:left;
	color: #FFF;
	background-color: #AAA783;
}
td.glance {
	padding:3px 10px;
	vertical-align: top;
}
td.glanceLight {
	padding:3px 10px;
	background-image: url(../images/bg_ourEnvironmentGlanceTable.jpg);
}
td.footnote {
	font-size: 90%;
	text-align:left;
	color: #666;
	background-color: #FFF;
}
#ourEnvironment p{
	color: #3F3F3F;
	padding-top: 10px;
	font: 1.3em/140% Arial, sans-serif;
}
#ourEnvironment .spinifex{
	color: #9F9A73;
	font-weight: bold;
}
#ourEnvironmentSubLeft {
	float: left;
	width:224px;
	padding: 25px 17px;
	background-image: url(../images/bg_ourPeopleSubLeft.jpg);
	background-repeat:no-repeat;
	color: #9F9A73;
	font: 110%/150% Arial, sans-serif;
	font-weight:bold;
}
#ourEnvironmentSubLeft .title {
	font-size:120%;
	font-weight: bold;
}
.ourEnvironmentSubRight {
	float: right;
	width:400px;
	padding: 30px 0 10px 30px;
}
.ourEnvironmentLeft {
	float: left;
	width: 413px;
	padding: 25px 0 0 17px ;
	background-image: url(../images/top40_egrad.jpg);
	background-repeat:no-repeat;
}
#ourEnvironmentRightTop {
	float: right;
	width: 330px;
	padding: 47px 0 0 20px;
	background-image: url(../images/top40_egrad.jpg);
	background-repeat:no-repeat;
}
#ourEnvironmentRightTop p{
	color: #7D7D7D;
	font: 110%/130% Arial, sans-serif;
	font-weight:bold;
	margin-bottom:10px;
}

#ourEnvironmentRightTop ul li{
	list-style-type:disc;
	list-style-position:outside;
	color: #666;
	font-size: 100%;
	margin: 0 0 0 12px;
	padding: 0 5px 8px 0;
	line-height: 110%;

}
.ourEnvironmentRight {
	float: right;
	width: 330px;
	padding: 0 0 0 20px;
}

.ourEnvironmentRightSpinifex {
	float: right;
	width: 310px;
	padding: 0 10px 10px 10px;
	background-image: url(../images/bg_spinifex780.jpg);
	font-size: 85%;
}
.ourEnvironmentFullWidth {
	float: left;
	width: 746px;
	padding: 30px 17px 0 17px ;
	background-image: url(../images/top40_egrad.jpg);
	background-repeat:no-repeat;
}
.ourEnvironmentFullWidthPlain {
	float: left;
	width: 746px;
	padding: 0 17px;
}
#zeroLostTime {
	width: 746px;
	float: left;
	height:Auto;
	margin: 20px 0;
	padding: 17px;
	background-image: url(../images/bg_developingLeaders.jpg);
}
#spinifexFullWidth {
	width: 746px;
	float: left;
	margin: 20px 0;
	padding: 17px;
	background-image: url(../images/bg_spinifex780.jpg);
}
.spinifexImgRight {
	float: right;
	width: 200px;
	padding: 0 0 0 10px;
	margin-top: 34px;
}
.spinifexImgRightBig {
	float: right;
	width: 350px;
	padding: 0 0 0 10px;
	margin-top: 34px;
}
.spinifexFootnote{
	color: #3F3F3F;
	font-size: 90%;
}
.imgSpiniRight {
	float: right;
	padding: 20px 0 0 0;
}	
	/*----------------- Marketplace & Supply Chain -------------------------------*/
#marketPlace {
	width:780px;
}
#marketPlace a, a:visited {
	text-decoration: none;
}
#marketPlace a:hover{
	color: #007229;
	text-decoration: underline;
}
#marketPlace p{
	color: #3F3F3F;
	padding-top: 10px;
	font: 1.3em/140% Arial, sans-serif;
}
#marketPlaceMainLeft {
	float: left;
	width:258px;
	height:172px;
}
#marketPlaceMainRight {
	float: right;
	width:461px;
	height: 137px;
	background-image: url(../images/bg_marketplace.jpg);
	padding: 35px 40px 0px 20px;
	color: #81333D;
	font: 110%/160% Arial, sans-serif;
	font-weight:bold;
}
.marketPlaceFullWidth {
	float: left;
	width: 746px;
	padding: 30px 17px 0 17px ;
	background-image: url(../images/top40_egrad.jpg);
	background-repeat:no-repeat;
}
#marketPlace .waratah{
	color: #81333D;
	font-weight: bold;
}
.marketPlaceLeft {
	float: left;
	width: 413px;
	padding: 25px 0 0 17px ;
	background-image: url(../images/top40_egrad.jpg);
	background-repeat:no-repeat;
}
#marketPlaceRightTop {
	float: right;
	width: 330px;
	padding: 47px 0 0 20px;
	background-image: url(../images/top40_egrad.jpg);
	background-repeat:no-repeat;
}
#marketPlaceRightTop p, #marketPlaceRightBottom p{
	color: #7D7D7D;
	font: 110%/130% Arial, sans-serif;
	font-weight:bold;
	margin-bottom:10px;
}
#marketPlaceRightBottom {
	float: right;
	width: 330px;
	padding: 47px 0 0 20px;
}
#marketPlaceRightTop ul li, #marketPlaceRightBottom ul li{
	list-style-type:disc;
	list-style-position:outside;
	color: #666;
	font-size: 100%;
	margin: 0 0 0 12px;
	padding: 0 5px 8px 0;
	line-height: 110%;

}
.marketPlaceRight {
	float: right;
	width: 330px;
	padding: 0 0 0 20px;
}
.bsdtTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: 120%;
	color: #666;
	background-color:#F1F1ED;/* changed from #EAE9E3 */
}
.bsdtTable td {
	padding: 5px;
	text-align: left;
	vertical-align:top;
	border-top: 1px solid #CBC9B4;
}
.bsdtTable td.last{
	border-bottom: 1px solid #CBC9B4;
}
.bsdtTable td.waratah{
	color: #81333D;
	background:#FFF;
	border-top:none;
}
	/*----------------- Our Stakeholders -------------------------------*/
#ourStakeholders {
	width:780px;
}
#ourStakeholders a, a:visited {
	text-decoration: none;
}
#ourStakeholders a:hover{
	color: #007229;
	text-decoration: underline;
}
#ourStakeholders p{
	color: #3F3F3F;
	padding-top: 10px;
	font: 1.3em/140% Arial, sans-serif;
}
#ourStakeholdersMainLeft {
	float: left;
	width:258px;
	height:172px;
}
#ourStakeholdersMainRight {
	float: right;
	width:521px;
	height: 172px;
}
.ourStakeholdersFullWidth {
	/*float: left;*/
	width: 746px;
	padding: 30px 17px 0 17px ;
	background-image: url(../images/top40_egrad.jpg);
	background-repeat:no-repeat;
}
#ourStakeholdersTables {
	width: 780px;
	height:950px;
	background-color:#F1F1ED;
}
#ourStakeholders .pilbara{
	color: #C2510F;
	font-weight: bold;
}
#ourStakeholdersRight {
	float: right;
	width: 385px;
}
#ourStakeholdersLeft {
	float: left;
	width: 385px;
}
#ourStakeholdersRight ul li, #ourStakeholdersLeft ul li{
	list-style-type:disc;
	list-style-position:outside;
	color: #666;
	font-size: 100%;
	margin: 0 0 0 12px;
	padding: 0 5px 8px 0;
	line-height: 110%;

}
.stakeholdersTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: 120%;
	color: #666;
	background-color:#F1F1ED;/* changed from #EAE9E3 */
}
.stakeholdersTable td {
	padding: 5px;
	text-align: left;
	vertical-align:top;
	border-top: 1px solid #DAD9CF;
}
.stakeholdersTable td.first{
	border-top: none;
}
.stakeholdersTable td.last{
	border-bottom: 1px solid #DAD9CF;
}
.stakeholdersTable td.pilbara{
	color: #C2510F;
	border-top:none;
	line-height: 110%;
	vertical-align:bottom;
}
.stakeholdersTable td.grey{
	color: #666;
	border-top:none;
	font-weight:bold;
	vertical-align:bottom;
	height: 36px;/* needs to be changed to 47px for Firefox */
}

	/*----------------- Community Investment -------------------------------*/
#communityInvestment {
	width:780px;
}
#communityInvestment a, a:visited {
	text-decoration: none;
}
#communityInvestment a:hover{
	color: #007229;
	text-decoration: underline;
}
#communityInvestment p{
	color: #3F3F3F;
	padding-top: 10px;
	font: 1.3em/140% Arial, sans-serif;
}
#communityInvestmentMainLeft {
        float: left;
	width:258px;
	height:172px;
}
#communityInvestmentMainRight {
        float: right;
	width:521px;
	height: 172px;
}
#communityInvestmentSubLeft {
	float: left;
	width:258px;
	height:288px;
}
#communityInvestmentSubRight {
	float: right;
	width:494px;
	padding: 15px 7px 20px 20px;
}

/* --------   use for smaller paragraphs in sub right if requested  -------- 

#communityInvestmentSubRight p {  
	color: #3F3F3F;
	padding-top: 10px;
	font: 1.1em/130% Arial, sans-serif;
}*/    
.communityInvestmentFullWidth {
	/*float: left;*/
	width: 746px;
	padding: 30px 17px 0 17px ;
	background-image: url(../images/top40_egrad.jpg);
	background-repeat:no-repeat;
}
#communityInvestmentLower {
	clear:both;
	width: 780px;
}
#communityInvestment .pilbara{
	color: #C2510F;
	font-weight: bold;
}
#communityInvestmentLower ul li {
	list-style-type:disc;
	list-style-position:outside;
	color: #666;
	font-size: 100%;
	margin: 0 0 0 15px;
	padding: 0 5px 8px 0;
	line-height: 110%;
}
.communityInvestmentTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: 120%;
	color: #666;
	/*background-color:#F1F1ED; changed from #EAE9E3 */
}
.communityInvestmentTable td {
	padding-top: 5px;
	text-align: left;
	vertical-align:top;
	border-top: 1px solid #C2510F;
}
.communityInvestmentTable td.left{
	padding-right:15px;
	padding-bottom:5px;
}
.communityInvestmentTable td.first{
	border-top: none;
}
.communityInvestmentTable td.last{
	border-bottom: 1px solid #C2510F;
}
.communityInvestmentTable td.lastLeft{
	border-bottom: 1px solid #C2510F;
	padding-right:15px;
	padding-bottom:5px;
}
.communityInvestmentTable td.pilbara{
	color: #C2510F;
	border-top:none;
	line-height: 110%;
	padding-bottom:3px;
}
.communityInvestmentTable td.grey{
	color: #666;
	border-top:none;
	font-weight:bold;
	vertical-align:bottom;
	height: 36px;/* needs to be changed to 47px for Firefox */
}
	/*----------------- Independent Assurance Statement -------------------------------*/
#independentAssurance {
	width:746px;
	padding: 30px 17px 0 17px ;
	background-image: url(../images/top40_egrad.jpg);
	background-repeat:no-repeat;
}
#independentAssurance a, a:visited {
	text-decoration: none;
}
#independentAssurance a:hover{
	color: #007229;
	text-decoration: underline;
}
#independentAssurance p{
	color: #3F3F3F;
	padding-top: 10px;
	font: 1.3em/140% Arial, sans-serif;
}
#independentAssurance .green{
	color: #007229;
	font-weight: bold;
}
#independentAssurance ul li {
	list-style-type:disc;
	list-style-position:outside;
	margin: 10px 0 -10px 30px;
	padding: 0 10px 10px 0;
	color: #3F3F3F;
	line-height: 1.4em;
}
#netBalanceLogo {
	width:746px;
}

	/*----------------- Glossary & Data -------------------------------*/
#glossaryData {
	width:780px;
}
#glossaryData a, a:visited {
	text-decoration: none;
}
#glossaryData a:hover{
	color: #007229;
	text-decoration: underline;
}
#glossaryData p{
	color: #3F3F3F;
	padding-top: 10px;
	font: 1.3em/140% Arial, sans-serif;
}
.glossaryDataFullWidth {
	/*float: left;*/
	width: 780px;
	padding: 30px 0;
	background-image: url(../images/top40_egrad.jpg);
	background-repeat:no-repeat;
}
.glossaryData580 {
	/*float: left;*/
	width: 580px;
	padding: 30px 0;
	background-image: url(../images/top40_egrad.jpg);
	background-repeat:no-repeat;
}
#glossaryData .green{
	color: #007229;
	font-weight: bold;
}
#glossaryDataRight {
	float: right;
	width: 380px;
}
#glossaryDataLeft {
	float: left;
	width: 380px;
}
#glossaryDataRight ul li, #glossaryDataLeft ul li{
	list-style-type:disc;
	list-style-position:outside;
	color: #666;
	font-size: 100%;
	margin: 0 0 0 12px;
	padding: 0 5px 8px 0;
	line-height: 110%;
}
.glossaryDataTable, .susdataTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: 120%;
	color: #666;
}
.glossaryDataTable td {
	padding: 5px;
	text-align: left;
	vertical-align:top;
	border-top: 1px solid #DAD9CF;
}
.glossaryDataTable td.first {
	border-top: none;
}
.glossaryDataTable td.last{
	border-bottom: 1px solid #DAD9CF;
}
.glossaryDataTable td.grey{
	color: #666;
	border-top:none;
	font-weight:bold;
	vertical-align:bottom;
	height: 36px;/* needs to be changed to 47px for Firefox */
}
.susDataTable td {
	padding: 3px 5px;
	text-align: right;
	vertical-align:top;
}
.susDataTable td.bold{
	font-weight:bold;
}
.susDataTable td.first {
	border-top: none;
	vertical-align:bottom;
}
.susDataTable td.last{
	border-bottom: 1px solid #DAD9CF;
}
.susDataTable td.lastBold{
	font-weight:bold;
	border-bottom: 1px solid #DAD9CF;
}
.susDataTable td.left {
	text-align: left;
	padding-left: 5px;
}
.susDataTable td.leftFirst {
	text-align: left;
	vertical-align:bottom;
}
.susDataTable td.leftLast {
	text-align: left;
	padding-left: 5px;
	border-bottom: 1px solid #DAD9CF;
}
.susDataTable td.hr {
	color:#FFF;
	background:#007A97;
	text-align: left;
	font-weight:bold;
}
.susDataTable td.enviro {
	color:#FFF;
	background:#9F9B74;
	text-align: left;
	font-weight:bold;
}
.susDataTable td.social {
	color:#FFF;
	background:#C2510F;
	text-align: left;
	font-weight:bold;
}

	/*----------------- Review Of Operating Divisions  -------------------------------*/

#rodContainer {
	width:780px;
}
#rodLeft {
	float:left;
	width:285px;
	height:172px;
}
#rodRight {
	float:right;
	width:460px;
	height:157px;
	padding: 15px 15px 0 20px;
	background-image:url(../images/bg_rodRight.jpg);
	color: #4C4C4C;
	font: 110%/140% Arial, sans-serif;
}
#rodLower {
	clear:both;
	width:780px;
	height:160px;
	background-image:url(../images/bg_rodLower.jpg);
}
#rodFlash {
	width:780px;
	padding:20px 0 20px 0;
	/* height not yet determined */
}

#rodTables {
 width:780px;
 margin: 20px 0;
}
#rodAboutACM {
	width:750px;
	padding:15px;
	color:#4C4C4C;
	background:#ECEBE2;
	font: 110%/140% Arial, sans-serif;
}
#rodAboutCement {
	width:750px;
	padding:15px;
	color:#4C4C4C;
	background:#C0E0EA;
	font: 110%/140% Arial, sans-serif;
}
#rodAboutCC {
	width:750px;
	padding:15px;
	color:#4C4C4C;
	background:#E0E8E5;
	font: 110%/140% Arial, sans-serif;
}
#rodAboutPlasterboard {
	width:750px;
	padding:15px;
	color:#4C4C4C;
	background:#DCEAF7;
	font: 110%/140% Arial, sans-serif;
}
#rodAboutTimber {
	width:750px;
	padding:15px;
	color:#4C4C4C;
	background:#F6DBC3;
	font: 110%/140% Arial, sans-serif;
}
#rodAboutUSA {
	width:750px;
	padding:15px;
	color:#4C4C4C;
	background:#E5C6BF;
	font: 110%/140% Arial, sans-serif;
}
#rodFootnotes {
	width:750px;
	padding:15px;
	color:#5F5F5F;
	font: 110%/140% Arial, sans-serif;
}
#rodFootnotes sup{
	font-size:1em;
	vertical-align:text-top;
}
/* DOESn't work in IE6 
#rodFootnotes ol li {
	list-style:outside;
	list-style-type:decimal;
	font: 100%/140% Arial, sans-serif;
}*/



 a.bodyLink:link {  /*new style*/
	color: #007229;
	text-decoration: underline;
}
a.bodyLink:visited {  /*new style*/

	text-decoration: underline;
}
a.bodyLink:hover {  /*new style*/
	color: #000;
	text-decoration: underline;
}
a.bodyLink:active {  /*new style*/
	color: #000;
	text-decoration: underline;
}

 
 /* - - - - - - - - - - - - - - - - -
   Sustainability Report Styles
   - - - - - - - - - - - - - - - - - */ 
   
   a.bodyLink:link {  /*new style*/
	color: #007229;
	text-decoration: underline;
}
a.bodyLink:visited {  /*new style*/

	text-decoration: underline;
}
a.bodyLink:hover {  /*new style*/
	color: #000;
	text-decoration: underline;
}
a.bodyLink:active {  /*new style*/
	color: #000;
	text-decoration: underline;
}
<!-- use as <a href="#" class="bodyLink">text</a> -->

   
   #atAGlanceLeft {  /*edited style*/
	width:264px;
	height:296px;
	float:left;
	color: #FFF;
	background-image:url(../images/bg_glanceLeft.jpg);
	padding: 15px;
	font: 120%/140% Arial, sans-serif;
	
}

#atAGlanceRight {  /*edited style*/
	width:473px;
	height:296px;
	float:right;
	color: #666;
	background-image:url(../images/bg_glanceRight.jpg);
	padding-top: 7px;
	padding-bottom: 7px;
	font: 120%/120% Arial, sans-serif;
}

#atAGlanceRight li {  /*new style*/
	list-style-image: url(../images/bullet_ataGlance.gif);
	padding: 0px 0px 12px 0px;
	margin: 0 0 0 16px;
	font: 100%/120% Arial, sans-serif;
}

.CO2 {  /*new style*/
	font-size: 65%;
}

#ourPeople ul li {  /*new style*/
	list-style-type:disc;
	list-style-position:outside;
	margin: 10px 0 -10px 30px;
	padding: 0 10px 10px 0;
	color: #3F3F3F;
	/*line-height: 1.4em;*/
}

.ourPeopleFullWidth {  /*edited style*/
	float: left;
	width: 746px;
	padding: 30px 17px 0 17px ;
	background-image: url(../images/top40_egrad.jpg);
	background-repeat:no-repeat;
}

.ourPeopleFullWidthBody {  /*new style*/
	float: left;
	width: 746px;
	padding: 15px 17px 0 17px ;
}
 
.ourPeopleCareLeft {  /*new style*/
	float: left;
	width: 380px;
	padding: 15px 0 10px 15px;
}

#ourPeopleCareRight {  /*new style*/
	float: left;
	width: 310px;
	padding: 15px 0 10px 15px;
	font-size: 1.3em;
    line-height: 1.8em;
	color:#888;
	text-align: left;
}

.ourPeopleSubRight {  /*new style*/
	float: right;
	width:400px;
	padding: 15px 0 10px 30px;
}
   
.ourPeopleSubRightCharts {  /*new style*/
	float: right;
	width: 340px;
	padding: 20px 0 10px 15px;
}   
   
.ourPeopleSubRightChart5 {  /*new style*/
	float: right;
	width: 340px;
	padding: 0 0 10px 15px;
}

.ourPeopleSubRightChart6 {  /*new style*/
	float: right;
	width: 755px;
}

.ourPeopleSubRightChart8 {  /*new style*/
	float: right;
	width: 350px;
	padding: 20px 0 10px 15px;
}

.ourPeopleSubRightChart9 {  /*new style*/
	float: right;
	width: 340px;
	padding: 0 0 0 15px;
}   
   
.topPad10 {  /*new style*/
	width: 780px;
	padding: 10px 0;
	text-align: right;
	font-size: 1.1em;
	font-weight:bold;
}

#ourPeopleSustainability {  /*new style*/
	float: left;
	background-color:#F1F1ED;
	padding: 25px 17px 25px 17px ;
	width: 746px;
}
   
#ourPeopleSustainability p {  /*new style*/
	font-weight: bold;
}

#ourPeopleSustainability ul li {  /*new style*/
	list-style-type:disc;
	list-style-position:outside;
	margin: 10px 0 -10px 30px;
	padding: 0 10px 10px 0;
	font-weight: bold;
	color: #3F3F3F;
	/*line-height: 1.4em;*/
}

#ourPeopleMainRight2 {  /*new style*/
	float: right;
	width:521px;
	height: 172px;
}

th.glanceOpal {  /*new style*/
	padding:5px 10px;
	font-size: 120%;
	text-align:right;
	color: #FFF;
	background-color: #007A97;
}

th.glanceLeftOpal {  /*new style*/
	padding:5px 10px;
	font-size: 120%;
	text-align:left;
	color: #FFF;
	background-color: #007A97;
}

.footnote {  /*new style*/
	font-size: 90%;
	text-align:left;
	color: #666;
	background-color: #FFF;
}

.lostTimeRight {  /*new style*/
	float: right;
	width:350px;
	padding: 0px 0 0 0px;
}
   
#message {  /*new style*/
	width:780px;
}

#messageRight {  /*new style*/
	width:491px;
	height:223px;
	float:right;
	color: #FFF;
	background-image:url(../images/bg_messageRight.jpg);
	padding: 15px;
	font: 120%/140% Arial, sans-serif;
	
}

#messageLeft {  /*new style*/
	width:259px;
	height:258px;
	float:left;
}

#footnote {  /*new style*/
	width: 720px;
	}

#footnote li {  /*new style*/
	padding-top: 26px;
	margin-left: 30px;
	font: 95% Arial, Helvetica, sans-serif;
	color: #666;
}

.ourStakeholdersFullWidthMid {  /*new style*/
	/*float: left;*/
	width: 746px;
	padding: 14px 17px 0 17px ;
}
#ourStakeholdersLeft {  /*edited style*/
	float: left;
	width: 740px;
	background-color:#F1F1ED;
}

#ourStakeholdersTablesTop {  /*new style*/
	width: 740px;
	height:600px;
	padding: 0 22px 0 18px;
}

#ourStakeholdersTablesBottom {  /*new style*/
	width: 740px;
	height: 500px;
	padding: 0 22px 0 18px;
}

#homeWrapper {
	width: 780px;
}
#homeTitle {
	width: 780px;
	height:86px;
}
#homeLeft {
	float:left;
	width: 509px;
	height:272px;
}
#homeLeftLower {
	float:left;
	width: 469px;
	height:603px;
	background-image:url(../images/bg_homeLeftLower.jpg);
	color: #FFF;
	padding: 35px 20px;
	font: 120%/140% Arial, sans-serif;
	margin-top: 3px;
}
#homeLeftLower10 {
	float:left;
	width: 469px;
	height:603px;
	background-image:url(../images/bg_homeLeftLower_.jpg);
	color: #FFF;
	padding: 35px 20px;
	font: 120%/140% Arial, sans-serif;
	margin-top: 3px;
}
#homeLeftLower p {
	color: #FFF;
	font: 110%/130% Arial, sans-serif;
	margin-bottom: 15px;
}
#homeLeftLower a, a:visited {

	text-decoration: underline;
}
#homeRight {
	float:right;
	width: 268px;
	height:272px;
}
#homeRightLower {
	float:right;
	width: 268px;
	height:673px;
	margin-top: 3px;
}
.imgRight {
float:right;
}

.sectionTitle {
COLOR: #333333;
}

.imgHealthSafetyRight {
	float: right;
	padding: 40px 0 0 10px;
}


#ourPeopleSuccesses {
	float: left;
	background-color:#F1F1ED;
	background: #F1F1ED;
	padding: 25px 17px 25px 17px ;
	width: 746px;
}
   
#ourPeopleSuccesses p {  /*new style*/
	font-weight: normal;
	background-color:#F1F1ED;
}

#ourPeopleSuccesses ul li {  /*new style*/
	list-style-type:disc;
	list-style-position:outside;
	margin: 10px 0 -10px 30px;
	padding: 0 10px 10px 0;
	font-weight: regular;
	color: #3F3F3F;
	line-height: 1.4em;
}

.bodyText p{
	margin: 0;
	color: #3F3F3F;
	width:760px;
	padding-top: 10px;
	padding-left:10px;
	font: 120%/140% Arial, sans-serif;
}
.bodyText p.first {
	margin-top:22px;
}

.rodTable{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.3em;
	color: #5F5F5F;
		/*text-align:right;*/
}
.rodTable th{
	padding: 4px 0;
	/*border-bottom: 2px solid #ccc;*/
}
.rodTable td {
	padding: 10px;
	text-align:left;
	vertical-align:top;
}
td.rodTableBold{
	padding-top: 14px;
	font-weight: bold;
	padding-right: 0px;
}
td.rodTableBoldBorder{
	padding-top: 14px;
	font-weight: bold;
	padding-right: 0px;
	border-bottom: 1px solid #ccc;
}
td.rodTableRight{
	padding-top: 14px;
}
td.rodTableRightBorder{
	padding-top: 14px;
	border-bottom: 1px solid #ccc;
}
#rodTables ul li{
	list-style:disc;
	font-size: 1em;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 15px;
	padding: 0px;
}
li.italics{
	font-style:italic;
}
td.rodTableCentre{
	padding-left: 0px;
	padding-right: 2px;
}
td.rodTableCentreBorder{
	padding-left: 0px;
	padding-right: 2px;
	border-bottom: 1px solid #ccc;
}
td.rodTableImg{
	padding-right: 0px;
}
td.rodTableImgBorder{
	padding-right: 0px;
	border-bottom: 1px solid #ccc;
}
.rodTableTop {
	color: #5F5F5F;
	font: 135%/170% Arial, sans-serif;
	font-weight:bold;
	text-align:left;
}
