body {
margin: 0;
padding: 0;
background: #faefc1;
color: #333;
font: 8pt tahoma, arial, sans-serif;
}
#related {
     display: none;
}
a:link {
	color: #001a7b;
	text-decoration: underline;
	}
a:visited {	
	color: #5f83dc;
	text-decoration: underline;
	}
a:hover, a:active {
	color: #5f83dc;
	text-decoration: none;
	}
	
a img { border: none; }

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	color: #3b58a7;
	}
h1 {
	color: #03237e;
	font-size: 15px;	
	}
h2 {
	font-size: 13px;
	}
h3 {
	color: #03237e;
	font-size: 9pt;
	}
h4 {
	font-size: 8pt;
	}

p {
	margin: 5px 0;
	}
ul, ol { 
	margin: 2px 0 2px 24px;
	padding: 0;
	}

ul li { list-style-image: url(../images/li.gif); }

table, th, td {	font-size: 100%; /* IE inheritance fix */ }

hr {
	height: 1px;
	background: #fff;
	color: #fff;
	border: 1px solid #fff;
	border-bottom: 1px solid #b5c5ef;
	}
/****** =LAYOUT *******/
/* fluid layout hack for IE < 7 */
.container {min-width: 760px;}
* html .minwidth {border-left: 760px solid #fff;}
* html .minwidthContainer {margin-left: -760px; position: relative;}

/*\*/ 
 * html .container, * html .minwidth, * html .minwidthContainer {
	height: 1px;
	}
/* end fluid layout hack for IE < 7 */ 


.clearfloat {
	clear: both;
	height: 1px;
	}
.clear0 {
	clear: both;
	height: 0;
	}
.blockImg {
	display: block;
	}
.masthead {
	position: relative;
	width: 100%;
	height: 67px;
	background: #fff url(../images/bg_masthead.gif) repeat-x top;
	}
.logo {
	position: absolute;
	top: 0px;
	left: 12px;
	height: 38px;
	z-index: 100;
	}
#home .logo {
	top: 0;
	}
.utilityArea {
	/* margin-left: 342px; */
	width: 760px;
	text-align: right;
	}
.utilityNav {
	position: relative;
	z-index: 10;
	/* float: left;
	width: 300px; */
	color: #d59f0f;
	}
.utilityNav ul {
	list-style-type: none;	
	margin: 0;
	padding: 10px 0 0 0px;
}

.utilityNav li {
	display: inline;
	list-style-image: none;
	margin: 0;
}
.utilityNav a:link, .utilityNav a:visited, .foot a:link, .foot a:visited {
	color: #03237E;
	text-decoration: none;
	}
.utilityNav a:hover, .foot a:hover {
	color: #5f83dc;
	text-decoration: underline;		
	}
.searchArea {
	float: right;
	width: 126px;
	margin-left: 10px;
	padding-top: 7px;
	position: relative;
	z-index: 300;
	/* position: absolute;
	top: 7px;
	right: 0; */
	}
.searchArea form {
	margin: 0;
	padding: 0;
	}
.searchArea input { 
	margin: 0 1px 0 0;
	vertical-align: middle; 
	}

.searchField {
	width: 98px;
	border: 1px solid #d59f0f;
	background: #fff url(../images/bg_appfield1.gif) repeat-x top;
	color: #888;
	font-size: 7pt;
	}

.middleNavArea {
	position: absolute;
	top: 39px;
	width: 100%;
	height: 28px;
	background: #fff;
	}
.middleNav {
	}
.middleNav ul {
	list-style-type: none;	
	height: 28px;
	margin: 0 0 0 287px;
	padding: 0;
	background: #fff url(../images/bg_middle_nav.gif) repeat-x;
	}
.middleNav li {
	list-style-image: none;
	float: left;
	width: auto;
	height: 28px;
	margin: 0;
	background: url(../images/bg_middle_nav_li.gif) no-repeat;
	font-weight: bold;
	text-align: center;
	line-height: 26px;
	}
.middleNav li.first {
	width: 107px;
	background: url(../images/bg_middle_nav_join.gif) no-repeat;
	text-align: right;
	}
.middleNav a {
	padding: 0 9px;
	}
