html {
	background-image: url(../images/bgcolor.jpg);
}
body {
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	margin: 0 auto;
}
h1 {
	margin: 0 auto;
	margin-top:-10px;
	width:800px;
	height:150px;
}
a img {
	border: none;
}
h1 .topNavBar {
	background-image:url(../images/header1x1.jpg);
	background-repeat:no-repeat;
	height: 26px;
	padding-left:30px;
}
h1 .topNavBar a {
	color: #000000;
	text-decoration:none;
}
h1 .topNavBar a img {
	border: none;
}
h1 .topNavBar ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
h1 .topNavBar ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	height:20px;
	padding-top:6px;
}
h1 .topNavBar ul li img {
	padding:5px;
	margin-top:-5px;
	float:left;
}
h1 .topNavBar ul li.menu1 {
	width:330px;
}
h1 .topNavBar ul li.menu2 {
	width:50px;
}
h1 .topNavBar ul li.menu3 {
	width:75px;
}
h1 .topNavBar ul li.menu4 {
	width:125px;
}
h1 .topNavBar ul li.menu5 {
	width:70px;
}
h1 .topNavBar ul li.menu6 {
	width:105px;
	margin-top:-1px;
}
h1 .topNavBar ul li.menu6 #searchButton {
	float:left;
	margin-left:4px;
}
h1 .topNavBar ul li.menu6 #searchText {
	float:left;
	width:75px;
	height:12px;
	font-size:9px;
}
h1 .bottomNavBar {
	background-image:url(../images/header3x1.jpg);
	height:30px;
	margin:0px;
	padding:0px;
}
h1 .bottomNavBar ul {
	margin:0px;
	margin-left:0px;
	padding:0px;
	list-style:none;
}
h1 .bottomNavBar ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	border-right: 1px solid #FFFFFF;
	float:left;
	height:19px;
	margin-top:4px;
	padding-top:3px;
	margin-bottom:-7px;
}
h1 .bottomNavBar ul li:hover {
	background-color: #a14d5d;
}
h1 .bottomNavBar a {
	color: #FFFFFF;
	text-decoration:none;
}
h1 .bottomNavBar ul li.menu1 {
	width:99px;
}
h1 .bottomNavBar ul li.menu2 {
	width:132px;
}
h1 .bottomNavBar ul li.menu3 {
	width:115px;
}
h1 .bottomNavBar ul li.menu4 {
	width:128px;
}
h1 .bottomNavBar ul li.menu5 {
	width:179px;
}
h1 .bottomNavBar ul li.menu6 {
	width:142px;
	border: none;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
}
p.center, div.center, h2.center, h3.center {
	text-align:center;
}
img.left {
	float:left;
	margin:5px;
}
img.right {
	float: right;
	margin:5px;
}
.thirds {
	width: 33%;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.twothirds {
	width: 66%;
	float:left;
}
.quarters {
	width: 140px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
}
.half {
	width: 49%;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.greyHR {
	background-color:#999999;
	border-color:#999999;
	color:#999999;
	border:0;
	height:1px;
}
.announcement {
	margin:0 auto;
	width:800px;
}
div.left {
	float:left;
}
div.right {
	float:right;
}
div.clear {
	clear:both;
}
#content {
	margin:0 auto;
	width:780px;
	background-image:url(../images/content_bg.jpg);
	padding:10px;
	overflow:visible;
}
.leftMenu {
	background-image:url(../images/online_banking_bg.jpg);
	width: 188px;
	float:left;
	margin-left:3px;
}
.leftMenu ul {
	list-style:none;
	margin:0px;
	padding:0px;
	padding-left:5px;
	padding-right:5px;
}
.leftMenu ul {
	background-image:url(../images/online_banking_footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.leftMenu ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#EEEEEE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:11px;
}
.leftMenu ul li:hover {
	background-color:#DDDDDD;
}
.leftMenu ul li a {
	color:#000000;
}
.leftMenu ul li.selected {
	background-color:#8ddcb6;
}
.leftMenu ul li.selected a {
	color:#000000;
}
.leftMenu ul li.subMenuHeader {
	background-color:#CCCCCC;
}
.leftMenu ul li.subMenuHeader a {
	color:#000000;
}
.leftMenu ul li.subMenu {
	background-color:#FFFFFF;
}
.leftMenu ul li.subMenu:hover {
	background-color:#EEEEEE;
}
.leftMenu ul li.bottom {
	border-bottom: 1px solid #FF0000;
}
.leftMenu ul li.last {
	padding-bottom:20px;
	background:none;
}
.leftMenu ul li.last:hover {
	background:none;
}
#onlineBankingBox {
	background-image:url(../images/online_banking_bg.jpg);
	width: 188px;
	float:left;
	margin-left:3px;
}
#onlineBankingBox p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}
#onlineBankingBox p a {
	color: #000000;
	padding-bottom:10px;
}
#netConnection {
	padding-left:2px;
	background-image:url(../images/online_banking_footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
#portLink {
	background-image:url(../images/online_banking_footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	display:none;
}
#netConnectionSpan, #portLinkSpan {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	cursor:pointer;
	margin-bottom:8px;
}
#netConnectionSpan {
	width: 45%;
	margin-left:7px;
	padding-left:2px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}
