/* --------------------------------------------------
Site:     American Heritage Bank (www.ahb-ok.com)
Author:   Bryan Sullivan
Version:  July 2008
-------------------------------------------------- */

/* =Eric Meyer, Reset CSS - v1.0
-------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	position: relative;
	width: 749px;
	margin: 0 auto;
	padding: 0;
	background-color: #345882;
	z-index: 1;
	/*font-family: Univers, Arial, Verdana, Tahoma;*/
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
}

/* =Fonts
-------------------------------------------------- */
/* Links */
a:link, a:visited, a:active {
	color: #000000;
}
a:hover {
	text-decoration: none;
}
/* Set margins for most commonly used block elements */
h1, h2, h3, h4, h5, h6, p, blockquote, dl, ol, ul {
	margin-bottom: 13px;
}
/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h1, h2 {
	font-size: 15px;
	margin-top: 20px;
	margin-bottom: 8px;
}
h3 {
	font-size: 13px;
	margin-bottom: 4px;
}
h4, h5, h6 {
	font-size: 14px;
	margin-bottom: 4px;
}
/* Lists */
ul, ol {
	margin-left: 32px;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}

/* Misc. Items */
.hideObject {
	display: none;
}
table {
	margin-bottom: 13px;
}
table td {
	vertical-align: top;
}
.appTable {
	width: 100%;
	border: 0;
	margin-bottom: 13px;
}
.appTable th, .appTable td {
	padding: 2px 5px 2px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	display: table-cell;
}
.appTable td {
	background: #DEE4EC;
}
.appTable th {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #3A5983;
	border-bottom: 1px solid #1E4B76;
	text-align: left;
}
.appTable td table td {
	text-align: left;
}
.appTable th a:link, .appTable th a:visited, .appTable th a:hover, .appTable th a:active {
	color: #FFFFFF;
}

.tableHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #3A5983;
	border-bottom: 1px solid #1E4B76;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

.photosLeft {
	margin: 0px 5px 5px 0px;
}

.devNote {	
	color: #FF00FF !important;
	font-weight: bold !important;
}

/* =Window function classes 
--------------------------------------------------*/
/*These are only here so that Dreamweaver's auto-complete will know they exist, making it faster to edit.
These classes are only used with the windowFunctions() javascript function 
and do not require modification for decoration purposes.*/
.extLink {}
.emailLink {}
.testBrowser {}
.calcLink {}
.newWindow {}


/* =Header (interior pages)
-------------------------------------------------- */
#interior #header {
	float: left;
	position: relative;
	width: 749px;
	height: 236px;
	z-index: 100;
	background-image: url(images/backgrounds/headerInt.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#interior #banner {
	position: absolute;
	width: 749px;
	height: 148px;
	left: 0;
	top: 77px;
	z-index: 200;
}
#interior #overlay {
	position: absolute;
	width: 749px;
	height: 76px;
	left: 0;
	top: 0;
	z-index: 300;
}
#interior #overlayBackground {
	width: 749px;
	height: 76px;
	background-image: url(images/backgrounds/headerOverlayInt.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	z-index: 400;
}
#interior #logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 351px;
	height: 51px;
	z-index: 500;
}
#interior #logo img {
	/*position: relative;*/
	display: block;
	width: 351px;
	height: 51px;
	z-index: 600;
}
#interior #logoPrint {
	display: none;
}

/* =Header (home page)
-------------------------------------------------- */
#homepage #header {
	float: left;
	position: relative;
	width: 749px;
	height: 215px;
	z-index: 100;
}
#homepage #banner {
	position: absolute;
	width: 749px;
	height: 193px;
	left: 0;
	top: 0;
	z-index: 200;
}
#homepage #overlay {
	position: absolute;
	width: 749px;
	height: 82px;
	left: 0;
	bottom: 0;
	z-index: 300;
}
#homepage #overlayBackground {
	width: 749px;
	height: 82px;
	background-image: url(images/backgrounds/headerOverlayHP.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	z-index: 400;
}

/* =Main Navigation (interior pages)
-------------------------------------------------- */
#interior #navMain {
	padding: 51px 1px 0 15px;
}

