/* 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.

/* Set background color of entire site*/
body, #mainBodyOverlay, #mainBodyCornerL, #mainBodyCornerR {
	background-color: #a0bfb9;
}
/* Set main highlight color - default blue */
#obloginxy, #footergraphic, #mainimgColor, #mainNav a:hover, body.navGroup1 #nav1_btn1 a, body.navGroup2 #nav1_btn2 a, body.navGroup3 #nav1_btn3 a, body.navGroup4 #nav1_btn4 a, body.navGroup5 #nav1_btn5 a, body.navGroup6 #nav1_btn6 a, body.navGroup7 #nav1_btn7 a, body.navGroup8 #nav1_btn8 a, body.navGroup9 #nav1_btn9 a, body.navGroup10 #nav1_btn10 a, #logos, .styledtable caption {
	background-color: #479180;
}
/* Set secondary highlight color - default orange */
#mainNav li div ul li a:hover, #content1 h1, .color, #features a:hover, #mainimgContent a:hover {
	color: #583418 !important;
}
/* Set main navigation font color - default is blue to match main highlight color */
#topnav, #topnav li a, #search, #onlinebanking, #obloginLinks, #obloginLinks a, #mainNav li a, #mainNav li div ul li a, #content1 h2, #content1 a, #features h1, #mainimgContent, #mainimgContent a {
	color: #479180;
}
/* Set topnav hover and footer font color  - default white */
#topnav li a:hover, #mainNav li a:hover, body.navGroup1 #nav1_btn1 a, body.navGroup2 #nav1_btn2 a, body.navGroup3 #nav1_btn3 a, body.navGroup4 #nav1_btn4 a, body.navGroup5 #nav1_btn5 a, body.navGroup6 #nav1_btn6 a, body.navGroup7 #nav1_btn7 a, body.navGroup8 #nav1_btn8 a, body.navGroup9 #nav1_btn9 a, body.navGroup10 #nav1_btn10 a, #footerContent, #footerContent a {
	color: #ffffff;
}
/* Set as the same as main navigation font color - this is needed due to cascading */
#mainNav li div ul li a {
	color: #479180 !important;
}
/* Set main body font color - default grey */
#content1 p, #content1 h3, #content1 ul, #features a, .styledtable, .eforms td {
	color: #666666;
}

/* End of color attributes */

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
img {
	border:0px;
}
#page {
	width: 967px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#header {
	height: 155px;
}
#logo { /* Set #logo div dimensions to financial institution's logo WIDTH if beyond 207px.  Logo can't exceed 100px height.  Margin top may have to be reduced*/
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	height: 127px;
	width: 711px;
	margin-top: 15px;
	margin-left: -40px;
	float: left;
}
* html #logo { 
	background-image: url(images/logo.gif);
}

#search {
	position: absolute;
	z-index: 250;
	top: 20px;
	right: 10px;
	text-align: right;
	font-weight: bold;
}
#topnav {
	height: 25px;
	font-size: 12px;
	text-align: right;
	float: right;
	position: absolute;
	z-index: 200;
	top: 50px;
	right: 10px;
	margin-top: 5px;
}
#topnav ul {
	display: inline;
	width: auto;
	float: right;
	margin: 0px;
	padding: 0px;
}
#topnav li {
	display: inline;
	float: left;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#topnav li a {
	text-decoration: none;
	margin-right: 10px;
	margin-left: 10px;
}
#mainBodyContainer {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	position: relative;
}
#mainBodyCornerL {
	height: 21px;
	width: 10px;
	z-index: 5;
	left: 0px;
	top: -1px;
	position: absolute;
	background-image: url(images/corners_overlayL.png);
}
* html #mainBodyCornerL {
	background-image: url(images/corners_overlayL.gif);
}

#mainBodyCornerR {
	height: 21px;
	width: 10px;
	z-index: 5;
	left: 957px;
	top: -1px;
	position: absolute;
	background-image: url(images/corners_overlayR.png);
}
* html #mainBodyCornerR {
	background-image: url(images/corners_overlayR.gif);
}

#mainBodyOverlay {
	background-image: url(images/divider_overlay.png);
	height: 434px;
	width: 28px;
	background-repeat: no-repeat;
	background-position: top;
	position: absolute;
	left: 260px;
	top: -1px;
	z-index: 10;
}
* html #mainBodyOverlay {
	background-image: url(images/divider_overlay.gif);
}

