ul#topnav {
	z-index: 5;
	width: 594px; height: 20px;
	list-style: none;
	position: relative; top: -10px; left: 205px;
	font-size: 11px;
	background: url('../images/topnav_stretch.png') repeat-x bottom left;
	border: 1px solid #CCC;
}
ul#topnav li {
	float: left;
	margin: 0;
	padding: 0;
	border-right:none;
}
ul#topnav li a.mainmenu {
	padding: 4px 3px 5px 4px;
	display: block;
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-left: 1px solid #DADADA;
}
ul#topnav li a.mainmenu:hover {
	padding: 4px 3px 5px 4px;
	display: block;
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; color: #FFF!important;
}
ul#topnav li:hover {
	background: #6699CC url('../images/topnav_active.png') repeat-x bottom left;
	color: #FFF!important;
}
ul#topnav li span.dropdown {
	float: left;
	padding: 10px 0;
	position: absolute;
	left: -1px;
	top:20px;
	display: none;
	width: 594px;
	color: #FFF!important;
}
ul#topnav li:hover span.dropdown {
	display: block;
}

ul#topnav a.downloads { text-decoration: underline;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #3366CC;
	background: transparent url('../images/icon_blue.png') no-repeat bottom right;
	height: 16px;
	width: auto;
	padding-right: 16px;}
/*-------------------------------------------------------*/
/*=2009 threecol Drop down content--*/

.threecol a:link, .threecol a:visited {
	text-decoration: none;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #3366CC;
	background: transparent url('../images/icon_blue.png') no-repeat bottom right;
	height: 16px;
	width: auto;
	padding-right: 16px;
}
.threecol a:hover {
	color: #333;
	background: transparent url('../images/icon_blue.png') no-repeat bottom right;
}
.threecol {
	position: absolute;
	left: 0;
	top: 0px;
	padding: 10px 10px 10px 10px;
	background: #5781B4 url('../images/subcontentbg.png') repeat-x bottom left;
	border:1px solid #CCC;
}
.threecol h3 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#3366CC;
}
.threecol .wrap {
	margin:0 auto;
	width: 574px;
	overflow: hidden;
	position: relative;
	background: #FFF url('../images/menudivbg.png') repeat-x bottom left!important;
	height: 1%;/*IE - dissapearing background fix*/
}
html>body .threecol .wrap { /*IE - dissapearing background fix*/
	margin:0 auto;
	width: 574px;
	overflow: hidden;
	position: relative;
	height: auto;
	background: url('../images/menudivbg.png') repeat-x bottom left!important;
}

/*=HEADER--*/
.threecol .header {
	position: relative;
	top: 0;
	left:0;
	width: 572px;
}
.threecol .header .left {
	float: left;
	padding: 10px 0 5px 10px;
}
.threecol .header .right {
	float: right;
	padding: 10px 10px 5px 0;
}
.threecol .header h1 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666;
}
.threecol .header h2 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #666;
	text-align: right;
}
/*
=MIDDLE CONTENT--*/
.threecol .middle {
	overflow: hidden;
	clear: both;
	margin: 0 10px;/*moves contentBlock 10px away from leftside of [wrap] + total width of [middle]container ensures center alignment*/
	padding-bottom: 1px;
	width: 550px;
	border-top: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
}
/*left and right content blocks holding links or images: Standard*/	
.threecol .middle .sideleft {
	position: relative;
	top: 10px;
	left: 0;/*moves content 10px away from grey rule that forms the frame*/
	float: left;
	width: 420px;
	padding-bottom: 10px;
}
.threecol .middle .sideleft .sl_left img.globalfootprint {/*globalfootprint image placer*/
	clear: both; margin: 14px 0;}
.threecol .middle .sideleft .sl_left a.gfprint {/*globalfootprint image placer*/
	clear: both; margin: -12px 0px; width: auto; float:left; }
	
