body {
	background: #fff url("../images/bg_page.gif") top left repeat-x;
	font-family: arial, helvetica, sans-serif;
}

a {
	color: #360;
}

#logo {
	margin-top: 6px;
}

#logo h1 a {
	float: left;
	background: url("../images/cfcu_logo.gif") top left no-repeat;
	display: block;
	width: 244px;
	height: 84px;
	text-indent: -999em;
}

/* small navigation */

#smlnav {
	float: left;
	background: #262626 url("../images/bg_smlnav.gif") top left repeat-x;
}

#smlnav ul {
	float: left;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	background: transparent url("../images/bg_smlnav_l.gif") left no-repeat;
}

#smlnav ul li {
	float: left;
}

#smlnav ul li a {
	display: block;
	padding-left: 6px;
	padding-right: 5px;
	line-height: 31px;
/*	color: #707070; */
	color: #fff;
	background: transparent url("../images/bg_smlnav_div.gif") right no-repeat;
	text-decoration: none;
}

#smlnav ul li.first a {
	padding-left: 15px;
}

#smlnav ul li.last a {
	padding-right: 15px;
	background: transparent url("../images/bg_smlnav_r.gif") right no-repeat;
}

#smlnav ul li a:hover {
/*	color: #fff; */
	color: #9c3;
	text-decoration: underline;
}

/* search */

#search {
	clear: left;
	padding-top: 15px;
	text-align: right;
}

#txt_search {
	width: 200px;
}

#btn_search, #btn_searchatm, #btn_livehelp, #btn_sitemap {
	vertical-align: middle;
}

#join_btn {
float: left;
padding: 10px 0 0 20px;
}

/* navigation */

#mainnav {
	float: left;
	margin-top: 15px;
	margin-left: 10px;
	width: 100%;
	font-size: 14px;
	line-height: normal;
}

#mainnav ul {
	margin: 0;
	list-style: none;
}

#mainnav li {
	float: left;
	background: url("../images/left_both.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 9px;
}

#mainnav a {
	float: left;
	display: block;
	margin-right: 2px;
	background: url("../images/right_both.gif") no-repeat right top;
	padding: 0 10px 0 1px;
	line-height: 30px;
	text-decoration: none;
	color: #fff;
}

#mainnav > ul a {width:auto;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainnav a {float:none;}
/* End IE5-Mac hack */

#mainnav a:hover {
	color: #fff;
}

#mainnav li:hover, #mainnav li:hover a {
	background-position: 0% -75px;
	color: #fff;
}

#mainnav li:hover a {
	background-position: 100% -75px;
}

/* small navigation highlithing */

#abou #smlnav li#s-abou a, #disc #smlnav li#s-disc a, #link #smlnav li#s-link a, #cont #smlnav li#s-cont a, #loca #smlnav li#s-loca a {
color: #fff;
}

/* navigation highlighting */

#home #mainnav #n-home, #prod #mainnav #n-prod, #inve #mainnav #n-inve, #busi #mainnav #n-busi, #appl #mainnav #n-appl, #sale #mainnav #n-sale, #blog #mainnav #n-blog, #newe #mainnav #n-news, #rate #mainnav #n-rate {
	background-position: 0 -150px;
	border-width: 0;
}

#home #mainnav #n-home a, #prod #mainnav #n-prod a, #inve #mainnav #n-inve a, #busi #mainnav #n-busi a, #appl #mainnav #n-appl a, #sale #mainnav #n-sale a, #blog #mainnav #n-blog a, #newe #mainnav #n-news a, #rate #mainnav #n-rate a {
	font-weight: bold;
	background-position: 100% -150px;
	color: #000;
}

/* main part of page */

#main_holder {
	background: #fff url("../images/bg_main_holder.gif") top left no-repeat;
	height: 1%;
	padding-top: 10px;
	margin-bottom: 20px;
}

/* main content style */

#main_holder h2 {
color: #0556a0;
margin-bottom: 1em;
font-size: 24px;
}

#main_holder h3 {
margin-top: 2em;
margin-bottom: 1em;
font-size: 18px;
}

