/* --------------------------------------------------
Site:     First Home Savings Bank (www.fhsb.com)
Author:   Bryan Sullivan
Version:  August 18, 2006
-------------------------------------------------- */

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

/* =Resize text element and list margins
----------------------------------------------- */
p, h1, h2, h3, h4, h5, h6, blockquote, fieldset, ul, ol, dl {
	margin: 1.33em 0;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: -1em;
}
ol, ul, dd {
	padding-left: 40px;
}

/* =Miscellaneous
----------------------------------------------- */
body {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
}
form {
	padding: 0;
	margin: 0;
}
img {
	border: none;
}
.imageHeader {
	margin: 0;
}
#preloginCookie {
	position: absolute;
	width: 1px;
	height: 1px;
	z-index: 1000;
	left: 1px;
	top: 1px;
}
.topOfPage {
	text-align: center;
	padding-top: 1.5em;
}
/*.hideObject {
	display: none;
}*/
/*#advertisement {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	z-index: 999999;
}*/

/* =Fonts
----------------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #6B6B6B;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
}
h1 {
	font-size: 16px;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 12px;
}
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6B6B6B;
}

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

/* =Page Elements
----------------------------------------------- */
#page1 {
	width: 764px;
	margin: 0 auto;
}
#page2 {
	float: left;
	width: 764px;
}
#logo {
	position: absolute;
	/*left: 25px;
	top: 0;*/
	left: 18px;
	top: 18px;
	width: 219px;
	height: 134px;
}
#logo .screen {
	display: block;
}
#logo .print {
	display: none;
}

/* =Interior Page Layout
----------------------------------------------- */
#banner {
	float: left;
	width: 760px;
	height: 147px;
	/*margin: 6px 0 0;*/
	margin: 0;
	background: url(images/backgrounds/interior/banner.gif) no-repeat left top;
	position: relative;
	/*padding: 56px 2px 0;*/
	padding: 8px 2px 0px 2px;
}
#banner img {
	display: block;
}
#mainNav {
	float: left;
	width: 760px;
	height: 33px;
	margin: 0;
	padding: 1px 2px 3px 2px;
	background: url(images/backgrounds/interior/mainNav.gif) no-repeat left top;
	position: relative;
}
#mainNav img {
	float: left;
	display: block;
}
#content {
	float: left;
	width: 764px;
	background: url(images/backgrounds/interior/content.gif) repeat-y left top;
}
#content-sub {
	float: left;
	width: 186px;
	margin: 0 0 0 2px;
	padding: 0 7px;
	color: #FFFFFF;
}
#content-main {
	float: left;
	width: 506px;
	margin: 0 2px 0 3px;
	padding: 26px 24px 35px 24px;
}
#pageContent {
	padding: 27px 7px 0 7px;
}
#footer {
	float: left;
	width: 760px;
	height: 33px;
	padding: 4px 2px 3px;
	background: url(images/backgrounds/interior/footer.gif) no-repeat left top;
	color: #FFFFFF;
}
#footer #footerText {
	width: auto;
	float: left;
	padding-top: 9px;
	padding-left: 24px;
}
#footer #complianceLogos {
	width: auto;
	float: right;
	padding-top: 9px;
	padding-right: 24px;
}
#footer #complianceLogos img {
	vertical-align: text-top;
}
#footer a {
	color: #fff;
}

/* =Home Page Layout
----------------------------------------------- */
.hp #banner {
	height: 207px;
	background: url(images/backgrounds/home/banner.gif) no-repeat left top;
}
.hp #mainNav {
	background: url(images/backgrounds/home/mainNav.gif) no-repeat left top;
}
.hp #content {
	float: left;
	width: 764px;
	background: url(images/backgrounds/home/content.gif) repeat-y left top;
}
.hp #content-main {
	width: 330px;
	margin: 0;
	padding: 0 12px 0 14px;
}
.hp #content-sub {
	width: 186px;
	margin: 0;
	padding: 0 7px 0 10px;
}
.hp #content-extra {
	float: left;
	width: 175px;
	margin: 0 0 0 3px;
	padding: 0 12px 0 13px;
}
.hp #content-extra #weather, .hp #content-extra #stock {
	padding: 6px 0;
	line-height: normal;
}
.hp #footer {
	background: url(images/backgrounds/home/footer.gif) no-repeat left top;
}
.hp #date {
	padding: 3px 0 0 10px;
	font-size: 12px;
	line-height: 16px;
	color: #767676;
}

