/*
---------------------------
Author: P Byford - Feb 2008
Body font-size must be 100%
---------------------------
(px)       (%)      (range)
8px        50%       48-53%
9px        56%       54-59%
10px       62%       60-65%
11px       68%       66-71%
12px       76%       73-78%
13px       82%       79-84%
14px       88%       85-90%
15px       94%       91-96%
16px      100%      98-103%
18px      112%     110-115%
20px      126%     123-128%
22px      138%     135-140%
24px      150%     148-153%
26px      162%     160-165%
28px      176%     173-178%
30px      188%     185-190%
---------------------------
*/

/* global styles */
body {font-family:Arial,Helvetica,sans-serif,Verdana; font-size:100%; color:#333333; margin:0; padding:0; background:#ffffff}
td {font-family:Arial,Helvetica,sans-serif,Verdana; font-size:100%; color:#333333; margin:0; padding:0; vertical-align:top}
table {border:0; border-collapse:collapse; width:100%}
form {overflow:hidden; clear:both; margin:0; padding:0}
input {margin:0; padding:0}
select {margin:0; padding:0}
a {color:#333333; text-decoration:underline}
img {display:block; margin:0; border:0; vertical-align:top}
object, embed {overflow:hidden; clear:both; display:block; margin:0; padding:0}
div {overflow:hidden; clear:both; position:relative; margin:0; padding:0}
div.floatClear {clear:both !important; height:0; font-size:0}
div.container {width:100%}
h1, h2, h3, h4, h5, h6 {overflow:hidden; clear:both; margin:0; padding:0}
p {overflow:hidden; margin:0; padding:0}

/* outer container */
.outerContainer {width:906px; margin:0 auto; background:#ffffff}

/* top area */
#topArea {width:100%; height:94px}

/* top area: logo */
#topArea div.logo {padding:33px 0 19px 15px}

/* top area: top links */
#topArea div.topLinks {
 position:absolute;
 right:13px;
 top:24px;
 clear:none;
 font-size:68%;
 font-weight:normal;
 color:#333333;
 text-align:right}
#topArea div.topLinks div {float:left; clear:none}
#topArea div.topLinks a {display:block; color:#333333; margin-left:21px; text-decoration:none}
#topArea div.topLinks a:hover {text-decoration:underline}

/* top area: alternative logo */
#topArea div.altLogo {
 position:absolute;
 right:15px;
 top:20px;
 clear:none}

/* top area: top search */
#topArea div.topSearch {
 position:absolute;
 right:13px;
 top:53px;
 height:22px;
 clear:none;
 font-size:56%;
 font-weight:normal;
 color:#333333;
 text-align:right;
 background:transparent url(/images/top_area_search.gif) 0 0 no-repeat}
#topArea div.topSearch div {float:left; clear:none}
#topArea div.topSearch input {width:152px; margin:2px 8px 2px 5px; border:0; background:transparent}
#topArea div.topSearch a {
 display:block;
 width:43px;
 color:#ffffff;
 padding:5px 0 5px 5px;
 text-align:left;
 text-decoration:none}

/* top nav */
#topNav {
 width:100%;
 font-size:76%;
 font-weight:normal;
 color:#ffffff;
 padding:4px 1px 4px 1px;
 background:#666666 url(/images/top_nav_bg.gif) 0 100% no-repeat}
#topNav div {float:left; clear:none}
#topNav a {
 display:block;
 color:#ffffff;
 text-decoration:none;
 padding:4px 20px 5px 20px;
 background:transparent url(/images/dot_6.gif) 0 0 repeat-y}
#topNav a:hover {text-decoration:underline}

/* content and sidenav home */
.contNavHome {
 width:906px;
 background:transparent url(/images/bg_sidenav_224.gif) 100% 0 repeat-y}

/* content home */
#contentHome {float:left; clear:none; width:682px}
#contentHome p {
 font-size:82%;
 font-weight:normal;
 color:#333333}

/* content home: headline text */
#contentHome p.headline {
 float:left;
 clear:none;
 width:418px;
 font-size:225%;
 font-weight:bold;
 color:#006699;
 padding:35px 13px 23px 13px}
#contentHome div.headlineText {
 float:left;
 clear:none;
 width:223px;
 padding:40px 0 8px 0}
#contentHome div.headlineText p {margin-bottom:15px}

/* content home: headline banner */
#contentHome div.headlineBanner {
 float:left;
 clear:none;
 width:200px;
 font-size:82%;
 font-weight:normal;
 color:#333333;
 padding:43px 0 23px 23px}
