﻿
/* ------- Colors -----------------------------
titles and headings - #ed6d00
light orange - #f78e34
yellow - #fbe89c



------------------------------------------------*/

body {
	margin:0; color:#5e5e5e; font-family:Arial, Helvetica, sans-serif; font-size:9pt
}

img {
	border:0
}

a:visited {
	text-decoration:none; color:#ed6d00
}

a:link {
	text-decoration:none; color:#ed6d00
}

a:active {
	text-decoration:underline; color:#f78e34
}

a:hover {
	text-decoration:underline; color:#f78e34
}

.HomePageWelcomeTitle {
	color:#ed6d00; font-family:Arial, Helvetica, sans-serif; font-size:12pt; font-weight:bold
}

h1 {
	color:#ed6d00; font-family:Arial, Helvetica, sans-serif; font-size:12pt
}

h2 {
	color:#ed6d00; font-family:Arial, Helvetica, sans-serif; font-size:10pt; border-bottom:1px #cccccc dotted;
	line-height:25px; margin:5px 0 10px 0; 
}

.subPageList {
	list-style-image:url('images/li_arrow.jpg'); margin:0 0 0 -20px; *margin:-4px 0 0 20px; line-height:17px;
	*list-style-image:url('images/li_arrow-IE.jpg'); 
}

.subTitles {
	color:#ed6d00; font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight:bold;
	line-height:25px; margin:5px 0 10px 0; width:30%
}

h3 {
	color:#ed6d00; font-family:Arial, Helvetica, sans-serif; font-size:12pt; border-bottom:1px #cccccc dotted;
	line-height:29px; margin:0px 0 25px 0;
}

#container {
	width:974px; padding:0; margin:0; margin:0 auto
}

#BG-container {
	width:100%; border-top:1px #cccccc solid; background-color:#ffffff; height:100%
}

#topContainer {
	width:974px; height:116px
}

#LogoContainer {
	float:left; width:263px; height:116px;	
}

.Logo {
	margin:12px 0 12px 5px
}


#middleContainer {
	width:974px; padding:0; height:159px; background-image:url('images/BG-HomeCollage1.jpg'); 
	background-repeat:no-repeat
}

#middleContainer a:link, #middleContainer a:visited {
	color:#ed6d00; text-decoration:none
}

#middleContainer a:hover, #middleContainer a:active {
	color:#ed6d00; text-decoration:none;
}

#middleContainerSubs {
	width:974px; padding:0; height:159px; 
}

#middleContainerSubs a:link, #middleContainerSubs a:visited {
	color:#ed6d00; text-decoration:none
}

#middleContainerSubs a:hover, #middleContainerSubs a:active {
	color:#ed6d00; text-decoration:none;
}


.middleTextTop {
	float:left; font-family:Verdana; font-size:16px; text-align:center; color:#ffffff; width:300px; height:64px;
	padding:56px 0 0 0; line-height:19px; font-style:italic
}

.middleTextBottom {
	float:left; font-family:Verdana; font-size:12px; text-align:center; color:#ed6d00; width:300px; 
	height:19px; padding:10px 0 0 0
}

#bottomContainer {
	padding:30px 25px 25px; width:924px;
	_padding:30px 25px 0
}

#bottomContainerSubs {
	padding:30px 25px 60px; width:924px;
	_padding:30px 25px 60px
}

#leftSideBottomContainer {
	float:left; width:694px; padding:0 25px 0 0
}

#bottomSubsContentContainer {
	float:left; width:694px; padding:0
}

#HomePageColumnContainers {
	width:644px; padding:25px 0 0 25px
}

#HomePageColumnContainers a:visited  {
	text-decoration:none; color:#888
}

#HomePageColumnContainers a:link  {
	text-decoration:none; color:#888
}

#HomePageColumnContainers a:active  {
	text-decoration:none; color:#ed6d00
}

#HomePageColumnContainers a:hover  {
	text-decoration:none; color:#ed6d00
}

#HomePageColumnContainers ul {
	list-style-image:url('images/li_arrow.jpg'); margin:0 0 0 -20px; *margin:-4px 0 0 20px; line-height:17px;
	*list-style-image:url('images/li_arrow-IE.jpg'); 
}

