/* ####################################### */
/* # Stylesheet for 2007 rebrand of CBFA # */
/* ####################################### */

html {
	overflow-y:scroll !important;
}

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	background: transparent url(/images/cbfa/header_bg.gif) repeat-x;
	font-size: 0.7em;
}

a {
	color: #036;
	font-weight: bold;
	text-decoration: underline;
	outline-style: none;
}
a:hover {
	color: #369;
	text-decoration: none;
}


/* ## Defined classes ## */
.smallprint {
	font-size: 80%;
	color: #a0a0a0 !important;
}

.clear {
	clear: both;
}

.nobullet {
	list-style-type: none;
}
.nobullet li {
	list-style-type: none;
}

.no_separator {
	border-top: none !important;
}

.bluebanner {
	background-color: #0094c6;
	padding: 8px;
}
.bluebanner, .bluebanner a {
	color: #fff;
}
.bluebanner a {
	text-decoration: none;
	font-weight: normal;
}
.bluebanner img {
	border: 0;
}
.bluebanner ul {
	margin: 0px;
}
.bluebanner li {
	border-top: 1px solid #fff;
	padding-top: 6px;
	margin-bottom: 6px;
}

.submitbutton {
	background: url(/images/cbfa/submit.gif) left top no-repeat;
	width: 54px;
	height: 26px;
}
.calculatebutton {
	background: url(/images/cbfa/calculate.gif) left top no-repeat;
	width: 61px;
	*width: 71px;
	height: 26px;
}
.submitbutton, .calculatebutton {
	*background: url(/images/cbfa/buttonbg.gif) left top;
	text-indent: -9999px;
	*text-indent: 0;
	color: #ffffff;
	cursor: pointer;
	margin: 5px 5px 0 0;
	padding: 0;
	border: none;
}
/* Hack for Opera 9 and up */
@media all and (min-width:0px) {
	head~body:lang(en) .submitbutton {
		background: url(/images/cbfa/buttonbg.gif) left top;
	}
	head~body:lang(en) .calculatebutton {
		background: url(/images/cbfa/buttonbg.gif) left top;
		width: 71px;
	}
}


/* ## Named elements ## */
#wrapper {
	position: relative;
	width: 770px !important;
	margin: 0 auto;
}	

#cbfaheader {
	padding: 10px;
	height: 70px;
	he\ight: 50px;
}

#cbfalogo {
	float: left;
	margin-left : -4px;
}

#access_bar {
	float: right;
	width: auto;
	margin-top: 10px;
	text-align: right;
	color: #fff;
}
#access_bar a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
#a1 {
	font-size: 8pt;
}
#a2 {
	font-size: 10pt;
}
#a3 {
	font-size: 12pt;
}

#cbfafooter {
	position: relative;
	clear: both;
	width: 750px;
	margin: 10px;
	border-top: 1px solid #5fa6ba;
	padding-top: 10px;
}
#cbfafooter, #cbfafooter p, #cbfafooter a {
	color: #018ebc;
}
#cbfafooter a {
	text-decoration: none;
	font-weight: normal;
}

#main {
	position: relative;
	margin: 0 10px;
}

#content, #breadcrumb {
	margin: 0px 170px 5px 160px;
}

#breadcrumb {
	position: relative;
	padding-top: 40px;
	font-size: 100%;
	text-transform:none;
}
#breadcrumb, #breadcrumb a {
	color: #018ebc;
}
#breadcrumb a{
	text-decoration: none;
	font-weight: normal;
	white-space: pre;
	*display: inline-block;
}
html>body #breadcrumb{
	font-size: 100%;
}

#content {
	margin: 0px 170px 0px 160px;
}

#banners {
	position: absolute;
	top: 45px;
	left: 588px;	
/*	right: 0px;	*/
	width: 162px;
	_margin-left: -162px;
}
#banners img {
	border: 1px solid #d2cece;
	margin-bottom: 5px;
}

#latestnews {
	background-color: #0295c8;
	padding: 8px;
}
#latestnews img {
	border: 0;
}
#latestnews ul {
	margin: 0px;
}
#latestnews li {
	border-top: 1px solid #fff;
	padding-top: 6px;
	margin-bottom: 6px;
}
#latestnews a {
	text-decoration: none;
	font-weight: normal;
}
#latestnews, #latestnews a {
	color: #fff;
}

