/***

This stylesheet is for all browsers

***/

/* General elements */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #ffffff;	 	
	}
td, div, p, h1-h6, a {	
	font: normal 12px Verdana, Arial, sans-serif;
	} 
#sixty-plus	{	
	font: normal 13px Verdana, Arial, sans-serif;
	} 
a:link, a:visited {
	color: #000000;
	text-decoration: underline;
	font-size: 1.0em;
	}
a:hover, a:active {
	color: #ff6600;
	}
form {
	display: inline;
	}
input {
	font-size: 9px;
	font-weight: normal;	
	line-height: 16px;
	}
img {
	border: none;
	}
h1 {						/* Modules' headers */
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	margin: 0;
	padding: 0;
	color: #000000;	
	text-align: left;	
	}
h3 {					     /* Title of the section (left column) */
	font-size: 18px;	
	margin: 8px;
	color: #003399;
	}
h3#everydaybanking {
	color: #669999;
}
h3#loansmortgages {
	color: #ff6633;
}
h3#investments {
	color: #996699;
}
h3#protection {
	color: #cc3333;
}
h3#commercialbanking {
	color: #999966;
}
h3#community {	
	color: #5c8eae;
}
h4 {					     /* Main header in the content */
	font-size: 1.4em;
	font-weight: bold;
	}
#main {
	margin: 0 auto;
	width: 100%;
	}
#header {
	width: 100%;
	height: 94px;
	padding: 0;
	margin: 0;
	}	
/* Main Navigation */	
#mainnav, #mainnav-everydaybanking, #mainnav-loansmortgages, #mainnav-investments , 
#mainnav-protection, #mainnav-commercialbanking, #mainnav-community {
	width: 100%;
	height: 25px; 				
	padding: 0;
	margin: 0;	
	background-color: #003399;	
	font: bold 16px Arial, sans-serif;
	}
#mainnav-everydaybanking {
	background-color: #669999;
	}
#mainnav-loansmortgages {
	background-color: #ff6633;
	}
#mainnav-investments {
	background-color: #996699;
	}
#mainnav-protection {
	background-color: #cc3333;
	}
#mainnav-commercialbanking {
	background-color: #999966;
	}
#mainnav-community {
	background-color: #5c8eae;
	} 		
#header ul {
	margin: 0;
	padding: 1px 0 0 0;
	text-align: center;
	height: 20px;				/* height for IE5.5 */
	background-color: #003399;	
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 20px;				/* height for IE6.0 */
	}
html>body #header ul {
	height: 19px;		        /* height  NN6+ */
}
#header ul li {
	display: inline;	
	margin: 0;
	padding: 1px 12px 1px 11px;/* padding for IE5.5, IE6.0 */
	border:none;
	}
html>body #header ul li {					
	margin: -2px -4px 0 0;
	padding: 1px 14px 1px 13px;	/* padding for NN6+ */	
	}
#header TABLE a {               /* Tabs' styles */
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;	
	display: inline;
	margin: 0;
	padding: 0;	
	}	
#header #everydaybanking {
	border-left: 3px solid #669999;	
	background-color: #003399;
	}	
#header #everydaybanking-selected {
	border-left: 3px solid #669999;	
	background-color: #669999;	
	}	
#header #loansmortgages {
	border-left: 3px solid #ff6633;	
	background-color: #003399;
	}
#header #loansmortgages-selected {
	border-left: 3px solid #ff6633;		
	background-color: #ff6633;
	}
#header #investments {
	border-left: 3px solid #996699;
	background-color: #003399;
	}
#header #investments-selected {
	border-left: 3px solid #996699;
	background-color: #996699;
	}
#header #protection {
	border-left: 3px solid #cc3333;
	background-color: #003399;
	}
#header #protection-selected {
	border-left: 3px solid #cc3333;
	background-color: #cc3333;
	}
#header #commercialbanking {
	border-left: 3px solid #999966;
	background-color: #003399;
	}
#header #commercialbanking-selected {
	border-left: 3px solid #999966;
	background-color: #999966;
	}
#header #community {
	border-left: 3px solid #5c8eae;
	background-color: #003399;
	} 
html>body #header #community {
	border-left: 3px solid #5c8eae;
	padding: 1px 14px 1px 13px;
	background-color: #003399;
	}
#header #community-selected{
	border-left: 3px solid #5c8eae;	
	background-color: #5c8eae;
	}
html>body #header #community-selected {
	border-left: 3px solid #5c8eae;
	padding: 1px 14px 1px 13px;
	background-color: #5c8eae;
	}

/* Global Navigation */
#globalnav {
	width: 100%;
	height: 72px;
	padding: 0;
	margin: 0;
	}
#logo {
	margin: 0 0 0 15px;
	}
#globalnav TABLE {
	font: bold 14px Arial, sans-serif;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;				/* height for IE5.5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%;	
	height: 100%;				/* height for IE6.0 */	
	}
