/*	SITE TEMPLATE
-----------------------------------------------
1.	Universal
2.	Template Layout
3.	Branding / Logo elements
4.	Footer elements 
5.	Miscellaneous
----------------------------------------------- */

/*= 1. Universal
----------------------------------------------- */
html {
	padding:0;
	margin:0;
	overflow-y: scroll;
}
body {
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size: 100%;
	background: #fff;
	color: #5e524e;
	line-height: 1em;
	margin: 0;
	padding: 0 0 3% 0;
}
img {border: 0;}
.hidden {
	height: 0;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}

/*= 2. Template Layout
----------------------------------------------- */
#sitewrapper {
	background: #FFF;
	font-size: 75%;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	text-align: left;
	width: 995px;
}
#header {
	/*border-bottom: solid 1px #9d053b;*/
	display: inline;
	float: left;
	height: 80px;
	width: 995px;
}
html>body #header {
	height:auto;
	min-height: 80px;
}
#tools {
	font-size: 91.65%;
}
#contentwrapper {
	display: inline;
	float: left;
	/*margin: 0 5px;*/
	/*padding: 10px 10px 0 20px; */
	width: 995px;
}
.internal_bg {
	background: url("../images/site_objects/bg_threecol.gif") repeat-y scroll 2px 0 transparent;
}
.sectionhome_bg {
	background: url("../images/site_objects/bg_fivecol.gif") repeat-y scroll 2px 0 transparent;
}
.internal_bg_leftborder {
	background: url("../images/site_objects/bg_twocol.gif") repeat-y scroll 2px 0 transparent;
}

#subnavigation {
	display: inline;
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 50px 0;
	width: 185px;
}
#contentwrapper #content {
	display: inline;
	float: left;
	margin: 0;
	width: 800px;
}
#breadcrumb {
	background: #fff;
	padding: 8px 0 10px 14px;
	width: 575px;
}
div.sectiontitle {
	height: 37px;
}
#contentwrapper div.pagecontent {
	display: inline;
	float: left;
	padding:0 15px 0 14px;
	width: 573px;
}
#contentwrapper div.sectionhome .pagecontent{
	display: inline;
	float: left;
	padding:0;
	width: 602px; 
}


#contentwrapper div.subcontent {
	display: inline;
	float: left;
	width: 195px;
	position: relative;
	margin-top: -34px;
}
#contentwrapper div.sectionhome div.subcontent {
	margin-top: 0!important;
}
#flashBox {
	background: #FFF;
	clear:both;
	border-bottom: 10px solid #FFF;
	width:99%;
	/*width:594px;*/
	/*height:347px;*/
}

#imgBox {
	clear:both;
	border-bottom: 10px solid #FFF;	
	width:594px;
	height: 224px;
}

#imgBox .txt {
position: absolute;
margin: 20px 0 0 23px;
width:250px;
color:#0B396D;

}

#imgBox .txt_wide {
position: absolute;
margin: 20px 0 0 23px;
width:300px;
color:#0B396D;
}



#imgBox h1 {
line-height:0.7em;
color:#0B396D;
margin-bottom: 10px
}

#imgBox .whitetxt {
color:#ffffff;
}

.white {
color: #fff!important;
}

.aboutus {
	background: #f0f1f6 url("../images/pictures/pic_focus_on_africa.jpg") repeat-x top center;
}

.ourbusiness {
	background: #0B396D url("../images/pictures/pic_delivering_on_all_fronts.jpg") repeat-x top center;
}

.investors_bg {
	background: #0B396D url("../images/pictures/pic_bold_exploration.jpg") repeat-x top center;
}

.media_bg {
	background: #8c8992 url("../images/pictures/pic_open_timely.jpg") repeat-x top center;
}

.csr_bg {
	background: #d5b487 url("../images/pictures/pic_strategic_approach.jpg") repeat-x top center;
}

.people_bg {
background: #f0f1f6 url("../images/pictures/pic_strong_teamwork.jpg") repeat-x top center;
}



div.getadobeacrobat {
	background: url("../images/site_objects/bg_dottedline.gif") repeat-x top center;
	display: block;
	float:left;
	padding: 5px 0;
	margin-top: 15px;
}


#footer {
	border-top: solid 1px #c5bfbb;
	clear: both;
	color: #5e524e;
	float: left;
	font-size: 91.65%;
	height:auto;
	padding: 5px 0;
	margin: 12px 0 0 0;
	/*padding: 16px 10px 30px 20px;*/
	width: 100%;
}