/* ## Navigation ## */
#nav {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 27px;
	width: 750px;
	padding: 0;
	margin: 0;
	list-style-type: none;	
	background: transparent url(/images/cbfa/topnav.gif) left top no-repeat;	
}
#nav li {
	float: left;
	margin: 4px 17px 0 2px;
}
#nav li a {
	display: block;
	text-indent: -9999px;
	height: 20px;
}
#nav li a#home{
	width: 40px;
}
#nav li a#about{
	width: 60px;
}
#nav li a#contact{
	width: 72px;
}
#nav li a#help{
	width: 32px;
}
#nav li a#sitemap{
	width: 55px;
}
* html ul#nav {
	margin-left: -153px;
}

#nav3 {
	width: 150px;
	position: absolute;
	top: 40px;
	font-size: 100%;
	text-transform: none;
}
#nav3, #nav3 ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#nav3 a {
	color: #018ebc;
	font-weight: normal;
	text-decoration: none;
}
#nav3 ul {
	font-style: normal;
}
#nav3 li {
	margin: 3px 0;
}
#nav3 li.top_level_item {
	border-top: 1px solid #018ebc;
}
#nav3 li.main {
	font-weight: bold;
}
#nav3 li.active a {
	font-weight: bold;
}
#nav3 li.active ul a {
	font-weight: normal;
}
#nav3 ul li {
	margin-left: 10px;
}
#nav3 ul ul li {
	margin-left: 20px;
}

#sitemap, #sitemap ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#sitemap ul {
	margin-left: 20px;
}
#sitemap li {
	margin: 3px 0;
}
#sitemap a {
/*	color: #018ebc; */
/*	font-weight: normal; */
	text-decoration: none;
}


/* ## Old styles ## */

/* ================================== */
/* =========== css hacks  =========== */
/* ================================== */


h1{
	font-size: 150%;	/* for IE 5 to 6 only */ 
}
h2{	
	font-size: 130%;	/* for IE 5 to 6 only */ 
}
h3{
	font-size: 110%;	/* for IE 5 to 6 only */
}



/* ===================================== */
/* =========== end css hacks =========== */
/* ===================================== */

body, ul li, ol li, p{
	margin:  0;
	padding: 0;
	color: #000;
}
h1, h2, table.summary td, td.summarylight, table.summary td.summarymlight, table.summary td.summaryxlight, 
table.summary td.summarydark, table.summary2 td.summarylight, .text, .home-text, .textgrey, p, li {
	line-height: 150%;	/* universal line height */
}
ol, ul{
	margin: 10px 0 10px 50px;
	padding: 0;
}
ul{
	list-style-type: disc;
}
img{
	border: 0;
}
p{
	margin: 0 0 12px 0;
}
h1, h2 {	
	margin: 0 0 5px 0;
}
h2{
	color: #666;
}
h3{
	margin: 10px 0 0 0;
	padding: 0;
}
input{
	border: #999 1px solid;
}
input.noline{
	border: 0;
}


/* ============================================ */
/* =========== summary table styles =========== */
/* ============================================ */

table.summary{
	border-top: #fff 1px solid;
	border-left: #fff 1px solid;
	border-collapse: collapse;
}
table.summary caption{
	text-align: left;
	color: #39c;
	font-size:12px;
	font-weight: bold;
}
table.summary td, table.summary th{
	border-right: #fff 1px solid;
	border-bottom: #fff 1px solid;
	border-collapse: collapse;
	padding: 5px;
}
table.summary th, th.summarydark{
	color: #fff;
	background-color: #006a9f;
}
table.summary th.summarywhite{
	background-color: #fff;
}
table.summary th.summarymedium{
	color: #fff;
	background-color: #96c;
}
table.summary td, td.summarylight{
	background-color: #cda;
	background-color: #cce6f3;
}
table.summary td.summarymlight{
	background-color: #d9e6c0;
}
table.summary td.summaryxlight{
	background-color: #efe;
}
table.summary td.summarydark{
	background-color: #690;
}
table.summary td.summarymedium{
	background-color: #e69980;
}
table.summary td.summarydark{
	color: #fff;
	background-color: #c30;
}
table.summary td.summarymedium{
	background-color: #b399cc;
}
table.summary td.summarydark2{
	color: #fff;
	background-color: #39c;
}
table.summary td.summarywhite{
	background-color: #fff;
}
table.summary2{
	border: #ccc 4px solid;
}
table.summary2 td.summarylight{
	background-color: #efe;
}

th.summarydark, .summarydark{
	color: #fff;
	background-color: #02404f;
}
.summarymedium{
	background-color: #7fcae9;
}
.summarylight{
	background-color: #cce6f3;
}
table.summary caption{
	text-align: left;
	color: #39c;
	font-size: 90%;
	
	font-weight: bold;
}

/* ====================================== */
/* =========== custom classes =========== */
/* ====================================== */

