/* CSS Document */

body { padding: 0; margin: 0; background-color: #0079c8; background-image: url(../images/bgtile.gif); background-repeat: repeat-x; height: 100%; font-family: Arial, Helvetica, sans-serif; color:#707070;margin:0;padding:0;} 

a { color:#0B77CF;text-decoration: none;}
sub { line-height: 0; }
h1,h2,h3{ font-family:Verdana,Arial,Sans-Serif;font-weight:normal;margin: 10px 0 0 0;padding:0; margin-bottom: 5px; color: #0B7DBC; }
h1 {  font-size:1.2em;}
h2 { font-size:1em; }
h3 { font-size:.82em; }

#pageContent p { font-size: .82em; } 
#pageContent li { font-size: .82em; } 

.Wrapper { position: relative; width: 820px; background: #fff; margin: 0 auto; padding: 0 20px;} 

/*					 		*/
/*		Header 				*/
/*					 		*/

.Header { height: 100px; } 
h1.Banner { margin: 0; padding: 0; height: 100px; } 
h1.Banner a { display: block; float: left; height: 100px; width: 270px; height: 0; padding-top: 100px; overflow: hidden; background-image: url(../images/hydrogenenergylogo.jpg); background-repeat: no-repeat; text-indent: -9009px; } 
.HeaderLinks { list-style:none; position: absolute; top: 42px; right: 20px; margin: 0; padding: 0; list-style-type: none; font-size: .7em; } 
ul.HeaderLinks li { display: inline; text-align:right;} 
ul.HeaderLinks a { float: left; color: #00316f; border-right: solid 1px #b1b1b1;margin-left: 10px;padding-right:10px; } 
ul.HeaderLinks .last a { border:none; } 

/*							*/
/*		NAVIGATION			*/
/*							*/

ul.MultiMenu{ list-style-type: none; margin: 0 0 10px 0; padding: 0; width: 100%; background: #1b1e55 url(../images/menubgtile.gif) repeat-x; overflow: hidden; border-bottom: solid 1px #ccc; } 
ul.MultiMenu li { float: left; } 
ul.MultiMenu a, ul.MultiMenu li.selected li a { display: block; padding: 5px 10px; border-right: solid 2px #fff; text-decoration: none; position: relative; font-size: .75em; color: #fff; } 
ul.MultiMenu li.selected a { background-color: #007ace; color: #fff; } 
ul.MultiMenu li a:hover { background-color: #0075b9; color: #fff; } 
ul.MultiMenu ul { position: absolute; width: 200px; display: none; list-style-type: none; margin: 0; padding: 0; background: #eef3f6; border-top: solid 1px #fff;} 
ul.MultiMenu ul a { color: #0075b9; border-bottom: solid 1px #fff; border-right: solid 1px #fff; }  
ul.MultiMenu ul li { display: block; width: 200px; position: relative; } 
ul.MultiMenu ul a.Branch { background-image: url(../images/brancharrow.gif); background-repeat: no-repeat; background-position: right; } 
ul.MultiMenu ul a.Branch:hover, ul.MultiMenu ul a.BranchSelected { background-image: url(../images/brancharrowrollover.gif); } 
ul.MultiMenu ul ul { top: 0; left: 200px; } 
.font-size {float:right;color:White;margin:3px 5px 0 0;}

/*							*/
/*			TOOLS			*/
/*							*/

ul.Tools{ position: absolute; top: 105px; right: 20px; margin: 0; padding: 0; list-style-type: none; font-size: .8em; width: 62px; } 
ul.Tools li { display: inline; } 
ul.Tools a { float: left; height: 0; padding-top: 15px; overflow: hidden; background-repeat: no-repeat; padding: 15px 2px 0 2px; } 
ul.Tools a.Small { background-image: url(../images/smallfonticon.gif); width: 9px; } 
ul.Tools a.Medium { background-image: url(../images/mediumfonticon.gif); width: 9px; } 
ul.Tools a.Large { background-image: url(../images/largefonticon.gif); width: 11px; } 
ul.Tools a.Print { background-image: url(../images/printicon.gif); width: 14px; } 


/*							*/
/*			CONTENT			*/
/*							*/

.Columns { margin-top: 20px; margin-bottom: 20px; } 
.LeftColumn { float: left; width: 550px; } 
.LeftColumn p{ } 
.LeftColumn .Arrow { background: url(../images/linkarrow.gif) no-repeat left 5px; padding-left: 10px; display:block; margin-bottom:2px; } 
.RightColumn h3 { color:#0B7DBC; font-family:Verdana,Arial,Sans-Serif;font-size:1em;font-weight:normal;margin:0;padding:0; } 
.RightColumn { float: right; float: right; width: 250px; } 
 
/*							*/
/*			TOUT			*/
/*							*/
.ToutHome { float: left; margin-bottom: 10px; margin-right:10px; width:267px; overflow:hidden; } 
.Tout { float: left; margin-bottom: 10px;margin-right:20px; width:250px;} 
.RightColumn .Tout {margin:0;} 
#Tout2 { margin-right:0;} /*  WHEN 2 TOUTS ARE USED SIDE BY SIDE the 2ND ONE SHOULD HAVE THE ID TOUT2  */

.Tout h3 {  font-size:.9em; margin: 0; padding: 5px 5px; width:242px; background: #1385ce url(../images/toutheadertileright.gif) repeat-y right; color: #fff; } 
.Tout .content {  padding: 5px; margin: 0; background: #dceaed url(../images/toutbgtile.gif) repeat-x; border: solid 1px #e7f6cf; border-top: 0; } 
.Tout .content p { padding: 0; margin: 0; font-size:.8em;  } 
.Tout .content a { padding: 0; margin: 0; } 
.Tout .content ul { margin: 0; padding: 0; } 
.Tout .content ul li { margin: 0; margin-left: 2px; padding-left: 10px; list-style: none; } 
.Tout .content ul li.Arrow { background: url(../images/linkarrow.gif) no-repeat left 5px; padding-left: 10px; display:block; margin-top:1px;margin-bottom:4px;font-size: .82em; } 
.Tout .content ul li.Video { display: block; background: url(../images/linkvideo.gif) no-repeat left; padding-left: 15px; margin:0; position:relative; top:-20px; } 

.ToutHome h3 { font-weight:bold; margin: 0; padding: 5px 5px; width:270px; background: #1385ce url(../images/toutheadertileright.gif) repeat-y right; color: #fff; } 
.ToutHome p {  padding: 5px; margin: 0; background: #dceaed url(../images/toutbgtile.gif) repeat-x; border: solid 1px #e7f6cf; border-top: 0; } 
.ToutHome .Arrow { background: url(../images/linkarrow.gif) no-repeat left 5px; padding-left: 10px; display:block; } 
.ToutHome .Video { display: block; background: url(../images/linkvideo.gif) no-repeat left; padding-left: 15px; margin:0; position:relative; top:-20px; } 

/*								*/
/*			PAGER				*/
/*								*/

.pager { margin:15px 0; font-size: 0.8em; }  

/*								*/
/*			PRE FOOTER			*/
/*								*/

.PreFooter { margin-top: 10px; clear: both; overflow: hidden; font-size: .7em; padding-bottom: 5px; text-transform: lowercase; } 
.PreFooter .Say { float:left; width: 70px; padding-left: 20px; background-image: url(../images/sayicon.gif); background-repeat: no-repeat; } 
.PreFooter .Top { float: right; text-align: right; width: 80px; padding-left: 15px; background-image: url(../images/backtotop.gif); background-repeat: no-repeat; } 

/*								*/
/*			FOOTER				*/
/*								*/

.Footer { clear:both; border-top: solid 1px #b1b1b1; padding: 10px 0; } 
.Footer p { font-size:0.6em; margin: 0; padding: 0; float: left; } 
.Footer .FooterLinks { margin: 0; padding: 0; list-style:none; font-size: .6em; float: left; } 
.Footer .FooterLinks li { display: inline; margin: 30px 0; } 
.Footer .FooterLinks a { margin-left: 7px; border-left: solid 1px #ccc; padding-left: 7px; } 
.Footer .Logos { margin-top:25px;} 
.Footer .BpLogo{ float:left; width: 33px; height:54px; background-image: url(../images/bplogo.jpg); background-repeat: no-repeat; text-indent: -9009px; } 
.Footer .RioTintoLogo { float:left; width: 74px; height:54px; background-image: url(../images/riotintologo-2.jpg); background-repeat: no-repeat; text-indent: -9009px; margin-left: 10px; } 
.Footer .LogoText { float:left;	font-size: .6em; margin-left: 10px; position:relative; top:10px; } 
.Footer .ClearAll { clear:both; height:0px;} 

/*								*/
/*			HOMEPAGE			*/
/*								*/
.ToutSignup { float: left; margin-bottom: 10px; margin-top: 10px; font-size: 0.82em; width: 247px; background: #dceaed url(../images/toutbgtile.gif) repeat-x; border: solid 1px #e7f6cf;  } 
.ToutSignup h3 { color: #007BE1; font-size: 1.3em; padding: 0 10px 0; font-weight: bold; } 
.ToutSignup p { padding: 10px 10px 0; font-size: 1.1em; margin-top: 5px; } 
#ctl00_MainContent_ctrlName, #ctl00_MainContent_ctrlEmail { margin: 5px 0; } 
.MainImg { margin-bottom: 15px; } 

/*								*/
/*			FORM				*/
/*								*/
div.Form textarea.Text, div.Form input.Text, div.Form select.Text {border:2px solid #CCCCCC;width:310px;} 
div.Form textarea.Text, div.Form input.Text, div.Form select.Text, div.Form label { font-size: .8em; float:left;margin:0 5px 5px 0;padding:2px 0;width:220px;} 
.Buttons {clear:both; float:right; margin-right:100px;} 
.error{ color:#A03847; font-weight:bold;}

/*							*/
/*		Links				*/
/*							*/
.contentLinkItems { margin-top: 10px; }
.link p { margin: 0; padding: 0;} 
ul.depth_1 { background-color:#FFF;  }

/*							*/
/*		News				*/
/*							*/
#ctl00_body_ctrlNewsList_ctrlDisplay .item {width:550px;border-bottom: dotted 1px #333; margin-bottom: 15px;min-height:73px;padding-bottom: 5px;} 
#ctl00_body_ctrlNewsList_ctrlDisplay h4 {margin:0;padding:0;font-size: .82em;} 
#ctl00_body_ctrlNewsList_ctrlDisplay .item .text p { font-size: .8em; margin:0;padding:0;} 
#ctl00_body_ctrlNewsList_ctrlDisplay .item img {float: left;margin-right: 10px;} 
.contentHeader .controls {margin-bottom: 10px;font-size: .82em;} 

/*						*/
/*			QA		*/
/*						*/
.contentQAItems .item {width: 550px; margin: 5px 0; border-bottom: dotted 1px #333;} 
.contentQAItems h4 { color:#0B7DBC; font-family:Verdana,Arial,Sans-Serif;font-size:0.82em;font-weight:normal; margin:0;padding:0;} 
.contentQAItems .item .text p { margin:0;padding:0;} 
.contentQAItems .controls {margin-bottom: 10px;} 
 
/*						*/
/*		Sitemap	*/
/*						*/
.contentTouts h3 { font-size:.9em; margin: 0; padding: 5px 5px; width:242px; background: #1385ce url(../images/toutheadertileright.gif) repeat-y right; color: #fff; } 
.contentTouts h3 a { color: #FFF; } 
.contentTouts .Arrow { background: transparent url(../images/linkarrow.gif) no-repeat scroll left 5px; display: block; padding-left: 10px; } 
#ctl00_body_ctrlSectionList_ctl00_NavigationList1_ctrlMenuList ul {list-style-type:square;} 
#siteMap h3 {padding: 2px 2px 2px 5px; width: 550px;color: white; background-color: #0f4a82;} 
.table {margin-bottom: 15px; font-size: .8em;} 

.end { clear: both; }