/* -----------------------------------*/
/* ---------->>> 2. GLOBAL <<<--------*/
/* -----------------------------------*/

.clear {
	clear:both;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
}
.inline {
	display:inline;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
.text-justify {
	text-align:justify;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.underline {
	order-bottom:1px solid;
}
.highlight {
	background:#ffc;
}
.img-left {
	float:left;
	margin:4px 10px 4px 0;
}
.img-right {
	float:right;
	margin:4px 0 4px 10px;
}
.nopadding {
	padding:0;
	margin:0;
}
.noindent {
	margin-left:0;
	padding-left:0;
}
.nobullet {
	list-style:none;
	list-style-image:none;
}
/* -----------------------------------*/
/* ---------->>> END GLOBAL <<<-------*/
/* -----------------------------------*/

/* ----------------------------------UNIVERSAL---------------------------------- */
* {
	margin:0;
	padding:0;
}
body {
	background-color:white;
	background-image:url(/images/bg.jpg);
	background-repeat:repeat-x;
	padding-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:18px;
}
div, p, ul, h1, h2, h3, h4, h5, h6, form, img {
	padding:0px;
	margin:0px;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
a {
	text-decoration:none;
}
a:hover {
	color:#fff;
	text-decoration:underline;
}
.tableStyle td {
	padding:12px;
}
.tableStyle2 td {
	padding:3px;
}
.disclaimer {
	font-size: 9px;
}
ul {
	list-style-type:none;
}
.style li {
	line-height:22px;
	background-image:url(/images/li.gif);
	background-position:8px 5px;
	background-repeat:no-repeat;
	padding-left:30px;
}
.style li:hover {
	line-height:22px;
	background-image:url(/images/li_over.gif);
	background-position:8px 5px;
	background-repeat:no-repeat;
	padding-left:30px;
}
/*----------------------------------------------HEADINGS---------------------------------------------*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#880808;
	text-transform:uppercase;
	background-image:url(/images/title_bk.gif);
	background-repeat:no-repeat;
	line-height: 40px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#880808;
	padding: 0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	text-transform: uppercase;
	
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #273f65;
	padding: 0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #273f65;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #003300;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330033;
}
.h1_savings {
	background:url(/images/h1_savings.gif);
	background-repeat:no-repeat;
	width:510px;
	height:41px;
	text-indent:-9999px;
	margin-bottom:10px;
	padding:0;
}
.h1_about {
	background:url(/images/h1_about.gif);
	background-repeat:no-repeat;
	width:510px;
	height:41px;
	text-indent:-9999px;
	margin-bottom:10px;
	padding:0;
}
.h1_business {
	background:url(/images/h1_business.gif);
	background-repeat:no-repeat;
	width:510px;
	height:41px;
	text-indent:-9999px;
	margin-bottom:10px;
	padding:0;
}
.h1_contact {
	background:url(/images/h1_contact.gif);
	background-repeat:no-repeat;
	width:510px;
	height:41px;
	text-indent:-9999px;
	margin-bottom:10px;
	padding:0;
}
.h1_hours {
	background:url(/images/h1_hours.gif);
	background-repeat:no-repeat;
	width:510px;
	height:41px;
	text-indent:-9999px;
	margin-bottom:10px;
	padding:0;
}
.h1_news {
	background:url(/images/h1_news.gif);
	background-repeat:no-repeat;
	width:510px;
	height:41px;
	text-indent:-9999px;
	margin-bottom:10px;
	padding:0;
}
.h1_privacy {
	background:url(/images/h1_privacy.gif);
	background-repeat:no-repeat;
	width:510px;
	height:41px;
	text-indent:-9999px;
	margin-bottom:10px;
	padding:0;
}
.h1_calculators {
	background:url(/images/h1_calculators.gif);
	background-repeat:no-repeat;
	width:510px;
	height:41px;
	text-indent:-9999px;
	margin-bottom:10px;
	padding:0;
}
.h1_application{
	background:url(/images/h1_application.gif);
	background-repeat:no-repeat;
	width:510px;
	height:41px;
	text-indent:-9999px;
	margin-bottom:10px;
	padding:0;
}
.h1_investments {
	background:url(/images/h1_investments.gif);
	background-repeat:no-repeat;
	width:510px;
	height:41px;
	text-indent:-9999px;
	margin-bottom:10px;
	padding:0;
}
.h1_faqs {
	background:url(/images/h1_faq_onlinebanking.gif);
	background-repeat:no-repeat;
	width:510px;
	height:41px;
	text-indent:-9999px;
	margin-bottom:10px;
	padding:0;
}
.h1_links {
	background:url(/images/h1_links.gif);
	background-repeat:no-repeat;
	width:510px;
	height:41px;
	text-indent:-9999px;
	margin-bottom:10px;
	padding:0;
}
.h1_loans {
	background:url(/images/h1_loans.gif);
	background-repeat:no-repeat;
	width:510px;
	height:41px;
	text-indent:-9999px;
	margin-bottom:10px;
	padding:0;
}
.h1_money {
	background:url(/images/h1_money.gif);
	background-repeat:no-repeat;
	width:510px;
	height:41px;
	text-indent:-9999px;
	margin-bottom:10px;
	padding:0;
}
.h1_personal {
	background:url(/images/h1_personal.gif);
	background-repeat:no-repeat;
	width:510px;
	height:41px;
	text-indent:-9999px;
	margin-bottom:10px;
	padding:0;
}
.h1_additional {
	background:url(/images/h1_additional.gif);
	background-repeat:no-repeat;
	width:510px;
	height:41px;
	text-indent:-9999px;
	margin-bottom:10px;
	padding:0;
}
.h1_rates {
	background:url(/images/h1_rates.gif);
	background-repeat:no-repeat;
	width:510px;
	height:41px;
	text-indent:-9999px;
	margin-bottom:10px;
	padding:0;
}

.red {
	color:red;
	font-size:18px;
	font-weight:bold;
}
/* --------------------------STRUCTURE---------------------------- */
#wrapper {
	margin:0 auto;
	width:805px;
	padding:0;
}
#container {
	float:left;
	margin:0;
	padding:0;
	width:805px; /*background-image: url(/images/main_bg.gif);
	background-repeat: repeat-y;*/
}
#leftContent {
	width: 297px;
	padding-right: 0px;
	padding-left: 0px;
	display:inline;
	float: left;
	vertical-align: top;
	background-image: url(/images/main_bg.gif);
	background-repeat: repeat-x;
}
#rightContent {
	width: 493px;
	margin-right: 0px;
	padding-left:15px;
	float:right;
	display:inline;
	background-image: url(/images/main_bg.gif);
	background-repeat: repeat-x;
}
/*----------------------------------subpage layout----------------------------------*/
#singleColumn {
	width:804px;
	padding-left:00px;
	padding-right:0px;
	padding-top:0px;
	float:left;
	display:inline;
	vertical-align: top;
	background-color:white;
}
#subLeftContent {
	width: 260px;
	padding-right: 0px;
	padding-left: 10px;
	display:inline;
	float: left;
	vertical-align: top;
}
#subRightContent {
	width: 510px;
	padding-left:0px;
	padding-right:10px;
	float:right;
	display:inline;
	position:relative;
	bottom:45px;
}
.bottomLeft {
	width: 350px;
	padding-top: 15px;
	padding-right: 10px;
	margin-left:40px;
	float:left;
	display:inline;
}
.bottomRight {
	width: 350px;
	padding-top: 15px;
	padding-right: 20px;
	margin-right: 25px;
	float:right;
	display:inline;
}


