/* ------------------------------------------------
Site:     First Suburban National Bank (www.firstsuburbanbank.com)
Author:   Bryan Sullivan
Version:  November 1, 2005
-------------------------------------------------- */

/* =Basic Formatting
-------------------------------------------------- */
body {
	background: #FFFFFF url(images/backgrounds/page.jpg) repeat-x 0 0;
	margin: 0;
	padding: 0;
}

/* =Misc. Formatting
-------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}
#topOfPage {
	margin: 0;
	padding: 20px 0 60px 0;
	text-align: center;
}
.hideObject {
	display: none;
}
.disclaimer {
	font-weight: bold;
}

/* =Font Formatting
-------------------------------------------------- */
body {
	color: #5E5E5E;
	font: 0.75em/1.75em Arial, Helvetica, sans-serif;
}
h1 {
	margin: 0 0 1em 0;
	padding: 0;
}
h1 img {
	display: block;
}
h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0em;
}
h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0em;
}
p {
	margin: 0 0 1.33em 0;
}

/* =Link Formatting
-------------------------------------------------- */
a:link, a:visited, a:hover {
	color: #2A5646;
}

/* =Page Formatting
-------------------------------------------------- */
#page {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#page2 {
	float: left;
	width: 800px;
	background: url(images/backgrounds/page2.jpg) repeat-y 0 0;
}
#banner {
	float: left;
	width: 800px;
	background: url(images/backgrounds/banner.jpg) no-repeat 0 0;
	height: 242px;
}
/*#bannerGraphic {
	margin-top: 34px;
	margin-right: 43px;
	margin-left: 43px;
	height: 195px;
	width: 714px;
}*/
#banner img, #banner embed {
	margin-top: 34px;
	margin-right: 43px;
	margin-left: 43px;
	height: 195px;
	width: 714px;
}
#mainNav {
	float: left;
	width: 760px;
	background: url(images/backgrounds/mainNav.jpg) no-repeat 0 0;
	position: relative;
	height: 32px;
	padding: 2px 20px;
}
#content {
	float: left;
	width: 800px;
	background: url(images/backgrounds/content.jpg) no-repeat 0 0;
	padding-top: 7px;
}
#content-sub {
	float: left;
	padding-left: 26px;
	width: 219px;
	padding-right: 6px;
}
#logo {
	width: 219px;
	height: 113px;
	display: block;
	margin-bottom: 20px;
}
#logoPrint {
	display: none;
}
#content-sub h2 {
	margin: 2em 0 0;
}
.hp #content-main {
	float: left;
	width: 471px;
	margin-left: 2px;
	padding-right: 47px;
	padding-left: 27px;
	padding-top: 0;
	font-weight: normal;
}
#content-main {
	float: left;
	/*width: 471px;
	width: 473px;*/
	width: 470px;
	margin-left: 2px;
	padding-right: 47px;
	padding-left: 27px;
	padding-top: 19px;

}
#content-main ul li {
	list-style: disc;
}
#footer {
	float: left;
	width: 100%;
	background: url(images/backgrounds/footer.jpg) no-repeat 0 0;
	height: 56px;
}
#secNav {
	float: left;
	width: 352px;
	height: 30px;
	color: #FFFFFF;
	padding-top: 2px;
	padding-left: 48px;
}
#secNav a:link, #secNav a:visited, #secNav a:hover {
	color: #FFFFFF;
	line-height: 30px;
}
#complianceLogos {
	float: right;
	width: 358px;
	height: 30px;
	text-align: right;
	padding-top: 2px;
	padding-right: 42px;
}
#complianceLogos span {
	display: none;
}
#date {
	color: #2B6952;
	width: 468px;
	font-size: 0.8em;
	margin-top: -2.5em;
	padding: 0;
	margin-left: 3px;
}

/* =Login Formatting
-------------------------------------------------- */
#login {
	background: #EBF2F3;
	height: 113px;
	font-size: 0.9em;
	margin-bottom: 20px;
}
#login h2 {
	margin: 0 0 10px;
	padding: 0;
}
#login fieldset {
	display: block;
	border: none;
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
}
#login #id, #login #pin {
	display: block;
	width: 85px;
	margin-right: 15px;
}
#login label {
	float: left;
	display: block;
}
#login #submit {
	float: left;
	display: block;
	margin-top: 19px;
}
#login ul {
	float: right;
	width: 180px;
	margin: 0;
	padding: 0 0 0 0;
}
#login li {
	background: url(images/bullets/login.gif) no-repeat left center;
	padding-left: 10px;
	list-style: none !important;
}
#loginMessage {
	padding: 2px 5px;
	border: 1px solid #999999;
	color: #CC0000;
	background: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
}
#loginMessage h1, #loginMessage h2, #loginMessage h3, #loginMessage h4, #loginMessage h5, #loginMessage h6 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
}
#loginMessage p {
	margin: 0 0 0.8em 0;
}