#portLinkSpan {
	width: 45%;
	float:left;
	padding-left:3px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}
#onlineBankingBox span.disabled, #onlineBankingBox span.disabled {
	background-color:#CCCCCC;
	border-bottom: 1px solid #999999;
	border-top: none;
	border-right: none;
	text-align:center;
}
#netConnection form, #portLink form {
	padding-left: 4px;
}
#netConnection form label, #portLink form label {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left:10px;
	float:left;
}
#netConnection form input, #portLink form input {
	margin-left:8px;
}
#netConnection form #loginButton, #portLink form #loginButton {
	margin-left:48px;
}
#netConnection p img {
	padding-top: 5px;
	padding-bottom:10px;
}
#netConnection .lineHeight {
	line-height:0px;
}
#news {
	background-image:url(../images/news_bg.jpg);
	width: 383px;
	margin-left:280px;
	margin-top:15px;
}
#news h2 {
	background-image:url(../images/news_header.jpg);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	padding-top:13px;
	margin-bottom:-13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right:20px;
	height: 37px;
	text-align:right;
}
#news ul {
	background-image:url(../images/news_footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	list-style:none;
	padding:0px;
	margin:0px;
	min-height:50px;
}
#news ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:20px;
	padding-right:10px;
	padding-bottom:5px;
}
.rightSide {
	float:right;
	margin-right:0px;
	width: 188px;
}
.rightSide a img, .homeAds a img {
	border: none;
}
.homeAds {
	margin-top:15px;
}
#banner {
	margin-top:13px;
	margin-left:200px;
	width: 577px;
	height: 144px;
	background-image:url(../images/banner_opinion.jpg);
	background-repeat:no-repeat;
}
#banner p {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 335px;
	margin:0;
	padding:0;
	margin-top:45px;
	margin-right:10px;
}
#bannerPic {
	margin-top:13px;
	margin-left:200px;
	width: 577px;
	height: 144px;
}
#content .textArea {
	width: 383px;
	margin-left:200px;
}
#content .textAreaWide {
	width: 563px;
	margin-left:200px;
}
#content .textArea p, #content .textArea ul li, #content .textAreaWide p, #content .textAreaWide ul li, 
	#content .textArea ol li, #content .textAreaWide ol li, #content .textArea div {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.quote {
	line-height:20px;
}
.blackBorder {
	padding:3px;
	margin:5px;
	border: 1px solid #000000;
}
#footer {
	width: 800px;
	margin: 0 auto;
}
.bottomNavBar {
	width: 800px;
	margin: 0 auto;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
}
.bottomNavBar a {
	color:#000000;
}
.customerServicePhone thead td {
	background-color:#98012e;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #FFFFFF;
	text-align:center;
	margin: 0;
	padding: 3px;
}
.customerServicePhone tbody td {
	width: 50%;
	vertical-align:top;
	padding-left: 5px;
}
.customerServicePhone ul {
	margin:0;
	margin-left: 15px;
	padding:0;
}
.customerServicePhone td.border {
	border-right: 1px solid #98012e;
}
.branchListing {
	width: 95%;
	border: 1px solid #CCCCCC;
	padding:2px;
	margin-bottom:20px;
}
.branchListing h3 {
	width: 100%;
	background-color: #EEEEEE;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	padding: 0;
	padding-left:10px;
	padding-top: 5px;
	margin: 0;
	height: 20px;
}
.branchListing p {
	text-align:center;
}
.branchListing img {
	padding: 5px;
	border: 1px solid #EEEEEE;	
}

