@import url(navigation.css);
@import url(components.css);
@import url(search.css);
@import url(subscribe.css);
@import url(petroleum.css);
@import url(sustainability.css);
@import url(newglobal.css);


body {
	/*background: #ececec;*/
	color: #515151;
	font-family: arial, verdana, helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}

p, li, dt, dd, th, td {
	font-size: 75%;
}

p.intro {
	font-size: 85%;
}

p { line-height: 140%; }

li p, li li, dt p, dd p, dd li, dt li, td p, td li { font-size: 100%; }

th { color: #fff; }

h1 {
	color: #000;
	font-size: 160%;
	margin-top: 0;
}

h2 { 
	color: #3f6e7f;
	font-size: 100%;
}

h3 { 
	font-size: 90%;
}

h4 {
	font-size: 85%;
}

li h4 { font-size: 115%; }

a { color: #e85100; text-decoration: underline; }
a:hover { text-decoration: none; }
a:visited { color: #c84600; }
a img { border: 0; }

ul {
	list-style: square;
}

form, fieldset { 
	border: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.imgRight {
	float: right;
	margin: 0.8em 12px 0.8em 15px;
}

#bodyourbusinesses #content div.imgRight {
	background: #efefef;
	border-bottom: 1px solid #E0DED1;
	margin: 0pt 0pt 1em 1em;
}

#bodyourbusinesses #content div.imgRight p {
	font-size: 70%;
	margin: 0pt;
	padding: 2px 5px 5px;
}



#bodyourbusinesses #content div.imgLeft {
	background: #efefef;
	border-bottom: 1px solid #E0DED1;
	margin: 0pt 1em 1em 0pt;
	padding: 0 0 0 0;
}

#bodyourbusinesses #content div.imgLeft p {
	font-size: 70%;
	margin: 0pt;
	padding: 2px 5px 5px;
}

#bodysustainabledevelopment #content li div.imgRight p {
	font-size: 90%;
}

.imgLeft {
	float: left;
	margin: 0.8em 15px 0.8em 12px;
}

.imgCenter {
	display: block;
	text-align: center;
	margin: 0.8em 0 0.8em 0;
	clear: both;
}

#bodyourbusinesses #content div.imgCenter {
	background: #efefef;
	border-bottom: 1px solid #E0DED1;
	margin-left: auto;
	margin-right: auto;
}

#bodyourbusinesses #content div.imgCenter p {
	font-size: 70%;
	margin: 0pt;
	padding: 2px 5px 5px;
	text-align: left;
}

.cola,
.colb {
	display: block;
	float: left;
	width: 247px;
	margin: 0 0 0 0;
	padding: 0 26px 0 26px;
}

.imgWrap {
	background: #efefef;
	border-bottom: 1px solid #E0DED1;
}

.imgWrap p {
	font-size: 70%;
	margin: 0pt;
	padding: 2px 5px 5px;
}


.clearme { clear: both; margin: 0 0 0 0; padding: 0 0 0 0; height: 5px; overflow: hidden; }

.superscript {
	vertical-align: super;
	font-size: 65%;
}


#content table {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 0;
	border-collapse: collapse;
}

#content table caption {
	font-weight: bold;
	text-align: left;
	font-size: 75%;
	padding-bottom: 5px;
}

#content th {
	background: #515151;
	padding: 3px 5px;
	margin: 0 0 0 0;
	border: 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	vertical-align: bottom;
}

#content td {
	background: #e0ded1;
	padding: 3px 5px;
	margin: 0 0 0 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	vertical-align: top;
}

#content .alt td {
	background: #edece4;
}

#content table th.sub,
#content table tr.subhead th {
	background: #b4b1a0;
	border-top: 3px solid #fff;
}


/* PAGE STRUCTURE
------------------------------------- */

.wrap {
	background: url(http://www.bhpbilliton.com/bbContentRepository/static/images/common/bg-wrap.gif) no-repeat top left #fff;
	width: 960px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 0 0 0;
}

/*#header {
	background: #dcdabd;
	width: 100%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 0 0 0;
}*/

#sidenav {
	display: block;
	width: 160px;
	margin: 42px 0 0 0;
	padding: 0 0 0 0;
	float: left;
	background: url(http://www.bhpbilliton.com/bbContentRepository/static/images/common/bg-leftnav.gif) top no-repeat #fff;
	border-top: 0;
}

#default #sidenav,
body.noSideNav #sidenav {
	background-image: none;
	background-color: transparent;
}

