/* Website color attributes

Please Note:
To maintain color schemes - If one color attribute is modified, make sure to modify other attributes that also use the same color.

/*** Borders must stay grey ***/

/* Set background color of entire site - light Grey */

body {
	background-color: #EEEDF0;
}
body.nostyle {
	background-color: white;
	margin:10px;
	width:95%
	
}

/* Set main highlight color - dark grey */
#topbar, .subhead {
	background-color: #313131;
}
/* Set main highlight color - Green */
#obContainer {
	background-color: #606E5A;
	}
/* Set main highlight color - blue */
#adcontentContainer, .styledtable caption {
	background-color: #226074;
}
/* Main highlight color for fonts-blue */
a:hover, .color, #featureslist a:hover, .subcontent li a:hover, #footerlinks ul li a, .content h2, .styledtable tr:hover, .styledtable th a, .subcontent li a:hover, .content1 h1, a  {
	color: #226074;
}
/* Main highlight color for fonts-blue */
.content h2 {
	color: #495056;
}
/* Set secondary highlight color - blue */
#mainnav ul li a:hover, .styledtable th a:hover {
	background-color: #226074; 
}
/* Set main body font color - grey */
body, #featureslist h1, #featureslist a, .content p, .content h3 {
	color: #707070;
}
/* Set main body font color - default green */
.content h3, .subcontent li a {
	color: #206074;
}
/* End of color attributes */
body {
	height: 100%;
	width: 100%;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	/*color: #606060;*/
}
a {
	/*color: # D32322;*/
	text-decoration: underline;
}
a:hover {
	/*color: #ff0000;*/
	text-decoration: underline;
}
:focus {
	outline:none;
}
#page {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 886px;
	background-color: #FFFFFF;
}
#topbar {
	width: 886px;
	height: 5px;
	/*background-color: # D32322;*/
}
#header {
	width: 850px;
	height: 77px;
	padding: 0px 18px 0px 18px;
}
#logo {
	float: left;
	width: 224px;
	height: 54px;
	padding: 13px 0 0 0;
}
#mainnav  {
	position: relative;
	float: left;
	width: 626px;
	height: 77px;
}
#mainnavCornerL {
	position: absolute;
	width: 11px;
	height: 11px;
	z-index: 200;
	top: 41px; 
	left: 0px; 
	background-image: url(images/mainnav_corners.png);
	background-position: 0px 0px;
}
#mainnavCornerR {
	position: absolute;
	width: 11px;
	height: 11px;
	z-index: 200;
	top: 41px;
	right: 0px; 
	background-image: url(images/mainnav_corners.png);
	background-position: -11px 0px;
}
#mainnav ul {
	margin: 0px; 
	padding: 0px;
	list-style-type: none;
	float: right;
}
#mainnav ul li {
	display: block;
	float: left;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
}
#mainnav ul li a { /*Don't change color of main nav borders */
	display: block;
	color: #666666;
	text-decoration: none;
	background-color: #EEEDF0;
	background-image: url(images/nav_overlay.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding: 18px 17px 19px 17px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c1c0c0; 
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c1c0c0;
}
#mainnav ul li a:hover {
	background-color: #606e5a;
	background-image: url(images/nav_overlay.png);
	background-repeat: repeat-x;
	background-position: 0px -52px;
	color: #FFFFFF;
}
li.border a {
	border-left-width: 1px !important;
	border-left-style: solid !important;
	border-left-color: #c1c0c0 !important;	
}
#mainimgContainer {
	width: 886px;
	height: 173px;
	position: relative;
}
#mainimgContainer p {
	margin: 0px !important;
	padding: 0px !important;
}
#obContainer {
	position: absolute;
	width: 225px;
	height: 175px;
	/*background-color: # D32322;*/
	z-index: 150;
	right: 18px;
	font-family:  Helvetica, Verdana, Arial, sans-serif;
}
#oboverlay {
	position: absolute;
	width: 225px;
	height: 175px;
	background-image: url(images/ob_overlay.png);
	background-repeat: no-repeat;	
	z-index: 175;
	top: 0px;
	left: 0px;
}
#onlinebanking {
	position: absolute;
	width: 225px;
	height: 175px;
	background-image: url(images/ob_overlay.png);
	background-repeat: no-repeat;	
	z-index: 200;
	top: 0px;
	left: 0px;
}
#onlinebanking h1 {
	font-size: 16px;
	line-height: 18px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-align: center;
}
#onlinebanking a {
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	text-decoration: none;	
}
#onlinebanking a:hover {
	text-decoration: underline;	
}
#obheader {
	width: 225px;
	height: 20px;
	padding: 15px 0 0 0;
}
#obContent {
	width: 225px;
	height: 115px;
	color: #FFFFFF;
	padding: 13px 0 0 0;
}
#Remote {
	*margin-top:-10px;
}
.lock {
	background-image: url(images/ob_lock.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	width: 115px;
	padding-left: 16px;
	font-size: 12px;
	line-height: 14px;
	color: #999999;
	padding-top: 2px;
}
.btnsubmit {
	font-family:  Helvetica, Verdana, Arial, sans-serif;
	width: 53px;
	height: 25px;
	font-size: 12px;
	text-align: center;
	float:right;
	*float: none;
	margin-right:8px;
	*margin-right:0px;
}
.btnsubmit2 {
	font-family:  Helvetica, Verdana, Arial, sans-serif;
	width: 53px;
	height: 25px;
	font-size: 12px;
	text-align: center;
	float:right;
	*float: none;
	margin-right:75px;
	*margin-right:0px;
	*margin-left:70px;
}

#mainimg {
	width: 886px;
	height: 173px;
	overflow: hidden;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #c2c1c1;
	border-bottom-color: #c2c1c1;
}
#contentContainer {
	width: 886px;
}
#content1 {
	width: 886px;
}
#col_left {
	float: left;
	width: 626px;
	padding: 18px 18px 18px 18px;
}
#maincontent {
	width: 602px;
	min-height: 255px;
	background-color: #FFFFFF;
	background-image: url(images/featuresbg.jpg);
	background-repeat: repeat-x;
	border: 1px solid #c2c1c1;
	padding: 12px 12px 12px 12px;
}
#featureslist {
	margin: 15px 0 0 0;
}
.color {
	color: #226074;
}
#featureslist h1 {
	font-family:  Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;
	margin-top: 2px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
	color: #495056;
}
#featureslist ul {
	list-style-type: square;
	margin-top: 3px;
	padding-top: 3px;
	margin-bottom: 3px;
	padding-bottom: 3px;
}
#featureslist li {
	padding-top: 0px;
	margin-left: -15px;
	margin-top: 3px;
	margin-bottom: 5px;
}
#featureslist a {
	text-decoration: underline;
	color: #226074;
	font-size: 12px;
}
#featureslist a:hover {
	color:#606e5a;
	text-decoration: underline;
}
.homeFeatures th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c2c1c1;
}

