/* To define page breaks for multi-page printable content */
@page {size: portrait; } 
.pageBreak {page-break-after: always;}

#mainContainer {
width:auto;
}


/* To push mainContainer to full height of page. */
div.spacer {
clear: both;
}

/* ------------------------------------------ */
/* This is the section for div layout styles */


#headerHome {
padding: 0px;
margin: 0px;
width: 762px;
height: auto;
}


#header {
overflow:hidden;
float: left;
padding: 0px;
width: 762px;
height: auto;
}


#mainNav {
}

#logo {
float: none;
top:auto;
left:auto;
}

#nav01 {
visibility:hidden;
display:none;
}


/* Subnav */

.topSubNavDivide { padding: 0px 4px; }

#subNav {
visibility:hidden;
display:none;
}



/* Graphic headers */
#imgHeader_home {
visibility:hidden;
display:none;
}

#imgHeader_home_investor {
visibility:hidden;
display:none;
}

#imgHeader_investor {
visibility:hidden;
display:none;
}

#imgHeader_home_issuer {
visibility:hidden;
display:none;
}

#imgHeader_issuer {
visibility:hidden;
display:none;
}

#imgHeader_home_retiree {
visibility:hidden;
display:none;
}


#imgHeader_newsroom {
visibility:hidden;
display:none;
}

#imgHeader_trade {
visibility:hidden;
display:none;
}

#imgHeader_inform {
visibility:hidden;
display:none;
}


#imgHeader_search {
visibility:hidden;
display:none;
}


#imgHeader_home_global {
visibility:hidden;
display:none;
}


#imgHeader_global {
visibility:hidden;
display:none;
}


#imgHeader_sitemap {
visibility:hidden;
display:none;
}


#imgHeader_contact {
visibility:hidden;
display:none;
}


#imgHeaderContent {
float: left;
top:auto;
left:auto;
white-space:nowrap;
padding-top: 20px;
}


/* 
   Extension for content header to span entire printable page width
   Object is hidden in screen.css
*/

#imgPublicationHeader_Inform {
visibility:hidden;
display:none;
}

#imgPublicationHeader_TradeTalk {
visibility:hidden;
display:none;
}

#imgPublicationHeader_GSSStraightTalk {
visibility:hidden;
display:none;
}

#imgPublicationHeader_TCSStraightTalk {
visibility:hidden;
display:none;
}

#imgPublicationHeader_AnalyticalInsights {
visibility:hidden;
display:none;
}

#imgPublicationHeader_MarketCommentary {
visibility:hidden;
display:none;
}

#imgHeaderPrint {
top:auto;
left:auto;
}


/* Ordered list text too big for printing... not sure why, same problem with div.paragraph */
ol {
font-size: .80em;
}

/* Underlined Body Links within paragraphs of text NOTE: print.css just display as normal text*/
div.paragraph {
color: #333333;
/* font-size: .80em;*/
text-decoration: none;
font-family: arial, verdana, helvetica, sans-serif;
}

div.paragraph a:link {
color: #333333;
text-decoration: none;
font-family: arial, verdana, helvetica, sans-serif;
}

div.paragraph a:visited {
color: #333333;
text-decoration: none;
font-family: arial, verdana, helvetica, sans-serif;
}

div.paragraph a:hover {		
color: #333333;
text-decoration: none;
font-family: arial, verdana, helvetica, sans-serif;
}

div.paragraph a:active {
color: #333333;
text-decoration: none;
font-family: arial, verdana, helvetica, sans-serif;
}



#dropdown {
visibility:hidden;
display:none;
}



#bodyContent {
float: left;
clear: both;
}


/* Left side navigation content for homepage */

#homeNavContainer {
float: left;
margin-top: 30px;
}


#homeNav01 {
visibility:hidden;
display:none;
}

#homeNav02 {
position: relative;
}

#homeNav03 {
visibility:hidden;
display:none;
}


/* Content DIVs for homepage inside #homeNav02 */
#homeContent01 {
position: relative;
}

#homeContent02 {
position: relative;
}

#leftNavContainer2 {
visibility:hidden;
display:none;
}



/* Left navigation divs for secondary pages, 3 col, 36px image header */
#leftNavContainer {
visibility:hidden;
display:none;
}


#leftNav01 {
visibility:hidden;
display:none;
}

#leftNav02 {
visibility:hidden;
display:none;
}

#leftNav03 {
visibility:hidden;
display:none;
}

/* Main body content div for all pages except homepage */

#mainContent00 {
float: none;
position:static;
width:auto;
color: #666666;
font-size: 1.0em;
font-family: arial, verdana, helvetica, sans-serif;
}