/*= 3. Branding / Logo elements
----------------------------------------------- */
#header #branding {
	clear: both;
	display: inline;
	float: left; 
	padding: 12px 0 10px 14px;
}
#search {
	display: block;
	padding: 13px 0 18px 837px;
}
#header .searchbox {
	color:#0B396D;
	font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size:11px;
	height:16px;
	float:left;
	padding:0 0 0 5px;
	vertical-align:top;
}
#header .searchimage {
	display:block;
	margin:0;
	padding:0;
	float:left;
	height:20px;
}

#navigation {
	background: url(../images/menu/topnav.gif) top right no-repeat #FFF;
	clear: both;
	float: left;
	height:28px;
	margin-bottom: 12px;
	width: 995px;
}
#functions a:link, #functions a:visited { 
	color: #0b396d;
	text-decoration: none; 
}
#functions a:hover, #functions a:focus, #functions a:active { 
	color: #0b396d;
	text-decoration: underline; 
}


/*= 4. Footer elements
----------------------------------------------- */
.backtotop{clear:both;padding-left:12px;padding-top:30px;width:590px;position:relative}
.backtotop .printpage{position:absolute;top:30px;right:10px}
.printpage a{display:block;width:69px;height:15px;background:url(../images/icons/icon_print-pop-up.gif) 0 0 no-repeat}

#footer .copyright {
	float: left;
	padding: 0 10px 0 0;
}


/*= 5. Miscellaneous
----------------------------------------------- */
.results td{
border-bottom:1px dotted #ccc;
padding:4px 0;}
.redspan{
color:#9E053B;}
/*	subnavigation
-----------------------------------------------
1.	Access keys hidden menu
2.	Main navigation
3.	Tools
4.	Sub navigation
5.	Page trail
6.	Footer navigation
----------------------------------------------- */

/*= 1. Access keys hidden menu
----------------------------------------------- */
#accessiblenav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#accessiblenav li {
	display: inline;
	list-style: none;
	margin: 0;	
	padding: 0;

}
#accessiblenav a:link, #accessiblenav a:visited {
	top: 5px;
	left: 120px;
	height: 0;	
	overflow: hidden;
	position: absolute;
	width: 0;
	z-index: 1002;
}
#accessiblenav a:active, #accessiblenav a:focus { /* Only show skiplinks on focus */
	background: #FFF;
	border: 0;
	height: auto;
	margin: 0;
	overflow: visible;
	padding: 4px 6px 4px 6px;
	position: absolute;
	text-decoration:underline;
	width: auto;
	z-index: 10000;
	border:1px solid #000;
}
/*= 2. Main navigation
----------------------------------------------- */
/*#navigation ul {
	list-style-type:none;
	padding: 0;
	height: 28px;
}
#header #navigation ul li {
	float:left;
	display:block;
	height: 28px;
}
#navigation ul li a {
	display:block;
	height: 28px;
}*/

#navigation ul {height:28px; margin:0; padding:0 0 0 6px; list-style-type:none;}
#navigation ul li {float:left;}
#navigation ul li, #navigation ul li a, #navigation ul li a:hover {display:block; height:28px; margin:0 0 0 -6px;  padding:0; list-style-type:none; line-height:1em; background-position:0 0; background-repeat:no-repeat; background-attachment:scroll;}
#navigation ul li a, #navigation ul li a:hover {margin:0;}
#navigation ul li span {margin-left:-1900px;position:absolute;}
#navigation ul li#about-us a {width:86px; background-image:url(../images/menu/topnav_aboutus.gif);}
#navigation ul li#our-business a {width:116px; background-image:url(../images/menu/topnav_business.gif);}
#navigation ul li#investors a {width:95px; background-image:url(../images/menu/topnav_investor.gif);}
#navigation ul li#corporate-social-responsibility a {width:180px; background-image:url(../images/menu/topnav_cr.gif);}
#navigation ul li#media a {width:75px; background-image:url(../images/menu/topnav_media.gif);}
#navigation ul li#our-people a {width:105px; background-image:url(../images/menu/topnav_people.gif);}
#navigation ul li#about-us a:hover, #navigation ul li#about-us a:focus,  #navigation ul li#about-us a:active, #navigation ul li#about-us a.lit {background-image:url(../images/menu/topnav_aboutus_on.gif);}
#navigation ul li#our-business a:hover, #navigation ul li#our-business a:focus, #navigation ul li#our-business a:active, #navigation ul li#our-business a.lit {background-image:url(../images/menu/topnav_business_on.gif);}
#navigation ul li#investors a:hover, #navigation ul li#investors a:focus, #navigation ul li#investors a:active, #navigation ul li#investors a.lit {background-image:url(../images/menu/topnav_investor_on.gif);}
#navigation ul li#corporate-social-responsibility a:hover, #navigation ul li#corporate-social-responsibility a:focus, #navigation ul li#corporate-social-responsibility a:active, #navigation ul li#corporate-social-responsibility a.lit {background-image:url(../images/menu/topnav_cr_on.gif);}
#navigation ul li#media a:hover, #navigation ul li#media a:focus, #navigation ul li#media a:active, #navigation ul li#media a.lit  {background-image:url(../images/menu/topnav_media_on.gif);}
#navigation ul li#our-people a:hover, #navigation ul li#our-people a:focus, #navigation ul li#our-people a:active, #navigation ul li#our-people a.lit  {background-image:url(../images/menu/topnav_people_on.gif);}




