@charset "UTF-8";
html {
	height: 100%;
	background: url(../images/background.gif);
}
body {
	height: 100%;
	margin: 0;
}

.skip-nav {
        list-style: none;
        width: 100%;
        z-index: 99999;
        font-family: sans-serif;
    }
    .skip-nav li {
        position: absolute;
        width: 100%;
    }
    .skip-nav a {
        text-decoration: none;
        position: absolute;
        left: -4000px;
        background: #333;
        color: #fff;
    }
    .skip-nav a:focus {
        font-size: 19px;
        border: 2px solid #fff;
        left: 0;
        margin: 10px;
        padding: 10px;
    }

#wrapper {
	min-height: 100%;
	width: 100%;
	background-image: url(../images/top-rep.jpg);
	background-repeat: repeat-x;
}
#wrapper-home {
	min-height: 100%;
	width: 100%;
	background-image: url(../images/top-rep-home.jpg);
	background-repeat: repeat-x;
}
#main-container {
	width: 960px;
	margin: 0 auto;
	overflow: auto;
	text-align: left;
	padding-bottom: 170px;
	z-index: 1000000;
	position: relative;
}

/* global */
h1 {
	font-family: Helvetica, sans-serif, Arial;
	font-size: 24px;
	font-weight: bold;
	color: #365356;
	margin: 0px;
	padding-bottom: 20px;
}
a {
	color: #3e6b71;
	text-decoration: underline;
}
a:hover {
	color: #84702a;
	text-decoration: none;
}
a img {
	border: none;
}
.small-txt {
	font-size: 10px;
}
.hover {
	cursor: pointer;
}


/* top */
#top-wrap {
	width: 960px;
	height: 50px;
	margin-top: 25px;
	margin-bottom: 20px;
}
#logo {
	width: 360px;
	height: 50px;
	margin-left: 10px;
	float: left;
}
#tl-wrap {
	width: 590px;
	height: 60px;
	float: right;
	text-align: right;
	font-family: Helvetica, sans-serif, Arial;
	font-size: 12px;
	color: #345053;
}
.tl-links {
	color: #345053;
	margin-right: 10px;
	margin-left: 10px;
	text-decoration: none;
	font-family: Helvetica, sans-serif, Arial;
	font-size: 12px;
	line-height: 20px;
}
.tl-links:hover {
	color: #638983;
}

/* menu */
#menu-wrap {
	width: 100%;
	height: 40px;
	background-color: #dbbb4b;
	margin-bottom: 15px;
}
#menu-back {
	width: 575px;
	height: 20px;
	background-color: #dbbb4b;
	float: left;
	margin-top: 5px;
}
#srch-wrap {
	width: 223px;
	height: 18px;
	background-color: #dbbb4b;
	float: right;
	border: 1px solid #967f00;
	margin-right: 10px;
	margin-top: 10px;
	line-height: 25px;
}
#srch-input-container {
	width: 175px;
	margin-left: 5px;
	float: left;
	
}
.srch-input {
	border: none;
	background-color: #dbbb4b;
	width: 175px;
	color: #333;
	font-family: Helvetica, sans-serif, Arial;
	font-size: 9pt;
	font-style: italic;
	line-height: 16px;
}
#srch-btn {
	width: 17px;
	height: 14px;
	margin-top: 2px;
	margin-right: 5px;
	float: right;
}

/* home banking pop */

#hb-wrap {
	width: 230px;
	height: 25px;
	background-color: #C66;	
	float: left;
}
.hbl-container {
	padding: 10px;
	height: 100px;
	width: 260px;
	background-color: #5d5d5d;
}
.hbl-header {
	font-family: Helvetica, sans-serif, Arial;
	font-size: 14pt;
	font-weight: bold;
	color: #FFFFFF;
	padding-bottom: 5px;
	text-align: left;
	text-shadow: #fff6df 1px 1px;
}
.hbl-input {
	color: #365356;
	font-style: italic;
	font-family: Helvetica, sans-serif, Arial;
	font-size: 10pt;
	width: 170px;
	height: 34px;
	border: none;
	text-indent: 5px;
	background-color: #ffffff;
	padding-left: 7px;
	padding-right: 7px;
}
#hbl-button
{
	width: 70px;
	height: 36px;
	border: 0;
	border-radius: 1px;
	outline: none;
	background-color: #dbbb4b;
	background-image: url(../images/hbl-btn.png);
	background-repeat: no-repeat;
	background-position: center;
}
#hbl-button:hover
{
	background-color: #365356;
}
.hbl-link {
	font-family: Helvetica, sans-serif, Arial;
	font-size: 10pt;
	color: #f4efd9;
}
a.hbl-link {
	font-family: Helvetica, sans-serif, Arial;
	font-size: 10pt;
	font-weight: normal;
	color: #f4efd9;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
	text-align: center;
}
a.hbl-link:hover {
	color: #dbbb4b;
}