#main_holder #news_holder h3, #main_holder #classifieds_holder h3, #main_holder h3.first {
margin-top: 0;
}

#main_holder h4 {
margin-top: 2em;
margin-bottom: 1em;
}

#main_holder p, #main_holder ul, #main_holder dl, #main_holder table.data {
font-size: 14px;
line-height: 1.5em;
margin-bottom: 1em;
}

#main_holder table.data {
width: 100%;
font-size: 12px;
}

#main_holder table.data th {
padding-top: 2px;
padding-bottom: 2px;
text-align: left;
font-weight: normal;
border-bottom: 1px solid #ccc;
}

#main_holder table.data td {
padding-top: 2px;
padding-bottom: 2px;
text-align: right;
border-bottom: 1px solid #ccc;
}

/* bank data table */

#main_holder table.bank th, #main_holder table.data th {
font-weight: bold;
background-color: #f0f0f0;
}

#main_holder table.bank td, #main_holder table.data td {
text-align: left;
}

#main_holder table.bank th, #main_holder table.bank td, #main_holder table.data th, #main_holder table.data td {
padding: 2px 5px;
}

#main_holder .alert {
margin-bottom: 1em;
padding: 15px;
border: 1px solid #f90;
background: #ffc;
}

#main_holder .alert p {
margin-bottom: 0;
}

#main_holder .alert p.lock {
padding-left: 25px;
background: transparent url("../images/lock.png") left no-repeat;
}

#main_holder ul.list, #main_holder dl, .content_padding ul {
font-size: 12px;
padding-left: 20px;
list-style: disc;
margin-bottom: 2em;
}

#main_holder dl {
padding-left: 0;
}

#main_holder dl.faq dt {
font-size: 1.5em;
margin-top: 3em;
}

#main_holder ul.list li, #main_holder dl dd {
margin-bottom: 1em;
}

#main_holder ul.nospace li {
margin-bottom: 0;
}

#main_holder dl dt {
font-weight: bold;
margin-bottom: .5em;
}

#main_holder .content_padding {
padding: 20px;
}

#main_holder .center {
text-align: center;
}

#main_holder .hr {
margin-bottom: 1em;
height: 1px;
background: #360;
}

#main_holder .hr hr {
display: none;
}

/* sub navigation */

ul#subnav {
margin-bottom: 1em;
}

ul#subnav li a {
	display: block;
	width: 200px;
	padding: 0 10px;
	color: #fff;
	background-color: #6597c3;
	border-bottom: 2px solid #5385c5;
	font-size: 14px;
	line-height: 30px;
	text-decoration: none;
}

ul#subnav li a:hover {
	background-color: #a1bfd9;
	border-bottom-color: #86a3dd;
}

ul.onli li#s-onli a, ul.chec li#s-chec a, ul.savi li#s-savi a, ul.yout li#s-yout a, ul.loan li#s-loan a, ul.othe li#s-othe a, ul.abou li#s-abou a, ul.card li#s-card a, ul.chur li#s-chur a, ul.budg li#s-budg a {
background: #ccc url("../images/bg_subnav.gif") right no-repeat;
border-bottom-color: #ccc;
color: #000;
font-weight: bold;
}

/* disclosures and subs with no drop down arrow */

ul.priv li#s-priv a, ul.fees li#s-fees a, ul.join li#s-join a, ul.bene li#s-bene a, ul.impo li#s-impo a, ul.audi li#s-audi a, ul.faqs li#s-faqs a, ul.osto li#s-osto a, ul.taxs li#s-taxs a, ul.educ li#s-educ a, ul.reti li#s-reti a, ul.bcre li#s-bcre a, ul.clen li#s-clen a, ul.embe li#s-embe a, ul.merc li#s-merc a, ul.trea li#s-trea a, ul.bche li#s-bche a, ul.payr li#s-payr a, ul.bbil li#s-bbil a, ul.regi li#s-regi a, ul.logi li#s-logi a, ul.acco li#s-acco a, ul.clas li#s-clas a, ul.loan li#s-loan a, ul.shar li#s-shar a, ul.nlet li#s-nlet a {
background: #ccc;
border-bottom-color: #ccc;
color: #000;
font-weight: bold;
}