#col_left {
	float: left;
	width: 270px;
	padding-bottom: 25px;
}
#obloginxy {
	display: none;
	width: 250px;
	height: 189px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 9px;
	position: absolute;
	z-index: 275;
	left: 10px;
	top: 0px;
}
body.onlinebanking #obloginxy {
	display: block;
}
#obloginHeader {
	background-image: url(images/login_header_overlay.png);
	background-repeat: no-repeat;
	height: 43px;
	padding-top: 10px;
}
#obloginHeader h1 {
	font-size: 15px;
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#obloginBody {
}
#obloginFooter {
	background-image: url(images/login_footer_overlay.png);
	background-repeat: no-repeat;
	height: 30px;
}
#onlinebanking {
	height: 110px;
	width: 230px;
	position: absolute;
	z-index: 1000;
	left: 10px;
	top: 235px;
	padding-right: 10px;
	padding-left: 10px;
	display: none;
}
body.onlinebanking #onlinebanking {
	display: block;
}
#obloginLinks {
	width: 230px;
	text-align: right;
	margin-top: 20px;
}
#obloginLinks a {
	text-decoration: none;
}
#obloginLinks a:hover {
	text-decoration: underline;	
}
#mainNav {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 35px;
	padding-top: 10px;
}


* html #mainNav {
	width: 250px;
	position: absolute;
	z-index: 100000;
	left: 10px;
	top: 0px;
}

body.home #mainNav, body.onlinebanking #mainNav {
	padding-top: 200px;
}
#mainNav a {
	cursor: pointer;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	background-color: #e1e1e1;
	background-image: url(images/nav_bg.gif);
	background-repeat: no-repeat;
	width: 235px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 15px;
	text-decoration: none;
	display: block;
}

#mainNav p a {
	cursor: pointer;
	background-color: transparent;
	background-image: none;
	width: 235px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 15px;
	display: block;
}
#mainNav li.dline a {
	line-height: 15px;
	background-image: url(images/nav_bg2.gif);
	padding-top: 11px;
	padding-bottom: 11px;
}
#mainNav li.dline a div {
	margin-left:15px;
	display:block !important;}

#mainNav a:hover {background-image: url(images/nav_bg_on.gif);}
#mainNav p a:hover {background-image: none;background-color: transparent;}
#mainNav li.dline a:hover {background-image: url(images/nav_bg_on2.gif);}
body.navGroup1 #nav1_btn1 a {
	
}
#mainNav ul {
	list-style-type: none;
	margin-top: 0px;
	padding-top: 0px;
}
#mainNav li {
	padding-top: 0px;
	margin-left: -40px;
	margin-top: 3px;
	margin-bottom: 4px;
}

/* Secondary navigation dropdown styles */

#nav1_btn1 div, #nav1_btn2 div, #nav1_btn3 div, #nav1_btn4 div, #nav1_btn5 div {
	display: none;
}
body.navGroup1 #nav1_btn1 div, body.navGroup2 #nav1_btn2 div, body.navGroup3 #nav1_btn3 div, body.navGroup4 #nav1_btn4 div, body.navGroup5 #nav1_btn5 div {
	display: block;
}  
#nav1_btn1 div a, #nav1_btn2 div a, #nav1_btn3 div a, #nav1_btn4 div a, #nav1_btn5 div a {
	width: 250px;
	background: none !important;
	text-decoration: none;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	text-decoration: none;
	display: block;	
}
#nav1_btn1 div a:hover, #nav1_btn2 div a:hover, #nav1_btn3 div a:hover, #nav1_btn4 div a:hover, #nav1_btn5 div a:hover {
	background: none;
	padding-left: 20px;
}
#nav1_btn1 div ul, #nav1_btn2 div ul, #nav1_btn3 div ul, #nav1_btn4 div ul, #nav1_btn5 div ul {
	list-style-type: none;
	margin-top: 0px;
	padding-top: 0px;
}
#nav1_btn1 div ul li, #nav1_btn2 div ul li, #nav1_btn3 div ul li, #nav1_btn4 div ul li, #nav1_btn5 div ul li {
	padding-top: 0px;
	margin-left: -20px;
	margin-top: 3px;
	margin-bottom: 4px;
}

/* End of Secondary navigation styles */

#col_right {
	float: left;
	position: relative;
	min-height: 500px;
}

* html #col_right {
	height: 500px;
}

