body { margin:0; font-size:70%; font-family:arial, helvetica; color: #000000; }
div, table, tr, td, p { font-size:100%; }
p { color:#000; margin-top:10px; margin-bottom:10px; }
h1, h2, h3 { text-transform:uppercase; margin:0px; }
h2, h3 { color:#00556A; margin:0px; }
h1 { font-size:150%; color:#666; }
h2 { font-size:130%; color:#00556A; }
h3 { font-size:110%; color:#00556A; clear:both; }
h4 { font-size:100%; clear:both; }
hr { height:1px; color:#CCC }
form { margin:0px; }
sup, sub { font-size:80%; }
table { border-collapse:collapse; }
ul, ol { margin-left:0px; padding-left:20px; }

td.text { vertical-align:top; width:582px; height:410px; }

.small { font-size:90%; }
b.grey { color:#666; }

.nav0 {color:#004D61; background-image:url(../images/nav_off.gif); background-repeat:no-repeat; background-position:7px 12px; padding-left:20px; padding-top:6px; border-bottom:1px solid #CCC; background-color:#FFF; layer-background-color:#FFF; height:10px; cursor:pointer}
.nav0b {color:#004D61; background-image:url(../images/nav_on.gif); background-repeat:no-repeat; background-position:7px 12px; padding-left:20px; padding-top:6px; border-bottom:1px solid #CCC; background-color:#CCC; layer-background-color:#CCC; height:10px; cursor:pointer}

.nav1 {color:#004D61; background-image:url(../images/nav_on.gif); background-repeat:no-repeat; background-position:7px 12px; padding-left:20px; padding-top:6px; border-bottom:1px solid #FFF; border-left:1px solid #FFF; background-color:#CCC; layer-background-color:#CCC; height:10px; cursor:pointer}
.nav1b {color:#004D61; background-image:url(../images/nav_off.gif); background-repeat:no-repeat; background-position:7px 12px; padding-left:20px; padding-top:6px; border-bottom:1px solid #CCC; border-left:1px solid #FFF; background-color:#FFF; layer-background-color:#FFF; height:10px; cursor:pointer}

.image { border:1px solid #74b2af; margin:10px; }
.image img { margin:5px; cursor:hand; border:0px; }
.image div { text-align:center; font-size:90%; margin-bottom:0px; color: #ffffff; background-color: #74b2af; }
.image a {  font-size:90%; color:#ffffff; }
.image a:hover {  font-size:90%; color:#ffffff; }

table.data { width:100%; margin-bottom:10px; margin-top:2px; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; }
table.data td { padding:3px; padding-left:0px; vertical-align:top;}
table.data th { padding:3px; padding-left:0px; vertical-align:bottom; color:#666; text-align:left; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; }
table.data .decimal { text-align:right; padding-right:0px; padding-left:3px; }
table.data .group { text-align:center; padding-right:0px; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5; }
table.data .date { text-align:center; padding-right:1px; padding-left:1px; }
table.data .icon { text-align:center; padding-right:1px; padding-left:1px; border-left:1px solid #E5E5E5;  }

table.inset { width:100%; }
table.inset td { vertical-align:top; padding:3px }

.insetgrey { padding:10px; padding-left:12px; padding-right:12px; background-color:#E5E5E5; layer-background-color:#E5E5E5; margin-bottom:20px; margin-top:5px}
.insetgreen { padding:3px; padding-left:12px; padding-right:12px; background-color:#ACD1CF; layer-background-color:#ACD1CF; margin-bottom:20px; margin-top:5px}

.target { border:1px solid #E5E5E5; margin-top:5px; margin-bottom:10px; }
.target div { background-color:#E5E5E5; padding:3px; margin:0px; }
.target ul { margin:0px; margin-left:20px; padding:5px; }
.target li { margin:0px; padding:0px; list-style-position:outside; list-style-type:none; }
.target li.full { list-style-image:url(/reports/2006/sustainability/images/target.tick.green.gif); }
.target li.partial { list-style-image:url(/reports/2006/sustainability/images/target.tick.orange.gif); }

table.casestudy { width:100%; text-align:left; }

td.casehdr {border-bottom:1px solid #CCC; padding-bottom:4px;}
td.casetitle {padding-top:5px; padding-bottom:3px;}
td.casemore {text-align:right}

a { color:#000; text-decoration:underline;}
a:hover { color:#000; text-decoration:none;}

input.print, input.np { font-size:75%; color:#000; background-color:#E5E5E5; padding:3px; margin:0px; border:1px solid #B2B2B2; text-align:center; cursor:pointer; }

input.search { border:1px solid #F38F1D; }
input.searchOn { border:1px solid #000;}

input.keywords { font-size:110%; color:#000; width:146px; border:1px solid #000;}

#footer a {font-size:90%; color:#FFF; text-decoration:underline; padding-right:95px}
#footer a:hover {font-size:90%; color:#FFF; text-decoration:none; padding-right:95px}

.fl {float:left; padding-top:3px; }
.fr {float:right; padding-top:3px; }

div.rank { width:50px; height:10px; border:1px solid #74b2af; background-image:url(/reports/2006/sustainability/images/rank.gif); background-repeat:repeat-y; background-position:-10px 0px; }

.glossary { text-decoration:none; border-bottom:1px dotted #888888; cursor: help; }
.glossary:hover { border-bottom:1px solid #888888; }

/*	Positioning Layers */
#content {position:relative; left:230px; top:216px; width:535px; visibility:visible;}
#greenbanner { position:absolute; left:0px; top:0px; width:800px; height:116px; z-index:1; visibility:visible; background-color:#74B2AF; layer-background-color:#74B2AF; }
#investabuilding { position:absolute; left:0px; top:0px; width:239px; height:216px; z-index:2; visibility:visible;}
#investalogo { position:absolute; left:227px; top:58px; width:152px; height:27px; z-index:4; visibility:visible;}
#searchpanel { position:absolute; left:813px; top:60px; width:176px; height:10px; z-index:3; visibility:visible;}
#searchform	{ border-top:1px solid #CCC; padding-top:4px; margin-top:1px}
#leftnav { position:absolute; left:11px; top:245px; width:185px; z-index:12; visibility:visible;}
#printpanel {text-align:right; position:absolute; left:380px; top:132px; width:400px; z-index:9; visibility:visible; vertical-align:middle; }
#breadcrumb { font-size:100%; position:absolute; left:226px; top:117px; width:500px; height:19px; z-index:8; visibility:visible;  text-transform:uppercase}
#pageheading { position:absolute; left:226px; top:150px; width:326px; height:19px; z-index:8; visibility:visible;}
#subheading { position:absolute; left:227px; top:173px; width:275px; height:32px; z-index:11; visibility:visible; border-top:1px solid #CCC; width:560px; padding-top:8px}
#contentright { font-size:90%; position:absolute; left:800px; top:116px; width:192px; height:516px; z-index:7; visibility:visible; background-image:url(../images/bg_content_right.jpg); background-repeat:no-repeat; text-align:center; }
#casestudy { background-color:#F2F2F2; layer-background-color:#F2F2F2; border:1px solid #CCC; width:129px; padding:8px; margin-top:18px; margin-bottom:18px}
#footer	{ position:relative; left:0px; top:0px; width:758px; height:23px; z-index:80; visibility:visible; background-color:#004D61; layer-background-color:#004D61; padding-left:231px; margin-top:256px; padding-top:5px}

#Z0, #A0, #B0, #C0, #D0, #E0, #F0, #G0, #H0, #I0 {height:17px}

/*				Secondary Nav Layers									*/
#hA {position:absolute; left:196px; top:268px; width:167px; height:17px; z-index:99; visibility:hidden}
#hB {position:absolute; left:196px; top:292px; width:210px; height:17px; z-index:99; visibility:hidden}
#hC {position:absolute; left:196px; top:316px; width:167px; height:17px; z-index:99; visibility:hidden}
#hD {position:absolute; left:196px; top:340px; width:237px; height:17px; z-index:99; visibility:hidden}
#hE {position:absolute; left:196px; top:364px; width:167px; height:17px; z-index:99; visibility:hidden}
#hF {position:absolute; left:196px; top:388px; width:237px; height:17px; z-index:99; visibility:hidden}
#hG {position:absolute; left:196px; top:412px; width:257px; height:17px; z-index:99; visibility:hidden}

/*				Tertiary Nav Layers									*/
#hH {position:absolute; left:363px; top:316px; width:327px; height:17px; z-index:99; visibility:hidden}
#hI {position:absolute; left:363px; top:339px; width:257px; height:17px; z-index:99; visibility:hidden}
#hJ {position:absolute; left:363px; top:363px; width:257px; height:17px; z-index:99; visibility:hidden}
#hK {position:absolute; left:433px; top:340px; width:327px; height:17px; z-index:99; visibility:hidden}

#A1, #A2, #A3, #A4, #A5 {height:17px}
#B1, #B2, #B3, #B4, #B5 {height:17px}
#C1, #C2, #C3, #C4, #C5 {height:17px}
#D1, #D2, #D3, #D4, #D5, #D6, #D7 {height:17px}
#E1, #E2, #E3, #E4, #E5 {height:17px}
#F1, #F2, #F3, #F4, #F5 {height:17px}
#G1, #G2, #G3, #G4, #G5 {height:17px}
#H1, #H2, #H3, #H4, #H5 {height:17px}
#I1, #I2, #I3, #I4, #I5 {height:17px}
#J1, #J2, #J3, #J4, #J5 {height:17px}
#K1, #K2, #K3, #K4, #K5 {height:17px}

/* Required for fader.js */
.faderContainer { position:relative; }
.faderItem { cursor:hand;position:absolute; top:0px; left:0px; display:block; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity:1; }