#flash {
	width:804px;
	height:303px;
	margin:0;
	padding:0;
	background: url(/images/flash_right.jpg) right top no-repeat;
}
#flashContent { float:left;}
/*----------------------------------leftNavigation----------------------------------*/
ul#leftNavigation {
	width: 302px;
	float:left;
}
ul#leftNavigation { /*margin-left:26px;*/
}
ul#leftNavigation li {
	float:left;
}
ul#leftNavigation a {
	text-indent:-9999px;
	display:block;
}
/*----------------------------------checks----------------------------------*/
ul#leftNavigation li.checks {
	background:url(/images/left_nav_checks.jpg);
	height:101px;
	width:302px;
}
ul#leftNavigation li.checks a {
	width:302px;
	height:101px;
}
ul#leftNavigation li.checks a:hover, ul#leftNavigation li.checks_active {
	background:url(/images/left_nav_checks_over.jpg);
	width:302px;
	height:101px;
}
/*----------------------------------calculators----------------------------------*/
	ul#leftNavigation li.calculators {
	background:url(/images/left_nav_calculators.jpg);
	width:302px;
	height:92px;
}
ul#leftNavigation li.calculators a {
	width:302px;
	height:92px;
}
ul#leftNavigation li.calculators a:hover, ul#leftNavigation li.calculators_active {
	background:url(/images/left_nav_calculators_over.jpg);
	width:302px;
	height:92px;
}
/*----------------------------------services----------------------------------*/
	ul#leftNavigation li.services {
	background:url(/images/left_nav_services.jpg);
	width:302px;
	height:110px;
}
ul#leftNavigation li.services a {
	width:302px;
	height:110px;
}
ul#leftNavigation li.services a:hover, ul#leftNavigation li.services_active {
	background:url(/images/left_nav_services_over.jpg);
	width:302px;
	height:110px;
}