/* body */
#body-wrap {
	width: 100%;
	float: left;
	background-color: #ffffff;
	min-height: 600px;
	margin-top: 20px;
}
#crumbs-wrap {
	width: 100%;
	height: 40px;
	background-color: #50504f;
	line-height: 40px;
}
#crumbs-container {
	width: 700px;
	height: 40px;
	line-height: 40px;
	margin-left: 10px;
	float: left;
}
.crumbs-active {
	height: 40px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding-right: 35px;
	margin-right: 5px;
	font-family: Helvetica, sans-serif, Arial;
	font-size: 10pt;
	line-height: 40px;
	background-image: url(../images/crumbs-arrow.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	float: left;
}
.crumbs-link {
	height: 40px;
	color: #e5c760;
	text-decoration: none;
	display: block;
	padding-right: 35px;
	margin-right: 5px;
	font-family: Helvetica, sans-serif, Arial;
	font-size: 10pt;
	line-height: 40px;
	background-image: url(../images/crumbs-arrow.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	float: left;
}
.crumbs-link:hover {
	color: #fff;
}
#hb-wrap {
	width: 225px;
	height: 40px;
	float: right;
}
#content-wrap {
	width: 930px;
	padding: 15px;
	min-height: 100px;
	font-family: Helvetica, sans-serif, Arial;
	font-size: 14px;
	font-weight: normal;
	color: #504f4f;
}
#left-side {
	width: 250px;
	min-height: 500px;
	float: left;
	margin-bottom: 20px;
}
#pic {
	width: 250px;
	height: 200px;
	float: left;
	margin-bottom: 1px;
}
#rl-wrap {
	width: 210px;
	min-height: 120px;
	background-image: url(../images/rl-back.png);
	background-repeat: no-repeat;
	background-color: #504f4f;
	float: left;
	padding: 20px;
	margin-bottom: 1px;
}
#rl-navi-container {
	width: 210px;
	text-align: left;
	margin-top: 45px;
}
.rl-link {
	color: #f4f0da;
	text-decoration: none;
	display: block;
	padding-top: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	font-family: Helvetica, sans-serif, Arial;
	font-size: 10pt;
	line-height: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #737373;
}
.rl-link:hover {
	color: #cccccc;
	background-color: #454444;
}
.rl-link-active {
	text-decoration: none;
	display: block;
	padding-top: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	font-family: Helvetica, sans-serif, Arial;
	font-size: 11pt;
	line-height: 12px;
	font-weight: bold;
	color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #737373;
}
#rsrc-wrap {
	width: 210px;
	min-height: 160px;
	background-image: url(../images/rc-back.png);
	background-repeat: no-repeat;
	background-color: #365356;
	float: left;
	padding: 20px;
}
#rsrc-navi-container {
	width: 210px;
	text-align: left;
	margin-top: 45px;
}
.rsrc-link {
	color: #f4f0da;
	text-decoration: none;
	display: block;
	padding-top: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	font-family: Helvetica, sans-serif, Arial;
	font-size: 10pt;
	line-height: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #527d81;
}
.rsrc-link:hover {
	color: #fff;
	background-color: #2d4649;
}
#right-side {
	width: 595px;
	min-height: 600px;
	margin-left: 50px;
	padding-top: 35px;
	padding-bottom: 25px;
	float: left;
}

/* Footer */
#footer-back {
	position: relative;
	margin-top: -200px;
	height: 200px;
	background-color: #4d4c4c;
	border-top: 7px;
	border-top-color: #d2b448;
	border-top-style: solid;
	clear: both;
}
#footer-wrap {
	width: 960px;
	margin: 0 auto;
	padding-top: 50px;
	z-index: 10000001;
	position: relative;
}
#footer-links {
	width: 110px;
	float: left;
	margin: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#cccccc;
	margin-left: 20px;
	display:block;
}
#footer-links a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#f9f9f9;
	}
#footer-links a:hover {
	color: #f4f0d9;
	text-decoration: none;	
}
#footer-numbers {
	float: left;
	width: 275px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f9f9f9;
	text-align: left;
	line-height: 20px;
	margin-left: 40px;
	display:block;
} 
#footer-numbers a {
	text-decoration: underline;
	font-size: 12px;
	color: #fff;
}
#footer-numbers a:hover {
	color:#fff;
	text-decoration: none;
}
#footer-branch1 {
	float: left;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f9f9f9;
	text-align: left;
	line-height: 25px;
	margin-left: 40px;
	display:block;
}
#footer-branch2 {
	float: left;
	width: 130px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f9f9f9;
	text-align: left;
	line-height: 25px;
	margin-left: 40px;
	display:block;
}
#footer-icons {
	width: 130px;
	float: right;
	margin-right: 20px;
}

