/* ------------------------------------------------
Site:     Arp State Bank (www.arpstatebank.com)
Author:   Bryan Sullivan
Version:  March 7, 2006
-------------------------------------------------- */

/* =Zero out the browser default values
----------------------------------------------- */
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, blockquote, form, fieldset, legend {
	margin: 0;
	padding: 0;
	border: 0;
}

/* =Reset values that were zeroed out
----------------------------------------------- */
body {
	background: #000;
	padding: 8px;
}
p, h1, h2, h3, h4, h5, h6, ul, ol, dl, dt, blockquote, fieldset, legend {
	margin: 1em 0;
}
dd, blockquote {
	padding-left: 1.5em;
}
ul {
	padding-left: 2.8em;
}
ol {
	padding-left: 3.3em;
}
ul li {
	padding-left: 0.6em;
	list-style: disc;
}
ol li {
	padding-left: 0;
	list-style: decimal;
}

/* =Miscellaneous
----------------------------------------------- */
#preloginCookie {
	position: absolute;
	width: 1px;
	height: 1px;
	z-index: 1000;
	left: 1px;
	top: 1px;
}
h1 img, h2 img, h3 img {
	display: block;
	margin: 0;
	padding: 0;
}
.topOfPage {
	text-align: center;
	padding: 10px 0 26px 0;
}
.hideObject {
	display: none;
}

.showObject{
	display:block;
}

/* =Links
----------------------------------------------- */
a:link, a:visited, a:hover {
	color: #D3000B;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/* =Fonts
----------------------------------------------- */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.7em;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.1em;
}
h4, h5, h6 {
	font-size: 1em;
}
h1.pageHeader {
	margin: 0;
}

/* =Page Layout
----------------------------------------------- */
#page {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#page2 {
	float: left;
	width: 760px;
	background: url(images/backgrounds/page2.gif) repeat-y left top;
	position: relative;
}

/* =Section Layout
----------------------------------------------- */
#banner {
	float: left;
	width: 760px;
	position: relative;
}
#logo, #tagline {
	float: left;
	display: block;
	border: none;
}
#logoPrint {
	display: none;
}
#tagline {}
#content {
	float: left;
	width: 760px;
	position: relative;
}
#content-sub {
	float: left;
	width: 176px;
	margin-right: 15px;
	position: relative;
}
#content-main {
	float: right;
	width: 507px;
	padding: 10px 31px 0 31px;
	background: none;
	position: relative;
}
.hp #content-main {
	width: 569px;
	padding: 0;
	background: url(images/backgrounds/content-main.gif) repeat-y left center;
}
#content-extra {
	float: right;
	width: 569px;
	position: relative;
}
#footer {
	float: left;
	width: 760px;
	background: #000000;
	color: #FFF;
	position: relative;
}
#footer #complianceLogos {
	width: auto;
	float: left;
	position: relative;
}
#footer #complianceLogos span {
	display: none;
}
#footer #secNav {
	width: auto;
	float: right;
	position: relative;
}
#footer #secNav a:link, #footer #secNav a:visited, #footer #secNav a:hover {
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

/* =Navigation
-------------------------------------------------- */
ul#mainNav, ul#mainNav li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
ul#mainNav {
	width: 166px;
	padding: 5px 5px 0 5px;
	background: url(images/backgrounds/mainNav.gif) no-repeat left top;
}
ul#mainNav li {
	width: 166px;
	background: #D3000B url(images/backgrounds/menuItem.gif) no-repeat left bottom;
	padding-bottom: 2px;
}
ul#mainNav li img {
	display: block;
	width: 166px;
	height: 29px;
	border: none;
}
ul#mainNav li ul, ul#mainNav li ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
}
ul#mainNav ul li {
	width: 166px;
}
ul#mainNav ul li a:link, ul#mainNav ul li a:visited, ul#mainNav ul li a:hover {
	display: block;
}
ul#subNav1, ul#subNav2, ul#subNav3, ul#subNav4, ul#subNav5, ul#subNav6 {
	display: none;
}
ul#subNav1 li a, ul#subNav2 li a, ul#subNav3 li a, ul#subNav4 li a, ul#subNav5 li a, ul#subNav6 li a {
	display: block;
	width: 147px;
	padding: 0 0 7px 19px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