/*= 3. Tools
----------------------------------------------- */
#tools {
	float: right;
	margin: 0;
	padding: 0;
}
#tools li {
	display: inline;
	margin: 0;
	padding: 0 0 0 8px;
	white-space:nowrap;
}
#tools li a, .glossary_hotspot {
	padding-left: 20px!important;
}
a.email_hotspot {
	padding: 1px 0 0 22px!important;
}
#alerts, .alerts_hotspot{background: url("../images/icons/icon_alerts.gif") left top no-repeat!important}
#calendar, .calendar_hotspot{background: url("../images/icons/icon_calendar.gif") left top no-repeat!important}
#contacts, .contacts_hotspot{background: url("../images/icons/icon_contact.gif") left top no-repeat!important}
#glossary, .glossary_hotspot{background: url("../images/icons/icon_glossary.gif") left top no-repeat!important}
#rss, .rss_hotspot, ul.rssfeeds li a{background: url("../images/icons/icon_rss.gif") left top no-repeat!important}
#email, .email_hotspot{background: url("../images/icons/icon_email.gif") 0 0 no-repeat!important;}
li.phone_hotspot {background: url("../images/icons/icon_phone.jpg") 0 0 no-repeat!important;padding-left: 22px!important}

/*pdf/html/webcast links*/
.pdflink, .webcastlink, .htmllink{padding-left:17px;margin-right:6px;background-position:0 0; background-repeat:no-repeat}
.pdflink{background-image:url(../images/icons/icon-pdf-transp.gif)}
.webcastlink{background-image:url(../images/icons/icon-webcast-transp-small.gif)}
.htmllink{background-image:url(../images/icons/icon-html-transp.gif)}

/*= 4. Sub navigation
----------------------------------------------- */
#subnavigation ul {
	background: url("../images/site_objects/bg_subnav.gif") no-repeat scroll center bottom;
	list-style-type:none;
	margin: 0; 
	padding:0;
	width: 170px;
}
#subnavigation ul li {
	background: url("../images/site_objects/bg_subnav.gif") no-repeat scroll center top;
	margin: 0; 
	padding:0;
	position: relative;
	width: 170px;
}
#subnavigation ul li a:link, #subnavigation ul li a:visited {
	color: #0d396e;
	display:block;
	padding: 6px 12px 6px 2px;
	text-decoration:none;
	width: 156px;
}
#subnavigation ul li a:hover, #subnavigation ul li a:active, #subnavigation ul li a:focus {
	color: #6699ff;
	font-weight: normal;
	text-decoration:underline;
}
#subnavigation ul li a.lit:link, #subnavigation ul li a.lit:visited {
	background: #dcd9d6;
	color: #0d396e;
	text-decoration:none;
}
#subnavigation ul li a.lit:focus, #subnavigation ul li a.lit:hover, #subnavigation ul li a.lit:active {
	color: #6699ff;
	text-decoration:underline;
}

/* subnavigation - level 2*/
#subnavigation ul li ul {
	background: none;
}
#subnavigation ul li ul li a:link, #subnavigation ul li ul li a:visited {
	background: url("../images/site_objects/bg_subnav_arrow.gif") no-repeat 0 1px;
	color: #0d396e;
	display:block;
	padding: 6px 12px 6px 17px;
	text-decoration:none;
	width: 141px;
}
#subnavigation ul li ul li a:focus, #subnavigation ul li ul li a:hover, #subnavigation ul li ul li a:active {
	background: url("../images/site_objects/bg_subnav_arrow_f2.gif") no-repeat 0 1px;
	color: #6699ff;
	font-weight: normal;
	text-decoration:underline;	
}
#subnavigation ul li ul li a.lit:link, #subnavigation ul li ul li a.lit:visited {
	background: url("../images/site_objects/bg_subnav_arrow_f2.gif") no-repeat 0 1px;
	color: #6699ff;
	text-decoration:none;
}
#subnavigation ul li ul li a.lit:focus, #subnavigation ul li ul li a.lit:hover, #subnavigation ul li ul li a.lit:active {
	background: url("../images/site_objects/bg_subnav_arrow_f2.gif") no-repeat 0 1px;
	color: #6699ff;
	text-decoration:underline;
}