/* =content-sub Pods
-------------------------------------------------- */
ul.pod {
	list-style: none;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 26px;
}
ul.pod li {
	background: url(images/bullets/default.gif) no-repeat 0 8px;
	padding-left: 10px;
	font-size: 0.9em;
}

/* =Secondary Advertisements
-------------------------------------------------- */
#advert {
	font-size: 0.9em;
	padding: 14px;
	width: 190px;
	float: left;
}
#advert img {
	/*margin: 0 -15px;
	text-align: center;*/
	display: block;
	margin: 0px auto 1.33em auto;
}
/* =Bank News
-------------------------------------------------- */
ul#bankNews {
	list-style: none;
	margin: 10px 0 30px;
	padding: 0 0 0 3px;
	width: 468px;
}
ul#bankNews li {
	background: url(images/bullets/bankNews.gif) no-repeat 0 7px;
	padding-left: 10px;
	line-height: 1.7em;
	list-style: none !important;
}

/* =Survey
-------------------------------------------------- */
#survey {
	padding: 0;
	margin: 5px 0 20px 5px;
}
#survey dt {
	padding-top: 5px;
	padding-bottom: 5px;
}
#survey dd {
	margin: 0;
	padding: 0;
}
#survey input {
	vertical-align: middle;
}
#survey label {
	vertical-align: middle;
}
#survey .button {
	margin-top: 10px;
}
#surveyForm {
	margin-bottom: 30px;
}

/* =FAQs
-------------------------------------------------- */
#faqBody dl {}
#faqBody dt {
	padding-top: 5px;
}
#faqBody dt a:link, #faqBody dt a:visited, #faqBody dt a:hover {
	padding-left: 15px;
	background: url(images/bullets/plus.gif) no-repeat left center;
	display: block;
	font-weight: bold;
}
#faqBody dd {
	margin-left: 15px;
	display: none;
}

/* =Community Involvement
-------------------------------------------------- */
#events dl {}
#events dt {
	font-size: 1.1em;
	font-weight: bold;
}
#events dd {
	margin: 0 0 0 15px;
}
#events dd a:link, #events dd a:visited, #events dd a:hover {
	margin: 0;
	padding: 0 0 0 15px;
	background: url(images/bullets/plus.gif) no-repeat left 6px;
	display: block;
	width: auto;
}
#events dd table a:link, #events dd table a:visited, #events dd table a:hover {
	padding: 0;
	background: none;
	display: inherit;
}
#events a.minimize:link, #events a.minimize:visited, #events a.minimize:hover {
	display: block;
	float: right;
	color: #FFF;
	font-weight: normal;
}
#events .eventTitle {
	display: block;
	float: left;
	width: 380px;
}

/* =Career Opportunities
-------------------------------------------------- */
#careerOpps dl {}
#careerOpps dt {
	font-size: 1.3em;
	font-weight: bold;
}
#careerOpps dd {
	margin: 0 0 0 15px;
}
#careerOpps dd a:link, #careerOpps dd a:visited, #careerOpps dd a:hover {
	margin: 0;
	padding: 0 0 0 15px;
	background: url(images/bullets/plus.gif) no-repeat left 6px;
	display: block;
}
#careerOpps dd table a:link, #careerOpps dd table a:visited, #careerOpps dd table a:hover {
	padding: 0;
	background: none;
	display: inherit;
}
#careerOpps a.minimize {
	text-align: right;
	color: #FFF;
	font-weight: normal;
}

/* =Matrix
-------------------------------------------------- */
table.matrix {
	border: 1px solid #999999;
	border-collapse: collapse;
	width: 100%;
	margin: 1em 0em;
}
table.matrix th, table.matrix td {
	text-align: center;
	padding: 0.1em 0.3em;
	vertical-align: top;
	font-size: 0.9em;
}
table.matrix th {
	background: #5E8274;
	color: #FFFFFF;
}
table.matrix td {
	border: 1px solid #999999;
}
table.matrix td.accountName, table.matrix td.moreInfo {
	text-align: left;
}