.branchListing .left {
	float:left;
	width: 45%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.branchListing .right {
	float:right;
	width: 45%;
	margin-right: 30px;
}
.branchForms {
	text-align:center;
	margin: 5px;
}
.branchForms fieldset h3 {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.branchForms fieldset {
	border: 3px double #EEEEEE;
	text-align:center;
}
.branchForms label {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.branchForms .zipCode {
	width: 80px;
}
.branchForms button {
	border: none;
	background: none;
	width: 177px;
}

/* Checking Comparison Table */
.checking {
	border: 1px solid black;
	padding: 0;
	width: 100%;
	margin:0 auto;
	background-color:#FFFFFF;
}
.checking td {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:center;
	border-left: 1px solid black;
}
.checking .first {
	border-left: none;
	font-weight:bold;
}
.checking thead td {
	font-weight:bold;
}
.checking tbody td {
	padding-top: 5px;
	padding-bottom:5px;
}
.checking .gray td {
	background-color:#EEEEEE;
}
.checking .header {
	text-align:center;
	background-image:url(../images/red_bg.jpg);
}
.checking tfoot td {
	border-top: 1px solid black;
}

/* Careers.php */
#careerBenefitsTable {
	width:100%;
}
#careerBenefitsTable td {
	width:50%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
/* End */ 

/* customer_testimonials.php */ 
div.testimonials {
	height: 185px; 
	display: table-cell; 
	vertical-align: middle;
	position:relative;
}
.testimonials p {
	position:absolute;
	width: 95%;
	margin:0;
}
#flegalDiv p {
	top: 18%;
}
#vineyardDiv p {
	top: 16%;
}
#goodletsDiv p {
	top: 18%;
}
#wendysDiv p {
	top: 38%;
}
#worleyDiv p {
	top: 18%;
}
/* End */

/* For awards.php */
.awards {
	width: 485px;
	height: 186px;
	margin: 0 auto;
	padding-top:120px;
	padding-left: 15px;
	background-image:url(../images/first_in_nation.jpg);
	background-repeat:no-repeat;
}
.awards p {
	font-family:Arial;
	font-size:10px;
	font-style:italic;
	color: #FFFFFF;
	margin:0;
	padding:0;
	width: 300px;
}
.awards p.smaller {
	margin-left:20px;
}
.awards h3 {
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color: #FFFFFF;
	margin:0;
	padding:0;
}
.awards h4 {
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color: #FFFFFF;
	margin:0;
	margin-left:20px;
	padding:0;
}
/* End of awards.php styles */
/* For community.php */
ul.upcomingEvents {
	margin:0;
	padding:0;
}
ul.upcomingEvents li {
	padding-top:8px;
	padding-bottom:8px;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-bottom: 1px dashed #666666;
}
ul.upcomingEvents li.last {
	border:none;
}
ul.upcomingEvents li img {
	float:left;
	margin-right: 8px;
}
ul.upcomingEvents li span.title {
	font-size:16px;
	font-weight:bold;
	display:block;
}
ul.upcomingEvents li span.time {
	font-weight:bold;
	display:block;
}
ul.upcomingEvents li span.description {
	display:block;
}
/* End of community.php styles */

/* For community_calendar.php */
ul.events {
	list-style:none;
	margin:0;
	padding:0;
}
ul.events li {
	margin-top:10px;
}
/* End of community_calendar.php */
/* Sitemap.php Styles */
ul.siteMap {
	background-color:#AAAAAA;
	margin:5px;
	padding:0;
	list-style:none;
}
ul.siteMap li {
	list-style:none;
}
ul.siteMap li a {
	padding:5px;
	padding-left:10px;
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#000000;
}
ul.siteMap li ul {
	background-color:#CCCCCC;
	padding:0;
	margin:0;
}
ul.siteMap li ul li a {
	padding:5px;
	padding-left:20px;
	font-size:12px;
	font-weight:normal;
}
ul.siteMap li ul li ul {
	background-color:#FFFFFF;
}
ul.siteMap li ul li ul li a{
	font-weight: normal;
	padding-left:30px;
}
/* End of sitemap.php styles */

/* FHA Styles */
.fhaAd {
	width: 308px;
	background:url(../images/fha_ad_bg.jpg);
	margin:0 auto;
	margin-top:20px;
}
.fhaAd h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	color:#FFFFFF;
}
#content .fhaAd p {
	padding:10px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	text-align:center;
}
#content .fhaAd p a {
	color:#FFFFFF;
}
/* End of FHA Styles */