/* blog category highlighting */

ul#subnav li.selected a {
background: #ccc;
border-bottom-color: #ccc;
color: #000;
font-weight: bold;
}

/* subnav with 2 levels */

ul#subnav ul {
display: none;
}

ul.onli li#s-onli ul, ul.chec li#s-chec ul, ul.savi li#s-savi ul, ul.yout li#s-yout ul, ul.loan li#s-loan ul, ul.othe li#s-othe ul, ul.abou li#s-abou ul, ul.card li#s-card ul, ul.chur li#s-chur ul, ul.budg li#s-budg ul {
display: block;
margin-bottom: 0;
}

ul#subnav li ul.subsubnav li a {
width: 190px;
background: #f0f0f0;
border-bottom: 1px solid #ccc;
font-weight: normal;
font-size: 12px;
padding-left: 20px;
}

ul#subnav li ul.subsubnav li a:hover {
background: #fff;
}

/* subnav with 3 levels */

ul#subnav li ul.dire li#ss-dire a, ul#subnav li ul.budg li#ss-budg a, ul#subnav li ul.atmd li#ss-atmd a, ul#subnav li ul.calc li#ss-calc a, ul#subnav li ul.insu li#ss-insu a, ul#subnav li ul.reor li#ss-reor a, ul#subnav li ul.hist li#ss-hist a, ul#subnav li ul.comm li#ss-comm a, ul#subnav li ul.jobs li#ss-jobs a, ul#subnav li ul.auto li#ss-auto a, ul#subnav li ul.mort li#ss-mort a, ul#subnav li ul.home li#ss-home a, ul#subnav li ul.recr li#ss-recr a, ul#subnav li ul.cred li#ss-cred a, ul#subnav li ul.uhom li#ss-uhom a, ul#subnav li ul.bill li#ss-bill a, ul#subnav li ul.gift li#ss-gift a, ul#subnav li ul.sell li#ss-sell a, ul#subnav li ul.eche li#ss-eche a, ul#subnav li ul.sche li#ss-sche a, ul#subnav li ul.rche li#ss-rche a, ul#subnav li ul.bche li#ss-bche a, ul#subnav li ul.fusi li#ss-fusi a, ul#subnav li ul.celi li#ss-celi a, ul#subnav li ul.rsav li#ss-rsav a, ul#subnav li ul.cclu li#ss-cclu a, ul#subnav li ul.mmar li#ss-mmar a, ul#subnav li ul.tsha li#ss-tsha a, ul#subnav li ul.ssce li#ss-ssce a, ul#subnav li ul.iras li#ss-iras a, ul#subnav li ul.blas li#ss-blas a, ul#subnav li ul.penn li#ss-penn a, ul#subnav li ul.scri li#ss-scri a, ul#subnav li ul.bbil li#ss-bbil a, ul#subnav li ul.dela li#ss-dela a, ul#subnav li ul.atmc li#ss-atmc a, ul#subnav li ul.fome li#ss-fome a, ul#subnav li ul.buge li#ss-buge a, ul#subnav li ul.dman li#ss-dman a, ul#subnav li ul.finc li#ss-finc a, ul#subnav li ul.idth li#ss-idth a, ul#subnav li ul.fcrp li#ss-fcrp a, ul#subnav li ul.fore li#ss-fore a {
background: #fff;
font-weight: bold;
}


/* login / ad area */

#login_ad {
	margin: 0 10px 20px;
	background: #262626 url("../images/bg_ad.jpg") top left no-repeat;
	height: 230px;
}

#login_ad .grid_3 {
	margin-right: 0;
}

#login_ad .grid_9 {
	margin-left: 0;
}

#login {
	margin: 20px 10px; 
}

#login h3 {
	background: url("../images/login_header.gif") top left no-repeat;
	display: block;
	width: 200px;
	height: 38px;
	text-indent: -999em;
	margin-bottom: 0;
	margin-top: 0;
}

#login form {
	padding: 10px;
	border: 2px solid #a9bf1c;
	background: #d9ed7d;
}

#login form label {
	display: block;
	margin-bottom: 10px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