.middleNav .first a {
	padding-left: 0;
	}
.middleNav a:link, .middleNav a:visited {
	color: #03237E;
	text-decoration: none;
	}

.middleNav a:hover {
	color: #5f83dc;
	text-decoration: none;		
	}
	
.middleNav a:active {
               color: #5f83dc;
	text-decoration: underline;	
 }

.mainNav {
	height: 27px;
	background: url(../images/bg_nav.gif) repeat-x;
	}
.mainNav ul {
	list-style-type: none;	
	margin: 0;
	padding: 1px 0 0 5px;
	}

.mainNav li {
	float: left;
	width: auto;
	list-style-image: none;
	/* margin: 0 3px 0 0; */
	margin: 0 15px 0 0;
	}

/****** =LOGIN *******/

.loginPers {
	height: 50px;
	background: #fff url(../images/bg_login_pers.gif) repeat-x top;
	}
#home .loginPers {
	height: 111px;
	background: #fff url(../images/bg_login_pers_home.gif) repeat-x top;	
	}
* html #home .loginPers {
	height: 115px;
}
*:first-child+html #home .loginPers {
	height: 119px;
}
.loginPers form {
	margin: 0;
	padding: 0 0 0 7px;
	}
.loginPers form .blockImg { margin-bottom: 9px; }

.loginPers img, .loginPers input { vertical-align: middle; }

#home .loginPers .appfield1, #home .loginPers .appfield2 {
	width: 82px;
	height: 16px;
	margin: 0 0 2px 0;
	padding: 0;
	color: #888;
	font-size: 7pt;
	}
*:first-child+html .loginPers .appfield1, *:first-child+html #home .loginPers .appfield2  {
	height: 14px;
	}
.loginBtn {
	/*position: relative;*/
	/*top: -3px;*/
	margin-top: -3px;
	float: right;
	padding: 0 7px 0 0;
	}
.loginBtnHome {
	float: right;
	width: 61px;
	margin: 6px 20px 0 0;
	display: inline; /* fix IE doubled float-margin bug */
	}
.loginLink {
	padding: 5px 0 0 11px;
	font-weight: bold;
	}
#home .loginLink {
	padding: 10px 0 0 4px;
	}
.loginLink a:link, .loginLink a:visited {
	color: #1b3f95;
	text-decoration: underline;
	}
.loginLink a:hover {
	color:  #5f83dc;
	text-decoration: none;
	}

.loginBus {
	height: 34px;
	background: url(../images/bg_login_bus.gif) no-repeat;
	}
.loginBtnBus {
	margin: 6px 0 0 11px;
	}

/****** =NAVIGATION *******/

.leftNav {
	width: 180px;
	}
.leftNav ul, .leftNav li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	}
.leftNav li {
	float: left;
	clear: left;
	width: 100%;
	height: 24px;	
	}
.leftNav li a {
	display: block;
	padding-left: 9px;
	background: url(../images/bg_left_nav.gif) no-repeat;
	font-weight: bold;
	line-height: 23px;
	white-space: nowrap;
	}
* html .leftNav li a {
	height: 100%;	
	}
.leftNav li a:link, .leftNav li a:visited {
	color: #fff;	
	text-decoration: none;
	}
.leftNav li a:hover {
	background-position: 0 -25px;
	color: #03237E;	
	text-decoration: none;
	}

	
/* =related links */
.related {
	margin: 4px  1px  1px 1px;
	padding: 8px;
	background: #fff url(../images/bg_module.gif) repeat-x bottom;
	color: #304e9f;
	font-weight: bold;
	}
.related ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.related li {
	list-style-image: none;
	margin: 0 0 0 7px;
	padding: 0;
	font-weight: normal;
	}
.related li a {
	display: block;
	padding: 3px 0;
	background: url(../images/bg_related_link.gif) no-repeat left bottom;
	color: #5f83dc;
	}
* html .related li {
	height: 1em;
	}
.related li a:link, .related li a:visited {
	color: #03237E;
	text-decoration: none;
	}
.related li a:hover {
	color: #5f83dc;
	text-decoration: none;
	}
.related li a:active {
	color: #5f83dc;
	text-decoration: underline;
	}