/* subnavigation - level 3*/
#subnavigation ul li ul li ul li a:link, #subnavigation ul li ul li ul li a:visited {
	background: none;
	color: #0d396e;
	display:block;
	padding: 6px 12px 6px 32px;
	text-decoration:none;
	width: 126px;
}
#subnavigation ul li ul li ul li a:focus, #subnavigation ul li ul li ul li a:hover, #subnavigation ul li ul li ul li a:active {
	background: none;
	color: #6699ff;
	font-weight: normal;
	text-decoration:underline;	
}
#subnavigation ul li ul li ul li a.lit:link, #subnavigation ul li ul li ul li a.lit:visited {
	background: none;
	color: #6699ff;
	text-decoration:none;
}
#subnavigation ul li ul li ul li a.lit:focus, #subnavigation ul li ul li ul li a.lit:hover, #subnavigation ul li ul li ul li a.lit:active {
	background: none;
	color: #6699ff;
	text-decoration:underline;
}

/* subnavigation - level 4*/
#subnavigation ul li ul li ul li ul li a:link, #subnavigation ul li ul li ul li ul li a:visited {
	color: #0d396e;
	display:block;
	padding: 6px 12px 6px 47px;
	text-decoration:none;
	width: 111px;
}
#subnavigation ul li ul li ul li ul li a:focus, #subnavigation ul li ul li ul li ul li a:hover, #subnavigation ul li ul li ul li ul li a:active {
	color: #6699ff;
	font-weight: normal;
	text-decoration:underline;	
}
#subnavigation ul li ul li ul li ul li a.lit:link, #subnavigation ul li ul li ul li ul li a.lit:visited {
	color: #6699ff;
	text-decoration:none;
}
#subnavigation ul li ul li ul li ul li a.lit:focus, #subnavigation ul li ul li ul li ul li a.lit:hover, #subnavigation ul li ul li ul li ul li a.lit:active {
	color: #6699ff;
	text-decoration:underline;
}


/*= 5. Page trail
----------------------------------------------- */
ol#pagetrail, ol#pagetrail li {
	color: #5e524e;
	margin: 0;
	padding:0 0 14px 0;
	list-style-type:none;
	/*white-space:nowrap;*/
	display:inline;
}
#pagetrail a:link, #pagetrail a:visited { 
	color: #5e524e;
	text-decoration: none; 
}
#pagetrail a:hover, #pagetrail a:focus, #pagetrail a:active { 
	color: #5e524e;
	text-decoration: underline; 
}



/*= 6. Footer navigation
----------------------------------------------- */
#footer ul {
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
}
#footer ul li {
	display: inline;
	padding: 0 4px;
	white-space:nowrap;
}

#footer a:link, #footer a:visited { 
	color: #5e524e;
	padding-left: 4px;
	text-decoration: none; 
}
#footer a:hover, #footer a:focus, #footer a:active { 
	color: #5e524e;
	text-decoration: underline; 
}

/*	LAYOUT
-----------------------------------------------
1.	Grid
2.  Hotspots
3.	Miscellaneous
----------------------------------------------- */


/*= 1. Grid
----------------------------------------------- */
div.row {
	float: left;
	/*padding-bottom: 10px;*/
}
div.column {
	float: left;
	padding: 10px 12px 0 12px;
	width:180px; 
}
div.column_doublewidth {
	float: left;
	margin: 0 12px;
	width:384px; 
}
div.column_triplewidth{float:left;margin:0 12px;width:564px}
div.columnborder {
	border-left: solid 1px #999;
	border-right: solid 1px #999
}
div.endcolumn {
	padding-right: 0;
}