/* =Bank News (Home Page)
----------------------------------------------- */
#bankNews dt {
	font-size: 12px;
	font-weight: bold;
}
#bankNews dt a:link, #bankNews dt a:visited, #bankNews dt a:hover {
	padding-left: 11px;
	display: block;
	width: 318px;
	background: url(images/bullets/bankNews.gif) no-repeat left 5px;
}
#bankNews dd {
	margin: 0;
	padding-left: 11px;
	padding-bottom: 23px;
}

/* =Login
----------------------------------------------- */
#loginForm {
	padding: 5px;
}
#loginForm #id, #loginForm #pin {
	width: 90px;
	border: solid 1px #6B6B6B;
}
#loginForm table {
	width: 100%;
	border: none;
}
#loginForm table td {
	padding: 1px 0;
}
#content-sub ul, #content-sub ul li {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}
#content-sub ul li a:link, #content-sub ul li a:visited, #content-sub ul li a:hover {
	color: #FFFFFF;
	background: url(images/bullets/loginLink.gif) no-repeat 3px 5px;
	padding-left: 13px;
}

/* =Calculators
----------------------------------------------- */
#calcs {
	background: #cc092f;
	padding: 20px;
}
#calcs #page1 {
	width: 96%;
	margin: 0 auto;
	padding: 2%;
	background: #FFFFFF;
}
#calcs #page2 {
	width: inherit;
	float: left;
}
#calcs table th {
	/*background: #cc092f;*/
	text-align: left;
	font-weight: normal;
}
#calcs table th, #calcs table td {
	padding: 3px;
	width: 50%;
}
#calcs p {
	margin: 1em 0;
}
/*#calcs #calcLogo {
	width: 50%;
	float: left;
}
#calcs #calcLogo {
	width: 100%;
	float: left;
}
#calcs #calcMenu {
	width: 50%;
	float: left;
}*/

/* =FAQs
----------------------------------------------- */
#faqBody dl {
	padding: 0;
	margin: 0;
}
#faqBody dt {
	padding: 0;
	margin: 0.5em 0;
	padding-left: 10px;
}
#faqBody dt a:link, #faqBody dt a:visited, #faqBody dt a:hover {
	display: block;
	width: auto;
	padding-left: 15px;
	background: url(images/bullets/plus.gif) no-repeat left 5px;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}
#faqBody dt a:hover {
	text-decoration: none;
}
#faqBody dd {
	margin: 0;
	padding: 0;
	background: none;
}
#faqBody .faqQuestion {
	font-size: 12px;
	font-weight: bold;
	margin-top: 1.33em;
	margin-bottom: -1em;
}
#faqBody .faqAnswer {
	margin-top: 1.33em;
}
#faqBody .faqCloseLink {
	margin-top: 1.33em;
}

/* =Rates
----------------------------------------------- */
#ratesBody h2 {
	margin: 1.33em 0 0 0;
}
#ratesBody .closeLink {
	margin: 0 0 1.33em 0;
}
#ratesBody dt h2 {
	margin: 1.33em 0;
}
#ratesBody dl, #ratesBody dt, #ratesBody dd {
	padding: 0;
	margin: 0;
	background: none;
}
#ratesBody dl {
	margin: 1.33em 0 0 0;
}
#ratesBody dt {
	padding: 0 0 0 10px;
}
#ratesBody dt a:link, #ratesBody dt a:visited, #ratesBody dt a:hover {
	display: block;
	width: auto;
	padding-left: 15px;
	background: url(images/bullets/plus.gif) no-repeat left 5px;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}
#ratesBody dt a:hover {
	text-decoration: none;
}