/****** =CONTENT *******/
.contentArea {
	position: relative;
	background: url(../images/bg_content_area.gif) repeat-y;
	}
#home .contentArea {
	background-color: transparent;	
	}

.bannerBg {
	position: relative;
	width: 100%;
	background: #fff url(../images/bg_banner.gif) repeat-x;
	min-height: 121px;
	}
* html .bannerBg {
	height: 121px;	
	}
.banner {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 180px;
	height: 121px;
	}
	
.contentCols {
	/*width: 760px;*/
	width: 860px;
	padding-bottom: 20px;
	background: url(../images/bg_content_cols.jpg) no-repeat left bottom;
	}
.leftCol {
	float: left;
	width: 180px;
	top: -1px;
	margin-bottom: -1px;
	}
.rightCol {
	float: right;
	/*width: 580px;*/
	width: 680px;
	line-height: 14px;
	}
.rightCol li {
	line-height: 14px;
	}
#home .rightCol {
	padding-top: 127px;
	}
.heading h1 {
	position: absolute;
	left: -9999px
	}
.headingBg {/* heading & crumbs bg for interior pages. */
	min-height: 72px;
	background: #fff url(../images/bg_heading.gif) repeat-x;
	}
#member .headingImg { background: url(../images/img_member.jpg) no-repeat; }
#about .headingImg { background: url(../images/img_about.jpg) no-repeat; }
#atm .headingImg { background: url(../images/img_atm.jpg) no-repeat; }
#contact .headingImg { background: url(../images/img_contact.jpg) no-repeat; }
#searchResults .headingImg { background: url(../images/img_search_results.jpg) no-repeat; }
#join .headingImg { background: url(../images/img_join.jpg) no-repeat; } /* not used? */
#realEstate .headingImg { background: url(../images/img_real_estate.jpg) no-repeat; }
#autoLoan .headingImg { background: url(../images/img_auto_loan.jpg) no-repeat; }
#online .headingImg { background: url(../images/img_online.jpg) no-repeat; }
#rates .headingImg { background: url(../images/img_rates.jpg) no-repeat; }
#checking .headingImg { background: url(../images/img_checking.jpg) no-repeat; }
#loan .headingImg { background: url(../images/img_loan.jpg) no-repeat; }
#insurance .headingImg { background: url(../images/img_insurance.jpg) no-repeat; }
#business .headingImg { background: url(../images/img_business.jpg) no-repeat; }
#tips .headingImg { background: url(../images/img_tips.jpg) no-repeat; }
#forms .headingImg { background: url(../images/img_forms.jpg) no-repeat; }
#sitemap .headingImg { background: url(../images/img_sitemap.jpg) no-repeat; }
#agreements .headingImg { background: url(../images/img_agreements.jpg) no-repeat; }
#privacy .headingImg { background: url(../images/img_privacy.jpg) no-repeat; }
#security .headingImg { background: url(../images/img_security.jpg) no-repeat; }
#careers .headingImg { background: url(../images/img_careers.jpg) no-repeat; }

.headingImg {
	height: 72px;
	}

.breadCrumbs {
	padding: 3px 0 0 30px;
	color: #1b3f95;
	}
.breadCrumbs a:link, .breadCrumbs a:visited {
	color: #1b3f95;
	text-decoration: underline;
	}
.breadCrumbs a:hover {
	color: #5f83dc;
	text-decoration: none;
	}
/*  .breadCrumbs .current {
	color: #5f83dc;
	font-weight: bold;
	text-decoration: none;
	}
*/
.content {
	min-height: 70px; 
	padding: 20px 0 0 30px;
	background: url(../images/bg_content.gif) no-repeat;
	}
* html .rightCol {  /*\*/
	height: 1%;	
	/* end hide from ie mac */ 
	background: none;
	}

/****** =HOMEPAGE, =LANDING PAGES *******/
#home .content {
	padding: 0 0 0 30px;
	background: none;
	}
.homeLeft {
	float: left;
	width: 369px;
	background: url(../images/bg_content.gif) no-repeat 0 -6px;
	}