/* Start of Low Interest Rate Styles */
.lowInterestRates {
	width: 224px;
	height: 255px;
	background:url(../images/low_interest_ad_bg.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	margin-top:20px;
	padding-top:50px;
	padding-left:15px;
	padding-right:310px;
}
.lowInterestRates h2 {
	margin-bottom:05px;
	padding-bottom:0px;
}
.lowInterestRates p {
	margin-top:5px;
	margin-bottom:5px;
}
/* End of Low Interest Rate Styles  */

/* Foreclosure Styles */
.foreclosure {
	width:569px;
	background-image:url(../images/foreclosure_bg.jpg);
	background-repeat:repeat-y;
}
.foreclosure h3 {
	padding:0;
	margin:0;
	background-image:url(../images/foreclosure_header.jpg);
	background-repeat:no-repeat;
	padding-top:13px;
	padding-left:15px;
	height:23px;
	color:#FFFFFF;
	font-weight:bold;
}
.foreclosurePhotos {
	width: 330px;
	float:left;
}
#foreclosureMainPhoto {
	width: 318px;
	height: 200px;
	margin:5px 5px 5px 10px;
	border: 1px solid black;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.foreclosureThumbnails {
	width:100%;
	padding:5px;
	text-align:center;
}
.foreclosureThumbnails img {
	border: 1px solid black;
	margin: 2px;
	cursor:pointer;
}
.foreclosureDetails {
	float:right;
	width: 220px;
	margin-right:10px;
}
.foreclosure p {
	clear:both;
}
/* End of Foreclosure Styles */

.alert {
	text-align:center;
	color:#FF0000;
	font-weight:bold;
}
/* Modal CSS */
#waitBox {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 200px;
	height: 75px;
	margin-left: -100px;
	margin-top: -36px;
	padding-top:50px;
	border: 3px solid #333333;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:center;
	display:none;
}
#waitBox img {
	vertical-align:middle; 
}

.ModalPop { background: #FFFFFF; border: 3px double #CCCCCC; font-family: Verdana, Arial, Sans-Serif; font-size: 1em; color: #000; padding: .5em; }
.ModalMessage { padding: .7em; padding: .7em; clear:both;}
.ModalTitle { font-size: 1em; padding: .3em; color:#880000; width: 75%;float:left; }
.ModalClose { font-size: .75em; padding: .3em; color:#000000; width: 20%;float:left;text-align:right;}
.ModalClose a { color:#000000; }

div.roundedBox {
	width: 579px;
	background-image:url(../images/box_rounded_bg.jpg);
	background-repeat:repeat-y;
	margin-left:-2px;	
}
div.roundedBox h3 {
	background-image:url(../images/box_rounded_top.jpg);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	height:23px;
	padding-left:40px;
	padding-top:14px;
	font-weight:bold;
}
.privacyTable1, .privacyTable2, .privacyTable3, .privacyTable4 {
	width:95%;
	margin: 5px auto;
	border:0;
	padding:0;
	border-collapse:collapse;
	background-color:#eeeeee;
}
.privacyTable1 thead, .privacyTable2 thead, .privacyTable3 thead, .privacyTable4 thead {
	font-weight:bold;
}
.privacyTable1 td, .privacyTable2 td, .privacyTable3 td, .privacyTable4 td {
	padding:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.privacyTable1 tbody tr, .privacyTable2 tbody tr, .privacyTable3 tbody tr, .privacyTable4 tbody tr {
	border: 1px solid #FFFFFF;
}
.privacyTable1 thead .col1 {
	width:15%;
	background-color:#bbbbbb;
	text-align:center;
}
.privacyTable1 thead .col2 {
	width:85%;
	background-color:#DDDDDD;
	text-align:center;
}
.privacyTable1 tbody td.col1 {
	text-align:center;
	font-size:16px;
	font-weight:bold;
	background-color:#bbbbbb;
}

.privacyTable2 thead .col1 {
	width:40%;
	background-color:#bbbbbb;
	text-align:center;
}
.privacyTable2 thead .col2, .privacyTable2 thead .col3 {
	width:30%;
	background-color:#bbbbbb;
	text-align:center;
}
.privacyTable2 tbody td.col2, .privacyTable2 tbody td.col3 {
	text-align:center;
}
.privacyTable2 tfoot .col1 {
	background-color:#bbbbbb;
}

.privacyTable3 thead .col1 {
	width:40%;
	background-color:#bbbbbb;
}
.privacyTable3 thead .col2 {
	width:60%;
	background-color:#bbbbbb;
}
.privacyTable4 thead .col1 {
	width:30%;
	background-color:#bbbbbb;
}
.privacyTable4 thead .col2 {
	width:70%;
	background-color:#bbbbbb;
}