/*= 2. Hotspots (right hand content)
----------------------------------------------- */
div.subcontent div.hotspot {
	background: url("../images/site_objects/bg_dottedline.gif") no-repeat bottom center;
	clear: both;
	margin-bottom: 8px;
	padding: 0 0 8px 8px;
	/*font-size: 91.65%;*/
}
div.lasthotspot div.hotspot {
	background: none;
}
div.subcontent div.hotspot h2 {
	padding-bottom: 5px;
	font-size: 136.35%;
}
div.subcontent div.jubileehotspot h2 {
	padding-bottom: 5px;
	font-size: 136.35%;
	background-color:red;
}
/*div.hotspot*/ ul.relatedlinks, ul.relatedlinkswhite {
	list-style-type: none;
	margin: 0;
	padding: 9px 0 0 0;/*was 5*/
}
.annualreporthotspot ul.relatedlinks{padding:0}
/*div.hotspot*/ ul.relatedlinks li, .relatedlinkswhite li {
	margin: 0;
	padding: 0 0 5px 0;
}
/*div.hotspot*/ ul.relatedlinks a:link, /*div.hotspot*/ ul.relatedlinks a:visited { 
	background: url("../images/site_objects/blue-arrow.gif") no-repeat 0 1px;
	color: #0b396d;
	padding-left:15px;
	text-decoration: none; 
}
/*div.hotspot*/ ul.relatedlinks a:hover, /*div.hotspot*/ ul.relatedlinks a:focus, /*div.hotspot*/ ul.relatedlinks a:active { 
	color: #0b396d;
	text-decoration: underline; 
}
/*div.hotspot*/ ul.relatedlinkswhite a:link, /*div.hotspot*/ ul.relatedlinkswhite a:visited { 
	background: url("../images/site_objects/white-arrow.gif") no-repeat 0 2px;
	color: #fff;
	display: block;
	padding-left:15px;
	text-decoration: none;
	list-style-type:none;
}
/*div.hotspot*/ ul.relatedlinkswhite a:hover, /*div.hotspot*/ ul.relatedlinkswhite a:focus, /*div.hotspot*/ ul.relatedlinkswhite a:active { 
	color: #fff;
	text-decoration: underline; 
}

div.hotspot ul.icons a:link, div.hotspot ul.icons a:visited { 
	padding-left:20px;
	padding-top:1px;
}

/*share price*/
#shareprice_hotspot {
	background: url("../images/site_objects/bg_dottedline.gif") no-repeat bottom center;
	margin-bottom: 8px;
	padding: 0 0 8px 0;
	font-size: 91.65%;
}
#shareprice_hotspot iframe,  #shareprice_hotspot object {
	height:255px !important;
	width:184px;
}
/*annual report*/
div.subcontent div.annualreporthotspot {
	background-image: none;
	padding: 0;
}
div.subcontent div.annualreporthotspot .textcontent {
	background:#1E3C6E;
	float: left;
	padding: 8px;
	width: 179px;
}

div.subcontent div.crreporthotspot .textcontent {
	background:#e9ebef;
	float: left;
	padding: 8px;
	width: 179px;
}
div.subcontent div.jubileethotspot .textcontent {
	background:#e9ebef;
	float: left;
	padding: 8px;
	width: 179px;
}
/*whereweoperate*/
div.subcontent div.whereweoperate {
	background: url("../images/pictures/hotspots/pic_worldwide.jpg") no-repeat top left;
	height: 170px;
}
/*latest reports*/
.report {
	clear: both;
	display: block;
	float: left;
	width:180px;
}
.reportcover {
	display: block;
	float: left;
	padding: 0 0 15px 0;
	width: 50px;
}
.reportdetails {
	display: block;
	float: left;
	width: 130px;
}
.reportdetails p {
	color: #0B396D;
	margin: 0;
	padding: 0;
	font-weight:bold;
}

/*news*/
.NewsDateContainer  {
	color:#9E053B;
	width:84px;
}
.NewsTitleContainer {
	margin:0 0 6px;
	width:180px;
}

/*on track*/
.textareas {
	padding:10px 0 7px 10px;
	background-color:#1E3C6E;
	width:185px;
}
.textareas h5 {
	border-bottom:6px solid #BEBAB8;
	color:#FFFFFF;
	margin:0 0 10px;
	padding:0 0 5px;
	width:86%;
	font-size:130%;
}
.textareas p {
	color:#5CB8E8;
	margin:0 0 10px;
	padding:0;
	text-align:left;
}
div.hotspotnoline {
	clear:both;
	margin-bottom:6px;
	padding:0px;
}


/*= 3. Miscellaneous
----------------------------------------------- */