#footer {
	margin:0 auto;
	padding-top:10px;
	background-image: url(/images/footer.jpg);
	width: 804px;
	height: 63px;
	background-repeat: no-repeat;
	clear:both;
}
.boxTop_sm {
	width:253px;
	height:44px;
	background-image:url(/images/calc_top.gif);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}
.boxBG_sm {
	width:253px;
	background-image:url(/images/calc_bg.gif);
	background-repeat:repeat-y;
	padding:0;
	margin:0;
	position:relative;
	top:-5px;
	color:white;
}
.boxBottom_sm {
	width:253px;
	height:28px;
	background-image:url(/images/calc_btm.gif);
	background-repeat:no-repeat;
	position:relative;
	top:-5px;
}
/*----------------------------------topnavigation----------------------------------*/
ul#topNavigation {
	width: 375px;
	float:right;
}
ul#topNavigation {
	height:29px; /*margin-left:26px;*/
}
ul#topNavigation li {
	float:right;
}
ul#topNavigation a {
	text-indent:-9999px;
	display:block;
}

/*----------------------------------homepage----------------------------------*/
	ul#topNavigation li.homepage {
	background:url(/images/sub_nav_home.gif);
	height:29px;
	width:52px;
}
ul#topNavigation li.homepage a {
	width:52px;
	height:29px;
}
ul#topNavigation li.homepage a:hover, ul#topNavigation li.homepage_active {
	background:url(/images/sub_nav_home_over.gif);
	width:52px;
	height:29px;
}
/*----------------------------------about----------------------------------*/
	ul#topNavigation li.about {
	background:url(/images/sub_nav_about.gif);
	width:44px;
	height:29px;
}
ul#topNavigation li.about a {
	width:44px;
	height:29px;
}
ul#topNavigation li.about a:hover, ul#topNavigation li.faq_active {
	background:url(/images/sub_nav_about_over.gif);
	width:44px;
	height:29px;
}
/*----------------------------------links----------------------------------*/
	ul#topNavigation li.links {
	background:url(/images/sub_nav_links.gif);
	width:41px;
	height:29px;
}
ul#topNavigation li.links a {
	width:41px;
	height:29px;
}
ul#topNavigation li.links a:hover, ul#topNavigation li.links_active {
	background:url(/images/sub_nav_links_over.gif);
	width:41px;
	height:29px;
}
/*----------------------------------hours----------------------------------*/
	ul#topNavigation li.hours {
	background:url(/images/sub_nav_hours.gif);
	width:96px;
	height:29px;
}
ul#topNavigation li.hours a {
	width:96px;
	height:29px;
}
ul#topNavigation li.hours a:hover, ul#topNavigation li.hours_active {
	background:url(/images/sub_nav_hours_over.gif);
	width:96px;
	height:29px;
}
/*----------------------------------faqs-------------------------------------*/
ul.onlineFaqs  { list-style-type:square; margin-left:2em;}
ul.onlineFaqs  li {line-height:1.5em;}

