/* 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: #e8e2d6; /*was #c0ba96 */
}
/* Set main highlight color - default blue */
#obloginxy, #footergraphic, #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: #01806e; /*was 007161*/
}
/* Set secondary highlight color - default orange */
#mainNav li div ul li a:hover, #content1 h1, .color, #features a:hover, #mainimgContent a:hover {
	color: #01806e!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: #01806e;
}
/* 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 {
	color: #ffffff;
}
/* Set as the same as main navigation font color - this is needed due to cascading */
#mainNav li div ul li a {
	color: #01806e!important;
}
/* Set main body font color - default grey */
#content1 p, #content1 h3, #content1 ul, #features a, .styledtable {
	color: #444444;
}

/* End of color attributes */


body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#page {
	position: relative;
	width: 967px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#header {
	height: 100px;
}
#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: 66px;
	width: 270px;
	margin-top: 20px;
	margin-left: 0px;
	float: left;
}
#search {
	font-size: 12px;
	position: absolute;
	z-index: 250;
	top: 20px;
	right: 10px;
	text-align: right;
	padding-right: 10px;
}
#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);
}
#mainBodyCornerR {
	height: 21px;
	width: 10px;
	z-index: 5;
	left: 957px;
	top: -1px;
	position: absolute;
	background-image: url(images/corners_overlayR.png);
}
#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;
}
#contentContainer {
}
#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, body.onlinebanking #onlinebanking {
	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: 165px;
	padding-right: 10px;
	padding-left: 10px;
	display: none;
}
#obloginLinks {
	width: 230px;
	text-align: center;
	margin-top: 10px;
}
#obloginLinks a {
	text-decoration: none;
}
#obloginLinks a:hover {
	text-decoration: underline;	
}
#olbmessage {
	display: none;
}
body.home #olbmessage {
	display: block;
}
#mainNav {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 35px;
	padding-top: 10px;
}
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.png);
	background-repeat: no-repeat;
	width: 235px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 15px;
	text-decoration: none;
	display: block;
}
#mainNav a:hover {
}
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, #nav1_btn6 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, body.navGroup6 #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, #nav1_btn6 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, #nav1_btn6 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, #nav1_btn6 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, #nav1_btn6 div ul li {
	padding-top: 0px;
	margin-left: -20px;
	margin-top: 3px;
	margin-bottom: 4px;
}

/* End of Secondary navigation styles */

/* 3er level mainnav dropdowns*/


#mainNav li div ul li a:hover {
	background-color:white;
}


#mainNav li li ul {
  width: 220px;
  height: auto;
  margin: 0px;
  padding: 0px;
	
}

#mainNav li li:hover ul {
}


#mainNav li li li {
	margin:0 0 0 10px;
	padding:0;
	
}

#mainNav li li li a, #mainNav li li li a:link, #mainNav li li li a:active, #mainNav li li li a:visited  {
	color:#fff;
	font-weight:normal;
	margin-left:10px;
		line-height: 6px;
} 

#mainNav li li li a:hover  {
	font-weight:normal;
} 




#col_right {
	float: left;
	position: relative;
	min-height: 500px;
}
#mainimgContainer {
	display: none;
	height: 253px;
	width: 670px;
	text-align: right;
	position: absolute;
	z-index: 500;
	left: 19px;
	top: 9px;
	overflow: hidden;
}
#mainimgContainer p { /* Created due to the CMS tool wrapping an image in an article with a paragraph tag */
	margin: 0px;
	padding: 0px;	
}
body.home #mainimgContainer, body.home #mainimgColor, body.home #mainimgOverlay, body.home #mainimgContent  {
	display: block;
}
body.banner #mainimgContainer, body.banner #mainimgColor, body.banner #mainimgOverlay, body.banner #mainimgContent  {
	display: block;
}
#mainimgColor {
	display: none;
	height: 253px;
	width: 245px;
	position: absolute;
	z-index: 550;
	left: 19px;
	top: 9px;
}
#mainimgOverlay {
	display: none;
	/*background-image: url(images/mainimg_overlay.png);*/
	background-repeat: no-repeat;
	position: absolute;
	z-index: 575;
	left: 19px;
	top: 9px;
	height: 253px;
	width: 670px;
}
#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: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	padding-top: 50px;
}
#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: 16px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#content1 h2 {
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#content1 h3 {
	font-size: 13px;
	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: 13px;
}
#content1 table {
	font-size: 11px;
	color: #444444;
}
#content1 ul {
	list-style-type: square;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11px;
}

#content1 ul li {
	font-size: 11px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#content1 ol {
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11px;
	color:#444444;
}

#content1 ol li {
	font-size: 11px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}


#content1 a {
	text-decoration: none;
}
#content1 a img {
	border: none;
}
#content1 a img:hover {
	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: 24px;
	width: 106px;
	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;
	background-color:#ffffff;
}
#brandprotect {
	position: absolute;
	left: 118px;
	bottom: 35px;
	margin-left: 21px;
	z-index: 50;
	/*margin-bottom: 14px;*/
}
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;
}
#footerbg {
	height: 65px;
	width: 967px;
	background-image: url(images/footerbg.png);
	background-repeat: no-repeat;
	z-index: 35;
}
#footerContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color: #444444;
}
#footerContent a {
	text-decoration: none;
	color: #444444;
}
#footerContent a:hover {
	text-decoration: underline;
}

/* Misc styles */

.styledtable {
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #AEB89D;
	font-size: 11px;
}
.styledtable th {
	padding: 5px;
	border-bottom-color: #AEB89D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: #D0D2C4;
	text-align: left;
}
.styledtable td {
	padding: 5px;
	border-bottom-color: #D0D2C4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.styledtable tr:hover{
	background-color: #eeeeee;
	
}
.styledtable ul {
	list-style-type: square;
	list-style-position: outside;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 11px;
	padding-left: 9px;
	padding-right: 0px;
	margin-left: 0px;
}

.styledtable ul li {
	font-size: 11px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
	margin-left: 0px;
}

.styledtable caption {
	padding: 5px;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	margin-top: 15px;
	border-bottom: 1px #ffffff solid;
}
.clearfloat {
	clear: both;
	height: 0px;
}
:focus {
	outline:none;
}
/*SLIDESHOW MAINIMG STYLES */
#mainimg {
	overflow: hidden;
	position: relative;
	height: 251px;
	width: 670px;
	margin: 0px;
	padding: 0px;
}
#mainimg img {
	position: absolute;
	right: 0px;
	top: 0px;
	visibility: hidden;
	opacity: 0;
}