﻿body  {  
   font-family : Tahoma,Arial,Helvetica,Verdana, sans-serif;
   font-size : 75%;
   padding:0;
   color:#333333;
   width:955px;   /* This is specifically for IE5.5 so it looks centered in 1024x768 resolution */
}
b\ody {  
   margin:0 auto;    /* Keep IE6 and mozilla happy */
}

a:link, a:visited
{
	color:#2D9FE3;
	text-decoration: none;
}

/* hover style */
div.imgtitle a:hover, p a:hover, #sidebar li a:hover, li.morelink a:hover, li.lesslink a:hover, #whereami a:hover, #leftbar li a:hover, #centre li a:hover, #content ul li a:hover, dt a:hover, #newsletter li a:hover, #sitemap ul li a:hover, td a:hover, li.rss a:hover, #search a:hover, #footer a:hover {
	color: #2D9FE3;
	margin-bottom:1px;
	border-bottom: solid 1px #2D9FE3;
}

html>body {
      margin:0 auto;    /* Opera doesn't like the selector hack(?) so we give it its own which will also reapply to Mozilla */
}

h1 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}

h2 {
	font-size:1.5em;
	color: #356BA2;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

h3 {
	font-size: 1.3em;
	color: #356BA2;
	margin: 7px 0;
}

p {
	line-height: 1.6em;
/*      font-family: Georgia, "Times New Roman", Times, serif;   */
        font-family : Tahoma,Arial,Helvetica,Verdana, sans-serif;
	font-size: 12px;
	padding: 6px 0;
	margin: 2px 0;
}
td {
	line-height: 20px;
}

th {
	background-color: #6699CC;
	color: #FFFFFF;
	height: 22px;
	line-height: 22px;
}


#header {
	clear: both;
}

div#banner {
   height:110px;
	width:955px;  /* IE 5.5 likes this as body doesn't understand auto margins */
}
#bannerImage {


}



div#banner img{
/*   margin:20px 0 0 25px; */
   margin:0px 0 0 0px; 
}


#banner #logo {
	float: left;
	margin: 20px 0 0 20px;
	position: absolute;
}

#banner #contactNumber {
	margin: 20px 0 0 710px;
	position: absolute;
	width: 240px;
	visibility: hidden;

}
#banner  #contactNumber p {
	color: #156898;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 18px;
}





div#whereami{
	color:#136798;
	float: left;
	padding: 0;
	margin: 0 0 0 10px;
	line-height: 24px;
}
#whereami ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;

}





#whereami    li  {
	float: left;
	list-style-type: none;
	text-indent: 15px;
	text-align: left;
	background-image: url(../images/breadcrumbseparator.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	margin: 4px 4px 4px 5px;

}

#whereami   li a:hover {
	background-repeat: no-repeat;
	list-style-type: none;
	text-align: left;
}

div#search   {
	font-weight:normal;
	color:#999;
	float: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

form {
	padding: 0;
	margin: 0;
}

#lang {
	padding: 9px 5px 5px 5px;
	float: right;
}





div#search button {
	background-color:#fff;
	border:none;          /* remove shading */
	margin: 0 0 0 0;
	padding: 0 0 0 2px;
	vertical-align: bottom;
}

div#search button:hover  {
   cursor:pointer;
}

div#search button img  {
	vertical-align: bottom;

}

div#container {
	clear:both;
	width:955px;
	padding-bottom: 20px;
	min-height: 350px;
}


div#pagetitle {
	float: left;
	margin: 10px 0 10px 5px;
	padding: 0 0 0 15px;
	width: 775px;
}
  
div#pagetitle h1 {
   font-size:1.7em;
   color:#274F76;
}


#sidebar {
	float:left;
	font-weight:bold;
	width: 155px;
}

#sidebar ul {
	list-style:none;
	margin:40px 0 0 0;
	padding: 0 0 0 0;
}

#sidebar ul li {
	line-height:2em;
	margin-left:0px;
	text-indent:0px;
}
#sidebar .subNav {
	margin: 0px;
	padding: 0px;
}

#sidebar .subNav li {
	margin-left:20px;
	color:#4D88C4;
	line-height: 17px;
	list-style-image: url(../images/subNav_arrow-right.gif);
}

#sidebar .subNav li a:link, #sidebar .subNav li a:visited {
	color:#2D9FE3;
}


div#content {
	padding-left:20px;
	padding-right:0;
	padding-bottom:15px;
	border-left:1px solid #9cf;
	margin:0 0 0 5px;
	min-height:275px;
	width:770px;         /* Specifically required for IE 5.5 */
	float: left;
}

#rightbar ul {
	margin: 0 0 0 0;
	text-indent: 0px;
	padding: 0 0 0 0;
}

#content ul li, #centre ul li, #rightbar ul li {
	list-style-type: none;
	line-height: 1.3em;
	/*list-style-image: url(../images/subNav_arrow-right.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type:none;
	background-image: url(../images/bullet.jpg);
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
        font-family : Tahoma,Arial,Helvetica,Verdana, sans-serif;
	/*font-size: 13px;*/
	padding: 2px 0 5px 20px
}