/*----------------------------------contact----------------------------------*/
	ul#topNavigation li.contact {
	background:url(/images/sub_nav_contact.gif);
	width:51px;
	height:29px;
}
ul#topNavigation li.contact a {
	width:51px;
	height:29px;
}
ul#topNavigation li.contact a:hover, ul#topNavigation li.contact_active {
	background:url(/images/sub_nav_contact_over.gif);
	width:51px;
	height:29px;
}
/*----------------------------------login----------------------------------*/
	ul#topNavigation li.login {
	background:url(/images/sub_nav_login.gif);
	width:42px;
	height:29px;
}
ul#topNavigation li.login a {
	width:42px;
	height:29px;
}
ul#topNavigation li.login a:hover, ul#topNavigation li.login_active {
	background:url(/images/sub_nav_login_over.gif);
	width:42px;
	height:29px;
}
/*----------------------------------enroll----------------------------------*/
	ul#topNavigation li.enroll {
	background:url(/images/sub_nav_enroll.gif);
	width:49px;
	height:29px;
}
ul#topNavigation li.enroll a {
	width:49px;
	height:29px;
}
ul#topNavigation li.enroll a:hover, ul#topNavigation li.enroll_active {
	background:url(/images/sub_nav_enroll_over.gif);
	width:49px;
	height:29px;
}
/*----------------------------------navigation----------------------------------*/

#navBox {
	width:534;
	float:right;
	display:inline;
	margin-top:31px;
}
ul#navigation {/*position:absolute; top:298px;*/
}
ul#navigation {
	width:534px;
	height:31px;
}
ul#navigation li {
	float:left;
}
ul#navigation a {
	text-indent:-9999px;
	display:block;
}
/*----------------------------------savings----------------------------------*/
	ul#navigation li.savings {
	background:url(/images/nav_savings.jpg);
	width:59px;
	height:31px;
}
ul#navigation li.savings a {
	width:59px;
	height:31px;
}
ul#navigation li.savings a:hover, ul#navigation li.savings_active {
	background:url(/images/nav_savings_over.jpg);
	width:59px;
	height:31px;
}
/*----------------------------------loans----------------------------------*/
	ul#navigation li.loans {
	background:url(/images/nav_loans.jpg);
	width:52px;
	height:31px;
}
ul#navigation li.loans a {
	width:52px;
	height:31px;
}
ul#navigation li.loans a:hover, ul#navigation li.loans_active {
	background:url(/images/nav_loans_over.jpg);
	width:52px;
	height:31px;
}
/*----------------------------------investments----------------------------------*/
	ul#navigation li.investments {
	background:url(/images/nav_investments.jpg);
	width:88px;
	height:31px;
}
ul#navigation li.investments a {
	width:88px;
	height:31px;
}
ul#navigation li.investments a:hover, ul#navigation li.investments_active {
	background:url(/images/nav_investments_over.jpg);
	width:88px;
	height:31px;
}
/*----------------------------------personalBanking----------------------------------*/
	ul#navigation li.personalBanking {
	background:url(/images/nav_personal_banking.jpg);
	width:120px;
	height:31px;
}
ul#navigation li.personalBanking a {
	width:120px;
	height:31px;
}
ul#navigation li.personalBanking a:hover, ul#navigation li.personalBanking_active {
	background:url(/images/nav_personal_banking_over.jpg);
	width:120px;
	height:31px;
}
/*----------------------------------businessAg----------------------------------*/
	ul#navigation li.businessAg {
	background:url(/images/nav_buisiness_ag.jpg);
	width:137px;
	height:31px;
}
ul#navigation li.businessAg a {
	width:137px;
	height:31px;
}
ul#navigation li.businessAg a:hover, ul#navigation li.businessAg_active {
	background:url(/images/nav_buisiness_ag_over.jpg);
	width:137px;
	height:31px;
}
/*--------------------------moneyFaq----------------------------------*/
	ul#navigation li.moneyFaq {
	background:url(/images/nav_money.jpg);
	width:78px;
	height:31px;
}
ul#navigation li.moneyFaq a {
	width:78px;
	height:31px;
}
ul#navigation li.moneyFaq a:hover, ul#navigation li.moneyFaq_active {
	background:url(/images/nav_money_over.jpg);
	width:78px;
	height:31px;
}
#logo {
	width:271px;
	height:92px;
	margin:0;
	padding:0;
	background-image:url(/images/logo_community_bank.jpg);
	background-repeat:no-repeat;
	float:left;
	display:inline;
}
#logo a {
	width:271px;
	height:92px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	display:block;
}
/*----------------------------------#targetbox { margin:10px 0 0 10px;}----------------------------------*/