/* =Locations
----------------------------------------------- */
#locationsBody dl {
	padding: 0;
	margin: 0;
}
#locationsBody dt {
	padding: 0;
	margin: 0.5em 0;
	padding-left: 10px;
}
#locationsBody dt a:link, #locationsBody dt a:visited, #locationsBody dt a:hover {
	display: block;
	width: auto;
	padding-left: 15px;
	background: url(images/bullets/plus.gif) no-repeat left 5px;
}
#locationsBody dt a:hover {
	text-decoration: underline;
}
#locationsBody dd {
	margin: 0;
	padding: 0;
}

/* =Location Tables
----------------------------------------------- */
table.locations {
	width: 100%;
	margin-bottom: 1.33em;
	border-top: 1px solid #B5B5B5;
	border-right: 1px solid #B5B5B5;
	border-bottom: none;
	border-left: none;
}
table.locations th, table.locations td, table.locations caption {
	padding: 3px 5px;
	text-align: left;
	vertical-align: top;
}
table.locations caption {
	background: #B5B5B5;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}
table.locations caption a:link, table.locations caption a:visited, table.locations caption a:hover {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
}
table.locations th, table.locations td {
	font-size: 11px;
	border-bottom: 1px solid #B5B5B5;
	border-left: 1px solid #B5B5B5;
}
table.locations th {
	background: #F5F5F5;
	font-weight: normal;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}
table.locations td {
	background: #FFFFFF;
}
table.locations table {
	width: 100%;
	border: none;
}
table.locations table th, table.locations table td {
	border-top: solid 1px #B5B5B5;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
table.locations table th {
	border-top: none;
	background: #FFFFFF;
	font-weight: normal;
}

/* =Career Opportunities
----------------------------------------------- */
#careerBody dl {
	padding: 0;
	margin: 0;
}
#careerBody dt {
	padding: 0;
	margin: 0.5em 0;
	padding-left: 10px;
}
#careerBody dt a:link, #careerBody dt a:visited, #careerBody dt a:hover {
	display: block;
	width: auto;
	padding-left: 15px;
	background: url(images/bullets/plus.gif) no-repeat left 5px;
}
#careerBody dt a:hover {
	text-decoration: underline;
}
#careerBody dd {
	margin: 0;
	padding: 0;
}

/* =Board of Directors
----------------------------------------------- */
.photoContainer {
	padding: 0;
	margin: 1em 0;
	width: 320px;
}
.photoContainer dt {
	margin: 1.33em 0 0 0;
}
.photoContainer dd {
	padding-left: 0;
}

/* =Basic Tables
----------------------------------------------- */
table.basic {
	width: 100%;
	margin-bottom: 1.33em;
	border-top: 1px solid #B5B5B5;
	border-right: 1px solid #B5B5B5;
	border-bottom: none;
	border-left: none;
}
table.basic th, table.basic td, table.basic caption {
	padding: 3px 5px;
	text-align: left;
	vertical-align: top;
}
table.basic caption {
	background: #B5B5B5;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}
table.basic caption a:link, table.basic caption a:visited, table.basic caption a:hover {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
}
table.basic th, table.basic td {
	font-size: 11px;
}
table.basic th {
	background: #F5F5F5;
	font-weight: normal;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}
table.basic td {
	background: #FFFFFF;
	border-bottom: 1px solid #B5B5B5;
	border-left: 1px solid #B5B5B5;
}

/* =Matrix Tables
----------------------------------------------- */
table.matrix {
	width: 100%;
	margin-bottom: 1.33em;
	border-top: 1px solid #B5B5B5;
	border-right: 1px solid #B5B5B5;
	border-bottom: none;
	border-left: none;
}
table.matrix th, table.matrix td {
	padding: 3px 5px;
	text-align: center;
	vertical-align: top;
	font-size: 11px;
}
table.matrix th.leftCol, table.matrix td.leftCol {
	text-align: left;
	font-weight: bold;
}
table.matrix th {
	background: #B5B5B5;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}
table.matrix td {
	background: #FFFFFF;
	border-bottom: 1px solid #B5B5B5;
	border-left: 1px solid #B5B5B5;
}
table.matrix tr.rowHighlight td {
	background: #F5F5F5;
}
table.matrix td.showMoreInfo {
	display: table-cell;
	text-align: left;
}
table.matrix tr.showMoreInfo {
	display: table-row;
}
table.matrix tr.showMoreInfo td {
	text-align: left;
}