.threecol .middle .sideright {
	position: relative;
	top: 10px;
	right: 10px;/*moves content 10px away from grey rule that forms the frame*/
	_right: -10px;/*Hack IE moves box flush with righthandside of div.middle*/
	float: right;
	width: 100px;
	padding-bottom: 10px;
}
.threecol .sl_left img.icon_pdf { position: absolute; top: 0px; left:130px ;}
.threecol .sl_right img.icon_xcell { position: absolute; top: 0px; left:380px ;}

.threecol .sl_left {
	width: 163px;
	float: left;
	margin: 0 0px;
}
.threecol .sl_left ol li {
	display: block;
	float: none!important;
}
.threecol .sl_right {
	width: 220px;
	float: right;
	margin: 0 10px;
	border-left: 1px solid #CCC;
}
.threecol .sl_right ol li {
	display: block;
	float: none!important;
	text-decoration: none;
}
.threecol .sl_right ol li a {
	margin-left:10px;
}
.threecol .sl_right ol li a.directorate {/*image of directorate*/
	display: block; width: 200px; height:62px ; cursor: default;
	background: transparent url('../images/img2009review.png') no-repeat!important; margin-left:10px!important; text-indent:-9999999px;}

/*--FOOTER--*/	
.threecol .footer {
	clear: both;
	margin: 1px 10px;
}
.threecol .footer .sideleft {
	float: left;
	width: 510px;
}
.threecol .footer .sideright { display:none;
	float: right;
	width: 20px;
}
.threecol .footer h1 {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #000066;
}
.threecol .footer .sideleft a.addinfolink { background: none; 
	text-decoration: underline; margin: 0 0!important; padding: 0 0!important;
	}
.threecol .footer .sideleft p {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666; float: left; width: 420px;
}
.threecol .footer a:link, .threecol .footer a:visited {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666!important;
	text-decoration: underline;
}
.threecol .footer a:hover {
	color: #3366CC;
}

/*Vision commitment btn */
.threecol .sideright a.visioncommitment {
	display: block;
	width:114px;
	height:118px;
	float: none;
	background: url('../images/img2009ourpeople.jpg') no-repeat top left;
	text-indent: -999999px; cursor: default;
}
.threecol .sideright a.visioncommitment:hover {
	width:114px;
	height:118px;
	background: url('../images/img2009ourpeople.jpg') no-repeat top left;
}
/*Financial statements btn */
.threecol .sideright a.finstatement {
	display: block;cursor: default;
	width:114px;
	height:118px;
	float: none;
	background: url('../images/finstatements.jpg') no-repeat top left;
	text-indent: -999999px;
}
.threecol .sideright a.finstatement:hover {
	width:114px; cursor: default;
	height:118px;
	background: url('../images/finstatements.jpg') no-repeat top left;
}
/*additonal info button*/
.threecol a.additionalinfo {
	float: left;
	display: block;
	width:40px;
	height:40px;
	background: transparent url('../images/btn_addinfo.png') no-repeat top left;
	text-indent: -999999px;
}
.threecol a.additionalinfo:hover {
	background: transparent url('../images/btn_addinfo.png') no-repeat bottom left;
}

/*
=COMMENTARY Drop down content--*/
.commentary a:link, .commentary a:visited {
	text-decoration: none;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #3366CC;
	background: transparent url('../images/icon_blue.png') no-repeat bottom right;
	height: 16px;
	width: auto;
	padding-right: 16px;
}
.commentary a:hover {
	color: #333;
	background: transparent url('../images/icon_blue.png') no-repeat bottom right;
}
.commentary {
	position: absolute;
	left: 0;
	top: 0px;
	padding: 10px 10px 10px 10px;
	/*width: 594px;*/ background: #5781B4 url('../images/subcontentbg.png') repeat-x bottom left;
	border:1px solid #CCC;
}
.commentary .wrap {
	margin:0 auto;
	width: 574px;
	overflow: hidden;
	position: relative;
	background: url('../images/menudivbg.png') repeat-x bottom left!important;
	height: 1% ;/*IE - dissapearing background fix*/
}

html>body .commentary .wrap { /*IE - dissapearing background fix*/
	margin:0 auto;
	width: 574px;
	overflow: hidden;
	position: relative;
	height: auto;
	background: url('../images/menudivbg.png') repeat-x bottom left!important;
}