.homeRight {
	float: right;
	width: 178px;
	/*margin: 0 10px 0 0;*/
	margin: 0 20px 0 0;
	display: inline; /* fix IE doubled float-margin bug */
	}
.homeRight img {
	margin-top: 5px;
	}
	
.promoLeft { /* cross-selling ads (leftCol) */
	padding-top: 4px;
	text-align: center;
	}
	
#landingPage .content {
	background: none;
	}
.landingArea {
	margin: 0 0 5px 0;
	border: 1px solid #d59f0f;
	background: #fff url(../images/bg_landing.gif) repeat-x bottom;
	}
.landing {
	padding: 9px 9px 0 9px;
	color: #777;
	}
.landingBtn {
	padding-top: 4px;
	}
	
/* =promo =structured data */
	
.promoSData { /* sandbox for print data (leftCol) */
	margin: 4px 1px 1px 1px;
	padding: 7px;
	border: 1px solid #5f83dc;
	background: #fff url(../images/bg_promo_sd.gif) repeat-x bottom;
	color: #5171bc;
	}
.promoSData:hover {
	background-image: url(../images/bg_module.gif);
	}
.promoSData p {
	margin: 3px 0;
	}
.promoSData .special2 {
	color: #00237e;
	font-weight: bold;
	}


	
.promoSData a:link, .promoSData a:visited, .promoSData a:hover {
	text-decoration: none;
	}

/****** =FOOTER *******/
.footArea {
	clear: both;
	padding: 9px;
	border-top: 1px solid #fff;
	background: #faefc1 url(../images/bg_footer.gif) repeat-x top;
	}
.foot{
	width: 760px;
	color: #d59f0f;
	text-align: right;
	}
.dateStamp {
	float: left;
	width: 172px;
	color: #03237e;
	font-size: 11px;
	text-align: left;
	}
.footRight ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.footRight li {
	list-style-image: none;
	display: inline;
	}
	
.footLeft {
float: left;
width: 355px;
}

.footRight {
float: right;
width: 375px;
text-align: right;
}

.footLogos {
	clear: both;
	padding: 8px 0;
	text-align: left;
	}
.footLogos img {
	margin: 0 20px 0 0;
	vertical-align: middle;
	}

/****** =WCAC =FISTYLES ******/

.tableheader {
	background: #5171bc url(../images/bg_tableheader.gif) repeat-x top;
	color: #fff;
	font-weight: bold;
	}
	
th {
	background: #dce4f7;
	color: #35519e;
	}
	
.tablecontent1 {
	background: #fff;
	color: #333;
	}
	
.tablecontent2 {
	background: #faefc1;
	color: #333;
	}

.faqQ, .faqA { 
	font-size: 1.2em;
	font-weight: bold;
	}
