html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
html{
background: #cbc4b1 url(/images/footerBg.jpg) repeat-y center;
}
body {
background: #d6cdb9 url(/images/bodyBg.jpg) repeat-x;
font-family: Arial, sans-serif;
color: #514f4d;
font-size: 62.5%;
text-align: center;
}
a{color: #c70e0e;}
a:hover{text-decoration: none;color: #fff;}
a:visited{color: #005496;}
strong{font-weight: bold;}
table{
position: relative;
z-index: 10;
font-size: .8em;
line-height: 1.2;
}
/* table:hover{
left: -300px;
width: 900px;
} */
table td{
padding: 3px;
}
#index{
width: 993px;
margin: 0 auto;
text-align: left;
}
#shadowBg{
width: 993px;
float:left;
padding-bottom: 20px;
background: url(/images/indexBg.jpg) repeat-y;
}
#header{
height: 255px;
background: url(/images/headerBg.jpg) no-repeat;
}
#header li{float:left; list-style: none;}
#utilNav{
float:right;
margin: 13px 0 0 0;
text-align: right;
font-size: 1.2em;
font-weight: bold;
}
#utilNav li{
padding: 0 0 14px 0;
margin-right: 32px;
}
#utilNav li a{
color: #3c3c3c;
text-decoration: none;
padding: 0;
}
#utilNav li a:hover{
color: #005496;
}
.utilActive{
background: url(/images/utilNavArrow.png) no-repeat center bottom;
}
h1 a{
display: block;
float:left;
clear:both;
margin: 39px 0 0 34px;
width: 141px;
height: 97px;
}
#searchForm{
width: 243px;
float:right;
margin: 55px 30px 0 0;
}
#searchForm label{
display:block;
text-indent: -9999em;
margin: 0 0 9px 0;
background: url(/images/searchLabel.png) no-repeat left;
}
#searchForm input{
float:left;
border: 0px;
width: 172px;
height: 21px;
color: #8a7e59;
padding: 7px 5px 0 5px;
background: url(/images/sarchInputBg.png) no-repeat left;
}
#searchForm #searchGo{
display:block;
width: 51px;
height: 27px;
float:left;
margin: 1px 0 0 10px;
cursor: pointer;
text-indent: -9999em;
background: url(/images/searchGo.png) no-repeat 0 0;
}
#searchForm #searchGo:hover{
background-position: 0 -27px;
}
#nav{
clear:both;
margin: 0 0 0 52px;
}
#navPersonal, #navBusiness, #navMortgages, #navAbout, #navLocations, #navContact,
#navPersonal_active, #navBusiness_active, #navMortgages_active, #navAbout_active, #navLocations_active, #navContact_active{
display:block;
width: 83px;
height: 33px;
padding: 0 15px;
text-indent: -9999em;
margin: 28px 37px 0 0;
background: url(/images/nav.png) no-repeat 15px 0;
}
#navPersonal:hover{
background-position: 15px -31px;
}
#navBusiness, #navBusiness_active{
width: 77px;
background-position: -134px 0;
}
#navBusiness:hover{
background-position: -134px -31px;
}
#navMortgages, #navMortgages_active{
width: 97px;
background-position: -278px 0;
}
#navMortgages:hover{
background-position: -278px -31px;
}
#navAbout, #navAbout_active{
width: 81px;
background-position: -442px 0;
}
#navAbout:hover{
background-position: -442px -31px;
}
#navLocations, #navLocations_active{
width: 88px;
background-position: -589px 0;
}
#navLocations:hover{
background-position: -589px -31px;
}
#navContact, #navContact_active{
width: 100px;
margin-right: 0px;
background-position: -744px 0;
}
#navContact:hover{
background-position: -744px -31px;
}
#tabPhotos{
width: 961px;
height: 328px;
margin: 25px auto 0 auto;
overflow:hidden;
position: relative;
background: url(/images/TabPhotoBg.jpg) no-repeat;
}
#tabPhotos img, #tabPhotos iframe{
margin: 20px 0 0 20px;
}
#tabs{
position: relative;
margin: -5px 0 0 19px;
}
#tabs a{
display:block;
float:left;
width: 171px;
height: 38px;
text-decoration: none;
font-size: 1.3em;
color: #93928c;
padding: 14px 14px 0 14px;
cursor: pointer;
overflow: hidden;
background: url(/images/homeTabsBg.png) no-repeat 0 -52px;
}
#tabs a.activeSlide{
color: #005596;
background-position: 0 0;
}
#changeFont{
margin: 10px 0 0 0;
}
#changeFont p{
float:left;
padding: 8px 0 0 22px;
}
.increaseFont, .decreaseFont, .resetFont{
float:left;
display:block;
width: 28px;
height: 28px;
margin-left: 3px;
text-indent: -9999em;
background: url(/images/fontSizeBg.png) no-repeat -60px 0;
}
.increaseFont:hover{
background-position: -60px -28px;
}
.decreaseFont{
background-position: -30px 0px;
}
.decreaseFont:hover{
background-position: -30px -28px;
}
.resetFont{
background-position: 0 0;
}
.resetFont:hover{
background-position: 0 -28px;
}
#content{
clear:both;
padding-top: 20px;
}
#content h2{
font-size: 2.2em;
padding: 0 0 11px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #b5aa96;
}
#leftCol, #midCol, #rightCol{
float:left;
}
#leftCol{
width: 311px;
margin: 0 0 0 20px;
}
.homeLeftImg{
display:block;
width: 283px;
height: 120px;
margin: 0 0 13px 0;
border: 14px solid #fff;
}
#goals{
background: url(/images/imageGoals.jpg) no-repeat;
}
#community{
background: url(/images/imageCommunity.jpg) no-repeat;
}
#midCol, #rightCol{width:290px;}
#midCol{
margin: 0 0 0 21px;
}
#midCol h2{
font-size: 1.55em;
line-height: 1.2;
color: #c70e0e;
}
#midCol{
font-size: 1.4em;
line-height: 1.5;
}
#midCol a{
font-size: .8em;
line-height: 1;
}
#midCol blockquote{
text-indent: -9999em;
height: 109px;
margin: 38px 0 0 0;
background: url(/images/quote.png) no-repeat;
}
.linkArrow{
text-decoration: none;
text-transform: uppercase;
color: #8a7e59;
display: block;
margin: 25px 0 0 0;
text-align: right;
padding: 3px 23px 2px 0;
background: url(/images/arrowLink.png) no-repeat right 0;
}
.linkArrow:hover {
color: #005496;
}
#rightCol{
margin: 0 0 0 29px;
}
#rightCol h2{
color: #8a7e59;
}
#newsItem{
clear:both;
padding-bottom: 18px;
margin-bottom: 15px;
font-size: 1.3em;
border-bottom: 1px solid #b5aa96;
}
#newsItem img{float:left;margin: 0 14px 0 0;}
#newsItem h3{text-transform: uppercase;padding: 4px 0 6px 0;}
#newsItem a{color: #514f4d;text-decoration: none;}
#footerWrap{
clear:both;
height: 418px;
text-align: center;
background: url(/images/footerWrapBg.jpg) repeat-x;
}
#footer{
width: 993px;
height: 398px;
margin: 0 auto;
text-align: left;
padding-top: 20px;
background: url(/images/footerBg.jpg) no-repeat;
}
#footer h2{
font-size: 1.6em;
padding: 0 0 11px 0;
margin: 0 0 15px 0;
text-transform: uppercase;
border-bottom: 1px solid #b5aa96;
}
#footer ul{list-style: none;font-size: 1.2em;line-height: 2;}
#footer a{color: #514f4d;text-decoration: none;}
#footer a:hover{color: #005496;text-decoration: underline;}
#footerLeft, #footerMid, #footerRight{
float:left;
width: 234px;
margin: 0 68px 0 0;
}
#footerLeft{margin-left:75px;}
#fdicLogo{
display: block;
width: 202px;
height: 62px;
text-indent: -9999em;
float:right;
position: relative;
top: 100px;
margin: 0 25px 0 0;
background: url(/images/memberLogos.png) no-repeat;
}
 /*#equalLogo{
width: 86px;
height: 86px;
margin: 32px 65px 0 0;
background: url(/images/logoqualHousing.jpg) no-repeat;
} */