#rightbar .downloads, #centre .downloads, #content .downloads {
	padding: 2px 0 2px 25px;
	line-height: 1.5em;
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type:none;
	background-image: url(../images/download.gif);

}

#rightbar li a:hover {
	color: #2D9FE3;
	margin-bottom:1px;
	border-bottom: solid 1px #2D9FE3;
}

div#content img {
   margin: 10px;
}


#content p img {
	vertical-align:middle;
	margin: 0 2px;
}

div#content .threeCol {
	width: 245px;
	float: left;
	margin: 0 10px 0 0;
}


div#footer  {
	margin-top:0;
	clear:both;
	height:50px;
	width:955px;
	padding: 5px 0;
	background-image: url(../images/footerBG.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

div.innerfooter
{
	margin: 35px 0 0 10px;
	padding: 0 10px 0 0px;
	font-size: 11px;
}
div.footer  a:link, div.footer a:visited
{
	color: #136798;
}

.footerImage {
	float: right;
	padding: 0 0 0 5px;
}



p#legal  {
	margin:7px 0 0 110px;
}

p#legal, p#legal a:link, p#legal a:visited {
   text-decoration:none;
}

p#legal a:hover {
   color:#4D88C4;
}

img   {
   border:none;
}

img#cert {
	vertical-align:top;
	float:right;
	margin: -30px 0 0 0;
}

.floatl {
	float:left;
	padding: 10px 10px 10px 0;
}

.floatr {
	float:right;
	padding: 10px 0 10px 10px;
}

.alignMiddle {
      text-align: center;

}

.clear {
	clear:both;
	line-height: 1px;
	height: 1px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


a:focus, a:active {
	color: #fff; 
	background-color: #356BA2;
}
a:hover img {
	text-decoration:none;
	border: 0;
        background: none;
}

a.imageNoHover:hover {
	text-decoration:none;
	border: none;
        background: none;
        padding:0;
        margin:0;
}

p#morelink {
	background: transparent url(../images/arrow-right.gif) 35px 50% no-repeat;
	padding-left:0px;
}
p#prevlink {
	background: transparent url(../images/arrow-left.gif) -7px 50% no-repeat;
	padding-left:20px;
}
tr.altRow {
	background-color: #DFEAF4;
}
li.morelink {
	list-style-image: url(../images/arrow-right.gif);
}

li.lesslink {
	list-style-image: url(../images/arrow-left.gif);
	background-position: bottom right;
}
li.rss {
	list-style-image: url(~/media/Images/Logos/rss_small.ashx);
	text-indent: 5px;
	margin: 0 5px 2px 0;
	padding: 0 20px 0 0;
}

.skipLink {
	display:none;
}
.separator {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom: 1px solid #9cf;
	margin: 5px 0 3px 0;
        padding: 0;
	clear: both;
}

#rightbar .separator {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom: 1px solid #9cf;
	margin: 13px 0;
        padding: 0;
	clear: both;
}


.imgtitle {
	font-size: 0.9em;
	text-align: center;
	line-height: 12px;
        margin: 5px 0;
}
abbr, acronym {
	border-bottom: dashed 1px #356BA2;
	border-top: dashed 1px #356BA2;
}

#content h2, .noPadding {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#rightbar h2
{
	color: #136798;
	font-size: 16px;
	margin: 20px 0 5px 0;
	border-bottom: solid 1px #136798;
        line-height: 20px;
}
div#rightbar h3
{
	color: #356BA2;
	font-size: 1.1em;
	margin: 7px 0;
}

#sitemap {
	width: 870px;
	padding: 0 30px;
}

#sitemap .twentyFivePercent {
	width: 200px;
}

.icons p {
	line-height:18px;
	margin:0;
	padding:0;
}
.caption {
	font-size: 0.9em;
	line-height: 1.1em;
	padding: 0 10px;
}
#content .padding10 {
	padding: 10px;
}
div.sector {
	width:24%;
	float:left;
}


.investor_table {
	width: 100%;
	border: none;
}

span.effective_date
{
    font-weight:bold;
}

.tdrightalign
{
    text-align:right;
}


#askPeter {
	margin:10px 0;
	float: left;
	background-image: url(../images/askPeter.gif);
	height: 171px;
	width: 255px;
	background-repeat: no-repeat;
}


#askPeter h1  {
	font-family: Tahoma, Arial;
	color: #2D9FE3;
	font-size: 16px;
	text-align: center;
	border-bottom: solid 1px #2D9FE3;
	margin: 10px;
}


.sharePriceBig {
	font-family: Georgia, "Times New Roman", Times, serif;
	TEXT-ALIGN: center; 
	FONT-SIZE: 44px; 
	margin: 0; 
	padding: 32px 0;

}





div.archive
{
	border: solid 1px #006699;
	padding: 5px;
}



ul.helpmenu li
{
	display: inline;
	list-style: none;
	text-indent: 0px;
}
.hiddenHeader
{
	float: left;
	margin-top: -10000px;
	visibility: hidden;
	position: absolute;
}

/* characters */

span.pipe
{
	border-left: solid 1px black;
	margin-left: 9px;
	margin-right: 5px;
}
span.whitepipe
{
	border-left: solid 1px white;
	margin-left: 9px;
	margin-right: 5px;
}

