/* Miscellaneous
----------------------------------------------- */
html {
	overflow-y: scroll;
}
body {
	width: 747px;
	margin: 0px auto;
	padding: 0px;
	background: #d2d9cc url(/images/backgrounds/body.png) repeat-x left top;
}
a img {
	border: none;
}
.pageHeader {
	margin-bottom: 7px;
}
.pageHeader img {
	display: block;
}

/* Fonts
----------------------------------------------- */
body {
	color: #000;
	font: 11px/14px Arial, Helvetica, sans-serif;
}
input, select, textarea {
	font: 10px Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, blockquote, dl, ol, ul {
	margin-top: 0;
	margin-bottom: 16px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}
h1 {
	font-size: 16px;
	margin-bottom: 12px;
}
h2 {
	font-size: 14px;
	margin-bottom: 10px;
}
h3 {
	font-size: 13px;
	margin-bottom: 6px;
}
h4, h5, h6 {
	font-size: 11px;
	margin-bottom: 2px;
}

/* Header Area
----------------------------------------------- */
#header {
	float: left;
	width: 735px;
	height: 86px;
	padding-right: 6px;
	padding-left: 6px;
	background: url(/images/backgrounds/header.png) no-repeat left top;
}
#header.noLogin {
	background: url(/images/backgrounds/headerNoLogin.png) no-repeat left top;
}

/* Banner/Main Navigation Area
----------------------------------------------- */
#banner {
	float: left;
	width: 735px;
	height: 215px;
	padding-right: 6px;
	padding-left: 6px;
	background: url(/images/backgrounds/banner.png) no-repeat left top;
}

/* Sub Navigation Area
----------------------------------------------- */
#navSub {
	float: left;
	width: 735px;
	height: 19px;
	padding-bottom: 1px;
	background: url(/images/backgrounds/navSub.png) repeat-x left top;
	text-align: center;
}
#navSub a, #navSub img {
	height: 19px;
	display: inline-block;
	vertical-align: top;
}
#navSub a {
	width: auto;
	line-height: 19px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}
#navSub a:hover {
	color: #fff;
	background: url(/images/navSub/navSubRollover.png) repeat-x left top;
}
#navSub a:link.active, #navSub a:visited.active, #navSub a:hover.active, #navSub a:active.active {
	color: #fff;
	background: url(/images/navSub/navSubRollover.png) repeat-x left top;
}

/* Content Area
----------------------------------------------- */
#content {
	float: left;
	width: 735px;
	padding-right: 6px;
	padding-left: 6px;
	background: url(/images/backgrounds/content.png) repeat-y left top;
}
#hp #content {
	background: url(/images/backgrounds/contentHP.png) repeat-y left top;
}
#contentMain {
	float: left;
	width: 505px;
	padding: 14px 21px 0px;
}
#hp #contentMain {
	width: 312px;
	padding: 14px 16px 0px;
}
#contentSub {
	float: left;
	width: 188px;
}

/* Footer Area
----------------------------------------------- */
#footer {
	float: left;
	width: 735px;
	height: 18px;
	padding-right: 6px;
	padding-left: 6px;
	background: url(/images/backgrounds/footer.png) no-repeat left top;
}
#bankInfo {
	float: left;
	width: 723px;
	padding-top: 4px;
	text-align: right;
	font-size: 9px;
}

/* Login
----------------------------------------------- */
#logo {
	float: left;
	width: auto;
}
#login {
	float: right;
	display: block;
	width: auto;
}
#loginForm {
	margin: 48px 0px 0px;
}
#loginForm label, #loginButton {
	display: inline-block;
	vertical-align: text-top;
	margin-right: 10px;
}
#loginButton {
	position: relative;
	top: 16px;
}
#id, #pin {
	display: block;
	width: 103px;
}
#loginLink {
	position: relative;
	bottom: -58px;
	right: 10px;
}

/* Links
----------------------------------------------- */
#links {
	float: left;
	width: 188px;
	margin-bottom: 16px;
	padding-bottom: 1px;
}
#hp #links {
	width: 188px;
}
#links h2 {
	padding: 0px;
	margin: 0px;
}
#links h2 img {
	display: block;
}
#links ul, #links li {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#links ul {
	border-bottom: solid 1px #dbdad8;
}
#links li {
	background: url(/images/links/links.png) repeat-x left top;
}
#links a {
	display: block;
	width: 155px;
	padding: 2px 19px 2px 14px;
	background: url(/images/links/linksBullet.png) no-repeat 174px 6px;
	color: #000;
	text-decoration: none;
}

/* Marketing
----------------------------------------------- */
#marketing {
	float: left;
	width: 188px;
}
#hp #marketing {
	width: 203px;
}
#marketing img {
	display: block;
}

/* Secondary Navigation
----------------------------------------------- */
#navSec {
	float: left;
	width: auto;
	padding-left: 25px;
}

/* Complaince Area
----------------------------------------------- */
#compliance {
	float: right;
	width: auto;
	padding-right: 19px;
}
#compliancePrint {
	display: none;
	font-size: 9px;
}

/* Contact Form
-------------------------------------------------- */
table.appTable {
	width: 100%;
	margin: 0 0 16px;
	border: 1px solid #d9d9d9;
	border-collapse: collapse;
}
table.appTable p {
	margin: 8px 0;
}
table.appTable th, table.appTable td {
	vertical-align: top;
	padding: 3px;
	border: 1px solid #d9d9d9;
	empty-cells: show;
}
table.appTable th {
	background: #657d52;
	color: #fff;
	text-align: left;
}
table.appTable th span {
	float: left;
	width: auto;
}
table.appTable th a:link, table.appTable th a:visited, table.appTable th a:hover {
	color: #fff;
	float: right;
	width: auto;
}
table.appTable input {
	width: 150px;
}
table.appTable .radio input {
	width: auto;
	vertical-align: middle;
}
table.appTable .radio label {
	vertical-align: middle;
}
table.appTable textarea {
	width: 99%;
	height: 150px;
}

/* Error Handling
-------------------------------------------------- */
.appReqField {
	color: #b51221;
	font-weight: bold;
}
.errorMsg {
	margin: 0 0 16px;
	padding: 3px;
	border: 1px solid #d9d9d9;
	background: #f7f7f7;
}
.errorMsg h2 {
	color: #b51221;
}
.errorMsg h2, .errorMsg p {
	margin: 0 0 8px;
}

/* Data Table Styles
-------------------------------------------------- */
table.dataTable {
	width: 100%;
	margin: 0 0 16px;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
table.dataTable tbody {
	width: 100%;
	margin: 0 0 16px 0;
	border: 1px solid #d9d9d9;
}
table.dataTable p {
	margin: 0 0 8px;
}
table.dataTable caption {
	display: block;
	padding: 2px 0;
	text-align: left;
	font-style: italic;
}
table.dataTable th, table.dataTable td {
	vertical-align: top;
	padding: 3px;
	border: 1px solid #d9d9d9;
	empty-cells: show;
}
table.dataTable th {
	background: #657d52;
	color: #fff;
	text-align: left;
}