#login form #USERNAME {
	width: 170px;
	margin-bottom: 10px;
}

#login form {
	text-align: right;
}

#ad {
	margin: 10px;
	color: #fff;
}

/* buttons */

.btn_group {
	margin-bottom: 40px;
}

a.button {
	display: block;
	background: transparent url("../images/btn_left.gif") top left no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	line-height: 33px;
	padding-left: 10px;
	margin-bottom: 5px;
}

a.button span {
	display: block;
	padding-right: 10px;
	line-height: 33px;
	background: transparent url("../images/btn_right.gif") top right no-repeat;
}

a.blue {
	background-position: left -33px;
}

a.blue span {
	background-position: right -33px;
}

a.green {
	background-position: left -66px;
	color: #360;
}

a.green span {
	background-position: right -66px;
}

#news_holder {
	margin: 0;
	margin-right: 10px;
	width: 390px;
}

#news_holder h3 {
	background: url("../images/news_header.gif") top left no-repeat;
	display: block;
	width: 390px;
	height: 38px;
	text-indent: -999em;
	margin-bottom: 0;
}

#classifieds_holder {
	margin: 0;
	width: 300px;
}

#classifieds_holder h3 {
	background: url("../images/classifieds_header.gif") top left no-repeat;
	display: block;
	width: 300px;
	height: 38px;
	text-indent: -999em;
	margin-bottom: 0;
}

#classifieds_holder h4 {
margin-top: 0;
}

#classifieds_holder p {
margin-bottom: 0;
}

/* Latest News */

#news {
	padding: 8px;
	border: 2px solid #44688c;
	border-bottom: 0;
}

#news dl {
	font-size: 11px;
	line-height: 18px;
	font-family: verdana, arial, sans-serif;
}

#news dl dt {
	margin-top: 10px;
	padding-left: 20px;
}

#news dl dd {
	padding-left: 20px;
	margin-bottom: 10px;
}

#news dt.news, .newsevents dt.news {
	background: url("../images/newspaper.png") top left no-repeat;
}

#news dt.event, .newsevents dt.event {
	background: url("../images/calendar_view_day.png") top left no-repeat;
}

#news dt.blog, .blogposts dt.blog {
	background: #fff url("../images/user_comment.png") top left no-repeat;
}

.box_links {
	float: left;
	width: 100%;
	background: #44688c;
}

.box_links a {
	display: block;
	float: left;
	margin: 0 10px;
	padding-left: 20px;
	font-size: 11px;
	line-height: 30px;
	color: #fff;
}

a#l_news {
	background: transparent url("../images/newspaper.png") left no-repeat;
}

a#l_event {
	background: transparent url("../images/calendar_view_day.png") left no-repeat;
}

a#l_blog {
	background: transparent url("../images/user_comment.png") left no-repeat;
}

a#l_class {
	background: transparent url("../images/money.png") left no-repeat;
}

/* Classifieds */

#classifieds {
	border: 2px solid #44688c;
	border-top: 0;
	border-bottom: 0;
}

#classifieds table {
	width: 100%;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
}

#classifieds table thead tr th {
	padding: 0 10px;
	text-align: left;
	border-bottom: 1px solid #999;
	background: url("../images/bg_thead.gif") top left repeat-x;
	line-height: 35px;
}

#classifieds table tbody tr td {
	line-height: 29px;
	border-bottom: 1px solid #ccc;
	padding: 0 10px;
}

#classifieds table tbody tr.odd td {
	background-color: #fff;
}

#classifieds table tbody tr.even td {
	background-color: #f0f0f0;
}

#classifieds .currency {
	text-align: right;
}

/* table */

table.classifieds {
width: 100%;
margin-bottom: 20px;
font-size: 12px;
line-height: 18px;
}

table.classifieds td {
padding: 10px;
vertical-align: top;
border-bottom: 1px solid #ccc;
}

table.classifieds th {
padding: 10px;
text-align: left;
background: #f0f0f0;
border-bottom: 1px solid #ccc;
}

table.classifieds .currency {
text-align: right;
}

table.classifieds tr.nobottom td {
border-bottom: 0;
}