/* ------------- INTERIOR STYLES --------------- */

#inner #changeFont{
float:right;
margin-right: 20px;
}
#inner #leftCol{
width: 281px;
margin-left: 30px;
margin-right: 35px;
font-size: 1.6em;
line-height: 1.5;
}
#inner #leftCol h2{
font-size: 1.4em;
line-height: 1.3;
color: #3c3c3c;
}
#inner #leftCol a{
display:block;
color: #514f4d;
text-decoration: none;
}
.navActive{
color: #8a7e59 !important;
margin-bottom: 2px;
border-bottom: 1px solid #c3b9a1;
}
#inner #leftCol a:hover{
color: #c70e0e;
}
#leftCol #subNav{
list-style:none;
font-size: 1.2em;
margin: 0 0 0 10px;
}
#leftCol #subNav ul{
list-style:none;
font-size: .8em;
margin: 0 0 20px 40px;
}
#inner #rightCol{
width: 607px;
font-size: 1.4em;
line-height: 1.5;
margin: 0;
}
#inner #rightCol h2{
font-size: 1.6em;
line-height: 1.3;
color: #c70e0e;
}
#inner #rightCol h3{
color: #005596;
font-size: 1.3em;
margin-bottom: 15px;
}
#inner #rightCol h4{
color: #005596;
font-size: 1.1em;
}
#inner #rightCol p{
margin-bottom: 20px;
}
#inner #rightCol ul, #inner #rightCol ol{
margin: 0 0 20px 0;
padding: 0 50px 0 0;
position: relative;
left: 50px;
}
#inner #rightCol blockquote{
color: #8a7e59;
font-style: italic;
margin: 0 0 20px 30px;
padding-left: 20px;
border-left: 6px solid #8a7e59;
}
#inner #rightCol li{
color: #8a7e59;
}
#inner #rightCol img{
float:left;
border: 10px solid #fff;
margin: 4px 10px 20px 0;
}
.fLeft{float:left;}
.fRight{float:right;}
.imageLeft{
border: 10px solid #fff;
margin: 4px 10px 20px 0;
}
.imageRight{
border: 10px solid #fff;
margin: 4px 0 20px 10px;
}

