body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #E6E3E3;
	}
td {
    font: 10pt Arial, Helvetica, sans-serif;
}

a:link, a:visited {
color: #000000;
text-decoration: underline;
}
a:hover, a:active {
color: #CC0033;
text-decoration: none;
}
.searchContainer form, .loginForm form {
	margin: 0;
	padding: 0;
	}

/* .............................=layout =distyles */
.clearfloat {
	height: 1px;
	clear: both;
	}

.container-top {
	background-image:url(../images/container_top.gif);
	background-repeat: no-repeat;
	margin: 8px auto;
	height: auto;
	width: 764px;
}	

.container {
	margin: -8px auto;
	width: 762px;
	border-right: 1px solid #D61820;
	border-left: 1px solid #D61820;
	background-color: #fff;
	background-repeat: no-repeat;
	}

* html .container {
width: 764px;
}


.containerInner {
	width: 745px;
	padding-top: 5px;
	margin: auto;
	text-align: left;
	}
	
.container-bottom {
	background-image:url(../images/container_bottom.gif);
	background-repeat: no-repeat;
	margin-top: -8px;
	width: 764px;
}
/*..................................=header*/
.header {
	height: 72px;
	text-align: left;
	}
.header a:link, .header a:visited {
	color: #000000;
	text-decoration: underline;
	}
.header a:hover, .header a:active {
	text-decoration: none;
	color: #CC0033;
	}
.logo {
	float: left;
	width: 350px;
	margin-top: 10px;
	}
/* ...................................=subNav */
.subNav {
	float: right;
	width: 394px;
	margin-top: -5px;
	font: 10px Arial, Verdana, Sans-Serif;
	}
* html .subNav {
    margin-top: 0px;
}
.subNav ul {
	margin: 0;
	padding: 0;
	text-align: right;
	}
.subNav li {
	display: inline;
	margin: 0;
	padding: 0;
	}

.subNav a {
	padding: 3px 8px 3px 8px;
	}
/*..................................=subNavBack*/
.subNavBack {
    padding: 11px 0 0 0;
	float: left;
	width: 132px;
	font: 12px Arial, Verdana, Sans-Serif;
	}
.subNavBack td {
	font: 8pt Arial, Verdana, Sans-Serif;
	padding: 3px 0 0;
	}
.subNavBackHed {
	font: bold 12px Arial, Verdana, Sans-Serif;
	color: #CC0033;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: 3px;
	}
.subNavBack ul, .subNavBack li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.subNavBack a {
	color: #616060;
	font-size: 8pt;
	}
.subNavBack a:hover,.subNavBack a.selected {
	text-decoration: none;
	color: #CC0033;
	text-decoration: none;
	}
/* ...................................=search*/
.searchContainer {
	float: right;
	width: 394px;
	margin-top: 35px;
	text-align: right;
	}
/*..................................=mainNavigation*/
.mainNav     { 
	height: 25px; 
	background-image: url('../images/navBottom.gif'); 
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: bolder; 
	font-size: 9pt; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	background-position: bottom ;
	}
.mainNav ul { margin: 0; padding-top: 5px; padding-left: 12px;}

.mainNav li { 
	display: inline;
	margin: 0;
	padding: 0;
	}
.mainNav a:link, .mainNav a:visited, .mainNav a:active {
	padding: 3px 8px 3px 8px;
	color: #fff;
	text-decoration: none;
	}
.mainNav a:hover, .mainNav a.selected {
	padding: 3px 8px 3px 8px;
	text-decoration: none;
	color: #CC0033;
	}
/*..................................=contentTop*/
.contentTop {
	height: 176px;
	background-color: #fff;
	width: 750px;
	}
/*..................................=photo*/
.photo {
	margin-top: 3px;
	background-color: #FFF;
	text-align: center;
	width: 525px;
	float: left;
	letter-spacing: 1px;
	color: #FFF;
	font: 9pt Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	}

* html .photo {
    width: 510px;
}
/*..............................................=ratesBack*/
.ratesBack {
	width: 173px;
	margin-bottom: 4px;
	}
.ratesBack img {
	margin-bottom: 4px;
	}
	
/*..............................................=loanBlockBack*/
.loanBlockBack{
	font: 8pt  Arial, Helvetica, sans-serif;
	width: 173px;
	margin-top: 3px;
	border: 1px solid #000;
	background-color: #E6E3E3;
}
.loanBlockBack a:link, .loanBlockBack a:visited {
	color: #000000;
	font: 8pt  Arial, Helvetica, sans-serif;
	}
.loanBlockBack a:hover, .loanBlockBack a:active {
	text-decoration: none;
	color: #CC0033;
	font: 8pt  Arial, Helvetica, sans-serif;
	}
.boxBack {
	background-color: #000000;
	width: 175px;
	height: 20px;
	margin-top: 3px;
}
* html .boxBack {/* show only to IE */
	width: 173px;
	}