#mainimg {
	height: 253px;
	width: 670px;
	text-align: right;
	position: absolute;
	z-index: 500;
	left: 19px;
	top: 9px;
	overflow: hidden;
}

#mainimg img{
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
	opacity: 0;
}

#mainimg p { /* Created due to the CMS tool wrapping an image in an article with a paragraph tag */
	margin: 0px;
	padding: 0px;	
}
#mainimgOverlay {
	display: none;
	position: absolute;
	left: 19px;
	top: 9px;
	height: 253px;
	width: 670px;
}

/*#mainimgColor {
	display: none;
	height: 253px;
	width: 245px;
	position: absolute;
	z-index: 550;
	left: 19px;
	top: 9px;
}
#mainimgContent {
	display: none;
	height: 196px;
	width: 175px;
	position: absolute;
	z-index: 600;
	top: 10px;
	left: 19px;
	bottom: 0px;
	vertical-align: middle;
	padding-right: 20px;
	padding-left: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	padding-top: 25px;
}
#mainimgContent a {
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}
#mainimgContent a:hover {
}

*/
#content1 {
	width: 650px;
	padding-top: 20px;
	margin-left: 30px;
}
body.home #content1, body.banner #content1  {
	width: 640px;
	padding-top: 270px;
	padding-right: 10px;
	margin-left: 30px;
}
#content1 h1 {
	font-size: 15px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#content1 h2 {
	font-size: 13px;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#content1 h3 {
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 2px;
	font-weight: bold;
}
#content1 p {
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 16px;
}
#content1 ul {
	list-style-type: square;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#content1 ul li {
	font-size: 11px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	line-height: 16px;
}
#content1 a {
	text-decoration: none;
}
#content1 a:hover {
	text-decoration: underline;	
}
#features {
	display: none;
	width: 635px;
	margin-left: 30px;
	margin-top: 15px;
	padding-right: 15px;
}
body.features #features {
	display: block;
}
#features a {
	font-size: 13px;
	text-decoration: none;
}
#features a:hover {
	text-decoration: underline;	
}
#features 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;
}
#features ul {
	list-style-type: none;
	margin-top: 3px;
	padding-top: 3px;
	margin-bottom: 3px;
	padding-bottom: 3px;
}
#features li {
	padding-top: 0px;
	margin-left: -30px;
	margin-top: 3px;
	margin-bottom: 4px;
}
.homeFeatures th {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#footer {
	height: 45px;
	width: 967px;
	position: relative;
}
#logos {
	display: none;
	height: 37px;
	width: 91px;
	background-image: url(images/fdic_logos.png);
	background-repeat: no-repeat;
	margin-left: 21px;
	margin-bottom: 14px;
	position: absolute;
	z-index: 50;
	left: 5px;
	bottom: 35px;
}
* html #logos {
	background-image: url(images/fdic_logos.gif);
	bottom: 100px;
}

body.logos #logos {
	display: block;
}
#footergraphic {
	width: 948px;
	height: 50px;
	background-image: url(images/footer_overlay.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 45px;
	top: 0px;
	left: 10px;
}
* html #footergraphic {
	background-image: url(images/footer_overlay.gif);
}

#footerbg {
	height: 65px;
	width: 967px;
	background-image: url(images/footerbg.png);
	background-repeat: no-repeat;
	z-index: 35;
}

* html #footerbg {
	background-image: url(images/footerbg.gif);
}

#footerContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
#footerContent a {
	text-decoration: none;	
}
#footerContent a:hover {
	text-decoration: underline;
}

/* Misc styles */

.styledtable {
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #D0D2C4;
	border-left-color: #D0D2C4;
	border-left-width: 1px;
	border-left-style: solid;
	font-size: 11px;
}
.styledtable th {
	padding: 5px;
	border-bottom-color: #D0D2C4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: #D0D2C4;
	text-align: center;
}
.styledtable td {
	padding: 5px;
	border-bottom-color: #D0D2C4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-color: #D0D2C4;
	border-right-width: 1px;
	border-right-style: solid;
	text-align: center;
}
.styledtable caption {
	padding: 5px;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	margin-top: 15px;
}
.clearfloat {
	clear: both;
	height: 0px;
}
:focus {
	outline:none;
}


/**/
.eforms {
	width:600px;
}
.eforms input {
	margin-right:5px;
}

.eforms td {
	padding: 3px;
	font-size:11px;
}
.eforms td a {
	color:#025949;
}
.eforms td a:hover {
	color:#FFFFFF;
}