.padbottom6px {
	padding-bottom:6px;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.clearboth {
	clear:both;
}
.clearboth1 {
	clear:both;
}
.nowrap {
	white-space:nowrap
}
.print {
	display: none;
}
.nomarginbottom {
	margin-bottom: 0;
}
.imgfloatleft {
	float: left;
	padding: 0 15px 15px 0;
}
.imgfloatright {
	float: right;
	padding: 0 0 15px 15px;
}

.paddingtop10 { padding-top:10px; }

.margintop { margin-top:10px; }
.margintop0 { margin-top:0px!important; }

* html .ie6_paddingleft3 { padding-left:3px !important; }

/*tab menu*/
ul.tabmenu {
	height:34px;
	margin:0 0 0 0;
	overflow:hidden;
	padding:0;
	font-weight:bold;
	padding-bottom:32px;
}
ul.tabmenu li {
	background-color:#E8E6E4;
	border-bottom:6px solid #CAC5C1;
	color:#5E524E;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:8px;
	text-align:center;
	margin-right:3px;
	width:16.6%;
}
ul.tabmenu li a {color:#5E524E!important}
ul.tabmenu li.lit a {color:#9E053B!important}
ul.tabmenu li.lit {
	background-color:#FFFFFF;
	border-color:#C5BFBB #C5BFBB #FFFFFF;
	border-style:solid;
	border-width:1px 1px 6px;
	color:#9E053B;
}
.getadobeacrobat img{margin-right:14px}


.wysiwyg_left_imageContainer{
	clear:left;
	float: left; 
	font-size:95%;
	line-height:1.1em;
	margin: 3px 10px 0 0;
	position: relative;
}
.wysiwyg_right_imageContainer{
	clear:right;
	float: right;
	font-size:95%;
	line-height:1.1em;
	margin:3px 0 0 10px;
	position:relative;
}
.wysiwyg_imageContainer{
	font-size:95%;
	line-height:1.1em;
	margin: 3px 0 0;
}

ul.keyvert {
margin:0;}	

ul.keyvert li {
background:url("../images/charts/key_blue.gif") no-repeat scroll 0 6px transparent;
margin:0;
padding:3px 0 0 11px;
list-style-type:none;
}

ul.keyvert li.keyred {
background-image:url("../images/charts/key_red.gif");
}

.padtop0 {
padding-top: 0px!important;
}

.padbottom0 {
padding-bottom: 0px!important;
margin-bottom: 0px!important;
}
/*	TYPOGRAPHY
-----------------------------------------------
1.	Headings
2.	Paragraphs
3.	Blockquotes
4.	Links
5.	Lists
----------------------------------------------- */

/*= 1. Headings
----------------------------------------------- */
h1, .h1 {  
	color:#9E053B;
	font-size:2.2em;
	font-weight:normal;
	line-height:1.2em;
	margin: 0 0 18px 0;
	padding: 0;
	width:570px;
}
h2, .h2 {  
	color:#0B396D;
	font-size:1.3em;
	font-weight:bold;
	line-height:1.3em;
	margin: 0;	
	padding: 0 0 4px 0;	
}
h3, .h3 {  
	color:#0B396D;
	font-size:1.13em;
	line-height:1;
	font-weight:normal;
	margin: 0;
	padding: 0;	
}
h4, h5, h6, .h4 {  
	color: #0B396D;
	font-size:100%;
	margin: 0; 
	padding: 0;	
}

/*= 2. Paragraphs
----------------------------------------------- */
p {
	margin: 0 0 14px 0;
	padding: 0;
	text-align:left;
}
p.halfspace, .halfspace {
	margin: 0 0 7px 0;
	padding: 0;
	text-align:left;
}
p.white {
	color:#fff;
}
.nomarginbottom {
	margin-bottom: 0;
}
.lastupdated {
	clear:both;
	color:#9E053B;
	margin-right:5px;
	text-align: right;
	
}
/*= 3. Blockquotes
----------------------------------------------- */
blockquote {
	padding: 0;
	margin: 0;
}

/*= 4. Links
----------------------------------------------- */
a:link, a:visited { 
	color: #0b396d;
	text-decoration: none; 
}
a:hover, a:focus, a:active { 
	color: #0b396d;
	text-decoration: underline; 
}
a.arrow:link, a.arrow:visited { 
	background: url("../images/site_objects/blue-arrow.gif") no-repeat 0 1px;
	color: #0b396d;
	padding-left:15px;
	text-decoration: none; 
}
a.arrow:hover, a.arrow:focus, a.arrow:active { 
	color: #0b396d;
	text-decoration: underline; 
}
a.back:link, a.back:visited, a.back:hover, a.back:focus, a.back:active { 
	background:  url("../images/site_objects/btn_backarrow.gif") no-repeat 0 3px;
	font-size:12px;
	padding-left: 15px;
}
/*= 5. Lists
----------------------------------------------- */
ul {
	margin:0 0 14px 16px;
	padding: 0;
}
ul ul {
	margin-top:3px;
	margin-bottom:0px;
	list-style-type:disc;
}
ol {
	margin:0 0 14px 22px;
	padding: 0;
}
ul li, ol li {
	margin: 0 0 5px 0;
	padding:0;
}
ul.inline {
	clear: both;
	display: inline;
	float: left;
	margin: 0 0 14px 0;
}
ul.inline li {
	list-style-type:none;
	display: inline;
	margin: 0;
 	padding: 0 3px 0 6px;
	white-space:nowrap;
}
ul.relatedlist {
	margin: 0 0 14px 0;
}
ul.relatedlist li {
	list-style: none;
	margin: 0 0 4px 0;
}
ul.relatedlist_padding {
	padding-top: 14px;
}
ul.relatedlist_padding li {
	list-style: none;
	margin: 0;
	padding: 0 0 14px 0;
}
ul.margintop{margin-top:14px}
/*= 6. Miscellaneous
----------------------------------------------- */
.bold {font-weight: bold;}
.nobold {font-weight: normal;}
.smalltext {font-size:90%;}
.intro {
	color: #bea55a;
	font-size: 170%;
	font-weight:bold;
	line-height:1.1em;
	padding: 0 0 14px 0;
}
.error {
	background: transparent;
	color: #FF0000; 
}
.NewsTitleContainer{font-size:0.9em}/*	FORMS
----------------------------------------------- */
legend {
	/* this is impossible to style consistently
	accross browsers, so is set to display: none */
	display: none;
}
form, fieldset  {
	border:0;
	margin:0;
	padding:0;
}
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	margin: 0;
	padding: 1px;
}
input.button, input.button_f2 {
	background: transparent;
	border: 0;
	cursor: pointer;
	float: left;
	font-weight:bold;
	margin: 0;
	overflow: visible;
	padding:0;
	text-align:left;
	text-decoration: underline;
	width: auto;
}
input.button_f2 {
	text-decoration: none;
}
input.formbutton, input.formbutton_f2 {
	background: url("../images/site_objects/backgrounds/bg_button.gif") top left repeat-x #000;
	border: 0;
	color: #FFF;
	cursor: pointer;
	float: left;
	font-size:110%;
	font-weight:bold;
	margin: 0;
	overflow: visible;
	padding: 1px 5px;
	text-align:left;
	text-decoration: none;
	width: auto;
}
input.formbutton_f2 {
	text-decoration: underline;
}
.error {
	background:none #FBE3E4;
	color:#8A1F11;
	border:2px solid #FBC2C4;
	margin-bottom:1em;
	padding:0.8em;
}/*	TABLES
-----------------------------------------------
1.	Generic
2.	Information
3.	Financial
----------------------------------------------- */


/*= 1. Generic
----------------------------------------------- */
table {
	clear:left;
	font-size: 100%; /* need to set for IE5/5.5 */
	margin: 0 0 14px 0;
	padding: 0;
	text-align:right;
	vertical-align:bottom;
}
caption {
	font-weight: bold;
	margin: 0;
	padding: 0 0 7px 0;
	text-align: left;
}
th, td {
	margin: 0;
	padding: 0 4px 2px 0;
}

th.left, td.left {
	text-align:left;
}
th.right, td.right {
	text-align:right;
}
th.center, td.center {
	text-align:center;
}
th.top, td.top {
	vertical-align:top;
}
th.centre {
	text-align:center;
}
th.nobold {
	font-weight:normal;
}
th.indent, td.indent {
	padding-left:10px;
}
table.textalignleft {
	text-align: left!important;
}
.newsrelease table {
	text-align: left;
}
.newsrelease table td, .newsrelease table th {
	border-bottom:1px solid #C5BFBB;
	padding:4px 4px 4px 2px;
}
.newsrelease table strong {
	color:#0B396D;
	font-weight:bold;
}

/*= 2. Information
----------------------------------------------- */
table.info {
	margin: 0 0 40px 0;
	text-align:left;
	width: 100%;
}
table.info td, table.info th {
	padding: 8px;
	vertical-align: top;
	border-bottom: solid 1px #e3d5ab; 
}
.bordertop {
	border-top: solid 1px #e3d5ab; 
}
table.info td.noborder {
	border-bottom: 0; 
}

table.info tr.total td {
	border-bottom:3px solid #C5BFBB;
}

/*= 3. Financial
----------------------------------------------- */
table.financials {
	margin: 0 0 20px 0;
	text-align:right;
	width: 100%;
}

table.financials th.left, td.left {
	text-align:left;
}

table.financials th.right, td.right {
	text-align:right;
}
table.financials th.top, td.top {
	vertical-align:top;
}
table.financials th.bottom, td.bottom {
	vertical-align:bottom;
}

table.financials th.highlight {
	background-color:#E8E6E4;
}
table.financials td.highlight {
	background-color:#E8E6E4;
}
table.financials th.center, td.center {
	text-align:center;
}

table.financials th.leftborder, td.leftborder {
	border-right:1px solid #CAC5C1;
}


table.financials thead th, table.financials thead td {
	border-bottom: solid 3px #C5BFBB;
	font-weight: normal;
	padding:4px 4px 4px 0;
}

table.financials tbody th, table.financials tbody td {
	border-bottom:1px solid #C5BFBB;
	padding:4px 4px 4px 0;
}
table.financials tbody tr.noborder th, table.financials tbody tr.noborder td {
	border-bottom:0;
}
table.financials tbody tr.thickborder th, table.financials tbody tr.thickborder td {
	padding-top: 20px;
	border-bottom: solid 3px #C5BFBB;
}

table.financials th strong {
	color:#0B396D;
}
table.financials tbody tr.thickborderblue th, table.financials tbody tr.thickborderblue td {
	padding-top: 20px;
	border-bottom: solid 2px #1B3B6D;
}
table.financials td.blue strong {
	color:#0B396D;
}
table.financials th.noblue strong {
	color:#5E524E;
}

.financials h3.titlecom{
padding:12px 0 10px 0;}/*site home page*/
.homePage{width:800px;float:left;position:relative;background:url(../images/site_objects/home_bg.gif) 0 0 repeat-y}
/*top banner space*/
#homeBanner{width:794px; position:relative; height:224px; margin-bottom:8px; background:#1E3C6E url(../images/site_objects/bg_annual_report_2009_banner.gif) 0 bottom no-repeat}
#homeBanner .banner_content{width:377px;padding:22px 0 0 22px;float:left;display:inline;position:relative}
.banner_content h1{border-bottom:9px solid #BEBAB8;margin:0 0 20px;padding:0 0 0px;width:92%}
#homeBanner .banner_content h1 img{float:none;display:inline}
.banner_content p{font-size:120%;color:#fff;margin-bottom:0}
#homeBanner img{display:block;float:left}

#ghanabanner {
	width:764px;
	position:relative;
	height:204px;
	background:#a6c3e1 url(../images/pictures/pic_home_tullowglobal.jpg) no-repeat top left;
	padding:15px 15px 5px 15px;
	color:#0B396D;
	margin:0 0 8px 0;
}
html > body #ghanabanner {
	height:auto;
	min-height:204px;
}
#ghanabanner .ghanacontent {
	width:366px;
}
#ghanabanner .ghanacontent h1 {
	padding:0 0 0px 0;
	margin:0;
}
#ghanabanner .ghanacontent p {
	font-size:116.7%;
	margin:0 0 10px 0;
}




