* html .png {position:relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));}


/*** GENERAL STYLES ***/

body {background: #2599bb url(../images/bkg.gif) left top repeat-x; text-align: center; margin: 0; padding: 0;}
	body.home {background: #60a6bc url(../images/bkg-home.gif) left top repeat-x;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 13px; color: #fff;}
select, input, textarea {color: #000;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 18px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #bddbf2;}
a:hover {color: #fff;}

.hide {display: none;}
.alert {color: #ff0 !important; font-weight: bold;}
.small {font-size: 11px;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 15px 15px 0;}
.imgright {float: right; margin: 0 0 15px 15px;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; overflow: hidden; background: #0066a5; margin: 2em 0;}
.clear {float: none; clear: both;}

.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}


/*** TOP STYLES ***/

#top {position: relative; width: 860px; height: 93px; margin: 0 auto; text-align: left;}
#logo {position: absolute; right: 0; top: 0; width: 273px; height: 93px; text-align: center; line-height: 93px; font-family: times, "times new roman", serif; font-size: 24px; color: #fff; text-decoration: none; text-transform: uppercase;}
#logo .ir {background: url(../images/logo.gif) no-repeat;}

#nav {position: absolute; left: 0; top: 0;}
#nav li {float: left;}
#nav a {position: relative; display: block; height: 93px; line-height: 93px; text-align: center; color: #fff; text-decoration: none; text-transform: uppercase; overflow: hidden;}
#nav a .ir {background-image: url(../images/nav.gif);}

#navab a {width: 77px;}
#navle a {width: 81px;}
#navne a {width: 97px;}
#navco a {width: 77px;}
#navra a {width: 85px;}
#navto a {width: 85px;}
#navsw a {width: 85px;}

#navab .ir {background-position: 0 0;}
#navle .ir {background-position: -77px 0;}
#navne .ir {background-position: -158px 0;}
#navco .ir {background-position: -255px 0;}
#navra .ir {background-position: -332px 0;}
#navto .ir {background-position: -417px 0;}
#navsw .ir {background-position: -502px 0;}

#navab a.roll .ir {background-position: 0 -93px;}
#navle a.roll .ir {background-position: -77px -93px;}
#navne a.roll .ir {background-position: -158px -93px;}
#navco a.roll .ir {background-position: -255px -93px;}
#navra a.roll .ir {background-position: -332px -93px;}
#navto a.roll .ir {background-position: -417px -93px;}
#navsw.roll a .ir {background-position: -502px -186px;}
#navto.navfix .ir {background-position: -417px -186px;}

#subnav {position: relative; width: 860px; height: 45px; margin: 0 auto; text-align: left;}
#subnav ul {height: 25px; line-height: 25px; background: #082760 url(../images/subnav.gif); overflow: hidden;}
#subnav li {float: left; border-right: 1px solid #093671; text-transform: uppercase; font-family: verdana, tahoma, arial, sans-serif; font-size: 10px;}
#subnav a {display: block; width: 10px; white-space: nowrap; color: #2598ba; text-decoration: none; padding: 0 7px;}
	html>body #subnav a {width: auto;}
#subnav a:hover {color: #fff;}
#subnav p {height: 20px; line-height: 20px; margin: 0; padding: 0 7px; color: #0066a5; text-transform: lowercase;}


/*** CONTENT STYLES ***/

#outer {position: relative; width: 860px; margin: 0 auto; text-align: left; background: url(../images/outer.gif) top left repeat-x; min-height: 641px; height: 641px;}
	html>body #outer {height: auto;}
#inner {background: url(../images/inner.gif) 33px 0 no-repeat; min-height: 700px; height: 700px;}
	html>body #inner {height: auto;}
#content {padding: 0 60px 60px 255px;}
	body.home #content {padding: 0;}

#content h1 {font-size: 22px; margin: 0 0 1.5em 0; color: #a1cced; font-weight: normal; line-height: 25px;}
#content h2 {font-size: 18px; margin: 0 0 .5em 0; color: #a1cced; padding-top: .5em; font-weight: normal; line-height: 21px;}
#content h3 {font-size: 14px; margin: 0 0 .5em 0; color: #a1cced; padding-top: .5em;}
#content ul {margin: 1.5em 0;}
#content li {position: relative; padding-left: 15px; background: url(../images/bullet.gif) 0 5px no-repeat; margin-bottom: 8px;}

#content h1#pagetitle {position: relative; width: 605px; height: 90px; border-bottom: 3px solid #0066a5; margin: 0 -60px 30px 0; color: #a7a9ac; font-size: 40px; line-height: 110px; overflow: hidden; text-indent: 10px;}
body.home h1#pagetitle {display: none;}

.toplink {text-align: right; text-transform: uppercase; font-size: 10px; font-family: tahoma, verdana, sans-serif; font-weight: bold;}

#contactmap {position: relative; float: right; left: 30px; text-align: center;}
#contactmap iframe {margin-bottom: 5px;}

dl {margin: 1em 0 1.5em; zoom: 1;}
dl dt, dl dd {margin: 0 0 8px 0; padding: 0;}
dl dt {float: left; width: 155px; clear: both;}
dl dd {float: left; width: 390px;}

table {border-collapse: collapse; margin: 2em 0;}
table th, table td {padding: 5px 10px; border: 1px solid #0066a5;}
table td {background: #999;}
table th {background: #3f95dd;}
thead th, thead td {font-weight: bold; background: #287ec6; text-align: left;}
tfoot th, tfoot td {border: 0; background: none; text-align: right; padding: 10px 0;}
.button {background: #042f75; border: 0; font-size: 14px; font-weight: bold; padding: 3px; line-height: 20px; cursor: pointer;}
.button:hover {background: #0055a5;}

#showalllink, #hidealllink {text-transform: uppercase; font-size: 10px; font-family: tahoma, verdana, sans-serif; font-weight: bold; text-decoration: none;}
#rateslist li.showtable {background-image: url(../images/bullet-down.gif);}
.hidetable table, .hidetable div {display: none;}
.showtable table, .showtable div {display: block;}
#rateslist td {width: 80px; text-align: center;}
#rateslist th {width: 250px; text-align: left;}

.comparisontable {}
.comparisontable td, .comparisontable th {font-size: 11px; line-height: 15px;}
.comparisontable td {background: #3f95dd; text-align: center;}
.comparisontable th {background: #287ec6; text-align: left; font-weight: bold;}
.comparisontable thead td {background: #a7a9ac; color: #002157;}


/*** TOP LEFT IMAGE STYLES ***/

#topleft {position: absolute; left: 0; top: 0; width: 246px; height: 264px;}
body.home #topleft {display: none;}
body.about #topleft {background: url(../images/topleft/about.jpg);}
body.leadership #topleft {/*display: none;*/ background: url(../images/topleft/leadership.jpg);}
body.news #topleft {background: url(../images/topleft/news.jpg);}
body.contact #topleft {background: url(../images/topleft/contact.jpg);}
body.rates #topleft {background: url(../images/topleft/rates.jpg);}
body.tools #topleft {background: url(../images/topleft/tools.jpg);}
body.switch #topleft {background: url(../images/topleft/switch.jpg);}
body.business #topleft {background: url(../images/topleft/business.jpg);}
body.online #topleft {background: url(../images/topleft/online.jpg);}
body.personal #topleft {background: url(../images/topleft/personal.jpg);}
body.footer #topleft {/*display: none;*/ background: url(../images/topleft/footer.jpg);}

#btnonlinebanking {position: absolute; left: 0; top: 289px;}
body.home #btnonlinebanking {display: none;}
#btnonlinebanking li {padding-left: 20px; color: #bddbf2;}


/*** HOME STYLES ***/

body.home {background: #60a6bc url(../images/bkg-home.gif) left top repeat-x;}
body.home #logo .ir {background: url(../images/logo-home.gif) no-repeat;}
body.home #nav a .ir {background-image: url(../images/nav-home.gif);}
body.home #subnav {display: none;}
body.home #outer, body.home #inner {width: 932px; background: none; padding: 0;}
#noflash {margin-top: 121px; height: 165px; background: url(../images/noflash.gif) no-repeat; padding: 5px 0 0 33px;}
#noflash div {border: 4px solid #0066a5; background: #f0f; width: 261px; height: 146px; float: left; margin-right: 30px;}
#noflash div:hover {border-color: #d1d3d4;}

#footer {text-align: center; font-size: 11px; color: #fff; line-height: 16px; padding-bottom: 30px;}
#footer ul, #footer li {display: inline;}
#footer span.dot, #footer li a {padding-left: 10px; background: url(../images/dot.png) 1px center no-repeat;}
#footer li.nodot a {background: none; padding-left: 0;}
#footer a {color: #fff;}


/*** APP FORM STYLES ***/

#appDiv table table {margin: 0;}
#appDiv table th, #appDiv table td {border: 0;}
#appDiv table td {background: none;}
#appDiv table th {background: none;}
#appDiv thead th, #appDiv thead td {background: none;}
#appDiv tfoot th, #appDiv tfoot td {}
#appDiv .appLiteHeader {font-size: 14px; margin: 0 0 .5em 0; color: #a1cced; padding-top: .5em; font-weight: bold;}