﻿body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ebeff5;
	background-image: url('img_bg.jpg');
	background-repeat: repeat-x;
	background-attachment: fixed;
}

a {color: #004b8d;}
a:hover {color: #EA7000;}
h1, h2, h3, h4, h5, p, form {margin: 0px; padding: 0px;}
ul, p {margin: 4px auto 5px; padding: 4px auto 5px;}


.login, .signup, .login-active, .signup-active {
	text-align: center; color: #FFFFFF; font-weight: bold;
	text-transform: uppercase; font-size: 0.8em; padding: 8px 12px; min-width: 50px; margin: 2px 0 0 0;
}
.login, .login-active {background: #9CA02C; border-radius: 3px 0 0 3px;}
.signup, .signup-active {background: #C30045; border-radius: 0 3px 3px 0; border-left: 1px solid #E1E1E1;}
.login:hover, .signup:hover, .login-active:hover, .signup-active:hover {background: #457286; color: #F3F3F3;}
.login, .signup, .login-active, .signup-active, .login:hover, .signup:hover, .login-active:hover, .signup-active:hover,
a.login, a.signup, a.login-active, a.signup-active, a.login:hover, a.signup:hover, a.login-active:hover, a.signup-active:hover {display: inline-block; text-decoration: none;}

h1 {
	margin-top: 8px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: "Times New Roman", Times, serif;
	color: #004B8D;
	font-weight: normal;
	font-size: 24px;
}
h2 {
	margin-top: 8px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 18px;
	font-weight: normal;
	color: #004B8D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
h3 {
	margin-top: 8px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 16px;
	color: #666666;
	font-weight: normal;
}
h4 {
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}
h5 {
	font-size: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;

}
:focus {
	outline:none;
}
#page {
	padding: 0px;
	width: 990px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}

#fixed_container {
	position: fixed;
	z-index: 500;
	width: 990px;
}
section.home #fixed_container {
	position: absolute;
}

#header {
	position: absolute;
	z-index: 505;
	width: 990px;
	height:127px;
}
#header_bg_l {
	background-image: url(img_headerbg_l.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 162px;
	width: 427px;
}
#header_bg_2 {
	background-image: url(img_headerbg_r.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 127px;
	width: 563px;
}
#search {
	margin: 0px;
	float: right;
	width: 250px;
	padding-top: 15px;
	padding-right: 38px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: right;
	font-size: 11px;
	color: #004B8D;
}

/*#mainimg {
	display: none;
	height: 350px;
	width: 990px;
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 75px;
	margin: 0px;
	padding: 0px;
	}*/
	section.mainimg #mainimg {
		display: inline;
	}
	#colleft {
		margin: 0px;
		float: left;
		width: 196px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 131px;
		padding-left: 0px;
	}
	#colright {
		margin: 0px;
		float: left;
		width: 794px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 131px;
		padding-left: 0px;
	}
	#container1 {
		height: 150px;
		background-color: #FFFFFF;
	}
	section.mainimg #container1 {
		height: 380px;
	}
	#container2 {
		background-image: url(img_bgcontainer.png);
		background-repeat: no-repeat;
		background-position: bottom;
		background-color: #FFFFFF;
		width: 990px;
	}

	#content {
		margin: 0px;
		padding-top: 10px;
		padding-right: 25px;
		padding-bottom: 25px;
		padding-left: 25px;
		min-height: 325px;
	}
	section.home #content {
		padding-top: 10px;
		padding-bottom: 0px;
		min-height: 120px;
	}
	section.home #subnavimg {
		display: block;
	}
	#contentspacer {
		display: none;
		margin: 0px;
		padding: 0px;
		float: right;
		height: 0px;
		width: 230px;
	}
	section.onlinebanking #contentspacer {
		display: inline;
		height: 100px;
	}
	section.quicklinks #contentspacer {
		display: inline;
		height: 250px;
	}
	section.onlinebanking.mainimg #contentspacer, section.quicklinks.mainimg #contentspacer, section #subnavimg {
		display: none;
		height: 0px;
	}
	#footer {
		background-image: url(img_bgfooter.png);
		background-repeat: no-repeat;
		padding: 0px;
		height: 131px;
		width: 990px;
		position: absolute;
		left: 0px;
		bottom: 0px;
		font-size: 10px;
		color: #004b8d;
		z-index: 250;
		margin: 0px;
	}
	#copyright {
		text-align: center;
		position: absolute;
		width: 990px;
		bottom: 20px;
		z-index: 255;
		font-size: 10px;
		color: #004b8d;
	}
	#copyright a {
		color: #004b8d;
		text-decoration: none;
	}
	#copyright a:hover {
		color: #EA7000;
		text-decoration: underline;
	}
	#logos {
		position: absolute;
		z-index: 100;
		left: 20px;
		bottom: 20px;
	}
	section.investment #logos, section.insurance #logos {
		display: none;
	}
	.relative {
		position:relative;
	}
	#subnavimg {
		position: absolute;
		width: 191px;
		top: 397px;
		left: 0px;
		padding-top: 0px;
		padding-right: 5px;
		padding-bottom: 0px;
		padding-left: 0px;
		z-index: 250;
		text-align: right;*/
	}
	#nav1 {
		background-image: url(img_bgnav.png);
		margin: 0px;
		position: absolute;
		left: 0px;
		top: 0px;
		height: 330px;
		width: 196px;
		padding-top: 170px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		z-index: 200;
	}
	#nav1bak ul {
		margin: 0px;
		padding: 0px;
		position: relative;
	}
	#nav1bak ul li {
		margin: 0px;
		list-style-type: none;
		padding: 0px;
		height: 24px;
	}
	#nav1bak ul li a {
		display: block;
		width: 168px;
		line-height: 13px;
		height: 13px;
		padding-top: 6px;
		padding-right: 24px;
		padding-bottom: 5px;
		padding-left: 4px;
		text-align: right;
		background-image: url(nav1bak_a_bg.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		margin: 0px;
		font-size: 12px;
		overflow: hidden;
		cursor: pointer;
	}
	#nav1bak ul li a:hover {
		background-position: -196px 0px;
		padding-right: 21px;
		width: 171px;
	}
	section.home #nav1bak_btn1, section.online #nav1bak_btn2, section.personal #nav1bak_btn3, section.business #nav1bak_btn4, section.loans #nav1bak_btn5, section.insurance #nav1bak_btn6, section.investment #nav1bak_btn7, section.about #nav1bak_btn8 {
		background-position: -196px 0px;
		padding-right: 21px;
		width: 171px;
		font-weight: bold;
	}




	#nav1bak_btn1 {

	}
	#nav1bak_btn2 {

	}
	#nav1bak_btn3 {

	}
	#nav1bak_btn4 {

	}
	#nav1bak a:hover, #nav1bak_btn1 .active, #nav1bak_btn2 .active, #nav1bak_btn3 .active, #nav1bak_btn4 .active {

	}
	.clearfloat {
		clear: both;
		height: 0px;
	}
	#onlinebanking {
		background-image: url(img_bgob.png);
		margin: 0px;
		height: 111px;
		width: 157px;
		position: absolute;
		z-index: 400;
		left: 769px;
		top: 0px;
		display: none;
		padding-top: 100px;
		padding-right: 25px;
		padding-bottom: 25px;
		padding-left: 25px;
		font-size: 10px;
	}
	#onlinebanking a {
		text-decoration: none;
		color: #f1f1f1;
	}
	#onlinebanking a:hover {
		text-decoration: underline;
		color: #ffffff;
	}
	#onlinebanking p {
		margin-top: 1px;
		margin-bottom: 1px;
		padding-top: 1px;
		padding-bottom: 1px;
	}
	#onlinebanking h2 {
		font-size: 17px;
		text-align: center;
		font-weight: bold;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		margin-top: 2px;
		margin-bottom: 2px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	#onlinebanking input {
		font-size: 10px;
	}
	section.onlinebanking #onlinebanking {
		display: inline;
	}
	#quicklinks {
		background-image: url(quicklinks_bg.png);
		margin: 0px;
		height: 117px;
		width: 157px;
		position: absolute;
		z-index: 300;
		left: 769px;
		top: 0px;
		display: none;
		padding-top: 235px;
		padding-right: 25px;
		padding-bottom: 25px;
		padding-left: 25px;
		font-size: 10px;
	}
	section.quicklinks #quicklinks {
		display: inline;
	}
	#quicklinks h2 {
		color: #abc6e0;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		font-size: 14px;
		font-weight: bold;
		margin: 5px 0 0 0;
	}
	#quicklinks a {
		color: #82acd4;
		text-decoration: none;
		font-weight: bold;
		line-height: 12px;
		display: block;
		background-image: url(arrow.gif);
		background-repeat: no-repeat;
		background-position: 5px 6px;
		padding-top: 2px;
		padding-right: 2px;
		padding-bottom: 2px;
		padding-left: 20px;
		margin: 0px;
	}
	#quicklinks a:hover {
		text-decoration: underline;
		color: #D9FF64;
		background-position: 8px;
		padding-left: 23px;
	}
	#quicklinks ul {
		margin-right: 0px;
		margin-left: 0px;
		padding-right: 0px;
		padding-left: 0px;
		margin-top: 0px;
	}
	#quicklinks ul li {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}


	#logo {
		margin: 0px;
		padding: 0px;
		height: 162px;
		width: 327px;
		clear: both;
		position: absolute;
		left: 0px;
		top: 0px;
	}
	.styledtable {
		border-top-width: 0px;
		border-top-style: solid;
		border-top-color: #AEB89D;
		font-size: 11px;
	}
	.styledtable th {
		padding: 7px;
		border-right-width: 0px;
		border-right-style: solid;
		border-right-color: #ffffff;
		background-color: #D7DEEB;
		text-align: left;
		color:#004B8D;
	}
	.styledtable th a {
		color:#d2e7df;
	}
	.styledtable th a:hover {
		color:#FFFFFF;
	}
	.styledtable td {
		padding: 7px;
		border-right-width: 0px;
		border-right-style: solid;
		border-right-color: #ffffff;
		border-bottom: 1px #CCCCCC solid;
	}
	.styledtable tr:hover {
		padding: 7px;
		color:#000000;
		border-bottom-color: #D0D2C4;
		border-bottom-width: 0px;
		border-bottom-style: solid;
		background-color: #D9FF64;
		border-bottom: 1px #CCCCCC solid;
	}
	.styledtable caption {
		padding: 7px;
		font-size: 11px;
		color: #FFFFFF;
		text-align: left;
		font-weight: bold;
		margin-top: 15px;
		background-color: #607DB1;
		border-right-width: 0px;
		border-right-style: solid;
		border-right-color: #ffffff;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #ffffff;
	}
	.odd {
		background-color: #f1f1f1;
	}
	.even {
		background-color: #ffffff;
	}
	.btn_go {
		font-size: 10px;
		text-align: center;
		margin: 0px;
		width: 39px;
		padding-top: 1px;
		padding-right: 1px;
		padding-bottom: 1px;
		padding-left: 1px;
		line-height: 13px;
	}
	#terms {
		width: 550px;
		height: 300px;
		overflow: scroll;
		overflow-x: hidden;
		border: 1px d2e7df solid;
	}
	#termsBottom {
		width: 550px;
	}
	#mainimg{
		overflow: hidden;
		position: relative;
		height: 350px;
		width: 990px;

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

	a.tabOneText:link, a.tabOneText:active, a.tabOneText:visited, .btn{
		background-color:#000000;
		color: #FFFFFF;
		font-size:12px;
		font-style:normal;
		font-weight:normal;
		text-shadow: #333333 1px 1px 1px;

		border-top:1px solid #B90000;
		border-right:1px solid #B90000;
		border-bottom:1px solid #B90000;
		border-left:1px solid #B90000;

		padding-top:2px;
		padding-right:10px;
		padding-bottom:4px;
		padding-left:8px;

		background-image:url('./bg_on.jpg');

		background-color:#405D31;
		-moz-border-radius-topright:5px;
		-webkit-border-top-right-radius:5px;
		border-top-right-radius:5px;

		-moz-border-radius-topleft:5px;
		-webkit-border-top-left-radius:5px;
		border-top-left-radius:5px;

		-moz-border-radius-bottomright:5px;
		-webkit-border-bottom-right-radius:5px;
		border-bottom-right-radius:5px;

		-moz-border-radius-bottomleft:5px;
		-webkit-border-bottom-left-radius:5px;
		border-bottom-left-radius:5px;
		text-decoration:none;
	}


	a.tabOneText:hover{
		background-image:url('./bg_hova.jpg');
		text-decoration:none;
	}