/*column tweaks*/
div.column{width:181px; padding:0 8px}
.column_centre{width:395px; float:left; position:relative; margin-right:5px}
div.column.where_operate{width:178px; height:281px; background:url(../images/site_objects/home-world-map.jpg) center bottom no-repeat}
* html div.column.where_operate { height:290px; }
div.share_performance{padding-bottom:5px;margin-bottom:10px;background:url(../images/site_objects/column-border-vert.gif) right 0 repeat-y}
/*column content tweaks*/
.column h2, .column_double h2{color:#9E053B}
.column p, .column ul, .column_double p{font-size:90%;margin-bottom:0}
.column p, .column_double p{line-height:1.2}
.iframe_holder{margin:0 0 3px -10px;position:relative;width:100%}
.iframe_holder iframe{background:none;margin:0 0 0 2px;padding:0;width:180px}
.share_performance .relatedlinks{padding-top:0}
/*new styles*/
.home_news .news_items{list-style-type:none; margin:0; padding:0}
.home_news .relatedlinks{padding-top:0;margin-bottom:5px}
.news_items li .date{color:#9E053B}
.alert_box{color:#0B396D;border: 1px solid rgb(153, 51, 51); padding:5px; line-height:1.2; font-size:95%; background-color: rgb(245, 235, 235)}
.column_double{position:relative;width:372px;padding-top:10px;margin:0 10px;background:url(../images/site_objects/related-links-dotted-line.gif) 0 0 repeat-x}
.column_double .agm_box{position:relative; width:356px; height:112px;padding:8px 8px 0;border:1px solid #8B8078; background:#ededed url(../images/site_objects/video-signpost-background.jpg) 0 bottom repeat-x}
.column_double .agm_box_text{ width:200px; float:left}
.agm_box img{position:absolute;top:15px;right:10px}
.agm_box .relatedlinks a{font-size:95%}
/*right column tweak*/
#contentwrapper div.subcontent{margin-top:0}
ul.relatedlinks, ul.relatedlinkswhite{padding-top:3px !important;}
* html li.relatedlinksbanner, * html li.relatedlinkswhitebanner{padding-bottom:20px; float:left;}
li.relatedlinkswhitebanner{padding-bottom:20px;}
#subContentHome .hotspot{padding-bottom:7px;background:url(../images/site_objects/related-links-dotted-line.gif) 0 bottom no-repeat}
.hotspot .view_events{padding-left:20px;background:url(../images/icons/icon_calendar.gif) 0 0 no-repeat}
.events .event_name{color:#9E053B}
.events .date{color:#0B396D;padding-bottom:8px}
p.date {color:#0b396d;padding-bottom:5px;}

.paddingbottom10 {padding-bottom: 10px!important}