.subNav1Show #subNav1, .subNav2Show #subNav2, .subNav3Show #subNav3, .subNav4Show #subNav4, .subNav5Show #subNav5, .subNav6Show #subNav6 {
	display: block;
	width: 166px;
}
#menuBottom {
	padding: 0;
	margin: 0;
	display: block;
}

/* =Contact Info
-------------------------------------------------- */
#contactInfo {
	padding: 0 5px;
	/*position: relative;*/
	display: block;
}
#contactInfo h2 {
	margin-bottom: 0;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
}
#contactInfo p {
	margin-top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
}
#contactInfo ul, #contactInfo li {
	padding-left: 0;
	list-style: none;
}
#contactInfo li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 0 0 10px 10px;
	background: url(images/bullets/contactInfo.gif) no-repeat 0.2em 0.65em;
}

/* =Homepage Photo
-------------------------------------------------- */
#mainPhoto {
	width: 366px;
	height: 197px;
	float: left;
	padding: 5px 2px 5px 5px;
	background: url(images/backgrounds/hmpgPhoto.gif) no-repeat left top;
	position: relative;
}
#mainPhoto img {
	display: block;
}

/* =Login
-------------------------------------------------- */
#login {
	width: 185px;
	height: 196px;
	float: left;
	padding: 6px 6px 5px 4px;
	margin-left: 1px;
	background: url(images/backgrounds/login.gif) no-repeat left top;
	position: relative;
}
#login h2 {
	margin: 0;
}
#login fieldset {
	width: 169px;
	/*margin: 0;*/
	margin: 0 0 5px 0;
	padding: 0 8px 8px;
}
#login fieldset label, #login fieldset input {
	display: block;
	width: 98px;
	float: left;
}
#login fieldset label {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#login input#loginButton {
	display: block;
	width: 63px;
	height: 29px;
	position: absolute;
	/*top: 75px;*/
	top: 57px;
	right: 10px;
}
#login ul, #login li {
	padding: 0;
	margin: 0;
	list-style: none;
}
#login ul {
	list-style: none;
	float: left;
	width: 185px;
	/*padding: 2px 0 0 0;*/
	padding: 7px 0 0 0;
}
#login li {
	padding: 0 0 0 23px;
	background: url(images/bullets/quickLinks.gif) no-repeat 12px 8px;
}
#login li a:link, #login li a:visited, #login li a:hover {
	line-height: 1.5em;
}
#login .divider {
	background: #BBB;
	display: block;
	width: 169px;
	margin: 0 auto;
}

/* =Bank News
-------------------------------------------------- */
#bankNews {
	width: 340px;
	float: left;
	padding: 0 15px 0 18px;
}
#bankNews h2 {
	margin: 0;
}
#bankNews ul, #bankNews li {
	padding-left: 0;
	list-style: none;
}
#bankNews li {
	padding: 0 0 10px 15px;
	background: url(images/bullets/bankNews.gif) no-repeat 0.2em 0.45em;
}
#bankNews li a:link, #bankNews li a:visited, #bankNews li a:hover {
	color: #D3000B;
}

/* =Quick Links
-------------------------------------------------- */
#quickLinks {
	width: 195px;
	float: left;
	margin-left: 1px;
}
#quickLinks h2 {
	margin: 0;
}
#quickLinks ul, #quickLinks li {
	padding-left: 0;
	list-style: none;
}
#quickLinks li {
	padding: 0 0 5px 23px;
	background: url(images/bullets/quickLinks.gif) no-repeat 12px 8px;
}
#quickLinks li a:link, #quickLinks li a:visited, #quickLinks li a:hover {
	color: #D3000B;
	line-height: 1.5em;
}