/* =Main Navigation (home page)
-------------------------------------------------- */
#homepage #navMain {
	padding: 57px 1px 0 15px;
}

/* =Main Navigation (all pages)
-------------------------------------------------- */
#navMain {
	position: relative;
	float: left;
	width: 534px;
	height: 25px;
	z-index: 500;
}
#navMain ul, #navMain li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#navMain img {
	display: block;
}

/* =Main Navigation Menus (all pages)
-------------------------------------------------- */
#navMain .menu {
	display: none;
	position: absolute;
	z-index: 9000;
	left: 0;
	top: 81px;
	width: 160px;
	padding: 0 0 0 5px;
	border: none;
	background-color: #CCCCCC;
}
#interior #navMain .menu {
	top: 77px;
}
#homepage #navMain .menu {
	top: 82px;
}
#navMain .menu ul, #navMain .menu li {
	float: none;
	list-style: none;
	padding: 0;
	margin: 0;
}
#navMain .menu li {
	float: none;
	display: block;
	width: 160px;
	border-bottom: solid 1px #B2B2B2;
	background-color: #FFFFFF;
	background-image: url(images/menus/menuLinks.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#navMain .menu a:link, #navMain .menu a:visited, #navMain .menu a:hover {
	display: block;
	width: 140px;
	padding: 0 10px;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}
#navMain .menu a:hover {
	background-image: url(images/menus/menuLinks_f2.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
}
#navMain .menu span.bottomBorder {
	display: block;
	width: 160px;
	height: 9px;
	padding: 0;
	margin: 0 0 0 -5px;
	border-bottom: none;
	background: none;
}
#navMain .menu li.bottomBorder img {
	dipslay: block;
	margin: 0;
}
#persLayer.menu {
	left: 16px;
}
#busLayer.menu {
	left: 153px;
}
#otherLayer.menu {
	left: 291px;
	/*width: 138px;*/
}
#aboutLayer.menu {
	left: 468px;
	/*width: 165px;*/
}

/* =Login (interior pages)
-------------------------------------------------- */
#interior #login {
	float: left;
	width: 170px;
	padding: 44px 0 0 29px;
	color: #FFFFFF;
}

/* =Login (home page)
-------------------------------------------------- */
#homepage #login {
	float: left;
	width: 170px;
	padding: 49px 0 0 29px;
	color: #FFFFFF;
}

/* =Login (all pages)
-------------------------------------------------- */
#login * {
	vertical-align: middle;
}
#login #loginID {
	width: 80px;
	height: 13px;
	margin-left: 45px;
}

/* =Online Banking (interior pages)
-------------------------------------------------- */
#interior #onlineBankingMenu {
	position: absolute;
	top: 54px;
	right: 0;
	width: 140px;
	height: 148px;
	padding: 23px 0 0 0;
	background-image: url(images/backgrounds/onlineMenu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 200;
}

/* =Online Banking (home page)
-------------------------------------------------- */
#homepage #onlineBankingMenu {
	position: absolute;
	top: 192px;
	right: 0;
	width: 140px;
	height: 148px;
	padding: 23px 0 0 0;
	background-image: url(images/backgrounds/onlineMenu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 200;
}
#homepage #onlineBankingMenu #phoneNumber {
	position: absolute;
	left: -92px;
	bottom: 0;
	width: 92px;
	color: #FFFFFF;
}

/* =Online Banking (all pages)
-------------------------------------------------- */
#onlineBankingMenu ul, #onlineBankingMenu li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#onlineBankingMenu img {
	display: block;
}

/* =Footer (interior pages)
-------------------------------------------------- */
#interior #footer {
	float: left;
	width: 614px;
	height: 42px;
	padding: 16px 0 0 135px;
	background-image: url(images/backgrounds/footerInt.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#interior #footer.noComplianceLogos {
	background-image: url(images/backgrounds/footerInt_noComplianceLogos.jpg);
}

/* =Footer (home page)
-------------------------------------------------- */
#homepage #footer {
	float: left;
	width: 614px;
	height: 42px;
	padding: 16px 0 0 135px;
	background-image: url(images/backgrounds/footerHP.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* =Secondary Navigation (all pages)
-------------------------------------------------- */
#navSec {
	padding-left: 52px;
}
#navSec ul, #navSec li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#navSec img {
	display: block;
}
#complianceLogos {
	display: none;
}