#content {
	display: block;
	width: 598px;
	margin: 0 21px 0 21px;
	padding: 0 0 30px 0;
	float: left;
	color: #515151;
}

body.wideScreen #content {
	width: 758px;
	margin-right: 0;
}

#columnb {
	display: block;
	width: 160px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
}

/*#footer {
	clear: both;
	background: #dcdabd;
	width: 100%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 0 0 0;
}*/


/* HEADER ELEMENTS
-------------------------------- 

#header .wrap {
	background-image: url(http://www.bhpbilliton.com/bbContentRepository/static/images/common/bg-header-wrap.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#header .wrap h1 {
	position: absolute;
	float: left;
	margin: 0 0 0 160px;
	padding: 0 0 0 0;
	top: 36px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(http://www.bhpbilliton.com/bbContentRepository/static/images/common/logo.jpg) no-repeat #fff;
}

#header .wrap h1 a {
	display: block;
	width: 203px;
	height: 59px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#header p {
	display: block;
	width: 800px;
	text-align: right;
	float: right;
	background: #ccc;
	margin-top: 0;
	color: #515151;
	font-size: 70%;
	padding: 4px 0 5px 0;
}

#header p a {
	color: #515151;
	margin: 0 7px;
}

#simpleSearch {
	clear: both;
	float: right;
	width: 190px;
	margin: 25px 0 10px 0;
	padding: 0 0 0 0;
	text-align: left;
}

*html #simpleSearch {
	margin-top: 33px;
}

#header #simpleSearch fieldset p {
	display: inline;
	background: transparent;
	float: none;
	width: auto;
	padding-left: 0;
	margin-left: -7px;
}

#header #simpleSearch fieldset p a {
	padding-left: 0;
	color: #c30;
}

#query,
#header fieldset .button {
	font-size: 70%;
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
}

#query { padding: 2px; border: 1px solid #d5d6d2; }
*html #header fieldset .button { margin: 3px 0 0 -8px; }



*/



/* BREADCRUMBS
-------------------------------- */

ul#breadcrumb{
	display: block;
	margin: 9px 0 20px 9px;
	float: left;
	padding: 0 0 0 0;
	width: 780px;
}

ul#breadcrumb li {
	float: left;
	list-style: none;
	font-size: 70%;
	color: #5C91A4;
	margin-right: 0.3em;	
}

ul#breadcrumb li a {
	padding: 0 0.5em 0 0.5em;
	text-decoration: none;
}

ul#breadcrumb li a:hover {
	text-decoration: underline;
}




/* RIGHT COLUMN CONTENTS
-------------------------------- */

.genslot {
	padding-bottom: 1em;
}

.genslot h4 {
	font-size: 75%;
	display: block;
	background: #b4b1a0;
	border-left: 17px solid #e0ded1;
	color: #fff;
	padding: 3px 6px;
	margin: 0 0 0.5em 0;
}

.genslot p {
	display: block;
	border-left: 17px solid #fff;
	padding: 0px 6px;
	margin: 0;
}

.genslot ul {
	margin-top: 0.5em;
	margin-bottom: 0.7em;
}

.genslot li {
	font-size: 75%;
	list-style-type: square;
}



/* FOOTER ELEMENTS
-------------------------------------- 

#footer .wrap {
	background-image: url(http://www.bhpbilliton.com/bbContentRepository/static/images/common/bg-footer.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #515151;
	padding: 10px 0 14px 0;
}

#footer ul {
	margin: 0 0 0 173px;
	padding: 0 0 0 0;
	list-style: none;
}

#footer li {
	display: inline;
	font-size: 70%;
	padding: 0 8px;
	border-right: 1px solid #fff;
}

#footer a {
	color: #fff;
}


*/





/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h1 {
	visibility: hidden;
	font-size: 28px;
	margin: 0 0 0 0;
}

.sIFR-hasFlash #content #search h1 {
	visibility: visible;
	font-size: 100%;
	margin: 0 0 0 0;
	color: #5c91a4;
}


@media print
{

#footer{display:none;}
#header{display:none;}
#sidenav{display:none;}
/*#columnb{display:none;}*/
ul#breadcrumb{display:none;}

}