.button{
	background-color: #ccc;
	color: #ffffff;
	cursor: pointer;
	height: 31px;
	margin: 5px 5px 0 0;
	padding: 0;
	width: 88px;
}

.error{
	/* error mesage text */
	color: #f00;
}
.formcolour{
	background-color: #C3E9FC;
}
.highlight{
	color: #099;
}
.lightblue{
	color:#319ACE;
}
.highlight2{
	padding: 0;
	background: #f00;
	color: #fff;
}
.imghspace{
	float: left;
	margin-right: 3px;
}
.inputcolour{
	font-weight: bold;
	background-color: #FFF;
}
.large{
	font-size: 150%;
	font-weight: bold;
}
.locator{
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 0px;
	font-weight: bold;
	width: 80%;
}
.nodecoration {
	text-decoration:none;
}
.tiny{
	font-size: 80%;
	f\ont-size: 90%;
	line-height: 130%;
}

.coopddtxt{
	/* used by Log On to Your Accounts */
	text-align: left;
	border: none;
	background-color: #B0B0B0;
	/* the order of these is important */
	display: none; display: block;
	left: 15px;
	padding: 5px 10px 5px 10px;
	position: absolute;
	top: 80px;
	visibility: hidden;
	width: 170px;
	z-index: 20;
} 
.coopdditem{
	/* used by Log On to Your Accounts */
	display: block;
	padding: 4px;
	width: 100%;
}
.coopddlink{
	/* used by Log On to Your Accounts */
	color: #fff;
	text-decoration: none;
}
.coopddlink:hover{
	/* used by Log On to Your Accounts */
	color: #000000;
}
.locator{
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 0px;
	font-weight: bold;
	width: 80%;
}
.main{
	background-color: #fff;
}
.mandatory{
	/* mandatory field label asterisk */
	color: #f00;
}
.whitetext{
	/* white text */
	color: #fff;
	
}
.whitetextfullsize{
	/* white text */
	color: #fff;
}
.home-text{
	/* homepage article text */
	font-weight: bold;
}
.search-small{
	font-size: 60%;
}
.search-url{
	color: #690;
}
.text-table-search{
	border: 1px solid #ccc;
}
.textgrey{
	/* article text */
	color: #666
}
.hidden{
	display: none;
}
.inputcolourgrey{
	color: #690;
	font-weight: bold;
	border: #690 1px solid;
	background-color: #DDD;
}

.noline{
	border: 0;
}
.form-business{
	background-color: #ccf;
}
.inputcolourgrey{
	color: #639;
	font-weight: bold;
	border: #639 1px solid;
	background-color: #DDD;
}
.inputgrey{
	border: #999 1px solid;
}
.blueheader {
	color: #39c;
	font-weight: bold;
}

/* ================================== */
/* =========== menu items =========== */
/* ================================== */

a.menu, a.menu-blue, a.menu-green, a.menu-purple, a.menu-red, a.menu-slate{
	color: #666;
	display: block;
	font-weight: bold;
	margin: 0 0 9px 0;
	text-decoration: none;
}
a.menu:hover{
	color: #036;
}
a.menu-highlight{
	color: #099;
}
a.menu-highlight, a.menu-highlight-blue, a.menu-highlight-green, a.menu-highlight-purple, a.menu-highlight-red, a.menu-highlight-slate{
	display: block;
	font-weight: bold;
	margin: 0 0 10px 0;
	text-decoration: none;
}

a.menu-blue:hover, a.menu-blue-highlight{
	color: #39c;
}
a.menu-green:hover, a.menu-green-highlight{
	color: #690;
}
a.menu-purple:hover, a.menu-purple-highlight{
	color: #639;
}
a.menu-red:hover, a.menu-red-highlight{
	color: #c30;
}
a.menu-slate:hover, a.menu-slate-highlight{
	color: #066;
}
a.news{
font-size: 90%;
	color: #666;
	text-decoration: none;
}
a.news:hover{
	color: #036;
}
a.primary{
	color: #099;
	font-weight: bold;
	text-decoration: underline;
}
a.primary:hover{
	color: #369;
	text-decoration: none;
}
a.search-title{
	color: #099;
	background-color: transparent;
	text-decoration: none;
}
a.search-title:hover{
	color: #036;
}
a.submenu{
	color: #036;
	display: block;
	font-weight: bold;
	margin: 0 0 9px 0;
	text-decoration: none;
}

a.submenu-highlight{
	display: block;
	font-weight: bold;
	margin: 0 0 10px 0;
	text-decoration: none;
}

/* ===================================================== */
/* =========== security section styles ================= */
/* ===================================================== */

