/* BEGIN layout definition */

/* BEGIN level 1 containers */
#rootContainer{
    position: relative;
    z-index: 0;
    width:780px;
}

body, p, td {
    color: #000000;
}

#headerContainer{
    position: relative;
    height: 91px;
    width: 100%;
    border-top:2px solid #EAAB00;
    border-bottom:2px solid #EAAB00;
}

#topNavContainer{
    position: relative;
    z-index: 1;
    height: 20px;
    background-color: #003946;
    padding-left: 0px;
    border-top:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
}

#mainContentContainer{
    position: relative;
    position: static;
    z-index: 0;
    width: 100%;
    border-top:2px solid #003946;
}

* html #mainContentContainer {
    z-index: -1;
}

#bannerContainerID{
    position:relative;        
    padding:5px 0 0 4px;
    height:46px;
}

#breadCrumbContainer{
    clear:left;          
    padding:0 0 0 0;  
    margin:0 0 0 0;
}    

#contentBodyContainer{
    position:relative;
    clear:left;
	 width: 740px;
    padding:0 20px 0 20px;
    top:0px;
}

* html #contentBodyContainer {
    top:-21px;
}

#leftNavContainer {
	 width: 103px;
	 margin-top: 20px;
	 margin-right: 5px;
	 float: left;
       padding-left: 5px;
       padding-right: 5px;
       border:1px solid #EBAB00;
	background:#F1F1F1;  
}

.leftNavText {
	padding-bottom: 0.6em;
}

#leftNavContainer a {
       font-size: 85%;
}
			
#contentContainer {
	 position:relative;
	 width: 617px;
	 float: left;
}	
		
#footerContainer{
    position: relative;
    clear:both;    
    padding-top: 20px;
    width: 100%;
    height:auto;
}

/* END level 1 containers */

/* BEGIN headerContainer */
  
#logo{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 0;
}

#headerBorder {
    position:relative;
    height: 90px;
}

#headerLeft {
    position:relative;
    width: 146px;
    height: 90px;
    float: left;
    border-bottom:1px solid #003946;
}

#headerRight {
    position:relative;
    width: 634px;
    height: 90px;
    float: left;
    border-bottom:1px solid #003946;
}

#stockTicker{
    position: relative;
    width: 142px;
    height: 36px;
    text-align: center;
    padding-top: 15px;
    float: right;
}

#stockTickerTop {
    position: relative;
    font-weight:  bold;
    font-size: 9pt;
    background-color: #EAAB00;
    padding-left:0px;
    padding-right:0px;
    width: 140px;
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
}

.sgquote1 {
    position: relative;
    font-weight:  bold;
    font-size: 90%;
    background-color: #EAAB00;
    padding-left:0px;
    padding-right:0px;
    width: 146px;
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
}

#stockTickerBottom {
    position: relative;
    font-size: 8pt;
    background-color: #FFFFFF;
    padding-left:0px;
    padding-right:0px;
    width: 140px;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
}

.sgquote2 {
    position: relative;
    font-size: 85%;
    background-color: #FFFFFF;
    padding-left:6px;
    padding-right:6px;
    width: 146px;
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    border-bottom:1px solid #000000;
}

#canadaText {
	FLOAT: right;
	POSITION: relative;
	padding-top: 15px;
}

.utilityHeaderGraphic{
    height: 6px;
    width: 576px;
}

.utilityLeftGraphic{
    height: 23px;
    width: 27px;
}

#languageToggle{
    border: 0;
}

.utilityHeader{
    position: relative;
    float: right;
}

.utilityNav{
    position: relative;
}

.txtSearch {
    float: right;
    width: 83px;
    font-size: 9pt; 
}

.btnSearch {
    float: right;
    width: 66px;
    height: 20px;
    padding-left:2px;
}

.utilitySearch{
    float: right;
    clear: right;
    height: 20px;
    width: 160px;
}

.utilityList{
    width: 388px;
    float: right;
}

.utilityListItem{
    border: 0;
}

.utilityLeft{
    float: right;
}

.navlist
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
}

.navlist li { display: inline; }

.navlist li a
{
        font-weight: bold;
        float: left;
        color: #003946;
        padding: 0em 0em;
        text-decoration: none;
}

.navlist li a:hover
{
color: #003946;
text-decoration: underline 
}

/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/

