/* --------------------------------------------------------------------------
Site:     Citizens Bank and Trust  (www.cbt-co.com)
Author:   Bryan Sullivan
Created:  March 19, 2007
----------------------------------------------------------------------------- */

/* Revisions ----------------------------------------------------------------
Date:         March 19, 2007
Author:       Bryan Sullivan
Description:  Sample revision
-----------------------------------------------------------------------------
Date:         March 19, 2007
Author:       Bryan Sullivan
Description:  Sample revision
----------------------------------------------------------------------------- */

/* 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;
	background: none;
}
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	border: 0;
}
/* commented out for programming - RS 
.cfdebug, .cfdebuglge, a.cfdebuglink, .template, .template_overage {
	display: none;
}*/

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

/* Miscellaneous
----------------------------------------------------------------------------- */
#preloginCookie {
	position: absolute;
	width: 1px;
	height: 1px;
	z-index: 1000;
	left: 1px;
	top: 1px;
}
form {
	margin: 0;
	padding: 0;
}
img {
	border: none;
	display: block;
}
#content img {
	display: inline;
}
#content h2 img {
	display: block;
	margin: -1em 0 -0.5em 0;
}
.topOfPageLink {
	text-align: center;
	margin-top: 2em;
}

/* Fonts
----------------------------------------------------------------------------- */
body {
	font: 11px/16px Arial, Helvetica, sans-serif;
	color: #000000;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-size: 11px;
}
h2 {
	font-size: 14px;
}
h1 {
	font-size: 16px;
}

/* Links
----------------------------------------------------------------------------- */
a:link, a:visited, a:hover, a:active {
	color: #8B4014;
}

/* Page Elements
----------------------------------------------------------------------------- */
body {
	background: #E8E8E8 url(images/backgrounds/body.jpg) repeat-x;
}
#page1 {
	width: 758px;
	margin: 0 auto;
}
#page2 {
	float: left;
	width: 758px;
	background: #FFF;
	border: solid 1px #8F9376;
}

/* Banner (All Pages)
----------------------------------------------------------------------------- */
#banner {
	float: left;
	width: 758px;
	height: 104px;
	background: url(images/backgrounds/banner.jpg) no-repeat 0px 0px;
}
#logo {
	width: 394px;
	float: left;
}
#printLogo {
	display: none;
}
#logo h1 { /* Online on Home Page */
	margin: 0;
}
#login {
	float: right;
	width: 282px;
	padding: 16px 16px 0 0;
}
#login h2 {
	margin: 0;
}
#login label {
	float: left;
	display: block;
	width: 89px;
	padding: 4px 18px 0 0;
	font-size: smaller;
}
#login #id, #login #pin {
	display: block;
	width: 86px;
	font-size: 11px;
}
#login #loginButton {
	display: block;
	float: right;
	width: 57px;
	height: 29px;
	padding-top: 12px;
}

/* Main Navigation (All Pages)
----------------------------------------------------------------------------- */
#mainNav {
	position: relative;
	float: left;
	width: 758px;
	height: 30px;
	background: #FFF;
	padding: 0;
	margin: 0;
}
#mainNav ul, #mainNav li {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
}
#mainNav img {
	float: left;
}

/* Footer (All Pages)
----------------------------------------------------------------------------- */
#footer {
	float: left;
	width: 730px;
	height: 30px;
	background: url(images/backgrounds/footer.jpg) repeat-x left top;
	padding: 0 14px;
	color: #FFF;
}
#secNav, #complianceLogos {
	display: block;
	float: left;
	width: auto;
	padding: 8px 0 0 0;
	margin: 0;
	list-style: none;
}
#complianceLogos {
	float: right;
}
#complianceLogos img {
	display: inline;
}
#secNav li, #complianceLogos li {
	list-style: none;
	display: inline;
	border-left: solid 1px #FFF;
	padding-right: 5px;
	padding-left: 5px;
}
#secNav li.first-child, #complianceLogos li.first-child {
	padding-left: 0;
	padding-left: 0;
	border-left: none;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #FFF;
}