#col_right {
	float: left;
	width: 224px;
	padding: 18px 0 0 0;
}
#subnavContainer {
	display: block;
	margin-bottom: 18px;
	width: 206px;
}
body.home #subnavContainer {
	display: none;
}
#subpersonal, #subbusiness {
	display: none;
	background-color: #f3f3f3;
}
body.personal #subpersonal, body.business #subbusiness {
	display: block;
}
.subhead {
	width: 193px;
	height: 17px;
	padding: 8px 3px 3px 10px;
	background-image: url(images/subnav_overlay.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	/*background-color: # D32322;*/
}
.subcontent {
	width: 184px;
	padding: 5px 10px 5px 10px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c2c1c1;
	border-left-color: #c2c1c1;
}
.subcontent h1, .subhead h1 {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	line-height: 15px;
	color: #ffffff;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;*/
}
.subcontent ul {
	margin: 5px 10 0 0;
	padding: 0px;
	list-style-type: none;
}
.subcontent li {
	margin: 0px;
	padding: 5px 0px 5px 0px;
	
}
.subcontent li a {
	display: block;
	text-decoration: underline;
	/*color: #226074;*/
	font-size: 12px;
}
.subcontent li a:hover {
	/*color: # D32322;*/
	margin-left: 10px;
}
.subfooter {
	width: 206px;
	height: 8px;
	background-image: url(images/subnav_overlay.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#adContainer {
	display: none;
	width: 206px;
	height: 279px;
	position: relative;
	overflow: hidden;
}
body.home #adContainer {
	display: block;
}
#adoverlay {
	position: absolute;
	width: 206px;
	height: 279px;
	top: 0px;
	left: 0px;
	z-index: 50;
	background-image: url(images/subnav_overlay.png);
	background-repeat: no-repeat;
}
#adimage {
	width: 206px;
	height: 196px;
	overflow: hidden;
}
#adimage p {
	margin: 0px !important;
	padding: 0px; !important;
}
#adcontentContainer {	
	margin-top: 6px;
	width: 206px;
	height: 77px;
	overflow: hidden;
	/*background-color: # D32322;*/
}
#adcontent {
	position: absolute;
	top: 200px;
	left: 0px;
	z-index: 75;
	width: 186px;
	height: 67px;
	overflow: hidden;
	font-size: 14px;
	line-height: 16px;
	font-weight:bold;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
}
#adcontent p {
	margin: 0px;
	padding: 3px 0px 3px 0px;
}
#adcontent a {
	color: #FFFFFF;
	text-decoration: none;	
}
#adcontent a:hover {
	text-decoration: underline;	
}
#footer {
	width: 850px;
	height: 27px;
	background-image: url(images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 5px 18px 0px 18px;
	margin: 0px;
}
#logos {
	display: block;
	position: relative;
	width: 146px;
	height: 23px;
	float: left;
	/*background-color: # D32322;*/
}
body.nologos #logos {
	display: none;
}
#logosOverlay {	
	position: absolute;
	width: 146px;
	height: 25px;
	z-index: 100;
	background-image: url(images/ehl_logo.png);
	background-repeat: no-repeat;	
}