/* ------------- LOCATIONS STYLES --------------- */

.locationHeader{
border: 13px solid #fff;
margin-bottom: 10px;
}
#locationsLeft, #locationsRight{
width: 303px;
float:left;
margin-bottom: 15px;
}
#mapviewer{
background: #fff;
border: 13px solid #fff;
margin-bottom: 20px;
}
#mapviewer a:hover{
color: #000;
}
.clear{clear:both;}
.hr{
height: 5px;
margin: 30px 0;
background: #c3b9a1;
}

/* ------------- BUSINESS STYLES --------------- */

#businessChecking{
width: 584px;
height: 221px;
border: 13px solid #fff;
position: relative;
background: url(/images/businessCheckingLink.jpg);
}
#businessChecking .checkingView, #businessChecking .checkingDownload{
width: 160px;
height: 37px;
display:block;
text-indent: -9999em;
position: absolute;
}
#businessChecking .checkingView{top: 145px;left: 120px}
#businessChecking .checkingDownload{top: 145px;left: 305px}


/* ------------- ACCOUNT LOGIN STYLES --------------- */

#accountLoginForm{
border: 5px solid #fff;
padding: 20px;
background: #e2dac7;
}
#radioLeft, #radioRight{float:left; margin-bottom: 20px;}
#radioLeft{margin-right: 20px;}
#radioLeft label, #radioRight label{float:left;}
#idNumber{
clear:both;
}
#idNumber label{
color: #005596;
font-size: 1.1em;
}
#idNumber input{margin-top: -13px;margin-bottom:10px;}
#userIdPersonal, #userIdBusiness{
float:left;
border: 0px;
width: 172px;
height: 21px;
color: #143d76;
font-weight: bold;
padding: 7px 5px 0 5px;
margin-right: 10px;
margin-bottom: 5px;
background: url(/images/sarchInputBg.png) no-repeat left;
}
#accountLoginForm label{
display:block;
}
#onlineLogin{margin-top: 1px;margin-bottom: 5px;}
.note{
font-size: .8em;
}
.noBorder{border:0px !important;margin-bottom: 0px !important;}

table img{
float: none !important;
}

/* ---------- FIND A MORTGAGE BANKER ------------- */

.locationBox {
float:left;
width: 573px;
background: #d0c6b2;
border: 1px solid #c3baa9;
padding: 16px;
margin: 0 0 30px 0;
}
.locationBox h5 {
color: #015395;
margin: 0;
line-height: 1;
font-size: 1.3em;
}
.locationBox h6 {
color: #015395;
margin: 10px 0 0 0;
line-height: 1;
font-style: italic;
font-size: 1.1em;
clear:both;
}
.banker {
clear:both;
}
.bankerInfo {
position: relative !important;
top: 4px !important;
left: -10px  !important;
float: left;
height: 102px;
width: 425px;
padding: 13px !important;
list-style: none;
background: #dfd7c6;
margin: 0px !important;
border: 1px solid #ede7d9;
}
.bankerInfo strong{color: #da1c00;}

.backgroundTable td{
	background: #eae7de;
}