#globalnav ul {
	display: inline;
	margin: 0;
	padding: 0;	
	background: transparent;
	position: relative;
	top: -10px;	
	}	
#globalnav ul li {
	display: inline;
	background: transparent;
	margin: 0;
	padding: 0 10px;		
	}
#globalnav ul li.separator {
	margin: 0;
	padding: 0;
	width: 1px;
	position: relative;
	top: 2px;	
	}
#globalnav ul li a {
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;	
	}
#globalnav ul li a:hover, #globalnav ul li a:active {
	color: #003399; 
	}  
#hands-and-globe {
	margin: 0 15px 0 10px;
	}
#globalnav input {
	position: relative;
	top: -10px;                   /* position for IE5.5+ */
	width: 160px;
	height: 20px;		          /* height for IE5.5 */
	margin: 0 0 0 5px;
	border: 1px solid #373535;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 16px;	              /* height for IE6.0, NN6+ */
	}
html>body #globalnav input {
	top: -13px;	                  /* position for NN6+ */
	}
#globalnav input#searchGo {		
	width: 27px;
	height: 21px;
	position: relative;
	top: -5px;
	left: 0px;
	margin: 0;
	border: none;
	}	
select#city {
	width: 150px;
	height: 20px;	
	margin: 0;
	border: 1px solid #373535;	
	position: relative;
	left: -1px;
	}
input#weatherGo	 {
	width: 27px;
	height: 21px;
	margin: 0;
	border: none;
	position: relative;
	top: 4px;
	left: 2px;
	}
html>body input#weatherGo {
	top: 5px;
	}

/* Content */	
table#content {
	width: 100%;	
	border: none;
	vertical-align: top;	
    }
table#content td {	
	vertical-align: top;
    }
html>body table#content {	/* for NN6+ */
	margin: 3px 0 0 0;	
	}
#content ul {
	margin: 0;
	padding: 0 0 0 17px;
	list-style-type: disc;
	}
#content ul li {	
	line-height: 16px;
	}	
/* Left and Right Columns */
.edgecolumn-homepage, .edgecolumn-everydaybanking, .edgecolumn-loansmortgages, .edgecolumn-investments, 
.edgecolumn-protection, .edgecolumn-commercialbanking,.edgecolumn-community, .edgecolumn-portal {	
	width: 208px;
	height: 630px;	
	text-align: left;	
	}
.edgecolumn-homepage {	
	background: url("../images/bg_homepage.jpg") repeat-x;
	}
.edgecolumn-everydaybanking {	
	background: url("../images/bg_everydaybanking.jpg") repeat-x;
	}
.edgecolumn-loansmortgages {	
	background: url("../images/bg_loansmortgages.jpg") repeat-x;
	}
.edgecolumn-investments {	
	background: url("../images/bg_investments.jpg") repeat-x;
	}
.edgecolumn-protection {	
	background: url("../images/bg_protection.jpg") repeat-x;
	}	
.edgecolumn-commercialbanking {	
	background: url("../images/bg_commercialbanking.jpg") repeat-x;
	}
.edgecolumn-community {	
	background: url("../images/bg_community.jpg") repeat-x;
	}
.edgecolumn-portal {	
	background: url("../images/bg_portal.jpg") repeat-x;
	}	
	
#portal-youth, #portal-seniors {
	text-align: left;
	height: 79px;	
	}	
#portal-youth {
	background: url("../images/portal_youth.jpg") no-repeat;	
	}
#portal-seniors {
	background: url("../images/portal_seniors.jpg") no-repeat;	
	}		
#portal-youth a:link, #portal-youth a:visited, #portal-seniors a:link, #portal-seniors a:visited	{	
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;	
	text-decoration: none;
	display: block;
	padding: 63px 0 0 8px;
	height: 15px;
	}
#portal-youth a:hover, #portal-youth a:active, #portal-seniors a:hover, #portal-seniors a:active {
	color: #ff6600;	
	}	
#weather {
	text-align: center;
	}
#weather div {
	border: 1px solid #89a7c3;
	margin: 3px;	
	}	
/* Modules (rates, learn centre, tools..) */ 
table.modules td a:link, table.modules td a:visited {	
	font-size: 10px;
	font-weight: normal;
	color: #000000;	
	text-decoration: underline;
	line-height: 18px;
	}

table.modules td a:hover, table.modules td a:active {
	color: #ff6600;
	}
table.modules {
	margin: 12px 8px 12px 8px;
	width: 190px;	
	}
table.modules th {
	border-bottom: 1px solid #000000;
	height: 18px;	
	}
table.modules td {
	padding: 2px 0;	
	}
table.modules td, table.modules th a:link, table.modules th a:visited {
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	}
table.modules th a:hover, table.modules th a:active {		
	color: #ff6600;		
	}