/* =Career Opportunities Table
-------------------------------------------------- */
table.careerOps {
	border: 1px solid #999999;
	border-collapse: collapse;
	width: 100%;
	margin: 1em 0em;
}
table.careerOps th, table.careerOps td {
	text-align: left;
	padding: 0.1em 0.3em;
	vertical-align: top;
	font-size: 0.9em;
}
table.careerOps th {
	background: #5E8274;
	color: #FFFFFF;
}
table.careerOps td {
	border: 1px solid #999999;
}
table.careerOps th a.minimize:link, table.careerOps th a.minimize:visited, table.careerOps th a.minimize:hover {
	display: block;
	float: right;
	width: auto;
	color: #FFF;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
table.careerOps th span.jobTitle {
	display: block;
	float: left;
	width: auto;
}

/* =Community Involvement Table
-------------------------------------------------- */
table.commEnv {
	border: 1px solid #999999;
	border-collapse: collapse;
	width: 100%;
	margin: 1em 0em;
}
table.commEnv th, table.commEnv td {
	text-align: left;
	padding: 0.1em 0.3em;
	vertical-align: top;
	font-size: 0.9em;
}
table.commEnv th {
	background: #5E8274;
	color: #FFFFFF;
}
table.commEnv td {
	border: 1px solid #999999;
}
table.commEnv a.minimize {
	text-align: right !important;
	color: #FFF;
	font-weight: normal;
}

/* =Cash Management Fee Schedule Table
-------------------------------------------------- */
table.cashMan {
	border: none;
	border-collapse: collapse;
	width: 100%;
	margin: 1em 0em;
}
table.cashMan td {
	text-align: left;
	padding: 0.1em 0.3em;
	vertical-align: top;
	border-top: 1px solid #DCDDDE;
}
table.cashMan td.rightCol {
	text-align: right;
	padding: 0.1em 0.3em;
	vertical-align: top;
}

/* =Locations List
-------------------------------------------------- */
dl#locationsList {}
dl#locationsList dt {}
dl#locationsList dt a:link, dl#locationsList dt a:visited, dl#locationsList dt a:hover {
	padding-left: 15px;
	background: url(images/bullets/plus.gif) no-repeat left 6px;
	display: block;
}
dl#locationsList dd {
	margin-left: 0;
}

/* =Locations Table
-------------------------------------------------- */
table.locations {
	border: 1px solid #999999;
	border-collapse: collapse;
	width: 100%;
	margin: 1em 0em;
}
table.locations th, table.locations td {
	padding: 0.1em 0.3em;
	text-align: left;
	vertical-align: top;
	font-size: 0.9em;
}
table.locations th {
	background: #5E8274;
	color: #FFFFFF;
	font-weight: bold;
	border: none;
}
table.locations td {
	border: none;
	border: 1px solid #999999;
	width: 50%;
}
/*table.locations a.minimize {
	text-align: right !important;
	color: #FFF;
	font-weight: normal;
}*/
table.locations table {
	border: none;
	width: 100%;
	margin-bottom: 1em;
}
table.locations table td {
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 0;
	border: none;
}
table.locations table th {
	font-weight: bold;
	font-size: 1em;
	background: #FFF;
	color: #5E5E5E;
	padding: 0;
	border: none;
}
table.locations th a.minimize:link, table.locations th a.minimize:visited, table.locations th a.minimize:hover {
	display: block;
	float: right;
	width: auto;
	color: #FFF;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
table.locations th span.locationTitle {
	display: block;
	float: left;
	width: auto;
}

/* =Calculator Formatting
-------------------------------------------------- */
table.calcTable {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border: solid 1px #999999;
}
table.calcTable th, table.calcTable td {
	text-align: left;
	padding: 0.1em 0.3em;
	vertical-align: top;
	border: none;
}
.calcTable th {
	font-weight: bold;	
	background: #5E8274;
	color: #FFF;
	font-size: 1.1em;
}
.calcTable th select {
	font-size: 0.9em;
	text-align: left;
}

/* =Application Tables
-------------------------------------------------- */
.textNormal {
	font-weight: normal;
}
input[type='radio'] {
	vertical-align: middle;
}
label {
	vertical-align: middle;
}

/* =Application Tables
-------------------------------------------------- */
table.appTable {
	border: 1px solid #999999;
	border-collapse: collapse;
	width: 100%;
	margin: 1em 0em;
}
table.appTable th, table.appTable td {
	text-align: left;
	padding: 0.1em 0.3em;
	vertical-align: top;
}
table.appTable th {
	background: #5E8274;
	color: #FFFFFF;
}
table.appTable td {
	border: 1px solid #999999;
}

/* =Application Agreement
-------------------------------------------------- */
#agreementContainer {
	overflow: auto;
	height: 300px;
	padding: 10px;
	border: 1px solid #666666;
	background: #FFFFFF;
}
#agreementBorder {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #666666;
	background: #F7F7F7;
}

/* =Forms Library
-------------------------------------------------- */
#formsList dl {}
#formsList dt {
	font-size: 1.3em;
	font-weight: bold;
}
#formsList dd {
	margin-left: 15px;
}
#formsList dd a:link, #formsList dd a:visited, #formsList dd a:hover {
	padding-left: 15px;
	background: url(images/bullets/plus.gif) no-repeat left center;
	display: block;
}
#formsList dd table a:link, #formsList dd table a:visited, #formsList dd table a:hover {
	padding: 0px;
	background: none;
	display: inherit;
}
#formsList .minimize {
	text-align: right;
	color: #FFF;
	font-weight: normal;
}