/*#HomePageColumnContainers li {
	line-height:17px
} */


#HomeColumnLeft {
	float:left; width:195px; text-align:left; padding-right:14px
}

#HomeColumnMiddle {
	float:left; width:190px; padding:0 10px 0 20px
}

#HomeColumnRight {
	float:left; width:195px; padding-left:20px;
}

#rightSideBottomContainer {
	float:right; width:205px; padding:0 
}

#promoImages {
	float:right; /*width:205px; padding:29px 0 0 0;*/ padding:7px 0 20px 25px; /*margin-top:-47px;*/ 
	margin-right:-8px
}

#promoImages img {
	border:0; padding:0; margin:0
}

#onlineBankingImage {
	padding:0; width:204px
}

#onlineBanking {
	width:167px; height:121px; background-image:url('images/BG-onlineBanking1.jpg'); 
	background-repeat:no-repeat; padding:15px 16px 15px 21px;
	_padding:15px 16px 0 21px
}

#onlineBanking a:visited {
	color:#ffffff; text-decoration:none	
}

#onlineBanking a:link {
	color:#ffffff; text-decoration:none	
}

#onlineBanking a:active {
	color:#000000; text-decoration:none	
}

#onlineBanking a:hover {
	color:#000000; text-decoration:none	
}

.onlineBankingLinks {
	 text-align:right; padding:12px 0 0; *padding:4px 0 0; color:#111; font-size:11px; font-weight:bold
}

.onlineBankingLinks a:link, .onlineBankingLinks a:visited, .onlineBankingLinks a:active {
	 color:#111; text-decoration:none
}

.onlineBankingLinks a:hover {
	 color:#000; text-decoration:underline
}

.commercialOnlineBankingContainer {
	 padding:14px 0 0; *padding:0; margin:0 -4px; *margin:-5px -4px 0 -4px; text-align:center
}

.commercialOnlineBankingLink {
	float:left; padding:11px 0;/* *padding:0; */height:38px; color:#fff; font-size:11px; 
	font-family:Arial; color:#ffffff; line-height:1px; font-weight:bold
}

.commercialOnlineBankingArrow {
	float:right; padding:3px 0 0; *padding:2px 0 0
}

#footer {
	width:974px; border-top:1px #cccccc dotted; padding:10px 0; /*margin-bottom:5px */
}

.EHLandFDIC {
	float:left; padding:0 15px
}

.footerLinks {
	float:right; text-align:right; font-size:8pt; padding:7px 15px 0 15px; font-family:Verdana
}

.footerLinks a:visited  {
	text-decoration:none; color:#888
}

.footerLinks a:link  {
	text-decoration:none; color:#888
}

.footerLinks a:active  {
	text-decoration:none; color:#ed6d00
}

.footerLinks a:hover  {
	text-decoration:none; color:#ed6d00
}

.clear {
	clear:both
}

.invisible {
	border:0; height:0; width:0; display:none
}

.backToTop {
	font-size:8pt; text-align:center; margin:12px auto 25px; width:100px; 
}

.backToTop a:link, .backToTop a:visited {
	color:#ed6d00; text-decoration:none; font-weight:bold
}

.backToTop a:hover, .backToTop a:active {
	color:#f78e34; text-decoration:none; font-weight:bold
}

#targetBox {
	/*border-top:1px #cccccc dotted; border-bottom:1px #cccccc dotted; width:600px; margin:15px auto; */
	text-align:center; padding:7px; border:1px #cccccc dotted; color:#ed6d00; font-size:8pt; font-weight:bold;
	margin: 0 10px 17px
}

#ratesTable {
	font-size:9pt; border:0
}

.ratesTableHeaders {
	background-color:#f78e34; color:#fff; font-weight:bold; padding:4px; font-size:9pt
}

.ratesTableTitle {
	font-size:10pt; padding:4px; border-top:1px #f78e34 dotted; border-left:1px #f78e34 dotted; 
	border-right:1px #f78e34 dotted; text-align:center
}

