html, body { height: 100%; min-width: 959px; min-height: 768px; margin: 0; }
body { margin: 0; position: relative; background: #f0e0a9; }
img { border: 0; }

.bheader { background: url(../img/backgrounds/cheader.jpg) no-repeat; }
.bbody { background: #332000 url(../img/backgrounds/cbody.jpg) no-repeat; }
.bfooter { background: url(../img/backgrounds/cfooter.jpg) no-repeat; }

.gheader { background: url(../img/backgrounds/cheaderg.jpg) no-repeat; }
.gbody { background: #f0e0a9 url(../img/backgrounds/cbodyg.jpg) no-repeat; }
.gfooter { background: url(../img/backgrounds/cfooterg.jpg) no-repeat; }


#container { width: 959px; margin: 0 auto; }
#contact-header { position: relative; width: 100%; height: 219px; }
#contact-body { width: 100%; }
.leftsides {
	float: left;
}
#contact-footer { width: 100%; height: 38px; position: relative; line-height: 38px; }
#contact-navigation-container { background: url(../img/backgrounds/nav-background.png) no-repeat; width: 208px; height: 376px; margin-left: 35px; }
#contact-nav-indicator { background: url('../img/backgrounds/nav-indicator-background.png') no-repeat; width: 231px; height: 97px; margin-left: 12px; margin-top: 20px; }
#content-container { float: right; width: 703px; margin-right: 13px; }
#contact-nav { margin-top: 10px; width: 208px; position: absolute; z-index: 1000px; }
.online-banking-support { padding-top: 10px; float: left; width: 295px; margin-left: 30px; }
.divider { position: absolute; left: 340px; height: 320px; width: 20px; background: url(../img/backgrounds/divider-bg.jpg) no-repeat; }
.bill-payment-support { padding-top: 10px; float: right; width: 295px; margin-right: 30px; }

.contenth { height: 22px; background: url(../img/backgrounds/cch.png) no-repeat; }
.contentb { background: #fff; }
.contentf { height: 22px; background: url(../img/backgrounds/ccf.png) no-repeat; }

#contact-nav a {  padding-right: 20px; text-align: right; margin-top: 5px; width: 188px; line-height: 27px; display: block; font-size: .8em; color: #282828; text-decoration: none; font-family: Calibri, Arial, sans-serif; }
#contact-nav a:hover { font-weight: bold; background: #8c7959; color: #fff; }

#contact-nav-indicator a { display: none; }

#content-container div.bank-panel { display: none; }
#content-container div h1 { font-family: Calibri, Arial, sans-serif; padding: 20px 0 0 30px; text-shadow: 2px 2px 2px #ccc; }
#content-container div p.contact-intro { padding: 0 30px 20px 30px; font-family: Arial, sans-serif; color: #282828; font-size: .8em;}
#cnb-contact-content, #fnb-contact-content, #fsb-contact-content, #pnb-contact-content, #psw-contact-content, #rb-contact-content, #snb-contact-content, #ubb-contact-content { color: #225a95; }
#fk-contact-content h1 , #sec-contact-content h1, #unb-contact-content h1 { color: #395413; }

.online-banking-support h4, .bill-payment-support h4 { font-weight: bold; font-family: Arial, sans-serif; color: #282828; margin-bottom: 30px; }
.online-banking-support p, .bill-payment-support p { font-family: Arial, sans-serif; color: #282828; font-size: .8em; line-height: 20px; }
.online-banking-support p a.blue-link, .bill-payment-support p a.blue-link { color: #225a95; }
.online-banking-support p a.green-link, .bill-payment-support p a.green-link { color: #395413; }
.online-banking-support p label, .bill-payment-support p label  { float: left; margin-left: 15px; width: 80px; }

.time-box-one { position: relative; height: 78px; width: 291px; background: url(../img/backgrounds/times-box-background.gif) no-repeat 0 0; margin-top: 25px; }
.time-box-two { position: relative; height: 78px; width: 291px; background: url(../img/backgrounds/times-box-background.gif) no-repeat -291px 0; margin-top: 25px; }
.time-box-three { position: relative; height: 78px; width: 291px; background: url(../img/backgrounds/times-box-background.gif) no-repeat -582px 0; margin-top: 25px; }

.exclude-date { font-size: .7em!important; }

span.title { font-weight: bold; } 
.time-box-one span, .time-box-two span, .time-box-three span { color: #282828; font-size: .7em; text-transform: upper; position: absolute; font-family: Arial, sans-serif; }

.fdic-ehl-info-green { background: url('../img/logos/ehl-logo-green.png') no-repeat 0 50%; color: #b3c891; }
.copyright-green { color: #b3c891; }

.fdic-ehl-info-brown { background: url('../img/logos/ehl-logo-brown.png') no-repeat 0 50%; color: #a18d6b; }
.copyright-brown { color: #a18d6b; }

.copyright, .fdic-ehl-info { font-family: Calibri, Arial, sans-serif; font-size: .7em; position: absolute; height: 38px; }
.fdic-ehl-info { text-indent: 30px; left: 13px; }
.copyright { right: 13px; }

.pf { position: absolute; left: 60px; }

.contact-head-img { position: absolute; bottom: 56px; right: 40px; }

.landingbg { background: url(../img/backgrounds/contact-landing-bg.png) no-repeat!important; height: 509px; }
.nonlandingbg { background: url(../img/backgrounds/contact-content-bg.png) no-repeat!important; }

.landing-title { font-size: 4em!important; position: absolute; right: 50px; top: 80px; text-shadow: 2px 2px 2px #a4a4a4; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }