body{
	margin:0 0 0 0;
	background:url(../images/body-bg.jpg) repeat-x #fcfbf8;
        font-size:12px;
        font-family:arial;
        color:#6c6a5b;
}
.clr{
	clear:both;
}
img{
	border:0;
}
a{
	color:#00658a;
}
a:hover {
	color:#0292c6;
}
.calculator input[type=text]{
	border:0;
	padding:2px;
	font-size:12px;
    font-family:arial;
    color:#00658a;
	font-weight:bold;
	text-align:right;
	width:82px;
	height:23px;
	background:url(../images/calctext.png);
}
input[type=button]{
	background:url(../images/calc.png);
	width:95px;height:23px;
}
.submitbanking{
	width:54px;
	height:23px;
	background:url(../images/button_login.png);
	padding:0;
	border:0;
	cursor:pointer;
}
form.new .signupbanking{
    width:54px!important;
    height:23px!important;
    background:url(../images/btn-signup.png)!important;
    padding:0;
    border:0;
    cursor:pointer;float:right!important;
}
form.new .signup{
    text-align:right;
}
form.new .submitbanking{
	width:54px;
	height:23px;
	background:url(../images/btn-login.png);
	padding:0;
	border:0;
	cursor:pointer;
}

td em{
	font-weight:normal;
}
.weather{
	padding-right:5px;
}
/*STYLES*/
.table-row-bg{
	background:#dcd5c7;
}
.head1 h1{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	padding:0;
	margin:0;
}
.head1{
    background:url(../images/content-title-left-bg.jpg) top left no-repeat;height:36px;
    font-size:18px;
    font-weight:bold;
    color:#fff;
    font-family:verdana;
    display:inline-block;
    margin-bottom:5px;
}
.head1 div{
    background:url(../images/content-title-right-bg.jpg) top right no-repeat;height:36px;
}
.head1 .inside{
    padding:6px;
    padding-left:15px;
    padding-right:15px;
    background:url(../images/content-title-bg.jpg) repeat-x;
    margin-left:10px;
    margin-right:10px;
}
.head2{
    background:url(../images/content-title2-left-bg.jpg) top left no-repeat;height:32px;
    font-size:13px;
    font-weight:bold;
	text-transform:uppercase;
    color:#fff;
    font-family:verdana;
    display:inline-block;
    margin-bottom:5px;
    margin-top:35px;
}
.head2 div{
    background:url(../images/content-title2-right-bg.jpg) top right no-repeat;height:32px;
}
.head2 .inside{
    padding:7px;
    padding-left:15px;
    padding-right:15px;
    background:url(../images/content-title2-bg.jpg) repeat-x;
    margin-left:10px;
    margin-right:10px;
}
img.noborder{
    border:0!important;padding:0!important;background:none!important;margin:0!important;
}
img.doubleborder{
	padding:1px;
	border:1px solid #1a86a8;
}
/*HEADER*/
#header{
	width:894px;height:206px;
	background:url(../images/header.jpg);
	margin-left:auto;margin-right:auto;
        position:relative;
}
#header #nav{
    position:absolute;
    top:146px;
    left:172px;
}
#header #nav ul{
    list-style-type:none;
    margin:0;
    padding:0;
}
#header #nav ul li{
    float:left;
    height:44px;
    padding-left:9px;
    padding-right:9px;
    text-align:center;
    position:relative;
}
#header #nav ul li:hover,#header #nav ul li.wdrop:hover,#header #nav ul li.hover,#header #nav ul li.wdrop.hover{
    background:url(../images/navhover.png);
}
#header #nav ul li a{
    color:#005b81;
    font-family:arial;
    font-weight:bold;
    font-size:11px;
    text-transform:uppercase;
    text-decoration:none;
    margin-top:13px;
    height:23px;
    display:block;
}
#header #nav ul li{
     position:relative;
     margin-right:10px;
}
#header #nav ul li.wdrop a{
    background:url(../images/navarrow.png) no-repeat bottom center;

}
#header #nav ul li.wdrop ul{
    visibility:hidden!important;
    border-top:1px solid #ebe6db;
    list-style:none;
    background:url(../images/wdrop-bg.png);
    width:153px;
}
#header #nav ul li.wdrop ul li{
    float:none;
    margin:0 0 0 0;
    padding:0;
    height:29px!important;
    text-align:left;
    background:none;
    width:146px;
    margin-left:2px;
    margin-top:-2px;
    position:relative;
}
#header #nav ul li.wdrop ul li a{
    background:none;
    left:10px;
    top:-5px;
    display:inline;
    position:absolute;
    text-transform:none;
}
#header #nav ul li.wdrop ul li:hover,#header #nav ul li.wdrop ul li.hover{
    background:url(../images/wdrop-li-hover.png);
    height:29px;
}
#header #nav ul li.wdrop ul li:hover a,#header #nav ul li.wdrop ul li.hover a{
    color:#ba6c1c;
}
#header #nav ul li.wdrop .li-bottom-box{
    background:url(../images/li-bottom-box.png) bottom center no-repeat;
    position:absolute;
    width:153px;
    margin-top:7px;
    left:0px;
    visibility:hidden;
    padding-bottom:8px;
}
#header #nav ul li.wdrop:hover .li-bottom-box,#header #nav ul li.wdrop:hover ul,#header #nav ul li.wdrop.hover ul,#header #nav ul li.wdrop.hover .li-bottom-box{
    visibility:visible!important;
}
/*CONTENT*/
#wrapper{
   background:url(../images/bg.jpg) repeat-y -43px 0;
   width:894px;
   margin-left:auto;margin-right:auto;
}
#content{
	width:808px;
	margin-left:auto;margin-right:auto;

	padding-top:18px;
}

