html {
	background:#a7a7a7 url('../images/bg.png') top repeat-x;
}

body {
	position:relative;
	margin:0px auto;
	width:900px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #0e82ee;
	text-decoration: none;
	font-weight:700;
}
a:active {
	color: #155795;
	text-decoration: none;
}


.header {
	float:left;
	width:900px;
	height:90px;
	background:url('../images/header-bg.png') 0 0 no-repeat;
}

.logo {
	float:left;
	width:215px;
	height:74px;
	background:url('../images/logo.png') 0 0 no-repeat;
	margin-left:4px;
}	

.buildingContainer {
	float:left;
	width:900px;
	height:198px;
	margin-top:-29px;
}

.buildingTop {
	float:left;
	width:900px;
	height:9px;
	background:url('../images/content-top.png') 0 0 no-repeat;
}

.buildingLeft {
	float:left;
	width:10px;
	height:189px;
	background:url('../images/content-left.png') 0 0 no-repeat;
}

.building {
	float:left;
	width:880px;
	height:189px;
	background:url('../images/building.jpg') 0 0 no-repeat;
}

.buildingRight {
	float:left;
	width:10px;
	height:189px;
	background:url('../images/content-right.png') 0 0 no-repeat;
}

.online {
	position:absolute;
	left:631px;
	top:0px;
	width:268px;
	height:100px;
	padding:4px 0px 0px 35px;
	z-index:999;
	background:url('../images/online-bg.png') 0 0 no-repeat;
}

.onlineForm {
	float:left;
	width:200px;
	height:20px;
}

.onlineField {
	float:left;
	width:152px;
	height:17px;
	border:1px solid #92b2c9;
	margin-right:10px;
	background:#ecf4f9;
}

.contactField {
	height:17px;
	border:1px solid #92b2c9;
	background:#ecf4f9;
}

.onlineSubmit {
	float:left;
	width:20px;
	height:20px;
	background:url('../images/online-submit.png') 0 0 no-repeat;
}

/*.onlineEnroll {
	float:left;
	width:150px;
	height:20px;
	margin:6px 0px 0px 125px;
}

.onlineEnroll a:link {
	color:#ffffff;
	text-decoration: none;
}

.onlineEnroll a:visited {
	color:#ffffff;
	text-decoration: none;
}

.onlineEnroll a:hover {
	color: #0e82ee;
	text-decoration: none;
}
.onlineEnroll a:active {
	color: #155795;
	text-decoration: none;
}*/

.content {
	float:left;
	width:900px;
	background:url('../images/content-bg.png') 0 0 repeat-y;
}

.bmenu {
	float:left;
	width:900px;
	height:65px;
	background:url('../images/bmenu-bg.png') 0 0 no-repeat;
	font-weight:700;
	color:#426680;
	padding:24px 0px 0px 20px;
}

.welcome {
	float:left;
	width:800px;
	height:30px;
	font-size:18px;
	font-weight:700;
	color:#29A283;
	margin:30px 0px 0px 40px;
}

.title {
	font-weight:700;
	font-size:16px;
	color:#29A283;
}

.tooltip {
	position:absolute;
	left:500px;
	top:0px;
	width:124px;
	height:40px;
	background:url('../images/tooltip-bg.png') 0 0 no-repeat;
	padding:6px 16px 6px 6px;
	font-size:10px;
	z-index:99;
	visibility:hidden;
}

.left {
	float:left;
	width:540px;
	height:400px;
	margin:7px 0px 0px 40px;
}

.backLeft {
	float:left;
	width:520px;
	margin:7px 0px 0px 40px;
	border-right:1px solid #cccccc;
	padding-right:20px;
	line-height:1.5;
}

.personal {
	float:left;
	width:236px;
	height:155px;
	padding:24px 0px 0px 24px;
	background:no-repeat;
	margin:0px 20px 0px 0px;
}

.commercial {
	float:left;
	width:236px;
	height:155px;
	padding:24px 0px 0px 24px;
	background:no-repeat;
}

.frontFlash {
	float:left;
	width:520px;
	height:218px;
}

.right {
	float:left;
	width:236px;
	height:400px;
	margin:7px 0px 0px 20px;
}
	
.foryou {
	float:left;
	width:236px;
	height:263px;
	padding:24px 0px 0px 24px;
	background:no-repeat;
}

.security {
	float:left;
	width:236px;
	height:107px;
	padding:20px 0px 0px 18px;
	background:no-repeat;
}

.listitem {
	float:left;
	width:200px;
	height:14px;
	margin:2px 0px 0px 14px;
}

.footer {
	float:left;
	width:860px;
	font-size:11px;
	color:#ffffff;
	margin-left:20px;
}

.fdic {
	float:left;
	width:900px;
	height:30px;
	margin:6px 0px 6px 0px;
}

.ehl {
	float:left;
	width:900px;
	height:39px;
	margin:6px 0px 6px 0px;
}

.mortgageBt {
	float:left;
	width:400px;
	height:30px;
}
.mortgageBt a {
	display:block;
	width:400px;
	height:30px;
	background:url('../images/mortgage-button.png') 0px -30px no-repeat;
	overflow:hidden;
}
.mortgageBt a:hover {
	background:url('../images/mortgage-button.png') 0px 0px no-repeat;
}
.mortgageBt a:active {
	background:url('../images/mortgage-button.png') 0px 0px no-repeat;
}

.loanBt {
	float:left;
	width:400px;
	height:30px;
}
.loanBt a {
	display:block;
	width:400px;
	height:30px;
	background:url('../images/loan-button.png') 0px -30px no-repeat;
	overflow:hidden;
}
.loanBt a:hover {
	background:url('../images/loan-button.png') 0px 0px no-repeat;
}
.loanBt a:active {
	background:url('../images/loan-button.png') 0px 0px no-repeat;
}

.homeIcon {
	position:absolute;
	top:0px;
	left:500px;
	width:65px;
	height:68px;
}
.homeIcon a {
	display:block;
	width:65px;
	height:68px;
	background:url('../images/icon-home.png') 0px -68px no-repeat;
	overflow:hidden;
}
.homeIcon a:hover {
	background:url('../images/icon-home.png') 0px 0px no-repeat;
}
.homeIcon a:active {
	background:url('../images/icon-home.png') 0px 0px no-repeat;
}

.contactIcon {
	position:absolute;
	top:0px;
	left:565px;
	width:65px;
	height:68px;
}
.contactIcon a {
	display:block;
	width:65px;
	height:68px;
	background:url('../images/icon-contact.png') 0px -68px no-repeat;
	overflow:hidden;
}
.contactIcon a:hover {
	background:url('../images/icon-contact.png') 0px 0px no-repeat;
}
.contactIcon a:active {
	background:url('../images/icon-contact.png') 0px 0px no-repeat;
}

h1 {
	color:#29A283;
}