.footer-ada {
	width: 960px;
	margin: 0 auto;
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	display:block;
}

/*  third-party links */
#link-overlay {
	z-index: 100000002;
	opacity: .3;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
}
#warning_popup {
	font-family: Helvetica, sans-serif, Arial;
	font-size: 10pt;
	font-weight: normal;
	color: #353535;
	text-align: left;
	position: absolute;
	top: 10%;
	left: 50%;
	padding: 20px;
	display: block;
	z-index: 100000003;
	width: 625px;
	margin-left: -275px;
	background-color: #FFFFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity: 1.0;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #eeeeee;
	border-bottom-color: #eeeeee;
}
#warning_popup a:active, #warning_popup a:link, #warning_popup a:visited {
	font-size: 9pt;
	color: #bf2a3a;
	font-weight: normal;
	text-decoration: underline;
	font-family: Verdana, Geneva, sans-serif;
	text-shadow: 1px 1px #fff;
}
#warning_popup a:hover {
	font-size: 9pt;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #82bbb2;
}
#main_bg {
	width:100%;
	margin:0 auto;
	position:relative;
}
	

/* calcs */
.calc-wrap {
	width: 100%;
	padding: 5px;
	float: left;
	border-bottom: 1px solid #EEEEEE;
}
.calc-text-wrap {
	width: 65%;
	float: left;	
	height: 20px;
	line-height: 30px;
}
.calc-btn-wrap {
	width: 100px;
	float: right;
	text-align: right;
}
.calc-btn {
	color: #111;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	background-color: #73908b;
	padding: 5px;
	line-height: 20px;
	display: block;
	width: 75px;
	height: 20px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.calc-btn:hover {
	color: #111;
	background-color: #dbbb4b;
}

/* pops */

.popback {
	font-family:Arial, Tahoma, sans-serif;
	font-size: 7.5pt;
	color: #000000;
	font-weight: bold;
	background-color: #bfd077;
}
.poplink {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 8pt;
	color: #FFF;
	font-size: 7pt;
}
a.poplink {
	font-family:Arial, Tahoma, sans-serif;
	font-size: 7.5pt;
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
a.poplink:hover {
	color: #FFF;
	text-decoration: none;
}
#pop-txt {
	width: 90%;
	padding: 25px;
	margin: 0 auto;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color:717171;
}

/* featured marketing */
#body-wrap-home {
	width: 100%;
	float: left;
	min-height: 620px;
	margin-top: 2px;
}
#featured-wrap {
	width: 960px;
	height: 300px;
	overflow: hidden;
}

/* home page login */

#home-hbl-back {
	background-image: url(../images/hbl-back.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 255px;
	z-index: 1000;
	position: absolute;
	margin-right: 200px;
	left: 50%;
	margin-top: 20px;
	margin-left: -475px;
}
#hbl-input-wrap {
	width: 170px;
	margin-top: 60px;
	margin-bottom: 5px;
	margin-left: 15px;
	float: left;
}
#hbl-button-wrap {
	width: 170px;
	margin-bottom: 10px;
	margin-left: 15px;
	float: left;
}
#hbl-links-wrap {
	width: 150px;
	margin-left: 15px;
	float: left;
	padding-left: 20px;
	line-height: 25px;
}
.hbl-input-home {
	width: 164px;
	height: 28px;
	border: 1px solid #967f00;
	font-family: Helvetica, sans-serif, Arial;
	font-size: 10pt;
	font-weight: normal;
	color: #222;
	text-align: center;
	background-color: #dbbd47;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 7px;
}
#hbl-button-home
{
	width: 168px;
	height: 32px;
	border: 1px solid #967f00;
	font-family: Helvetica, sans-serif, Arial;
	font-size: 10pt;
	line-height: 25px;
	font-weight: normal;
	color: #222;
	text-align: center;
	background-color: #dbbd47;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 7px;
}
#hbl-button-home:hover
{
	background-color: #eee198;
}
.home-hbl-link {
	font-family: Helvetica, sans-serif, Arial;
	color: #ffffff;
	font-weight: normal;
	font-size: 11pt;
}
a.home-hbl-link  {
	color: #222;
	text-decoration: none;
	font-family: Helvetica, sans-serif, Arial;
	font-weight: normal;
	font-size: 11pt;
}
a.home-hbl-link:hover {
	text-decoration: none;
	color: #111;
}


