/* ------------------------------------------------
Site:     First National Bank (www.firstteller.com)
Author:   Bryan Sullivan
Version:  September 8, 2005
-------------------------------------------------- */

/* =Basic Formatting
-------------------------------------------------- */
body {
	margin: 5px;
	margin-bottom: 5px;
	background: #EBEAEA;
}

/* =Font Formatting
-------------------------------------------------- */
body, td, th {
	font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #7A7C7D;
}
h1, h2, h3 {
	margin: 0px;
	padding: 0px;
}
h2 {
	font: bold 14px/17px Arial, Helvetica, sans-serif;
	color: #000;
}
h3 {
	font: bold 11px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
p {
	margin: 0 0 17px 0;
}

/* =Link Formatting
-------------------------------------------------- */
a:link {
	color: #603812;
}
a:visited {
	color: #603812;
}
a:hover {
	color: #603812;
}
a:active {
	color: #603812;
}

/* =Page Formatting
-------------------------------------------------- */
#page {
	width: 749px;
	margin-right: auto;
	margin-left: auto;
}
#page2 {
	float: left;
	width: 749px;
}
#banner {
	float: left;
	width: 741px;
	height: 121px;
	background:  url(images/backgrounds/hpBanner.gif) no-repeat left top;
	padding: 5px 4px 0 4px;
}
#logo {
	float: left;
	width: 364px;
	display: block;
}
#printLogo {
	float: left;
	width: 364px;
	display: none;
}
#secNav {
	float: right;
	text-align: right;
	width: 331px;
}
#mainNav {
	float: left;
	width: 100%;
	position: relative;
}
#content {
	float: left;
	width: 100%;
}
#content-sub {
	float: left;
	width: 184px;
	padding: 5px 5px 5px 8px;
}
#content-main {
	float: left;
}
#content-extra {
	float: left;
	width: 184px;
	padding: 5px 5px 5px 8px;
}
#footer {
	float: left;
	width: 100%;
	background:  url("images/backgrounds/hpFfooter.gif") no-repeat left top;
	height: 41px;
	padding-top: 8px;
	padding-bottom: 8px;
}
#footer-left {
	float: left;
	width: 135px;
	padding-left: 4px;
}
#footer-right {
	float: right;
	width: 193px;
	padding-right: 4px;
}
#banner img, #footer img {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}
#topOfPagelink {
	text-align: center;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 30px;
}
#date {
	color: #565656;
	border-bottom: 1px solid #A8A8A8;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-top: 3px;
	margin-bottom: 10px;
}

/* =Side Column Pods (Home page and interior pages)
-------------------------------------------------- */
.pod {
	width: 174px;
	padding: 0 10px 10px 10px;
}
* html .pod {
	width: 164px;
}
.pod img {
	margin: 0 -10px;
}
.pod h2, .pod h3 {
	margin: 0;
}
.pod h2 img {
	margin: 0 -10px 5px -10px;
}
.pod ul {
	margin: 8px 0 8px 0;
	padding: 0;
	list-style: none;
}
.pod li {
	background: url(images/bullets/default.gif) no-repeat 0px 7px;
	margin: 0;
	padding: 0 0 0 9px;
	list-style: none;
}
.pod #loginForm {
	margin: 12px 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: solid 1px #A3AEBA;
}
.pod #loginForm .textField {
	width: 90px;
}

/* =Misc. Formatting
-------------------------------------------------- */
form {
	padding: 0;
	margin: 0;
}
.story {
	padding-right: 7px;
	padding-left: 7px;
}
.hideObject {
	display: none;
}

/* =3 Column Template (s=sub, m=main, x=extra)
-------------------------------------------------- */
.smx #banner {
	background:  url(images/backgrounds/hpBanner.gif) no-repeat left top;
}
.smx #content {
	background: url(images/backgrounds/hpContent.gif) repeat-y left top;
}
.smx #content-main {
	width: 339px;
	padding: 5px 5px 5px 8px;
}
.smx #content-extra {
	display: block;
}
.smx #footer {
	background:  url(images/backgrounds/hpFooter.gif) no-repeat left top;
}

/* =2 Column Template (s=sub, m=main, x=extra)
-------------------------------------------------- */
.sm #banner {
	background:  url(images/backgrounds/intBanner.gif) no-repeat left top;
}
.sm #content {
	background: url(images/backgrounds/intContent.gif) repeat-y left top;
}
.sm #content-main {
	width: 482px;
	padding: 5px 29px 5px 38px;
}
.sm #content-main h1 {
	margin-left: -4px;
	margin-right: -4px;
}
.sm #content-extra {
	display: none;
}
.sm #footer {
	background:  url(images/backgrounds/intFooter.gif) no-repeat left top;
}
.sm h1 {
	margin-bottom: 10px;
}

/* =Matrix Styles
-------------------------------------------------- */
.mtxBorder {
	border: 1px solid #A8A8A8;
	margin-bottom: 18px;
}
.mtxHeader {
	padding: 4px;
	color: #FFF;
	font-weight: bold;
	background: #000;
}
.mtxHeaderBorderLeft {
	padding: 4px;
	color: #FFF;
	font-weight: bold;
	background: #000;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left:  solid 1px #A8A8A8;
}
.mtxHeader a, .mtxHeaderBorderLeft a {
	color: #FFFFFF;
}
.mtxRow {
	padding: 4px;
	border-top: 1px solid #A8A8A8;
	border-right: none;
	border-bottom: none;
	border-left: none;
	background: #FFF;
}
.mtxRowBorderLeft {
	padding: 4px;
	border-top: 1px solid #A8A8A8;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #A8A8A8;
	background: #FFF;
}
.mtxRowAlt {
	padding: 4px;
	border-top: 1px solid #A8A8A8;
	border-right: none;
	border-bottom: none;
	border-left: none;
	background: #F0F2F4;
}
.mtxRowAltBorderLeft {
	padding: 4px;
	border-top: 1px solid #A8A8A8;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #A8A8A8;
	background: #F0F2F4;
}
.mtxBorderMore {
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #A8A8A8;
	padding-left: 5px;
	width: 40px;
	text-align: left;
}
.showMoreInfo {
	padding: 4px;
	border-top: 1px solid #A8A8A8;
}

/* =Bullet List Matrix
-------------------------------------------------- */
.bulletListMtx {
	border-top: 1px solid #A8A8A8;
	border-left: 1px solid #A8A8A8;
	border-right: 1px solid #A8A8A8;
	margin-bottom: 18px;
}
.bulletListMtxTd {
	padding: 3px 3px 3px 15px;
	background: url(images/bullets/default.gif) no-repeat 5px 9px;
	border-bottom: 1px solid #A8A8A8;
}
.bulletPlusListMtxTd {
	padding: 3px;
	border-bottom: 1px solid #A8A8A8;
}
.bulletPlusListMtxTd a, .bulletPlusListMtxTd a:visited, .bulletPlusListMtxTd a:hover {
	background: url(images/bullets/bulletPlus.gif) no-repeat left 4px;
	padding-left: 15px;
	display: block;
}
.bulletListMtxTdNone {
	padding: 3px;
	border-bottom: 1px solid #A8A8A8;
}