/* =Content Area (interior pages)
-------------------------------------------------- */
#interior #content {
	float: left;
	width: 750px;
	background-image: url(images/backgrounds/contentInt.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#interior #contentBackground {
	float: left;
	width: 750px;
	background-image: url(images/backgrounds/contentBackgroundInt.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#interior #contentFauxColumn {
	float: left;
	width: 750px;
	background-image: url(images/backgrounds/contentFauxColumnInt.gif);
	background-repeat: repeat-y;
	background-position: 7px bottom;
	padding-left: 7px;
	padding-bottom: 13px;
}
#interior #interiorSpacer {
	width:1px;
	height:300px;
}
#interior #contentMain {
	float: left;
	width: 526px;
	/*min-height: 490px;*/
	padding-right: 12px;
	padding-left: 12px;
}
#interior #contentMain .header {
	width: 550px;
	margin-right: -12px;
	margin-left: -12px;
	margin-bottom: 13px;
}
#interior #contentSub {
	float: left;
	width: 176px;
}

/* =Content Area (interior pages)
-------------------------------------------------- */
#homepage #content {
	float: left;
	width: 749px;
	background-image: url(images/backgrounds/contentHP.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#homepage #contentBackground {
	float: left;
	width: 749px;
	background-image: url(images/backgrounds/contentBackgroundHP.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 21px;
}
#homepage #contentFauxColumn {
	float: left;
	width: 749px;
	background-image: url(images/backgrounds/contentFauxColumnHP.jpg);
	background-repeat: repeat-y;
	background-position: 7px bottom;
}

/* =Bank News (home page only)
-------------------------------------------------- */
#homepage #bankNews {
	float: left;
	width: 282px;
	padding-left: 7px;
}
#homepage #bankNews .header {
	position: relative;
	width: 282px;
	height: 24px;
	overflow: hidden;
}
#homepage #bankNews .header .date {
	position: absolute;
	right: 8px;
	bottom: 0;
	font-size: 10px;
	color: #FFFFFF;
}
#homepage #bankNews .header img {
	display: block;
}
#homepage #bankNews ul, #homepage #bankNews li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#homepage #bankNews ul {
	padding: 8px;
}

/* =Helpful Links (interior pages)
-------------------------------------------------- */
#interior #helpfulLinks {
	float: left;
	width: 176px;
	background-color: #8ba0bd;
}
#interior #helpfulLinks .header img {
	display: block;
}
#interior #helpfulLinks ul, #interior #helpfulLinks li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#interior #helpfulLinks ul {
	padding: 8px;
}
#interior #helpfulLinks li {
	line-height: 17px;
}

/* =Helpful Links (home page)
-------------------------------------------------- */
#homepage #helpfulLinks {
	float: left;
	width: 208px;
	min-height: 125px;
	margin-left: 11px;
}
#homepage #helpfulLinks #backgroundContainer {
	background-color: #8ba0bd;
}
#homepage #helpfulLinks .header img {
	display: block;
}
#homepage #helpfulLinks ul, #homepage #helpfulLinks li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#homepage #helpfulLinks ul {
	padding: 8px;
}
#homepage #helpfulLinks li {
	line-height: 17px;
}

/* =Promotions (interior pages)
-------------------------------------------------- */
#interior #promos {
	float: left;
	width: 176px;
	padding-top: 12px;
	padding-left: 7px;
}
#interior #promos img {
	display: block;
	width: 164px;
}

/* =Promotions (home page)
-------------------------------------------------- */
#homepage #promos {
	float: right;
	width: 436px;
	padding-top: 12px;
	padding-right: 13px;
}
#homepage #promos img {
	display: block;
	float: left;
	width: 208px;
	margin: 0 10px 0 0;
}
/* This hack is for IE6 and below. Necessary to keep spacing for promo images. */
* html #homepage #promos img {
	margin: 0 5px;
}

#mortgageCenter {
	margin-top: 141px;
	display: block;
	float: left;
	margin-left: 9px;
}