/*=HEADER--*/
.commentary .header {
	position: relative;
	top: 0;
	left:0;
	width: 572px;
}
.commentary .header .left {
	float: left;
	padding: 10px 0 5px 10px;
}
.commentary .header .right {
	float: right;
	padding: 10px 10px 5px 0;
}
.commentary .header h1 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666;
}
.commentary .header h2 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #666;
	text-align: right;
}
/*
=MIDDLE CONTENT--*/
.commentary p.mchairman { /*bold blue text next img*/
	font: bold 11px Arial, Helvetica, sans-serif; color: #000066!important; width: 115px;}

.commentary p.cexecutive { /*bold blue text next img*/
 float: left;
	font: bold 11px Arial, Helvetica, sans-serif; color: #000066!important; width: 125px;}
	
.commentary .middle {
	overflow: hidden;
	clear: both;
	margin: 0 10px;/*moves contentBlock 10px away from leftside of [wrap] + total width of [middle]container ensures center alignment*/
	padding-bottom: 1px;
	width: 550px;
	border-top: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
}
/*left and right content blocks holding links or images: Standard*/	
.commentary .middle .sideleft {
	position: relative;
	top: 10px;
	left: 0;/*moves content 10px away from grey rule that forms the frame*/
	float: left;
	width: 430px;
	padding-bottom: 10px;
}
.commentary .middle .sideright {
	display: block;
	float: right!important;
	position: relative;
	top: 10px;
	left: 0;/*moves content 10px away from grey rule that forms the frame*/
	float:left;
	width: 105px;
}
.commentary .sl_left {
	width: 200px;
	float: left;
	margin: 0 0px;
}
.commentary .sl_left img {
	float: left;
}
.commentary .sl_left div {
	display: block;
	float: left!important;
	width:80px;
	margin: 0 5px;
}
.commentary .sl_left div a {
	float: left;
	width: 60px;
	display: block;
}
.commentary .sl_left p {
	float: left;
	color:#666;
	margin: 10px 0;
}
.commentary .sl_right {
	width: 220px;
	float: right;
	margin: 0 0px;
	border-left: 1px solid #CCC;
}
.commentary .sl_right img {
	float: left;
	margin: 0 5px;
}
.commentary .sl_right div {
	display: block;
	float: left;
	width:60px;
	margin: 0 5px;
}
.commentary .sl_right div a {
	float: left;
	display: block; width: 90px;
}
/*--FOOTER--*/	
.commentary .footer {
	clear: both;
	_margin: 1px 10px;
	margin: 10px 10px;
}
.commentary .footer .sideleft {
	float: left;
	width: 510px;/*border:1px solid red;*/
	}
.commentary .footer .sideright { display:none;
	float: right;
	width: 20px;
}
.commentary .footer h1 {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #000066;
}
.commentary .footer p {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
}
.commentary .footer a:link, .commentary .footer a:visited {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: underline;
}
.commentary .footer a:hover {
	color: #3366CC;
}
.commentary .sideright a.comcover {
	display: block;
	width:100px;
	height:141px;
	float: none;
	background: url('../images/commentary_cover.jpg') no-repeat top left;
	text-indent: -999999px; cursor:default;
}

.sustainability a:link, .sustainability a:visited {
	text-decoration: none;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #3366CC;
	background: transparent url('../images/icon_blue.png') no-repeat bottom right;
	height: 16px;
	width: auto;
	padding-right: 16px;
}
.sustainability a:hover {
	color: #333;
	background: transparent url('../images/icon_blue.png') no-repeat bottom right;
}
.sustainability {
	position: absolute;
	left: 0;
	top: 0px;
	padding: 10px 10px 10px 10px;
	background: #5781B4 url('../images/subcontentbg.png') repeat-x bottom left;
	border:1px solid #CCC;
}
.sustainability h3 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#3366CC;
}
.sustainability .wrap {
	margin:0 auto;
	width: 574px;
	overflow: hidden;
	position: relative;
	background: url('../images/menudivbg.png') repeat-x bottom left!important;
	height: 1%;/*IE - dissapearing background fix*/
}
html>body .sustainability .wrap {/*IE - dissapearing background fix*/
	margin:0 auto;
	width: 574px;
	overflow: hidden;
	position: relative;
	height: auto;
	background: url('../images/menudivbg.png') repeat-x bottom left!important;
}
/*=HEADER--*/
.sustainability .header {
	position: relative;
	top: 0;
	left:0;
	width: 572px;
}
.sustainability .header .left {
	float: left;
	padding: 10px 0 5px 10px;
}
.sustainability .header .right {
	float: right;
	padding: 10px 10px 5px 0;
}
.sustainability .header h1 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666;
}
.sustainability .header h2 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #666;
	text-align: right;
}
/*
=MIDDLE CONTENT--*/
.sustainability .middle {
	overflow: hidden;
	clear: both;
	margin: 0 10px;/*moves contentBlock 10px away from leftside of [wrap] + total width of [middle]container ensures center alignment*/
	padding-bottom: 10px;
	width: 550px;
	border-top: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
}
/*left and right content blocks holding links or images: Standard*/	
.sustainability .middle .sideleft {
	position: relative;
	top: 10px;
	left: 0;/*moves content 10px away from grey rule that forms the frame*/
	float: left;
	width: 420px;
	padding-bottom: 10px;
}
.sustainability .middle .sideright {
	position: relative;
	top: 10px;
	right: 0;/*moves content 10px away from grey rule that forms the frame*/
	float: right;
	width: 100px;
	padding-bottom: 10px;
}
.sustainability .sl_left {
	width: 163px;
	float: left;
	margin: 0 0px;
}
.sustainability .sl_left ol li {
	display: block;
	float: none!important;
}
.sustainability .sl_right {
	width: 215px;
	float: right;
	margin: 0 10px; border-left: 1px solid #CCC; padding-left:10px;
}
.sustainability .sl_right ol li {
	display: block;
	float: none!important;
	text-decoration: none;
}
.sustainability .sl_right ol li a {
	margin-left:0px;
}
/*--FOOTER--*/	
.sustainability .footer {
	clear: both;
	margin: 10px 10px;
}
.sustainability .footer .sideleft {
	float: left;
	width: 510px;
}
.sustainability .footer .sideright { display: none;
	float: right;
	width: 20px;
}
.sustainability .footer h1 {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #000066;
}
.sustainability .footer a.addinfolink { background: none; 
	text-decoration: underline; margin: 0 0!important; padding: 0 0!important;
	
	}
