/* Text Formatting */
body,td,th {
	color: #3E3E3E;
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
}
.header {
	font: bold 16px/17px Arial, Helvetica, sans-serif;
	color: #484033;
}
.headerSmall {
	font: bold 12px/17px Arial, Helvetica, sans-serif;
	color: #484033;
}

/* HTML Definitions */
a:link {
	color: #4B6759;
}
a:visited {
	color: #4B6759;
}
a:hover {
	color: #4B6759;
}
a:active {
	color: #4B6759;
}
form {
	margin: 0px;
	padding: 0px;
}

/* Misc. Classes */
.clearing { /* Used to create space when floating divs colapse */
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	height: 1px;
	border: none;
}
.topOfPageLink {
	text-align: center;
}

/* Page Formatting */
body {
	background: #BFC4C1;
	margin: 0px;
	padding: 0px;
}

/* Secondary Navigation */
.secNav {
	float: right;
	color: #342C1E;
}

/* Secondary Navigation - Banner */
#bannerContainer .secNav a, #bannerContainer .secNav a:visited, #bannerContainer .secNav a:hover {
	color: #342C1E;
}
#bannerContainer .secNav {
	float: right;
	padding-top: 16px;
	padding-right: 11px;
}

/* Secondary Navigation - Footer */
#footerContainer .secNav a, #footerContainer .secNav a:visited, #footerContainer .secNav a:hover {
	color: #FFFFFF;
}
#footerContainer .secNav {
	float: right;
	line-height: 32px;
	color: #FFFFFF;
}

/* Page Container - Centers page, creates background & border */
#pageContainer {
	width: 756px;
	border: 2px solid #FFFFFF;
	margin: 0px auto;
	background: #FFFFFF;
}

/* Banner - Banner image is a background. Logo is a shim image to create link to Home Page.
Also contains Main Navigation & Secondary Navigation */
#bannerContainer {
	background: url(images/banner.jpg) no-repeat left top;
	clear: both;
	height: 139px;
}
#logo {
	float: left;
	width: 284px;
	margin: 0px;
	padding: 0px;
	clear: none;
	height: 109px;
	border: none;
}
#logoScreen {
	display: inline;
}
#logoPrint {
	display: none;
}

/* Main Navigation */
#mainNav {
	clear: both;
}

/* Content Container - For Interior Pages
Background image creates columns */
#contentContainerInt {
	background: url(images/contentBackgroundInt.gif) repeat-y left top;
	clear: both;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 756px;
}

/* Content Container - For Home Page
Background image creates columns */
#contentContainerHmpg {
	background: url(images/contentBackgroundHmpg.gif) repeat-y left top;
	clear: both;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 756px;
}

/* Side Column - Creates boundaries for the side column and floats it left */
#sideCol {
	clear: none;
	float: left;
	width: 214px;
}

/* Quick Links - Formats the bulleted list that the links appear in indside the side column */
#quicklinks {
	padding-bottom: 11px;
	border-top: 2px solid #FFFFFF;
}
#quicklinks ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#quicklinks li {
	background: url(images/bullet.gif) no-repeat left 6px;
	margin-right: 11px;
	margin-left: 11px;
	padding-left: 10px;
	line-height: 15px;
	margin-top: 5px;
}

/* Community Advantage */
#communityAdvantage {
	padding-bottom: 11px;
	border-top: 2px solid #FFFFFF;
}
#communityAdvantage p {
	margin-right: 15px;
	margin-left: 15px;
}
#communityAdvantage img {
	border-color: #000000;
	border-width: 1px;
}

/* Online Banking Center - Only on interior pages
Formats the bulleted list that the links appear in indside the side column  */
#onlineBankingCenter {
	background: #D8DFDB;
	padding-bottom: 11px;
}
#onlineBankingCenter ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#onlineBankingCenter li {
	background: url(images/bullet.gif) no-repeat left 6px;
	margin-right: 11px;
	margin-left: 11px;
	padding-left: 10px;
	line-height: 15px;
	margin-top: 5px;
}

/* Main Content - Creates boundaries for the main content section and 
floats it to the left of the side column */
#mainContent {
	clear: none;
	float: left;
	width: 475px;
	padding-left: 31px;
	padding-top: 43px;
	padding-bottom: 35px;
}

/* Footer - Sets background color and padding */
#footerContainer {
	background: #A09581;
	clear: both;
	float: none;
	height: 32px;
	padding-right: 11px;
	padding-left: 11px;
	border-top: solid 2px #FFFFFF;
}

/* #footerLogos floats the logos to the left */
#footerLogos {
	clear: none;
	float: left;
	width: 231px;
}