.loanBack {
	color: #fff;
	background-color: #fff;
	width: 173px;
	margin-bottom: 5px;		
}
.loanBack .text {
 	margin: 3px 0 0 6px;
 	color:#FFFFFF;
 	font: bold 9pt  Arial, Helvetica, sans-serif;
}

/*..................................=loginArea*/
.loginBox {
	float: left;
	width: 218px;
	background-image:url(../images/OB_Top.gif);
	background-repeat: no-repeat;
	color: #fff;
	height: 176px;
	width: 218px;
	margin-top: 3px;
	}

.loginArea {
	margin: 35px 0 0 0px;
	width: 218px;
	background-color: #D61820;
	font-size: 8pt;
	height: 131px;
	}
.loginArea a {
	color: #FFFFFF;
	}
.loginArea a:link, .loginArea a:visited {
     color: #FFFFFF;
}
.loginArea a:hover, .loginArea a:active {
	text-decoration: none;
	color: #E7E6E6;
	}
.loginForm {
	text-align: right;
	margin: 13px 5px 0 0;
	}
.loginForm p {
	margin: 5px 0 0 0;
	padding: 0;
	}
	
.loginBottom{
	background-image:url(../images/OB_Bottom.gif);
	background-repeat: no-repeat;
	width: 218px;
}

.links_bottom_wrapper {
                position: absolute;
}

.links_bottom {
                position: relative;
                top: 2px;
}

* html .links_bottom {
                top: -2px;
}
	
/*..................................=loginBack*/
.loginBoxBack {
	width: 175px;
	background-color: #D61820;
	color: #fff;
	background-image:url(../images/OB_Top_back.gif);
	background-repeat: no-repeat;
	padding: 35px 0 0 0px;
	}
.loginHedBack {
	font: bold 10pt Arial, Verdana, Sans-Serif;
	background-color: #D61820;
	width: 175px;
	height:20px;
	padding-top: 2px;
	}
.loginAreaBack {
	padding-bottom: 4px;
	padding-left: 3px;
	width: 172px;
	background-color: #D61820;
	font-size: 8pt;
	}
.loginAreaBack a:link, .loginAreaBack a:visited {
	color: #FFFFFF;
	}
.loginAreaBack a:hover, .loginAreaBack a:active {
	text-decoration: none;
	color: #E7E6E6;
	}
.loginAreaBack img {
	vertical-align: middle;
	margin-left: 20px;
	}
	
.loginBottomBack {
	background-image:url(../images/OB_Bottom_back.gif);
	background-repeat: no-repeat;
	width: 175px;
	height: 12px;
}

/*..................................=leftCol*/
.leftCol {
	width: 570px;
	float: left;
	}

/*..................................=mainContent*/
.mainContent {
	width: 422px;
	float: left;
	color: #666666;
	}
	
/*..................................=rightCol*/
.rightCol {
	width: 175px;
	float: right;
	margin-top: 3px;
	margin-right: -3px;
	}

	
/*..................................=contentBottom*/
.contentBottom {
	margin-top: 8px;
	width: 745px;
	background-color: #fff;
	padding-bottom: 19px;
	}
	
.contentBottom .left {
                float: left;
                width: 520px;
}
	
* html .contentBottom .left {
                margin-right: -250px;
}
	
.contentBottom .right {
}
	
/*..................................=whatsHot area*/
.whatsHot {
	margin-top: 5px;
	padding-right: 15px;
	float: left;
	width: 250px;
	font: 10pt Arial, Verdana, Sans-serif;
	color: #666666;
	}

.whatsHotContainer {
	margin-bottom: 5px;
	clear: both;
}	

.whatsHotHed {
	font: bold 10pt Trebuchet MS;
	color: #000000;
	margin-bottom: 2px;
	margin-top: 3px;
	}
.whatsHot img {
	margin: 0 5px 0px 0;
	}
	
.whatsHot a:link, .whatsHot a:visited {
	color: #000000;
	font: 9pt  Arial, Helvetica, sans-serif;
	}
	
.whatsHot a:hover, .whatsHot a:active {	
	color: #CC0033;
	text-decoration: none;	
}
	
/*..................................=useNews area*/
.useNewsWrapper {
	float: left;
	margin-left: 5px;
	width: 220px;
/*        margin-left: 270px;
                margin-right: 250px;*/
}
.useNews {
	margin-bottom: 2px;
	font: 8pt Arial, Verdana, Sans-serif;
	}

.useNewsHed {
	font: bold 10pt Trebuchet MS;
	color: #CC0033;
	margin: 0;
	}
.useNews ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
.useNews li  { 
	padding: 4px 0 0 0;
	vertical-align: top;
	}
.useNews a:link, .useNews a:visited {
	color: #616060;
	font: 8pt  Arial, Helvetica, sans-serif;
	text-decoration: underline;
	}
	