/* Works in IE5.5, IE6, Firefox, Opera, Netscape 8 and Mac Firefox 1.5 and Safari*/

.topnav {
	margin:0 0 0 0;
	position:relative;
	z-index:100;
}

/* remove all the bullets, borders and padding from the default list styling */
.topnav ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.topnav li {
        float: left;
        position: relative;
        z-index: 1;
}

/* style the links for the top level */
.topnav li a, .topnav ul ul li.topnavlevel2 a 
{
	display: block;
        position: relative;
        z-index: 1;
        font: Arial;
        font-weight: bold;
        font-size: 8pt;
        background-color: #003946;
        padding: 3px 5px;
        text-decoration: none;
        border-left: 1px solid #FFFFFF;
}

.topnav li.topnavlevel1on a {
        background-color: #EBAB00;
        color: #003946;
}

.topnav ul ul li.topnavlevel2 a 
{
        border-right: 1px solid #FFFFFF;
}

.topnav li a:link, .topnav ul ul li.topnavlevel2 a:link
{
color: #FFFFFF;
}

.topnav li.topnavlevel1on a:link
{
color: #003946;
}

.topnav li a:visited, .topnav ul ul li.topnavlevel2 a:visited
{
color: #FFFFFF;
}

.topnav li.topnavlevel1on a:visited
{
color: #003946;
}

.parent {
  position: relative;		
}

/* style the second level background */
.topnav ul ul a.drop, .topnav ul ul a.drop:visited {
	background:#003946;
}

/* style the second level hover */
.topnav ul ul li.topnavlevel2 a.drop:hover, .topnav ul ul li.topnavlevel2 :hover > a.drop {
	background:#EBAB00;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.topnav ul ul {
	visibility:hidden;
	position:absolute;
        z-index: 1;
	height:0;
	top:20px;
	left:0; 
	width:150px;
}

/* another hack for IE5.5: positions menu relative to nav bar*/
* html .topnav ul ul {
	top:20px;
	t\op:20px;
	left:-6px;
	le\ft:-6px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.topnav table {
	position:absolute; 
        z-index: 1;
	top:0; 
	left:0;}

/* style the second level links */
.topnav ul ul li.topnavlevel2 a, .topnav ul ul li.topnavlevel2 a:visited {
	background:#003946; 
	color:#ffffff; 
	height:auto; 
	padding:5px 10px; 
        border-top: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
	width:180px
/* yet another hack for IE5.5 */
}

* html .topnav ul ul li.topnavlevel2 a {
        font-size: 8pt;
	width:180px;
	w\idth:180px;
}

/* style the top level hover */
.topnav li a:hover, .topnav ul ul li.topnavlevel2 a:hover {
	color:#003946; 
	background:#EBAB00;
}

.topnav :hover > a, .topnav ul ul :hover > a {
	color:#003946;
	background:#EBAB00;
}

/* make the second level visible when hover on first level list OR link */
.topnav ul :hover ul{
	visibility:visible; 
}

/* END topNavContainer */

/*XXXXXXXXXXXX Primary portal rules XXXXXXXXXXX*/

/* Works in IE5.5, IE6, Firefox, Opera, Netscape 8 and Mac Firefox 1.5 and Safari*/

.portal {
	margin:0 0 0 0;
	position:relative;
	z-index:100;
}

/* remove all the bullets, borders and padding from the default list styling */
.portal ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.portal li {
        float: left;
        position: relative;
}

/* style the links for the top level */
.portal li a, .portal ul ul li a 
{
	display: block;
        position: relative;
        font: Arial;
        font-weight: bold;
        font-size: 8pt;
        padding: 3px 5px;
        text-decoration: none;
        border: 1px solid #003946;
}

.portal li a {
        background: url(/static/canada/images/dropdown.gif) no-repeat; 
        color: #003946;
	width:130px
}

.portal li a:link, .portal ul ul li a:link
{
color: #003946;
}

.portal li a:link
{
color: #003946;
}

.portal li a:visited, .portal ul ul li a:visited
{
color: #003946;
}

.portal li a:visited
{
color: #003946;
}

.parent {
  position: relative;		
}

/* style the second level background */
.portal ul ul a.drop, .portal ul ul a.drop:visited {
	background:#FFFFFF;
}

/* style the second level hover */
.portal ul ul li a.drop:hover, .portal ul ul li :hover > a.drop {
	background:#FFFFFF;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.portal ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:20px;
	left:0; 
	width:150px;
}

/* another hack for IE5.5: positions menu relative to nav bar*/
* html .portal ul ul {
	top:20px;
	t\op:20px;
	left:-1px;
	le\ft:-1px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.portal table {
	position:absolute; 
	top:0; 
	left:0;}

/* style the second level links */
.portal ul ul li a, .portal ul ul li a:visited {
	background:#FFFFFF; 
        color: #003946;
	height:auto; 
	padding:5px 10px; 
	width:120px
/* yet another hack for IE5.5 */
}

* html .portal ul ul li a {
        font-size: 8pt;
	width:120px;
	w\idth:120px;
}

/* style the top level hover */
.portal li a:hover {
	color:#003946; 
	background:#EBAB00;
}

.portal ul ul li a:hover {
	color:#003946; 
	background:#EBAB00;
}

.portal :hover > a {
	color:#003946;
        background: url(/static/canada/images/dropdown.gif) no-repeat; 
}

.portal ul ul :hover > a {
	color:#003946;
	background:#EBAB00;
}

/* make the second level visible when hover on first level list OR link */
.portal ul :hover ul{
	visibility:visible; 
}

/* END portalContainer */

/* BEGIN bannerContainer> */

#bannerText{
        position:relative;
        float:left;
        margin:0 0 0 0;
        padding:0 0 0 0;        
        width:600px;
        height:0px;
        top:-28px;
        left:15px;
}


#bannerBkgd{
        float:left;
}