.faqQ { color: #d49302; }
.faqA { color: #35519e; }
	
.xsmall {
    font-size:.8em; 
	}
.small {
    font-size:.9em;
	}
.medium {
    font-size:1em;
	}
.large {
    font-size:1.1em;
	}
.xlarge{
    font-size:1.2em;
	}
	
.disclaimer {
	font-size: .9em;
	}
	
/* the following are used to line up the rates disclosures with the rates tables */
.rates_disclaimer { /* general */
	margin-left: 28px;
	}
* html .rates_disclaimer{ /* IE6 */
	margin-left: 40px;
	}
*:first-child+html .rates_disclaimer{ /* IE7 */
	margin-left: 40px;
	}
.required {
	color: #03237e;
	}
	
.appfield1 {
	border: 1px solid #d59f0f;
	background: #fff url(../images/bg_appfield1.gif) repeat-x top;
	color: #666;
	}	
.appfield2 {
	border: 1px solid #03237e;
	background: #fff url(../images/bg_appfield1.gif) repeat-x top;
	color: #333;
	}
	

#ex_dis{
    display:none;
    width:400px;
    float:center;
    padding:10px;
    background-color:#FFFFFF;
    position:absolute;
    z-index:10000;
	margin-top:50px;
    border-width:1px 1px 1px 1px;
    border-style:solid;
    border-color:#0A4599;
	margin-left:200px;
	overflow: hidden;
	top: 0; left: 0;
}

.ratestable{
	width: 500px;
	margin-left: 28px;
	border: 1px solid #5171BC;
	}
	
.misctable{
	width: 500px;
	margin-left: 28px;
	border: 1px solid #5171BC;
	border-collapse: collapse;
	}
.misctable td.tableheader{
	border: 0;
	}
.misctable td{
	vertical-align: top;
	border: 1px solid #5171BC;
	}

sup {
	line-height: 0;
	vertical-align: text-top;
	font-size: 90%;
	}

  #CL100307 .style1 {
            font-size: 12px;
            color: #333333;
            font-family: Georgia, "Times New Roman", Times, serif;
            margin-right: 15px;
            margin-bottom: 0px;
            margin-left: 18px;
            }
            #CL100307 .style1 ul {
            list-style: url(fiFiles/static/images/CommLoans100107_STAR.gif);
            margin: -10px 0px 0px 25px;
            padding: 0px;
            }
            #CL100307 .style1 li {
            margin: 0px 0px 0px 15px;
            padding: 0px;
            }
            #CL100307 #contact {
            margin-left: 165px;
            margin-right: 50px;
            border: 1px solid #FFFFFF;
            padding: 15px;
            margin-top: 5px;
            }
            #CL100307 {
            width: 455px;
            }
            #CL100307 .style2 {
            color: #F1E6D4;
            font-family: Georgia, "Times New Roman", Times, serif;
            font-size: 12px;
            margin: 0px;
            padding: 0px;
            }
            #CL100307 .style3 {
            color: #FFFFFF;
            font-weight: bold;
            }
            #CL100307 .style4 {
            color: #F1E6D4;
            font: 10px Georgia, "Times New Roman", Times, serif;
            }
            #CL100307 #legal {
            text-align: left;
            color:#bc8d0a;
            padding-left:0px;
            }
            #CL100307 #legal a{
            }
            #CL100307 .CM100307legal {
            font-family: Tahoma;
            font-size: 9px;
            color: #666666;
            display: block;
            text-align: left;
            width: 455px;
            }
            #CL100307 #main {
            border-top: 1px solid #666666;
            border-right: 1px solid #666666;
            border-left: 1px solid #666666;
            }

/* COUPONS ACCORDION NAV */
#couponsdiv {
	width: 500px;
	height: 400px;
	overflow: scroll;
	border: solid 1px #000;
	padding: 5px;
}

.coupons {
	margin:0px;
	padding:0px;
	text-indent:0px;
	/*width:450px;*/
}
.coupons a.head {
	cursor:pointer;
	background:url(../images/collapsed.gif) no-repeat scroll 3px 4px;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
	color: #3b58a7;
}
.coupons a.head:hover {
	color:#03237e;
}
.coupons a.selected {
	background-image: url(../images/expanded.gif);
}
.coupons a.current {
	background-color:#03237e;
}
.coupons ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
.coupons li {
	list-style:none outside none; display:inline;
}
.coupons li li a {
	color:#000000;
	display:block;
	text-decoration: none;
	margin-left: 10px;
}
.coupons li li a:hover {
	/*background-color:#FFFF99;*/
	color:#03237e;
	text-decoration: underline;
}
			
.ratesTabsDiv, .ratesTabsDiv a:link, .ratesTabsDiv a:visited, .ratesTabsDiv a:hover, .ratesTabsDiv a:active, .ratesTabsDiv img  {
margin: 0;
padding: 0;
}

.ratesTabsDiv img {
display: block;
float: left;
}

.ratesTabsDiv #consumerloans, .ratesTabsDiv #homeloans, .ratesTabsDiv #businessrates {
	margin-left: 20px;
}

.ratesTabsDiv #allrates{
	margin-left: 23px;
}

* html .ratesTabsDiv #allrates{
	margin-left: 17px;
}

.ratecontentdiv {
	display: none;
	margin-top: 1em;
}

.ratecontentdiv .tablecontent1 sup, .ratecontentdiv .tablecontent2 sup {
color: #000000;
}

.ratesContainerDiv {
margin: 0 0 2em 0;
padding: 5px;
border: solid 6px #dee5f8;
/*border: solid 6px #35519c;*/
}

#printdiv {
	float: right;
}