/* featured rates */

#fr-main {
	width: 960px;
	height: 100px;
	background: #345053;
}
.fr-container {
	width: 210px;
	height: 70px;
	margin-top: 10px;
	border-right: solid 1px #a9d7ff;
	float: left;
	text-align: center;
	padding-top: 10px;
}
.frbold {
	font-weight: bold;
	color: #fff;
	font-size: 13pt;
	font-family: Helvetica, sans-serif, Arial;
}
.frsmall {
	font-family: Helvetica, sans-serif, Arial;
	font-size: 11px;
	color: #fff;
}
.frtext {
	font-family: Helvetica, sans-serif, Arial;
	font-size: 24pt;
	color: #fff;
}
#fr-btn-container {
	width: 100px;
	height: 80px;
	float: left;
	margin-top: 10px;
	margin-left: 16px;
}
.fr-btn a{
	color: #fff;
	text-decoration: none;
	font-style: italic;
	font-size: 11pt;
	background-color: #333;
	font-family: Helvetica, sans-serif, Arial;
	display: block;
	width: 100px;
	height: 30px;
	text-align: center;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-top: 7px;
	line-height: 30px;
}
.fr-btn a:hover {
	color: #fff;
	background-color: #4c4c4c;
}

/* featured links */

#featured-links-wrap {
	width: 960px;
	min-height: 350px;
	background-color: #fffdf4;
	margin-top: 20px;
}
#icon-gc a {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	float: left;
	width: 200px;
	height: 225px;
	background-image: url(../images/icon-gc.png);
	background-repeat: no-repeat;
}
#icon-gc a:hover {
	background-color: #f4f0d9;
}	
#icon-gc span {
	display: none;
}
#icon-fb a {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	float: left;
	width: 200px;
	height: 225px;
	background-image: url(../images/icon-fb.png);
	background-repeat: no-repeat;
}
#icon-fb a:hover {
	background-color: #f4f0d9;
}	
#icon-fb span {
	display: none;
}
#icon-acr a {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	float: left;
	width: 200px;
	height: 225px;
	background-image: url(../images/icon-acr.png);
	background-repeat: no-repeat;
}
#icon-acr a:hover {
	background-color: #f4f0d9;
}	
#icon-acr span {
	display: none;
}
#icon-atm a {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	float: left;
	width: 200px;
	height: 225px;
	background-image: url(../images/icon-atm.png);
	background-repeat: no-repeat;
}
#icon-atm a:hover {
	background-color: #f4f0d9;
}	
#icon-atm span {
	display: none;
}
#icon-ez a {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	float: left;
	width: 200px;
	height: 225px;
	background-image: url(../images/icon-ezcard.png);
	background-repeat: no-repeat;
}
#icon-ez a:hover {
	background-color: #f4f0d9;
}	
#icon-ez span {
	display: none;
}
#love-wrapper {
	width: 960px;
	float: left;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
}


/*Table Style*/
/*
    smooth taste table styles
    written by Thomas Opp http://www.yaway.de
*/
.tbl { background:#f5f5f5;
 border:1px solid gray;
 border-collapse:collapse;
 color:#fff;
 font-size:9pt;
font-family: Helvetica, sans-serif, Arial;
}
caption { border:1px solid #5C443A;
 color:#5C443A;
 letter-spacing:20px;
 padding:6px 4px 8px 0px;
 text-align:center;
 text-transform:uppercase;
}

.tbl td, th { color:#363636;
 padding:.5em;
 
}

.tbl tr td{ 
    border:1px dotted gray;
}

.tbl thead th, tfoot th {
	background: #504f4f;
	color: #fff;
	padding: 5px 0px 5px 5px;
	text-align: left;
}

.tbl tbody td a { color:#363636;
 text-decoration:none;
}
.tbl tbody td a:visited { color:gray;

}
.tbl tbody td a:hover { text-decoration:underline;
}
.tbl tbody th a { color:#363636;
 font-weight:normal;
 text-decoration:none;
}
.tbl tbody th a:hover { color:#363636;
}
.tbl tbody td+td+td+td a { 
 background-position:left center;
 background-repeat:no-repeat;
 color:#03476F;
 padding-left:15px;
}
.tbl tbody td+td+td+td a:visited { 
 background-position:left center;
 background-repeat:no-repeat;
}
.tbl tfoot td { background:#5C443A;
 color:#FFFFFF;
 padding-top:3px;
}
.tbl .odd { background:#fff;
}
.tbl tbody tr:hover { background:#97aea8;
}

.title-tbl
{
 background:#393f3f;
 color:#fff;
 padding:2px 0px 2px 5px;
 text-align:center;
}

/* css table end*/