#mainContent01 {
float: none;
position:static;
width:auto;
color: #666666;
font-size: 1.0em;
font-family: arial, verdana, helvetica, sans-serif;
}

#mainContent02 {
float: none;
position:static;
width:auto;
color: #666666;
font-size: 1.0em;
font-family: arial, verdana, helvetica, sans-serif;
}


#mainContent03 {
float: left;
color: #666666;
font-size: 1.0em;
font-family: arial, verdana, helvetica, sans-serif;
}


#mainContent03b {
float: left;
color: #666666;
font-size: 1.0em;
font-family: arial, verdana, helvetica, sans-serif;
}


/* Layout: one col */
#mainContent04 {
float: left;
color: #666666;
font-size: 1.0em;
font-family: arial, verdana, helvetica, sans-serif;
}

#mainContentSmBox01a, #mainContentSmBox01b {
display:none;
}

#footerContainer {
position: relative;
}




/* div to highlight content eg. Retiree Centre */
#contentHighlight {
padding:0;
width:auto;
color: #666666;
font-size: 1.0em;
font-family: arial, verdana, helvetica, sans-serif;
}



/* Back to top div */
.backToTop {
visibility: hidden;
display: none;
}


/* Right side navigation content */

#rightContent {
visibility:hidden;
display:none;
}

#rightContentRetiree, #fontBox {
visibility:hidden;
display:none;
}

#footerB {
visibility:hidden;
display:none;
}

.rightContent {
color: #666666;
font-size: 0.7em;
font-family: arial, verdana, helvetica, sans-serif;
}

.adjustFont {
float:left;
margin-top: 20px;
color: #333333;
}

.adjBlock {
width: 20px;
height: 20px;
margin: 4px 2px;
float: left;
text-align: center;
border: 1px solid #000000;
color: #666666;
font-family: arial, verdana, helvetica, sans-serif;
cursor: pointer; cursor: hand;
}

.adjBlockOver {
width: 20px;
height: 20px;
margin: 4px 2px;
float: left;
text-align: center;
border: 1px solid #C98B24;
color: #C98B24;
font-family: arial, verdana, helvetica, sans-serif;
cursor: pointer; cursor: hand;
}

.adjustBox {
float: left;
margin-top: 20px;
}


.adjNormal {
position: relative;
height:20px;
line-height: 21px;
}

.adjLarge {
position: relative;
font-size: 1.5em;
line-height: 21px;
}

.adjHuge {
position: relative;
font-size: 2.0em;
line-height: 21px;
}


#rightContentHome {
visibility:hidden;
display:none;
}

/* ------------------------------------------ */
/* This is the section for text/copy styles */

li.nothing {
font-size: 0.8em;
}

/* Body - paragraphs */
p {
padding: 0px;
margin: 0px;
color: #333333;
font-size: 0.8em;
font-family: arial, verdana, helvetica, sans-serif;
}

td.formText {
padding: 5px;
margin: 3px;
vertical-align: top;
color: #333333;
font-size: 0.8em;
font-family: arial, verdana, helvetica, sans-serif;
}


p.underline {
margin: 0px;
padding: 0px;
text-decoration: underline;
font-size: 1.1em;
font-family: arial, verdana, helvetica, sans-serif;
}

p.indentLink {
padding: 0px;
margin-top: 0px;
margin-left: 8px;
}

p.boldGrey {
color: #666666;
font-weight: bold;
font-size: 1.0em;
font-family: arial, verdana, helvetica, sans-serif;
}

p.boldGrey2 {
margin: 0px;
padding: 0px;
color: #333333;
font-weight: bold;
font-size: 1.0em;
font-family: arial, verdana, helvetica, sans-serif;
}

p.greyText {
margin: 0px;
padding: 0px;
color: #333333;
font-size: 1.0em;
font-family: arial, verdana, helvetica, sans-serif;
}

p.smallText {
color: #666666;
font-size: .8em;
font-family: arial, verdana, helvetica, sans-serif;
}

.importantText {
color: #993300;
font-size: 0.8em;
font-weight: bold;
font-family: arial, verdana, helvetica, sans-serif;
}

.asterisk  {
color: #993300;
font-size: 0.9em;
font-family: arial, verdana, helvetica, sans-serif;
}


/* Right col Link Header */
.colLinkHeader {
color: #666666;
padding-top: 15px;
font-weight: bold;
font-size: 1.0em;
font-family: arial, verdana, helvetica, sans-serif;
}


/* Body - headings */
h1 {
color: #9e8f6c;
font-weight: normal;
font-size: 1.7em;
font-family: arial, verdana, helvetica, sans-serif;
}