/* =FAQs
-------------------------------------------------- */
#faqBody dl dt {
	padding: 0;
}
#faqBody dl dt a:link, #faqBody dl dt a:visited, #faqBody dl dt a:hover, #faqBody dl dt a:active {
	display: block;
	font-weight: bold;
	width: 95%;
	padding: 0 0 0 23px;
	background: url(images/bullets/faqQuestion.gif) no-repeat left top;
}
#faqBody dl dd {
	padding: 0 0 0 23px;
	background: url(images/bullets/faqAnswer.gif) no-repeat left top;
}

/* =Matrix Formatting
-------------------------------------------------- */
table.matrix {
	width: 100%;
	margin: 1em 0em;
	border: 1px solid #E2E2E2;
	border-collapse: collapse;
}
table.matrix th, table.matrix td {
	padding: 3px;
	text-align: left;
	vertical-align: top;
	line-height: 1.3em;
}
table.matrix th {
	color: #FFF;
	background: #D3000B;
}
table.matrix td {
	border: 1px solid #E2E2E2;
	font-size: 0.9em;
}
table.matrix table, table.matrix table th, table.matrix table td {
	border: none;
}
table.matrix tr.alt {
	background: #F7F7F7;
}
table.matrix tr.showMoreInfo {
	display: table-cell;
}

/* =Locations Table Formatting
-------------------------------------------------- */
table.locations {
	width: 100%;
	margin: 1em 0;
	border: 1px solid #E2E2E2;
	border-collapse: collapse;
}
table.locations th, table.locations td {
	padding: 3px;
	text-align: left;
	vertical-align: top;
	line-height: 1.3em;
}
table.locations th {
	color: #FFF;
	background: #D3000B;
}
table.locations td {
	border: 1px solid #E2E2E2;
	font-size: 0.9em;
}
table.locations tr.alt {
	background: #F7F7F7;
}
table.locations td.address {
	background: #F7F7F7;
}
table.locations td.details {
	padding: 0;
}
table.locations td.details table {
	width: 100%;
	margin: 0;
	border: none;
	border-collapse: collapse;
}
table.locations td.details table td {
	border-top: 1px solid #E2E2E2;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #E2E2E2;
}
table.locations td.details table tr.firstChild td {
	border-top: none;
}

/* =Calculator Formatting
-------------------------------------------------- */
table.calcTable {
	width: 100%;
	border: 1px solid #E2E2E2;
	border-collapse: collapse;
}
table.calcTable th, table.calcTable td {
	padding: 0.1em 0.3em;
	text-align: left;
	vertical-align: top;
}
table.calcTable th {
	color: #FFF;
	background: #D3000B;
	border: none;
}
table.calcTable td {
	border: 1px solid #E2E2E2;
}
.calcTable th.calcsMenu {
	font-size: 0.9em;
	text-align: right;
}
table.calcTable table, table.calcTable table th, table.calcTable table td {
	border: none;
}

/* =Helpful Links
-------------------------------------------------- */
dl#helpfulLinks {
	padding: 0;
}
dl#helpfulLinks dt {
	padding: 0;
	margin: 0;
}
dl#helpfulLinks dd {
	padding: 0;
	margin: 0.1em 0 0.8em 0;
}

/* =Forms Library
-------------------------------------------------- */
ul#formsList, ul#formsList li {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 2.2em;
}
ul#formsList li a:link, ul#formsList li a:visited, ul#formsList li a:hover {
	display: block;
	width: 95%;
	padding: 0 0 0 2em;
}
ul#formsList li.pdf a:link, ul#formsList li.pdf a:visited, ul#formsList li.pdf a:hover {
	background: url(images/file_acrobat.gif) no-repeat 0 0.4em;
}
ul#formsList li.html a:link, ul#formsList li.html a:visited, ul#formsList li.html a:hover {
	background: url(images/file_html.gif) no-repeat 0 0.4em;
}