#contentHome div.homebodyText {width:650px; padding:0px 16px 15px 16px}

/* content home: section links */
#contentHome div.sectionLinkCol {
 float:left;
 clear:none;
 width:227px;
 margin-bottom:18px}
#contentHome div.sectionLinkCol p {
 font-size:68%;
 font-weight:normal;
 color:#333333;
 padding:0 14px 0 15px}
#contentHome div.sectionLinkCol a {
 display:block;
 font-size:76%;
 font-weight:normal;
 color:#006699}
#contentHome div.sectionLinkCol a.newsLink {
 margin:0 0 0 15px;
 padding:0px 0 4px 19px;
 background:transparent url(/images/icon_pdf.gif) 0 0 no-repeat}
#contentHome div.sectionLinkCol a.interviewLink {
 margin:0 0 0 15px;
 padding:0px 0 4px 25px;
 background:transparent url(/images/icon_tv.gif) 0 0 no-repeat}

/* side nav home */
#sideNavHome {float:left; clear:none; width:224px; padding:43px 0 0 0}

/* side nav home: nav group */
#sideNavHome div.navGroup {padding:0 9px 14px 9px}
#sideNavHome div.navGroup h3 {
 font-size:94%;
 font-weight:bold;
 color:#ffffff;
 margin:0 0 19px 0;
 padding:1px 5px 1px 5px;
 background:transparent url(/images/nav_heading_bg_blue.gif) 0 0 no-repeat}
#sideNavHome div.navGroup p {
 font-size:68%;
 font-weight:normal;
 color:#333333;
 padding:0 26px 2px 6px}
#sideNavHome div.navGroup div {
 padding:0 26px 0 3px}
#sideNavHome div.navGroup a {
 display:block;
 font-size:68%;
 font-weight:normal;
 color:#006699}
#sideNavHome div.navGroup a.newsLink {
 padding:0 0 15px 19px;
 background:transparent url(/images/icon_pdf.gif) 0 0 no-repeat}
#sideNavHome div.navGroup a.interviewLink {
 padding:0 0 15px 25px;
 background:transparent url(/images/icon_tv.gif) 0 0 no-repeat}

/* side nav home: literature group */
#sideNavHome div.litGroup {padding:0 9px 14px 9px}

#sideNavHome div.litGroup h3 {
 font-size:94%;
 font-weight:bold;
 color:#006699;
 margin:0 0 19px 0;
 padding:1px 5px 1px 5px;
 background:transparent url(/images/nav_heading_bg_grey.gif) 0 0 no-repeat}

#sideNavHome div.litGroup div.subGroup {padding:0 0 19px 0}

#sideNavHome div.litGroup h4 {
 font-size:82%;
 font-weight:bold;
 color:#006699;
 padding:0 0 0 20px}

#sideNavHome div.litGroup p {
 font-size:76%;
 font-weight:normal;
 color:#333333;
 padding:0 0 0 20px}

#sideNavHome div.litGroup div {
 padding:0 26px 0 3px}

#sideNavHome div.litGroup a {
 display:block;
 font-size:76%;
 font-weight:normal;
 color:#006699}

#sideNavHome div.litGroup a.newsLink {
 padding:4px 0 0 19px;
 background:transparent url(/images/icon_pdf.gif) 0 2px no-repeat}

#sideNavHome div.litGroup a.interviewLink {
 padding:0 0 0 25px;
 background:transparent url(/images/icon_tv.gif) 0 1px no-repeat}

/* side nav: banner */
div.navBanner {padding:0px 0px 14px 6px}

/* footer */
#footer {
 width:892px;
 padding:16px 0 14px 14px;
 background:transparent url(/images/footer_topline_blue.gif) 0 0 no-repeat}

/* footer: copyright */
#footer div.copyright {
 font-size:56%;
 font-weight:normal;
 color:#333333}

/* footer: bottom links */
#footer div.botLinks {
 position:absolute;
 right:13px;
 top:11px;
 clear:none;
 font-size:68%;
 font-weight:normal;
 color:#333333;
 text-align:right}
#footer div.botLinks div {float:left; clear:none}
#footer div.botLinks a {display:block; color:#333333; margin-left:21px; text-decoration:none}
#footer div.botLinks a:hover {text-decoration:underline}

/* Section colour modifiers */
div.investmentFunds #footer {background:transparent url(/images/footer_topline_grey.gif) 0 0 no-repeat}