/*  Home Page - Left column */
#hmpgLeftCol {
	float: left;
	width: 324px;
	margin-right: 2px;
	padding-bottom:10px;
}
#hmpgLeftCol img {
	display: block;
}
#hmpgLeftCol p {
	margin-left: 20px;
	margin-right: 20px;
}
#hmpgLeftCol ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#hmpgLeftCol li {
	margin-left: 10px;
	background: url(images/bulletWhatsNew.gif) no-repeat left 4px;
	padding-left: 10px;
	line-height: 15px;
	margin-top: 16px;
}
#hmpgLeftCol a, #hmpgLeftCol a:visited, #hmpgLeftCol a:hover, #hmpgLeftCol a:active {
	font-weight: bold;
	color: #796F5D;
}
#hmpgLeftCol #leftColumnHeader {
	margin-top: 2px;
}

/*  Home Page - Center column */
#hmpgCenterCol {
	float: left;
	width: 214px;
	margin-right: 2px;
}
#hmpgCenterCol img {
	display: block;
}
#hmpgCenterCol p {
	margin-left: 13px;
	margin-right: 13px;
}
#hmpgCenterCol a, #hmpgCenterCol a:visited, #hmpgCenterCol a:hover, #hmpgCenterCol a:active {
	font-weight: bold;
}
#hmpgCenterCol #middleColumnHeader {
	margin-top: 2px;
}

/*  Home Page - Right column */
#hmpgRightCol {
	float: left;
	width: 214px;
}
#loginContainer {
	background: #D8DFDB;
	height: 163px;
}
#loginContainer ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#loginContainer li {
	background: url(images/bullet.gif) no-repeat left 6px;
	padding-left: 10px;
	line-height: 15px;
	margin-top: 5px;
}
#loginForm {
	margin-right: 11px;
	margin-left: 11px;
}
#loginForm .loginField {
	width: 100px;
}
#loginForm #btnLogin {
	margin-top: 13px;
}
#survey {
	border-top: 2px solid #FFFFFF;
}
#survey table {
	margin: 5px 11px;
}
.mtxBorder {
	border: 1px solid #BFC4C1;
}
.mtxHeader {
	font-weight: bold;
	color: #FFFFFF;
	background: #8BA195;
	padding: 4px;
}
.mtxHeaderBorderLeft {
	font-weight: bold;
	color: #FFFFFF;
	background: #8BA195;
	padding: 4px;
	border-left: 1px solid #FFFFFF;
}
.mtxHeader a, .mtxHeaderBorderLeft a {
	color: #FFFFFF;
}
.mtxRow {
	padding: 4px;
	border-top: 1px solid #BFC4C1;
	background: #FFFFFF;
}
.mtxRowBorderLeft {
	padding: 4px;
	border-left: 1px solid #BFC4C1;
	border-top: 1px solid #BFC4C1;
	background: #FFFFFF;
}
.mtxRowAlt {
	padding: 4px;
	background: #EAE7E3;
	border-top: 1px solid #BFC4C1;
}
.mtxRowAltBorderLeft {
	padding: 4px;
	border-left: 1px solid #BFC4C1;
	background: #EAE7E3;
	border-top: 1px solid #BFC4C1;
}
.showMoreInfo {
	padding: 4px;
	border-top: 1px solid #BFC4C1;
	background: #FFFFFF;
}

/* Bullet Lists */
.bulletListMtx {
	border-top: 1px solid #BFC4C1;
	border-left: 1px solid #BFC4C1;
	border-right: 1px solid #BFC4C1;
}
.bulletListMtxTd {
	border-bottom: 1px solid #BFC4C1;
	padding: 4px;
	background: #FFFFFF;
}
.bulletListMtxTd a, .bulletListMtxTd a:visited, .bulletListMtxTd a:hover {
	background: url(images/bulletPlus.gif) no-repeat 3px 3px;
	padding-left: 20px;
	display: block;
}
.bulletListMtxTdNone {
	padding: 4px;
	border-bottom: 1px solid #BFC4C1;
	background: #FFFFFF;
}

/* Hide Objects */
.hideObject {
	display: none;
}

/* FAQ Classes */
.faqContainer {
	border-right: solid 1px #BFC4C1;
	border-left: solid 1px #BFC4C1;
	border-top: solid 1px #BFC4C1;
}
.faqQuestion {
	padding: 4px;
	border-bottom: solid 1px #BFC4C1;
}
.faqQuestion a, .faqQuestion a:visited, .faqQuestion a:hover {
	background: url(images/bulletPlus.gif) no-repeat 3px 3px;
	padding-left: 20px;
	display: block;
}
.faqAnswer {
	padding: 4px;
	border-bottom: 1px solid #BFC4C1;
}