input.inputfield {
	font-size : 11px;
	font-family :  Arial, Helvetica, sans-serif;
	color : #444444;
	border : 1px #303465 solid;
	background-color : #F7F8FB;
	font-weight:  bold;
}
.formoutput {
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	color : #444444;
	border : 1px #303465 solid;
	background-color : #F7F8FB;
	font-weight:  bold;
	padding-left: 5px;
}
.evenTable {
	background-color: #ddd093;
	color:#46470c;
	vertical-align: top;
}
.oddTable {
	background-color: #8b8c4e;
	color:#FFFFFF;
	vertical-align: top;
}
.productTable td {
	padding:10px;
}
.fancyText {
	font-style:italic;
	color:#408cb0;
	font-weight:bold;
	font-size:larger;
}
textarea {
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	color : #444444;
	font-weight:  bold;
}
select {
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	color : #444444;
	border : 1px #303465 solid;
	background-color : #F7F8FB;
	font-weight:  bold;
}

/*----------------- LINKS --------------------*/
.copyright {
	font-family : Arial, Helvetica, sans-serif;
	cursor:text;
	text-decoration:none;
}
a.copyright:link {
	font-family : Arial, Helvetica, sans-serif;
	color:#333333;
	cursor:text;
	text-decoration:none;
}
a.copyright:visited {
	font-family : Arial, Helvetica, sans-serif;
	color:#333333;
	cursor:text;
	text-decoration:none;
}
a.copyright:hover {
	color:#333333;
	font-family : Arial, Helvetica, sans-serif;
	cursor:text;
	text-decoration:none;
}
a.copyright:active {
	color:#333333;
	font-family : Arial, Helvetica, sans-serif;
	cursor:text;
	text-decoration:none;
}
a.forbin {
	color:white;
}
a.forbin:visted {
color:white;
}
a.forbin:hover {
	color:white;
	font-decoration:none;
}
a.forbin:visted {
color:white;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #880808;
}
a:link {
	text-decoration: underline;
	color: #880808;
}
a:visited {
	text-decoration: underline;
	color: #880808;
}
a:hover {
	text-decoration: underline;
	color: #ba2f2f;
	text-decoration:none;
}
a:active {
	text-decoration: underline;
}
.error {
	color: #CC0000;
}