table.bottom {
border-bottom: 1px solid #999;
}

/* footer */

#footer {
	height: 1%;
	margin-bottom: 20px;
	background: #d8d9db url("../images/bg_footer_top.gif") top left no-repeat;
}

#footer_bot {
	height: 1%;
	background: transparent url("../images/bg_footer_bot.gif") bottom left no-repeat;
}

#footer a {
	font-weight: bold;
}

#footer p {
	padding: 10px 0;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #666;
}

#footer .logos {
	text-align: right;
}

#footer .logos img {
	padding: 15px;
}

/* me */

.button_holder {
margin: 0 auto;
width: 200px;
margin-bottom: 1em;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: .75em;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

#main_holder .disclosures p, #main_holder p.disclosures, #main_holder .content_padding .disclosures ul {
font-style: italic;
font-size: 10px;
}

/* image holder */

.imageholder {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}

#main_holder p.breadcrumbs {
font-size: 12px;
}

/* Form styles */
div.form-container 
{
	/* margin: 10px;
	padding: 5px;
	background-color: #FFF;
	border: #EEE 1px solid; */
	margin-top: 15px;
	font-size: 14px;
}

p.legend 
{
	margin-bottom: 1em;
}

p.legend em 
{
	color: #C00; font-style: normal;
}

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container p { margin: 0; }
div.form-container p.note { margin-left: 170px; font-size: 90%; color: #666; }
div.form-container fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container legend { font-weight: bold; color: #666; }
div.form-container fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; margin-bottom: 26px; }
div.list-container div.buttonrow { margin-bottom: 26px; }

label.required {
font-weight: bold;
}


#atmsearch legend {
color: #360;
}

/* blog styles */

dl.blogposts dt, dl.newsevents dt {
padding-left: 20px;
font-size: 18px;
}

dl.blogposts dd, dl.newsevents dd {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #f0f0f0;
}

code, pre {
display: block;
margin-bottom: 1em;
padding: 20px;
font-size: 11px;
line-height: 18px;
background-color: #f0f0f0;
color: #000;
overflow: auto;
width: 620px;
}

/* RSS */

.feed-button a {
	display: block;
  color: #666;
  font-size: 13px;
  padding: 10px 10px 10px 45px;
  background: #ccc url("../images/feed-icon-28x28.png") no-repeat 10px 50%;
  border-top: 1px solid #e2e2e2;
  border-right: 1px solid #818181;
  border-bottom: 1px solid #565656;
  border-left: 1px solid #d7d7d7;
}

.feed-button a:hover {
  color: #444;
  background-color: #eee;
  border-top: 1px solid #f5f5f5;
  border-right: 1px solid #969696;
  border-bottom: 1px solid #646464;
  border-left: 1px solid #f2f2f2;
}

.col2 {
float: left;
width: 50%;
}

#stock {
margin-bottom: 1em;
padding: 10px;
background: #f0f0f0;
border: 1px solid #ccc;
}

#stock table.stock {
width: 100%;
font-size: 12px;
line-height: 1.5em;
}

#stock table.stock th {
text-align: left;
}

#stock table.stock td {
padding-top: 2px;
padding-bottom: 2px;
text-align: right;
}

#stock p {
margin-bottom: 0;
font-size: 12px;
}

#stock .positive {
color: green;
}

#stock .negative {
color: red;
}

/* site map */

.sitemap ul li ul#subnav li a {
padding: 0;
background: none;
color: #360;
border-bottom: 0;
text-decoration: underline;
line-height: 1.5em;
}

.sitemap ul li ul#subnav {
margin-bottom: 0;
}

.sitemap ul {
margin-left: 20px;
list-style-type: disc;
}

.sitemap ul li ul#subnav li ul {
display: list-item;
margin-bottom: 0;
}

.sitemap ul li ul#subnav li ul.subsubnav li a {
font-size: 14px;
}

/* blog comments */

.comment {
margin: 20px 0;
padding: 10px;
border: 1px solid #ccc;
}

.comment p.commentbody {
font-size: 12px !important;
line-height: 1.5em !important;
color: #333 !important;
}