h1.dbUnderline {
color: #333333;
font-size: 0.9em;
font-family: arial, verdana, helvetica, sans-serif;
border-bottom: 3px double} 
}

.subheading {
margin-top: 5px;
padding-top: 5px;
color: #333333;
font-size: 0.8em;
font-weight: bold;
font-family: arial, verdana, helvetica, sans-serif;
}

/* Headings in the Small Box section */
.sectionHeading {
color: #004883;
font-size: 1.0em;
font-family: arial, verdana, helvetica, sans-serif;
}

.sectionHeading2 {
color: #333333;
font-size: 1.0em;
font-weight: bold;
font-family: arial, verdana, helvetica, sans-serif;
}

.subText {
vertical-align: super;
}

/* Lists */

.bodyBullet {
padding: 2px 0px 2px 8px;
margin-left:10px;
display:block;
color: #333333;
background: url('img/icon_sq_bullet.gif');
background-repeat: no-repeat;
background-position: 0px 5px;
font-size: .8em;
font-family: arial, verdana, helvetica, sans-serif;
}

ul {
margin-left: 50px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 15px;
padding: 0px;
} 

li {
margin-left: -25px;
margin-top: 1px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0px;
border: none;
list-style-image: url('img/icon_sq_bullet2.gif');
color: #333333;
font-size: .8em;
list-style-position: outside;
font-family: arial, verdana, helvetica, sans-serif;
}
 
li.smBullet {
margin-left: -25px;
margin-top: -3px;
margin-right: 0px;
margin-bottom: 4px;
padding: 0px;
border: none;
list-style-image: url('img/icon_sq_bullet.gif');
color: #333333;
font-size: 1.0em;
line-height: 14px;
list-style-position: outside;
font-family: arial, verdana, helvetica, sans-serif;
}

ul.plainList {
list-style: none;
margin-left: 45px;
margin-top: 6px;
margin-right: 0px;
margin-bottom: 15px;
padding: 0px;
}


.smBoxBullet {
border: none;
list-style-image: url('img/icon_arrow_sm2.gif');
color: #1B629C;
list-style-position: outside;
}
 


/* Sitemap link heading style */

ul.linkHeadingUL {
margin-left: 25px;
margin-top: 6px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0px;
}


li.linkHeadingBullet {
list-style: none;
padding-left: 20px;
color: #004883;
text-decoration: none;
font-size: 1.1em;
font-weight: bold;
font-family: arial, verdana, helvetica, sans-serif;
}


li.linkHeadingBullet:hover {
padding-left: 20px;
color: #C98B24;
text-decoration: underline;
background-image: url("img/arrow_on.gif");
background-repeat: no-repeat;
background-position: 0 0;
font-size: 1.1em;
font-family: arial, verdana, helvetica, sans-serif;
}


/* Left nav */
li.leftNavBullet {
list-style: none;
}


ul.leftNavUL {
list-style: none;
margin-left: 0;
padding-left: 1em;
text-indent: -1em;
} 


li.leftSubNav1 {
list-style: none;
padding-left: 10px;
color: #004883;
text-decoration: none;
padding-left: 1em;
text-indent: -1em;
font-size: 0.9em;
font-family: arial, verdana, helvetica, sans-serif;
}


li.leftSubNav1:hover {
padding-left: 10px;
color: #C98B24;
text-decoration: underline;
list-style-image: url('img/icon_sq_bullet3_on.gif');
background-repeat: no-repeat;
background-position: 0 0;
font-size: 0.9em;
font-family: arial, verdana, helvetica, sans-serif;
}


.button { 
background-color: #0062A0; 
color: #FFFFFF !important; 
border-right: 1px solid #003869; 
border-left: 1px solid #89B6D8; 
border-top: 1px solid #89B6D8; 
border-bottom: 1px solid #003869; 
font-family: Arial, Verdana, Helvetica; 
font-weight: bold; 
font-size: .8em; 
vertical-align:middle; 
padding: 2px 2px 2px 2px;
text-decoration: none;
cursor:pointer; cursor:hand; 
}

.button:active { 
background-color: #0062A0; 
color: #FFFFFF !important; 
border-right: 1px solid #003869; 
border-left: 1px solid #89B6D8; 
border-top: 1px solid #89B6D8; 
border-bottom: 1px solid #003869;  
font-family: Arial, Verdana, Helvetica; 
font-weight: bold; 
font-size: .8em; 
vertical-align:middle; 
padding: 3px 1px 1px 3px;
text-decoration: none;
cursor:pointer; cursor:hand; 
} 

.hideButton {
display : none;
}

.footnote {
      vertical-align: 33%;
      font-size: 75%;
}