#logofdicOverlay {	
	position: absolute;
	width: 106px;
	height: 25px;
	z-index: 100;
	background-image: url(images/fdic_logo.pn);
	background-repeat: no-repeat;	
}

#logoehlOverlay {	
	position: absolute;
	width: 146px;
	height: 25px;
	z-index: 100;
	background-image: url(images/ehl_logo.png);
	background-repeat: no-repeat;	
}


#footerlinks {
	float: right;
	width: 704px;
	height: 15px;
	padding: 4px 0 0 0;
}
#footerlinks ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
	float: right;
}
#footerlinks ul li {
	display: block;
	height: 4px;
	padding: 0px 5px 8px 5px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: # D32322;
	font-size: 10px;
	line-height: 12px;
}
#footerlinks ul li a {
	color: #495056;
	text-decoration: none;
}
#footerlinks ul li a:hover {
	text-decoration: underline;
}
li.none {
	background: none !important;
	padding-right: 0px !important;
	border: none !important;
}

.content  {
	
}
.content ol, .content ul {
	margin: 0px 0px 20px 15px;
	padding: 3px 0px 3px 15px;
	list-style: disc;
	
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content p, .content blockquote, .content pre, .content dl, .content dt, .content dd, .content li {
	margin-top: 3px;
	padding-top: 3px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	}
	
.content h1 { 
 	font-size: 16px;
	line-height: 18px;
	color: #226074;
}
.content h2 {
	font-size: 14px;
	line-height: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#333333;
	/*color: #333333;*/
}
.content h3 {
	 font-size: 12px;
	 line-height: 14px;
	 font-weight: bold;
	 margin: 0px;
	 padding: 3px 0px 3px 0px;
}
.content h4 {
	 font-size: 14px;
	 line-height: 16px;	
	 font-weight: bold;
}
.content h5 {
	 font-size: 12px;
	 line-height: 14px;	
	  font-weight: bold;
}
.content p {
	font-size: 12px;
	line-height: 17px;
	/*color: #606060;*/
	margin: 5px 0px 8px 0px;
	padding: 3px 0px 8px 0px;
}	
fieldset {
	padding: 15px;
}
.small, .content h6 {
	font-size: 10px !important;
	line-height: 12px !important;
	color: #999999 !important;
}
.clearfloat {
	clear: both;
	height: 0px;
}
.styledtable {
	font-size: 11px;
	color: #666666;
	margin-bottom: 20px;
}
.styledtable th {
	padding-top: 3px;
	padding-bottom: 3px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
	background-color: #999999;
	text-align: center;
	color:#FFFFFF;
}
.styledtable th a {
	/*color: #0b84ec;*/
	text-decoration: none;
}
.styledtable th a:hover  {
	/*color: #ee2e24;*/
	text-decoration: underline;	
}
.styledtable td {
	padding: 7px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
}
.styledtable tr:hover {
	padding: 7px;
	/*color: #D32322;*/
	border-bottom-color: #D0D2C4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: #d0d1d1;
}
.styledtable caption {
	padding: 7px;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	margin: 0px;
	/*background-color: #D32322;*/
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
table.styledtable.bordered {
	background-color: #ffffff !important;
	border: 1px solid #D7DCE8;	
}
table.styledtable.bordered td {
	background-color: #ffffff !important;
	border: 1px solid #D7DCE8;	
}
table.styledtable.bordered th {
	border: 1px solid #D7DCE8;	
}
table.styledtable.bordered caption {
	border: 2px solid #D7DCE8;	
}
.odd {
	background-color: #f5f5f5;
}
.even {
	background-color: #ffffff;
}