/* Copyright (All Pages)
----------------------------------------------------------------------------- */
#copyright {
	display: block;
	clear: both;
	float: left;
	width: 758px;
	margin: 2em auto;
	color: #707171;
	text-align: center;
}
#copyright ul, #copyright li {
	list-style: none;
	padding: 0;
	margin: 0;
}
#copyright li {
	display: inline;
	border-left: solid 1px #707171;
	padding-right: 5px;
	padding-left: 5px;
}
#copyright li.first-child {
	padding-left: 0;
	padding-left: 0;
	border-left: none;
}

/* Content (All Pages)
----------------------------------------------------------------------------- */
#content {
	float: left;
	width: 758px;
	padding-bottom: 14px;
	background: #FFF url(images/backgrounds/content_int.jpg) repeat-y 0px 0px;
}
#hp #content {
	background: #FFF url(images/backgrounds/content_hp.jpg) repeat-y 0px 0px;
}

/* Content Sub (Left Column on All Pages)
----------------------------------------------------------------------------- */
#content-sub {
	float: left;
	width: 180px;
	padding: 7px;
}
#hp #content-sub {
	float: left;
	width: 180px;
	padding: 0 7px;
}

/* Content Main (Middle Column on Home Page or Right Column on Interior Pages)
----------------------------------------------------------------------------- */
#content-main {
	float: left;
	width: 498px;
	padding: 7px 33px 0 33px;
}
.pageHeader {
	width: 514px;
	margin: 0 -8px 1.5em -8px;
	border-bottom: solid 1px #000;
}
#hp #content-main {
	width: 355px;
	padding: 0 7px;
}

/* Content Extra (Right Column on Home Page Only)
----------------------------------------------------------------------------- */
#hp #content-extra {
	float: left;
	width: 195px;
}

/* Quick Links (All Pages)
----------------------------------------------------------------------------- */
#quickLinks {
	width: 180px;
	height: 38px;
	margin: 0 auto;
	padding-top: 10px;
}
#hp #quickLinks {
	background: url(images/backgrounds/quickLinks.gif) no-repeat left top;
}
#quickLinks select {
	width: 180px;
}

/* Main Ad (All Pages)
----------------------------------------------------------------------------- */
#mainAd {
	width: 180px;
	margin: 0 auto;
}

/* Secondary Ad (Home Page)
----------------------------------------------------------------------------- */
#secondaryAd {
	width: 172px;
	margin: 0 auto;
	padding-top: 14px;
}

/* Survey (Home Page)
----------------------------------------------------------------------------- */
#survey table {
	/*width: 100%;*/
	border: none;
}
#survey th {
	background: #FFF;
	border: solid 1px #D3D3D3;
	text-align: left;
	color: #000;
	padding: 5px;
}
#survey td {
	background: #E8E7E7;
	color: #454545;
	padding: 2px 3px;
}
#survey label {
	text-decoration: underline;
	cursor: pointer;
}
#surveySubmit {
	margin: 1em 0 0 0;
}
#survey .submitted {
	border-spacing: 0;
	margin: 2px;
	border: solid 1px #D3D3D3;
}
#survey .submitted th {
	/*padding: 6px;*/
	border: none;
	border-bottom: double #D3D3D3;
}
#survey .submitted td {
	padding-top: 4px;
	padding-bottom: 4px;
	border: none;
}
#survey .submitted img {
	display: block;
}

/* News (Home Page)
----------------------------------------------------------------------------- */
#date {
	padding-left: 7px;
}
#news dl {
	padding-left: 8px;
}
#news dt {
	margin-top: 1em;
}
#news dd {
	padding: 0 0 0 8px;
}
#news dt a:link, #news dt a:visited, #news dt a:hover, #news dt a:active {
	color: #000;
	background: url(images/bullets/square.gif) no-repeat left 0.5em;
	display: block;
	padding-left: 8px;
	width: auto;
	font-size: 12px;
}

/* =FAQs
----------------------------------------------- */
#faqBody dl, #faqBody dt, #faqBody dd {
	margin: 0;
	padding: 0;
}
#faqBody dt {
	display: none;
	margin: 0.5em 0 0 15px;
	background: url(../images/bullets/plus.gif) no-repeat left 5px;
}
#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;
}
#faqBody dd dl {
	margin: 0.5em 0;
}
#faqBody dd dt, #faqBody dd dd {
	padding-left: 30px;
}
#faqBody dd dt {
	display: block;
	margin: 0;
	font-weight: bold;
	background: url(../images/bullets/faqQuestion.gif) no-repeat 15px 0px;
}
#faqBody dd dd {
	background: url(../images/bullets/faqAnswer.gif) no-repeat 15px 0px;
}
#faqBody .closeLink {
	display: none;
	background: none;
}