/* Left Navigation styles */	
ul#leftnav {
	margin: 8px;	
	}
ul#leftnav li {
	margin: 2px 0;	
	font-weight: bold;
	}
ul#leftnav li a:link, ul#leftnav li a:visited {
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
	line-height: 18px;
	font-weight: normal;
	}
ul#leftnav li a:hover, ul#leftnav li a:active {
	color: #ff6600;
	}
ul#leftnav li ul li {
	font-size: 10px;	
	line-height: 16px;
	font-weight: bold;
	}
ul#leftnav li ul li a:link, ul#leftnav li ul li a:visited {
	font-size: 10px;	
	line-height: 16px;
	font-weight: normal;
	}

/* Center Column */
#centercolumn {
	text-align: center;	
    }
#centercolumn h4 {
	margin: 8px 0;
	}
#centercolumn p {
	margin: 8px 0;	
	}
h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 5px 0;	
	}
h2.everydaybanking a:hover, h2.everydaybanking a:active {
	color: #669999;
	}
h2.loansmortgages a:hover, h2.loansmortgages a:active {
	color: #ff6633;
	}
h2.investments a:hover, h2.investments a:active {
	color: #996699;
	}
h2.protection a:hover, h2.protection a:active {
	color: #cc3333;
	}
h2.commercialbanking a:hover, h2.commercialbanking a:active {
	color: #999966;
	}
h2.community a:hover, h2.community a:active {
	color: #5c8eae;
	}
#centercolumn table {
	margin: 8px 0;
    }
#centercolumn table td {
	vertical-align: top;	
	font-size: 1.0em;	
    }
#centercolumn ul {
	margin: 8px;
    }
#centertext, #centertext-searchpage {
	margin: 8px;
	text-align: left;
	font-size: 11px;
    }
#centertext p {
	margin: 5px 0;	
	font-size: 1.0em;
    }
#centertext ul {
	margin: 0;
	padding: 0 16px;
	list-style-type: disc;
	font-size: 1.0em;	
    }
#centertext ul ul {	
	list-style-type: circle;
	font-size: 1.0em;
	}
#centertext table ul {
	margin: 0;
	padding: 0 8px;
	list-style-type: disc;
	font-size: 1.0em;
    }
#centertext h4 {
	font-size: 1.6em; 
	font-weight: normal;
	margin: 5px 0 10px 0;
    }
#centertext h5 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 15px 0 0 0 ;
	color: #003399;	
    }
#centertext h5 a {
	color: #003399;
    }
#centertext h6 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 12px 0 3px 0;
	color: #003399;
    }
#centertext a {
	color: #003399;	/*ff6633*/
	font-size: 1.0em;	
    }
/* Search results: header */
.searchheading {
	font-size: 1.0em;
	font-weight: bold;
	margin: 15px 0 5px 0;	
    }
#centertext-searchpage p {
	margin: 18px 0 0 0;
    }
#centertext-searchpage .description, #centertext-searchpage .context {
	margin: 0 0 0 25px;
    }
#centertext-searchpage .infoline {
	font-size: 0.9em;
	margin: 0 0 0 25px;
	color: #666;
    }
#centertext-searchpage a {
	color: #003399;	/*ff6633*/
    }
#centertext-searchpage .searchGo {
    width: 27px;
	height: 21px;
	position: relative;
	top: 5px;
	left: 0px;
	margin: 0;
	border: none;
    }
#centertext-searchpage input#zoom_query {	
	width: 160px;
	height: 20px;		         /* height for IE5.5 */
	margin: 0;
	border: 1px solid #373535;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 16px;	             /* height for IE6.0, NN6+ */
	}
/* Module Footer */
#footer, #footer-everydaybanking, #footer-loansmortgages, #footer-investments,
#footer-protection, #footer-commercialbanking, #footer-community  {
	width: 100%;
	font-size: 9px;
	font-weight: normal;
	color: #000000;	
	padding: 5px 0;
	margin: 30px 0 10px 0;	
	}	
#footer {	
	background: #abbad6;
	}
#footer-everydaybanking {	
	background: #c4d9dc;
	}
#footer-loansmortgages {	
	background: #f4d1b3;
	}
#footer-investments {	
	background: #cfcadb;
	}
#footer-protection {	
	background: #edbab3;
	}	
#footer-commercialbanking {	
	background: #dad8ba;
	}
#footer-community {	
	background: #bdd2e1;
	}	
#footer a:link, #footer a:visited {
	color: #000000;
	text-decoration: underline;	
	}
#footer a:hover, #footer a:active {
	color: #ff6600;	
	}
table.blue td {	
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #bdc4de;
	padding: 1px;
    }
table.blue td ul li {		
	list-style-type: disc;
	margin: 0 0 0 10px;
    }
table.blue th {	
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #4f70a5;
	color: #fff;
	font-weight: bold;
    }