#secutablecontainer {
width: 600px;
}

.table1 {
float: left;
border: 2px solid #CCC8DA;
background-color: #DEE6E9;
}

.table2 {
float: right;
border: 2px solid #CCC8DA;
background-color: #DEE6E9;
}

.table3 {
margin: 0 30px 0 30px;
border: 2px solid #CCC8DA;
background-color: #DEE6E9;
}

.tableheader {
border-bottom: 1px dashed #6E97AF;
background-color:#FFFFFF;
}

.tableheader h3 {
color: #5C4B81;
margin: 0;
padding: 0;
}

#header {
background-image: url(/images/generic/security-headerbg.jpg);
height: 90px;

}

#secucontent {
clear: both;
position:relative;
background-image: url(/images/generic/security-gradient.jpg);
background-repeat:repeat-x;
padding: 10px;
}

#secucontent h1 {
margin-top: 0;
color: #5C4B81;
font-family:Arial, Helvetica, sans-serif;
}

html>body #content h1 {
font-weight: lighter;
}

#secucontent h3 {
color: #5C4B81;
font-size: 1em;
}

#secdisclaimer {
clear: both;
}
#secucontent2 {
clear: both;
}

.nolist
{
	list-style:none;
}
.anchor {
	color: #5C4B81;
	font-weight: bold;
	text-decoration: underline;
}
.anchor a:hover {
	color: #5C4B81;
	text-decoration: none;
}
.anchor a h3{
	color: #5C4B81;
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
}


.borderbox{
	border: 1px solid #3297CB;
	background-color: #F2F2F2;
	padding: 0 7px;
}
a.applybox{
	border: 1px solid #D1D1CF;
	background-color: #04485D;
	padding: 10px;
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 150%;
	width: 12em;
}
a.applybox:hover{
	background-color: #39C;
}

/* ====================================== */
/* =========== financial news =========== */
/* ====================================== */

#financial_news{
	font-size: x-small;
}

#financial_news h1{
	margin: 0 0 -20px 0;
}

#financial_news h2{
	padding: 10px 0 0 0;
	margin: 0;
	font-size: 180%;
	color: #c30;
}

#financial_news dl{
	padding: 0 0 30px 0px;
	margin: 0;
}

#financial_news dt{
	padding: 20px 0 0 0;
}

#financial_news dd{
	margin: 5px 0 0 0;
	font-weight: bold;
}

#financial_news dd a{
	text-decoration: underline;
	font-size: 110%;
}

#financial_news dd a:hover{
	text-decoration: underline;
	color: #000;
}

#financial_news .newsstory{
	width: 500px;
	text-align: justify;
	font-size: 110%;
}

#financial_news .newsstory a{
	text-decoration: none;
	color: #000;
}

#financial_news h2.headline {
	padding: 10px 0 0 0;
	margin: 0;
	text-transform: none;
}

#financial_news .pubdate{
	padding: 0;
	margin: 0;
}

#financial_news_headlines{
	background-color: #ffffb0;
	padding: 8px;
}

#financial_news_headlines h2{
	color: #099;
	margin: -8px 0 -12px 0;
	font-size: 120%;
	f\ont-size: 100%;
	font-weight: bold;
}

html>body #financial_news_headlines h2 {
	font-size: 140%;
}

#financial_news_headlines a{
	text-decoration: none;
	color: #666;
	font-size: 80%;
	f\ont-size: 70%;
}

html>body #financial_news_headlines a {
	font-size: 100%;
}

#financial_news_headlines a:hover{
	color: #036;
}

#financial_news_headlines dt{
	margin-bottom: 4px;
}
#news_body{
	font-size: 70%;
	color: #888;
}

/* =============================== */
/* =========== generic =========== */
/* =============================== */

blockquote{
	width: 80%;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px;
	line-height: 1em;
	color: #555;
	background: #eee url(/images/generic/top_quote.gif) no-repeat 10px 10px;
}
.quote{
	margin: 0 10px 0 0;
	padding: 20px 20px 10px 20px;
	background: url(/images/generic/bot_quote.gif) no-repeat right bottom;
}
.cust_quote{
	margin: 0 10px 0 0;
	padding: 0 0 10px 0;
	color: #999;
	font-weight: bold;
}
.strong{
	font-weight: bold;
}
div.pullout p.stat{
	font-size: 130%;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #036;
	margin: 0;
}
div.pullout p.source{
	margin: 0 0 20px 0;
	font-weight: bold;
}
ul.linklist{
	list-style-type: none;
	margin: 0 0 10px 0;
}
ul.linklist li{
	padding: 3px 0;
}