.sustainability .footer .sideleft p {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666; float: left; width: 420px;
}
.sustainability .footer a:link, .sustainability .footer a:visited {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666!important;
	text-decoration: underline;
}
.sustainability .footer a:hover {
	color: #3366CC;
}
/*Vision commitment btn */
.sustainability .sideright a.visioncommitment {
	_margin: 0px -14px;
	display: block;
	width:114px;
	height:118px;
	float: none;
	background: url('../images/img2009ourpeople.jpg') no-repeat top left;
	text-indent: -999999px; cursor: default;
}
.sustainability .sideright a.visioncommitment:hover {
	width:114px;
	height:118px;
	background: url('../images/img2009ourpeople.jpg') no-repeat top left;
}
/*Financial statements btn */
.sustainability .sideright a.finstatement {
	display: block; cursor: default;
	width:114px;
	height:118px;
	float: none;
	background: url('../images/finstatements.jpg') no-repeat top left;
	text-indent: -999999px;
}
.sustainability .sideright a.finstatement:hover {
	width:114px;cursor: default;
	height:118px;
	background: url('../images/finstatements.jpg') no-repeat top left;
}
/*additonal info button*/
.sustainability a.additionalinfo { float: right;
	float: right;
	display: block;
	width:40px;
	height:40px;
	background:transparent url('../images/btn_addinfo.png') no-repeat top left;
	text-indent: -999999px;
}
.sustainability a.additionalinfo:hover {
	background: transparent url('../images/btn_addinfo.png') no-repeat bottom left;
}