/* =Matrix
-------------------------------------------------- */
/*
Dark Blue = 3a5983
Med. Blue = b6c7df
Light Blue = d0d9e4
*/
.matrix {
	width: 100%;
	border-spacing: 0;
	font-size: 11px;
	border: solid 1px #3a5983;
	border-collapse: collapse;
	margin-bottom: 18px;
}
.matrix td, .matrix th {
	padding: 4px;
	text-align: center;
	border: solid 1px #3a5983;
}
.matrix th {
	background-color: #3a5983;
	border: 1px solid #3a5983;
	font-weight: bold;
	color: #fff;
	vertical-align: top;
}
.matrix td {
	background: none;
	vertical-align: middle;
}
.matrix td.leftCol, .matrix th.leftCol {
	text-align: left;
	font-weight: bold;
	vertical-align: top;
}
.matrix tr.rowHighlight td {
	background-color: #b6c7df;
}
.matrix tr.showMoreInfo {
	display: block;
	display: table-row;
}
.matrix tr.showMoreInfo td {
	text-align: left;
}
.matrix tr.hideMoreInfo {
	display: none;
}
.matrix tr.hideMoreInfo td {
	text-align: left;
}
.matrixSubText {
	font-weight: normal;
}

/* =FAQ Formatting
-------------------------------------------------- */
table.faqTable {
	width: 100%;
	margin: 13px 0;
	border: none;
}
table.faqTable th, table.faqTable td {
	padding: 2px 4px;
	border: none;
	text-align: left;
	vertical-align: text-top;
}
table.faqTable tr.faqQuestion th, table.faqTable tr.faqQuestion td, table.faqTable tr.faqAnswer th {
	font-weight: bold;
}
table.faqTable tr.faqQuestion th {
	font-size: 14px;
	color: #006f7a;
}
table.faqTable tr.faqAnswer th {
	font-size: 14px;
	color: #39afbb;
}
table.faqTable tr.faqAnswerHidden {
	display: none;
}

/* =Safe Deposit Box
-------------------------------------------------- */
table.safeDepositBoxTable {
	width: 100%;
	border: 0;
	background: #DEE4EC;
	padding: 2px 5px 2px 5px;
	display: table-cell;
}
table.safeDepositBoxTable th {
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #3A5983;
	border-bottom: 1px solid #1E4B76;
}
table.safeDepositBoxTable td {
	text-align: center;
}

/* =compactTable
-------------------------------------------------- */
table.compactTable {
	width: 100%;
	border: 0;
	margin-bottom: 13px;
}
table.compactTable th, table.compactTable td {
	padding: 2px 5px 2px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	display: table-cell;
}
table.compactTable td {
	background: #DEE4EC;
}
table.compactTable th {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #3A5983;
	border-bottom: 1px solid #1E4B76;
	text-align: left;
}
table.compactTable tr.compactHidden {
	display: none;
}
table.compactTable tr.compactShown {
}

/* =locations
-------------------------------------------------- */
table.locations {
	width: 100%;
	border: 0;
	margin-bottom: 13px;
}
table.locations td {
	background: #DEE4EC;
	padding: 2px 5px 2px 5px;
}
table.locations td th {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #3A5983;
	border-bottom: 1px solid #1E4B76;
	padding: 2px 5px 2px 5px;
	text-align: left;
}
table.locations td th.close {
	text-align: right;
}
table.locations td th a:link, table.locations td th a:visited, table.locations td th a:hover, table.locations td th a:active {
	color: #FFFFFF;
	text-align: right;
}
table.locations td table, table.locations td table td table {
	border: 0;
	padding: 0;
}
table.locations td table td table {
	margin-left: -5px;
	margin-right: 7px;
}

/* =rates
*Note that many of the styles for rates are cascaded from compactTable
-------------------------------------------------- */
table.rates {
	width: 100%;
	border: 0;
}
table.rates th, table.rates td {
	text-align: center;
	padding: 2px 0 2px 0;
}
table.rates th {
	padding: 2px 5px 2px 5px;
}
table.rates td.left {
	text-align: left;
}
.noPrint {}
.print {
	display:none;
}