.useNews a:hover, .useNews a:active {	
	color: #CC0033;
	text-decoration: none;	
}

sup {
	font-size: 8px;
}

.mainContent ul li { 
	list-style-type: none; 
	background-image: url('../images/bullet.gif'); 
    background-repeat: no-repeat; 
	background-attachment: scroll;
    margin-bottom: 5px; 
	padding-left: 18px; 
	padding-right: 0; 
    padding-top: 2px; 
	padding-bottom: 0; 
	background-position: 0% 7px}
	


/*..................................=Virtual Branch*/
.vb {
	float:left;
	width: 217px;
	background-image:url(../images/virtbr_top.gif);
	background-repeat: no-repeat;
	margin: -6px 0px 0px 0px;
	}

.vb .separator {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 20px;
    margin-right: 20px;
}

.contentBack .vb {
            width: 175px;
	background-image:url(../images/virtbr_top_back.gif);
}
	
.vbcontent{
	margin-top: 67px;
	width: 217px;
	background-color: #D4D4D4;
	font: bold 8pt Trebuchet MS;
	color: #CC0033;
}
	
.contentBack .vbcontent {
	margin-top: 78px;
	width: 175px;
	background-color: #D4D4D4;
	font: bold 8pt Trebuchet MS;
	color: #CC0033;
}

* html .vb {
	margin: -6px 0px 0px 16px;
}

* html .contentBack .vb {
            margin: -10px 0 0 0;
}
	
.vbcontent ul {
	list-style-type: none;
	margin: 0px 0 0 10px;
	padding: 0;
	}
.vbcontent li {
	font: bold 8pt Trebuchet MS;
	color: #CC0033;
	margin-bottom: 2px;
	margin-right: 5px;
	}

.vbcontent a:link, .vbcontent a:visited {
	color: #CC0033;
	font: bold 8pt Trebuchet MS;
	text-decoration: underline;
	}
	
.vbcontent a:hover, .vbcontent a:active {	
	color: #000000;
	text-decoration: none;	
}

.vbBottom{
	background-image:url(../images/virtbr_bottom.gif);
	background-repeat: no-repeat;
	width: 218px;
}

.contentBack .vbBottom{
	background-image:url(../images/virtbr_bottom_back.gif);
	width: 175px;
}

#vbsep{
	margin: 0 0 0 20px;
	padding: 0;
}

.vb .top_links {
    padding-top: 6px;
}

#contact{
	margin-left: 7px;
	margin-bottom: 8px;
}


.security{
	margin-left: 0px;
	margin-top: 10px;
	font: 8pt Trebuchet MS;
	color: #616060;
}

.security a:link, .security a:visited {
	color: #616060;
	font: 8pt Trebuchet MS;
	text-decoration: underline;
	}
	
.security a:hover, .security a:active {	
	color: #000000;
	text-decoration: none;	
}

/*..................................=footer*/
.footer {
	text-align: center;
	padding-top: 0;
	margin: 5px auto;
	width: 750px;
	background-color: #E6E3E3;
	font: 8pt arial, verdana, sans-serif;
	}
.footerLeft {
	margin-top: 5px;
	vertical-align: middle;
	float: left;
	}
.footerLeft img {
	margin-left: 10px;
	padding-bottom: 5px;
	}

.footerLeft img.firstImg {
	margin-left: 0 !important;
	}
	
.footerRight {
	float: right;
	vertical-align: middle;
}
.footerRight img {
	margin-right: 2px;
	margin-left: 2px;
	}
.footerNav {
	
	}
.footerNav ul, .footerNav li {
	margin: 0;
	padding: 0;
	display: inline;
	}
.footerNav li {
	padding: 10px 0 0 0;
	}
.footerNav a:link, .footerNav a:visited  {
	color: #616060;
	text-decoration: underline;
	}
.footerNav a:hover {
	text-decoration: none;
	color: #CC0033;
	}
.footerMiddle {
    text-align: center;
}
.footer img {
	vertical-align: middle;
	}
.copyright {
	font: 8pt Arial, Helvetica, sans-serif;
	color:#616060;
	padding-bottom: 10px;
	}
	
.home_promo_buttons {
    float: left;
    width: 100%;
    font-weight: normal;
    font-style: normal;
    margin-left: 8px;
    letter-spacing: normal;
}
	
.home_promo_buttons ul {
    margin:0;
    padding:0;
    list-style:none;
}
	
.home_promo_buttons li {
    float:left;
    background: url("../images/promo_button_right.gif") no-repeat right top;
    background-color: black;
    margin:0;
    padding:0;
}

.home_promo_buttons a {
    display: block;
    background: url("../images/promo_button_left.gif") no-repeat left top;
    padding: 1px 15px;
    color: white;
    font-weight: bold;
    text-decoration: none;
}

#home_promo_img {
    float: left;
}

.home {
    float: right;
    width: 220px;
}


/*..................................=textual =fistyles*/