/* 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 */
body {
	background-color: #997D5D;
}
#topbar, #obContainer, .subhead, #adcontentContainer, #logos, .styledtable caption, #mainnav ul li a:hover, .styledtable th a:hover {
	background-color: #621F09;
}
a:hover, .color, #featureslist a:hover, .subcontent li a:hover, #footerlinks ul li a, .content h2, .styledtable tr:hover, .styledtable th a, .content1 h1, a, .content h1 {
	color: #621F09;
}
.content h2 {
	 border-bottom-color: #621F09;
}
body, #featureslist h1, #featureslist a, .content p, .subcontent li a, .content h3, ul li {
	color: #1A3459;
}
body {
	height: 100%;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
:focus {
	outline: none;
}
#page {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 886px;
	background-color: #FFFFFF;
}
#topbar {
	width: 886px;
	height: 5px;
}
#header {
	width: 866px;
	height: 125px;
	padding: 0px 10px 0px 10px;
}
#logo {
	float: left;
	width: 224px;
	height: 54px;
	padding: 23px 0px 0px 0px;
}
#mainnav  {
	position: relative;
	float: left;
	width: 635px;
	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: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}
#mainnav ul li a {
	display: block;
	color: #666666;
	text-decoration: none;
	background-color: #FFFFFF;
	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-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;
	text-align:justify;
}
#obContainer {
	position: absolute;
	width: 225px;
	height: 175px;
	z-index: 150;
	right: 18px;
	top: 0px;
	font-family: Arial, Helvetica, 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: 30px;
	padding: 10px 0 0 0;
}
#obContent {
	width: 225px;
	height: 115px;
	color: #FFFFFF;
	padding: 0;
}
.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: Arial, Helvetica, sans-serif;
	width: 55px;
	height: 25px;
	font-size: 12px;
	text-align: center;
}
#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;
}
#mainimg img{
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: visible;
	opacity: 0;
}
#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/features_bg.jpg);
	background-repeat: repeat-x;
	border: 1px solid #c2c1c1;
	padding: 12px 12px 12px 12px;
}
#featureslist {
	margin: 15px 0 0 0;
}
#featureslist h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 2px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
}
#featureslist ul {
	list-style-type: none;
	margin-top: 3px;
	padding-top: 3px;
	margin-bottom: 3px;
	padding-bottom: 3px;
}
#featureslist li {
	padding-top: 0px;
	margin-left: -30px;
	margin-top: 3px;
	margin-bottom: 5px;
}
#featureslist a {
	text-decoration: none;
	font-size: 12px;
}
#featureslist a:hover {
	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, #subcommercial, #subabout {
	display: none;
	background-color: #f3f3f3;
}
body.personal #subpersonal, body.commercial #subcommercial, body.about #subabout {
	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;
}
.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;	
}
.subcontent ul {
	margin: 5px 0 0 0;
	padding: 0px;
	list-style-type: none;
}
.subcontent li {
	margin: 0px;
	padding: 5px 0px 5px 0px;	
}
.subcontent li a {
	display: block;
	text-decoration: none;
	font-size: 12px;
}
.subcontent li a:hover {
	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;
	text-align:justify;
}
#adcontentContainer {	
	margin-top: 6px;
	width: 206px;
	height: 77px;
	overflow: hidden;
}
#adcontent {
	position: absolute;
	top: 200px;
	left: 0px;
	z-index: 75;
	width: 186px;
	height: 67px;
	overflow: hidden;
	font-size: 11px;
	line-height: 13px;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
}
#adcontent p {
	margin: 0px;
	padding: 3px 0px 3px 0px;
	text-align:justify;
}
#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: 9px 18px 5px 18px;
	margin: 0px;
}
#logos {
	display: block;
	position: relative;
	width: 106px;
	height: 23px;
	float: left;
}
body.nologos #logos {
	display: none;
}
#logosOverlay {	
	position: absolute;
	width: 106px;
	height: 23px;
	z-index: 100;
	background-image: url(images/fdic_ehl_logos.png);
	background-repeat: no-repeat;	
}
#footerlinks {
	float: right;
	width: 744px;
	height: 23px;
	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: #812020;
	font-size: 10px;
	line-height: 12px;
}
#footerlinks ul li a {
	text-decoration: none;
}
#footerlinks ul li a:hover {
	text-decoration: underline;
}
li.none {
	background: none !important;
	padding-right: 0px !important;
	border: none !important;
}
.content ul {
	margin: 0px 0px 7px 15px;
	padding: 3px 0px 3px 15px;
	list-style: disc;	
}
.content ol {
	margin: 0px 0px 7px 15px;
	padding: 3px 0px 3px 15px;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content p, .content blockquote, .content pre, .content dl, .content dt, .content dd {
	margin-top: 3px;
	padding-top: 3px;
	margin-bottom: 3px;
	padding-bottom: 3px;
}	
.content h1 { 
 	font-size: 16px;
	line-height: 18px;
}
.content h2 {
	font-size: 14px;
	line-height: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.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;
	margin: 5px 0px 8px 0px;
	padding: 3px 0px 8px 0px;
	text-align:justify;
}	
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;
	border-collapse:collapse;
}
.styledtable p{
	margin: 0;
	padding: 5px 0;
}
.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 {
	text-decoration: none;
}
.styledtable th a:hover  {
	text-decoration: underline;	
}
.styledtable td {
	padding: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
}
.styledtable td:first-child {
	font-weight:bold;
}
.styledtable tr:hover {
	padding: 5px;
	border-bottom-color: #D0D2C4;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	background-color: #d0d1d1;
}
.styledtable caption {
	padding: 7px;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	margin: 0px;
	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;
}