/* CSS Document */
* { margin:0; padding:0;}
html{font-family:Arial, Helvetica, sans-serif;}
body{
	background:#d8d8a8;
	font-size:12px;
	line-height:15px;
	color:#333;	
	border: 0px none;
}
img{ border:0px none; margin:0; padding:0; vertical-align:top;}

input, textarea, select{ 
	font-family:arial;
	color:#333; 
	border:1px solid #303030;
	vertical-align:top;
}
#form input{ width:206px; height:16px; padding:0 0 4px 0;}
#form textarea{ width:228px; height:42px; padding:0 0 4px 0; overflow:auto; font-size:1em;}
.inp_h{ height:24px; margin:0 0 3px 0;}

/****************** GLOBAL ***********************************************/
.w100{ width:100%;}
.h100{ height:100%;}
.float{ float:left; margin:0;}
.right{ text-align:right;}
.title { display:block; margin:0; padding:0;}

.indent, .box , .row, .row, .row_1, .row_2, .block, .block_1, .block_2, .block_3, .block_4
{ 
	margin:0; 
	padding:0; 
	width:auto; 
	height:auto; 
	background:none;
}
.in5{ padding-bottom:5px;}
.in10{ padding-bottom:10px;}
.in15{ padding-bottom:15px;}
.in20{ padding-bottom:20px;}
/********************* END GLOBAL ********************************************/

ul{ list-style-image:url(../images/bullet.gif); list-style-type:square;}
li{ padding:5px 40px 0 0; margin: 0 0 0 25px;}
li.last{ padding:5px 40px 15px 0; margin: 0 0 0 25px;}
li a{ color:#679c3c; text-decoration:underline;}
li a:hover{text-decoration:none;}

.col { float:left;}
.right{ text-align:right;}
.clear { clear:both;}

/***************links**************/
a{ color:#679c3c; text-decoration: underline;}
a:hover{ text-decoration:none;}
/**************end links**************/

/*===============Tables=================*/
td { text-align:left; padding: 5px; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;}
th { text-align:left; padding: 10px 5px 5px 5px; border-bottom: 1px solid #cccccc; color: #679c3c; font-weight: bold; font-size:.95em;}
.disclaimer { font-size: 10px; line-height: 12px; font-style:italic; padding: 5px 40px 0 0; margin: 0;}
td.tblsub {text-align:left; padding: 15px 5px 3px 5px; border-bottom: 1px solid #999; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; font-weight: bold;}
.tblindnt {padding: 0 0 0 25px;}


/***************txt***************/
p {padding: 0 40px 10px 0;}
h1, h2{ margin:0; padding: 0;}
h1 {color: #679c3c; font-size:16px; padding:0 40px 8px 0; }
h2 {color: #679c3c; font-size:12px; line-height:15px; padding: 5px 40px 3px 0}
h3 {color: #679c3c; font-size:12px; line-height:15px; padding: 0 40px 3px 0}
h4 {color: #679c3c; font-size:12px; line-height:15px; padding: 5px 40px 3px 0; margin-right: 30px; border-bottom:1px solid #cccccc;}
h5 {color: #679c3c; font-size: 12px;}
.grnbold { color:#679c3c; font-weight:bold; }
.smtext { font-size: 10px; line-height:12px;}
.txt{}
/***************end txt***************/

.main {width:100%;}
.bord{background:#d8d8a8;} 

#header { background: #FFFFFF; }
#header .bg{ background:url(../images/main_bg.gif) repeat-y; width:100%; }

/*************************** Header photo and logo area styles **************************/
#header .logohome, #header.logoproducts, #header. logorates, #header .logowhatsnew, , #header .logocontact, #header .logo, #header ,logoabout { height:210px; }
#header .logo { background:url(../images/logo_generic_bg.jpg) no-repeat;  }
#header .logohome { background:url(../images/logo_home_bg.jpg) no-repeat;  }
#header .logoproducts { background:url(../images/logo_products_bg.jpg) no-repeat;  }
#header .logorates { background:url(../images/logo_ratesfees_bg.jpg) no-repeat;  }
#header .logowhatsnew { background:url(../images/logo_whatnew_bg.jpg) no-repeat;  }
#header .logocontact { background:url(../images/logo_contact_bg.jpg) no-repeat;  }
#header .logoabout { background:url(../images/logo_about_bg.jpg) no-repeat;  }

#header .logohome .logo, #header .logoproducts .logo, #header .logorates .logo, #header .logowhatsnew .logo, #header .logocontact .logo, #header .logo .logo, #header .logoabout .logo { margin:32px 0 0 0;}

#onlineBanking {
	background:#669a3a;
	float:right;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 9px 0 0;
	padding: 0 15px;
	height: 32px;
	text-align: right;
	font-size: 13px;
	line-height: 31px;
}
#onlineBanking a {
	color: #FFFFFF;
	text-decoration: none;
}
#onlineBanking a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/*************************** end Header photo and logo area styles **************************/


/*************************** page styles **************************/
#page_5 #header .column .relatedlinks .title {padding:23px 0 14px 0;}
#page_5 #header .column .relatedlinks .title h1 {font-size:12px; color:#496f2a; padding:0 5px 5px 5px; border-bottom: 1px solid #aec59b;}
/*#page_5 #header .column .relatedlinks .title p {font-size:12px; line-height: 24px; color:#dbe4d3; padding:5px; border-bottom: 1px solid #aec59b;}*/
#page_5 #header .column .relatedlinks .title p {font-size:14px; line-height: 24px; color:#dbe4d3; font-weight:bold; padding:5px; border-bottom: 1px solid #aec59b;}
#page_5 #header .column .relatedlinks .title a { color:#dbe4d3; text-decoration:none; }
#page_5 #header .column .relatedlinks .title a:hover { color:#dbe4d3; text-decoration:underline; }
#page_5 #header .column .relatedlinks {padding:50px 15px 25px 15px;}

/*change for position of navigation */
#page_5 #header .column .navigation {margin: 25px 0 0 15px;}

/*change for position of body text */
#page_5 #header .column_1 .title {height: 65px;}   
#page_5 #header .column_1 .content {padding:25px 0 30px 25px;}

/*************************** end page styles **************************/

/*************************** footer styles **************************/
#footer {background: url(../images/bg_footer.gif) left top no-repeat; color:#FFFFFF; height:135px;}
#footer .indent a{ color:#FFFFFF; text-decoration: none;}
#footer .indent a:hover{ color:#FFFFFF; text-decoration: underline;}
#footer .indent {padding:30px 0 0 25px;}
#footer img.logos { float: right; padding: 15px 25px 0 0;}
#footer p {color:#333; font-size:10px; text-align: center; padding: 0; margin:40px 30px 30px 30px;}
#footer a { color:#333333; text-decoration: underline;}
#footer a:hover { color:#333333; text-decoration: none;}

/*************************** end footer styles **************************/