#bannerImage{
        position:relative; 
        float:right; 
        top:-46px;  
        left:17px;
        margin:0 0 -35px 10px;
}

/* END bannerContainer> */

/* BEGIN newsLetterContainer> */

.bannerTitle{
        padding-left:30px;
}

.columnContainer{
        width:100%;
}

.threeColumn1{
	width:33%;
	vertical-align:top;
	padding-right:5px;
}

.threeColumn2{
	width:33%;
	vertical-align:top;
}

.threeColumn3{
	width:33%;
	vertical-align:top;
	padding-left:5px;
}

.twoColumn1{
	width:48%;
	vertical-align:top;
	float:left;
}

.twoColumn2{
	width:48%;
	vertical-align:top;
	float:right;
}

.contentTitle
{
	font-family: arial;
	font-size: 90%;
	font-weight: bold;
	color: #000;
}

.contactInformationContent
{
	color: #000;
	padding-bottom:20px;
}

.hideClass{
	display: none;
}

.contentFieldLabel{
	font-family: arial, Helvetica, sans serif;
	font-size: 100%;
	font-weight: bold;
	color: #000000;
}

#contentTitleText{
	font-family: arial;
	font-size:120%;
	font-weight:bold;
}

.footerContainer{
        clear:both;
}

/* END newsletterContainer> */

/* BEGIN siteMapContainer> */

ul#sitemap{
        position:relative;
        clear:left;          
        list-style-type: none;
        padding:0px 0px 0px 0px;  
        margin:0 0 14px 28px;
}

/* END sitemapContainer> */

/* BEGIN articleContainer> */

#imgTeaser{
        padding-top:15px;
}

#teaserImage{
	float:left;
        margin:0 20px 20px 0
}

#teaserText{
        position:relative;
        top:-15px;
}

#bodyText{
	position:relative;
}

/* END articleContainer> */

.inputField input { 
    border: 1px solid #AEA79F;
}

.inputField select { 
    border: 1px solid #AEA79F;
}

select#Portal { 
    font-size: 80%;
}

/* BEGIN searchContainer */

#searchForm{
        padding-top: 20px;
        float: left;
        height:30px;
        padding-bottom: 20px;
}

.searchLabel
{
	width: 200px;
	float: left;
        padding-top:2px;
        height: 30px;
}

.searchField
{
	width: 280px;
	float: left;
        padding-top: 10px;
        height:23px;
}

.searchButton
{
	float: left;
        padding-top: 13px;
        height:23px;
}

#searchContent{
        clear: left;
}

/* END searchContainer> */

/* BEGIN subsiteHomeContainer> */

#subsiteHomeLeft{
        float: left;
	  width: 258px;
        padding-top: 5px;
        padding-left: 15px;
}

#subsiteHomeRight{
        float: left;
	  width: 500px;
        padding-top: 15px;
        padding-left: 7px;
}