.tinyText {
	font-size:7pt
}

#speedbump {
	margin:50px auto; width:700px; border:1px #cccccc dotted; padding:25px
}





/*---------------- Top Navigation ---------------------------------------------- */

#topNav {
	float:right; height:45px; padding:0 3px 0 0 
}

.button {
	float:left; height:45px; line-height:43px; font-family:Verdana; text-align:center;
	/*padding:0 29px;*/padding:0; border-right:1px #b2b2b2 solid
}

.button a:visited {
	font-family:Verdana; font-size:12px; color:#777; text-decoration:none; font-weight:normal;
	background-image:url('images/BG-topNavButtons.jpg'); background-repeat:repeat-x; display:block;
	height:45px; width:105px
}

.button a:link {
	font-family:Verdana; font-size:12px; color:#777; text-decoration:none; font-weight:normal;
	background-image:url('images/BG-topNavButtons.jpg'); background-repeat:repeat-x; display:block;
	height:45px; width:105px
}

.button a:active {
	font-family:Verdana; font-size:12px; color:#ed6d00; text-decoration:none; font-weight:normal;
	background-image:url('images/BG-topNavButtonsO.jpg'); background-repeat:repeat-x; display:block;
	height:45px; width:105px
}

.button a:hover {
	font-family:Verdana; font-size:12px; color:#ed6d00; text-decoration:none; font-weight:normal;
	background-image:url('images/BG-topNavButtonsO.jpg'); background-repeat:repeat-x; display:block;
	height:45px; width:105px
}

.leftButton {
	float:left; height:45px; line-height:43px; font-family:Verdana; text-align:center;
	/*padding:0 29px;*/padding:0; border-right:1px #b2b2b2 solid
}

.leftButton a:visited {
	font-family:Verdana; font-size:12px; color:#777; text-decoration:none; font-weight:normal;
	background-image:url('images/leftNavButton.jpg'); background-repeat:repeat-x; display:block;
	height:45px; width:100px
}

.leftButton a:link {
	font-family:Verdana; font-size:12px; color:#777; text-decoration:none; font-weight:normal;
	background-image:url('images/leftNavButton.jpg'); background-repeat:repeat-x; display:block;
	height:45px; width:100px
}

.leftButton a:active {
	font-family:Verdana; font-size:12px; color:#ed6d00; text-decoration:none; font-weight:normal;
	background-image:url('images/leftNavButtonO.jpg'); background-repeat:repeat-x; display:block;
	height:45px; width:100px
}


.leftButton a:hover {
	font-family:Verdana; font-size:12px; color:#ed6d00; text-decoration:none; font-weight:normal;
	background-image:url('images/leftNavButtonO.jpg'); background-repeat:repeat-x; display:block;
	height:45px; width:100px
}


.rightButton {
	float:left; height:45px; line-height:43px; font-family:Verdana; text-align:center;
	/*padding:0 29px;*/padding:0; border-right:1px #b2b2b2 solid
}

.rightButton a:visited {
	font-family:Verdana; font-size:12px; color:#777; text-decoration:none; font-weight:normal;
	background-image:url('images/rightNavButton.jpg'); background-repeat:repeat-x; display:block;
	height:45px; width:100px
}

.rightButton a:link {
	font-family:Verdana; font-size:12px; color:#777; text-decoration:none; font-weight:normal;
	background-image:url('images/rightNavButton.jpg'); background-repeat:repeat-x; display:block;
	height:45px; width:100px
}

.rightButton a:active {
	font-family:Verdana; font-size:12px; color:#ed6d00; text-decoration:none; font-weight:normal;
	background-image:url('images/rightNavButtonO.jpg'); background-repeat:repeat-x; display:block;
	height:45px; width:100px
}


.rightButton a:hover {
	font-family:Verdana; font-size:12px; color:#ed6d00; text-decoration:none; font-weight:normal;
	background-image:url('images/rightNavButtonO.jpg'); background-repeat:repeat-x; display:block;
	height:45px; width:100px
}


.leftSideButtonEdge {
	float:left
}

.rightSideButtonEdge {
	float:left
}