/* =Rates
----------------------------------------------- */
#ratesBody dl, #ratesBody dt, #ratesBody dd {
	margin: 0;
	padding: 0;
}
#ratesBody dt {
	display: none;
	margin: 0.5em 0 0 15px;
	background: url(../images/bullets/plus.gif) no-repeat left 5px;
}
#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;
}
/*#ratesBody dd dl {
	margin: 0.5em 0;
}
#ratesBody dd dt, #ratesBody dd dd {
	padding-left: 30px;
}
#ratesBody dd dt {
	display: block;
	margin: 0;
	font-weight: bold;
	background: url(../images/bullets/faqQuestion.gif) no-repeat 15px 0px;
}
#ratesBody dd dd {
	background: url(../images/bullets/faqAnswer.gif) no-repeat 15px 0px;
}*/
#ratesBody .closeLink {
	display: none;
	background: none;
	margin-top: -1em;
}

/* =Matrix Tables
----------------------------------------------- */
.matrix {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	border: solid 1px #8F9376;
}
.matrix th, .matrix td {
	padding: 3px 5px;
	border-collapse: collapse;
	border: solid 1px #8F9376;
	text-align: center;
	vertical-align: middle;
}
.matrix th {
	background: #D1D4C3;
	font-weight: bold;
}
.matrix td {
	background: #FFF;
	font-weight: normal;
}
.matrix .leftCol {
	text-align: left;
	font-weight: bold;
}
.matrix .rowHighlight td {
	background: #F7F8F3;
}
.matrix .showMoreInfo {
	display: table-row;
}
.matrix .showMoreInfo td, .matrix .hideMoreInfo td {
	text-align: left;
	display: table-cell;
}

/* =Locations Tables
----------------------------------------------- */
.locations {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	border: solid 1px #8F9376;
	margin-bottom: 1em;
}
.locations th, .locations td {
	padding: 3px 5px;
	border-collapse: collapse;
	border: solid 1px #8F9376;
	text-align: left;
	vertical-align: top;
}
.locations th {
	background: #D1D4C3;
	font-weight: bold;
}
.locations td {
	background: #FFF;
	font-weight: normal;
}
.locations .leftCol {
	text-align: left;
	font-weight: bold;
}
.locations table, .locations table th, .locations table td {
	border: none;
	padding: 1px 1px;
}

/* =Calculators
----------------------------------------------- */
#calcTable {
	border: solid 1px #909284;
	margin: 1em;
}
#calcTable th, #calcTable td {
	border: none;
	background: #FFF;
	padding: 2px 4px;
	text-align: left;
	font-weight: normal;
}
#calcTable th {
	border-bottom: solid 1px #909284;
}
#calcTable th.calcSelect {
	text-align: right;
	padding-right: 20px;
}
#calcTable img {
	display: inline;
}
#calcTable table {
	border: none;
	width: 100%;
	margin: 0 0 1em 0;
}
#calcTable table td {
	text-align: center;
}
#calcTable table table td {
	text-align: left;
}
#calcTable form {
	padding: 1em 0;
}

/* =Contact Information Table
----------------------------------------------- */
.contactInfo {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	border: solid 1px #8F9376;
}
.contactInfo th, .contactInfo td {
	padding: 3px 5px;
	border-collapse: collapse;
	border: solid 1px #8F9376;
	text-align: left;
	vertical-align: top;
}
.contactInfo h3, .contactInfo p {
	margin: 0;
}

/* =Contact Tables
----------------------------------------------- */
.contact {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	border: solid 1px #8F9376;
}
.contact th, .contact td {
	padding: 3px 5px;
	border-collapse: collapse;
	border: solid 1px #8F9376;
	text-align: left;
	vertical-align: top;
}
.contact th {
	background: #D1D4C3;
	font-weight: bold;
}
.contact th a:link, .contact th a:visited, .contact th a:hover {
	text-align: right;
	width: auto;
	float: right;
}
.contact table, .contact table td {
	border: none;
	padding: 0;
}
.reqField {
	color: #C42121;
	font-weight: bold;
}