#subsiteHomeForm{
	  width: 100%;
}

#subsiteHomeBottomRight{
        float: left;
        border-top:1px solid #003946;
        padding-top: 10px;
}

#subsiteHomeQuickLinks{
        float: left;
	  width: 250px;
}

#subsiteHomePromo{
        float: left;
	  width: 228px;
        padding-left: 15px;

}

.singleRow
{
	width: 100%;
}

.inputLabel
{
	width: 90px;
	float: left;
	clear: left;	
	margin-bottom: 5px;
}

.inputText
{
	float: left;
	margin-bottom: 5px;
}


.inputField
{
	width: 110px;
	float: left;
	margin-bottom: 5px;
}

.inputField input 
{
        width: 100px;
}

.inputButton
{
	float: left;
	margin-bottom: 5px;
        padding-right: 10px;
}

#signinInput
{
        width: 290px;
        float: right;
}

#signinOtherPages
{
        width: 200px;
        float: right;
}

#signinBody
{
        float: left;
        padding-top: 15px;
}

#signinText
{
	float: left;
        clear: left;
        padding-top: 15px;
}

#signinTextColumn1
{
	float: left;
        clear: left;
        width: 250px;
        padding-top: 5px;
}

#signinTextColumn2
{
	float: left;
        padding-top: 5px;
        margin-left: 20px;
}


.signinTextIdent
{
        padding-left: 25px;
}
.errorHtml {
        color: #FF0000;
        font-weight: bold;
}
.apolHtml {
        color: #0000FF;
}

/* END subsiteHomeContainer> */

/* BEGIN layout definition for announcement */
#announcementContainer {
}

#announcementTitle{
	padding-top: 12px; 
	padding-bottom: 12px; 
}

#announcementBody{
}

#announcementListContainer{
    float:left;
	padding-top: 20px; 
}

#announcementListYear{
	padding-bottom: 20px;
}

#announcementListItem{
	padding-bottom: 20px;
}
/* END layout definition for announcement */

/* BEGIN layout definition for caHome */
#caHomeMainContentLeft{
	position: relative;
	float: left;
	clear: left;
	width: 600px;
	padding-left: 20px;
}

#caHomeMainContentRight{
	position: relative;
	float: right;
	clear: right;
	width: 155px;
    padding-left: 5px;
}

#caHomeGraphicBanner{
	position:relative;
	width: 600px;
	height:138px;
    border-bottom:2px solid #EAAB00;
}
#caHomeGraphicBannerColumn11{
	width:100%;
	vertical-align:top;
	float:left;
}
#caHomeGraphicBannerColumn21, #caHomeGraphicBannerColumn22 {
	width:50%;
	vertical-align:top;
	float:left;
}
#caHomeGraphicBannerColumn31, #caHomeGraphicBannerColumn32, #caHomeGraphicBannerColumn33 {
	width:33%;
	vertical-align:top;
	float:left;
}
#caHomeLOB{
	position: relative;
	width: 600px;
    padding-top: 10px;
    border-top:2px solid #003946;
}

#caHomeLOBItem{
	position: relative;
	float: left;
	width: 150px;
}

#caHomeLOBHeader{
	position: relative;
	height: 34px;
	border-right: 1px solid white;
}

#caHomeLOBDesc{
	position: relative;
	padding-top: 2px;
	margin-top: 1px;
	border-top: 1px solid #AEA79F;
	border-right: 1px solid #AEA79F;
}

#caHomeWhatsNewPromo{
	position: relative;
	float: left;
	width: 600px;
	padding-top: 20px;
}

#caHomeWhatsNew{
	position: relative;
	float: left;
	clear: left;
	width: 298px;
}

#caHomeWhatsNewHeader{
	position: relative;
}

#caHomeWhatsNewContent{
	position: relative;
	padding-top: 6px;
}

#caHomeMiddlePromo{
	position: relative;
	float: left;
	clear: right;
	border-left: 1px solid #AEA79F;
}

#caHomeSignin{
	position: relative;
	padding-bottom: 5px;
}

#caHomeSigninDropdown{
	position: relative;
	padding-top: 20px;
	padding-bottom: 5px;
}

#caHomeRightPromo{
	position: relative;
        z-index: -1;
	padding-top: 30px;
	padding-bottom: 5px;
}
/* END layout definition for caHome */

/* END layout definition */