/*CONTENT - LEFT*/
#content #left{
	width:157px;
	float:left;
}
#content #left .online-banking{
	width:100%;
	background:url(../images/onlinebanking-bg.jpg) top left no-repeat;
}
#content #left .online-banking-manage{
    font-size:11px;
    margin-top:4px;
}
#content #left .online-banking-title{
	font-size:10px;
	font-weight:bold;
	font-family:verdana;
	text-transform: uppercase;
	color:#fff;
	padding:11px;
	padding-top:5px;
}
#content #left .online-banking-body{
	padding:12px;
	padding-top:6px;
	font-family:arial;
	font-weight:bold;
	font-size:11px;
	color:#a29f8c;
}
#content #left .online-banking-body p{
	margin-top:0;
	margin-bottom:8px;
	font-size:10px;
	font-weight:bold;
}
#content #left .online-banking-body .inputtext{
	background:url(../images/onlinebanking-input-bg.jpg);
	width:116px;
	height:15px;
	border:0;
	color:#6c6a5b;
	font-family:arial;
	padding:6px;
}
#content #left .online-banking-body a{
	color:#a29f8c;
	font-family:arial;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
	line-height:10px;
}
#content #left .online-banking-links{
	float:left;
	text-align:right;
	padding-left:18px;
	margin-top:10px;
	padding-top:1px;
}
#content #left .online-banking-login{
	float:right;
	width:54px;
	text-align:right;
	margin-top:10px;
}
#content #left .menu-header{
	background:url(../images/left-header-bg.jpg);
	height:26px;
	width:100%;
	margin-top:10px;
}
#content #left .menu-header-title{
	font-size:10px;
	font-weight:bold;
	font-family:verdana;
	text-transform: uppercase;
	color:#fff;
	padding:11px;
	padding-top:5px;
}
#content #left .menu-body{
	padding:12px;
	padding-top:4px;
	font-family:arial;
	font-size:11px;
	color:#6c6a5b;
}
#content #left .menu-body p{
	margin-top:0;
}
#content #left .menu-body .img{
	text-align:right;
	margin-top:5px;
}
#content #left .menu-body .img2{
	text-align:center;
	margin-top:7px;
	margin-bottom:9px;
}


/*CONTENT - RIGHT*/
#content #right{
	width:611px;
	float:right;
}
#content #right p{
    line-height:17px;
}
#content #right ul{
    padding-bottom:0;
    margin-bottom:0;
}
#content #right li{
    font-weight:bold;
    padding-bottom:10px;
}
#content #right li em{
    font-weight:normal;
}
#content #right img{
    border:4px solid #e1dcc7;
    padding:1px;
    margin:5px;
}
#content #right .home-content{
    padding-left:25px;
}
.center-content{
	margin-top:35px;
}
#content #right .col-head{
    font-family:verdana;
    font-size:11px;
    color:#fff;
    font-style:italic;
    font-weight:bold;
    text-transform:uppercase;
    padding:9px;
}
#content #right .col-body img{
    padding:1px;
    border:1px solid #1a86a8;
}
#content #right .col-body{
    width:143px;
    margin-left:auto;margin-right:auto;
    margin-top:10px;
    font-size:10px;
    font-family:verdana;
    color:#00567c;
}
#content #right .col-body p{
    height:60px;
    line-height:14px!important;
}
#content #right .col-body .learnmore{
    text-align:right;
    width:100%;
}
#content #right .col-body .learnmore img{
    border:0;
    padding:0;
}
#home-col-container{
    width:100%;
    margin-top:35px;
    margin-bottom:35px;
}
#home-col1{
    float:left;
    background:url(../images/content-left-bg.jpg);
    width:195px;height:237px;
}
#home-col2{
    float:left;
    background:url(../images/content-mid-bg.jpg);
    width:187px;height:237px;
    margin-left:5px;
}
#home-col3{
    float:right;
    background:url(../images/content-right-bg.jpg);
    width:194px;height:237px;
}

/*FOOTER*/
#footer{
	width:100%;height:58px;
	background:url(../images/footer-bg.jpg);

}
#footer a{
    color:#fff;
    text-decoration:none;
}
#footer #footer-inside{
	height:33px;
	background:url(../images/footer-inside-bg.jpg) no-repeat 157px 0;
	width:808px;
	margin-left:auto;margin-right:auto;
        color:#fff;
        font-size:10px;
        font-weight:bold;
        padding-top:25px;
}
#footer #footer-copyright{
    float:left;
    padding-left:50px;
}
#footer #footer-links{
    float:left;
    padding-left:182px;
}
#footer #footer-links ul{
    margin:0;padding:0;
    list-style:none
}
#footer #footer-links ul li{
    float:left;
    padding-right:10px;
}
#footer #footer-idb{
    float:right;
}
.buttons{
	text-align:center;
        width:157px;
        margin-top:30px;
        padding-bottom:20px;
}
.buttons img{
	margin:3px;
}




/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {
    display: none;

    position: fixed;
    top: 17%;
    left: 50%;

    margin-left: -300px;
    width: 600px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#dialog{
    background:#d5d0bd;
}
#dialog a.agree{
   width:70px;height:23px;background:url('../images/btn-agree.jpg') no-repeat;text-indent:-9999px;display:block!important;margin-right:10px;float:left;
}
#dialog a.disagree{
    width:70px;height:23px;background:url('../images/btn-disagree.jpg') no-repeat;text-indent:-9999px;display:block!important;float:left;
}
#dialog .agreement{
    height:400px;overflow:scroll;width:100%;margin:10px 0 10px!important;
}
#dialog a.print{float:right;}
#dialog a.close{float:right;}