body, html{
	text-align:center;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/bg_page.gif);
	background-repeat:repeat-x;
	background-color:#6ba7c3;
	
	
	/*Needed for footer to stick to bottom of pages.*/

	margin:0; 
	padding:0; 
	height:100%;
	
}


/***************************
Super Wrapper
This wrapper is needed to 
add the shadows on each side
of the page. 
***************************/
#super_wrapper{
	width:954px;
	background-image:url(../images/bg_page.png);
	background-repeat:repeat-y;
	background-position:center;
	margin:auto;

}


/***************************
Main Site Wrapper
***************************/

#wrapper{
	width:922px;
	margin:auto;
	text-align:left;
	background-color:#FFFFFF;
	
	
	
	/*Needed for footer to stick to bottom of subpages.*/

	min-height:100%;
	position:relative; 

  


}


/***************************
Utility Bar
This is the small bar across 
the top of all the pages. It
contains non-product links
hence the name utility.

It contains to child divs:
Links and Search.
***************************/

#utility_bar{
	width:907px;
	height:44px;
	padding-right:15px;
	background-image:url(../images/bg_utility_bar.jpg);
	background-repeat:repeat-x;
	color:#cabfcd;
	font-size:10px;
	
	

}

#utility_bar a{
	color:#cabfcd;
	
}

#links{
	width:735px;
	height:33px;
	float:left;
	text-align:right;
	font-size:10px;
	padding-top:10px;

}



#links li{
	display:inline;
	margin-left:5px;
	padding-right:5px;
	border-right:#cabfcd solid 1px;
}

#search{
	float:right;
	width:164px;
	padding-top:15px;
	padding-left:8px;
	/*border:#999999 solid 1px;*/



}
.search_input{
	font-size:10px;
	

}
.search_arrows{

		
}

/***************************
 Header
This contains the logo bar.
***************************/
#header{
	height:127px;
	background-color:#FFFFFF;

}

/***************************
Global Navigation
This is the main navigation 
bar that is under the logo 
header. It is on all the pages.
***************************/
#global_nav{
	width:922px;
	height:34px;
	background-image:url(../images/bg_global_nav.jpg);
	background-repeat:repeat-x;
	text-align:center;
}


/***************************
Breadcrumb
This is the area directly
under the global nav that 
has the current location
of user within the site.
***************************/

#breadcrumb{
	height:30px;
	padding: 8px 0 0 20px;
	background-image:url(../images/bg_breadcrumb.gif);
	background-repeat:repeat-x;
	font-size:11px;

}

#breadcrumb a{
	color:#000;

}
/***************************
Page Content
This is the main area where
all the page content will 
appear.
***************************/
#page_content{
	width:614px;
	float:left;
	padding:0px 15px 15px 15px;
	
	
	/*border:#000 dashed 1px;*/
}
#sub_page_content{
	width:580px;
	padding:10px 0px 120px 20px;
	
}

h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#5b3d6f;
	margin-bottom:-5px;


}
h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#5b3d6f;
	margin-bottom:-5px;

}
/***************************
Side Bar Content
This is the area to the right
of the main content that 
contains call to action links
and other content related
links.
***************************/
#side_bar{
	
	width:274px;
	float:right;
	margin-bottom:25px;
	
	/*border:#000 dashed 1px;*/
}

#home_banking{
	padding-bottom:15px;


}

#next_steps{
	min-height:265px;
	background-image:url(../images/bg_action_zone.jpg);
	background-repeat:no-repeat;
	padding:19px 15px 15px 15px;
	

}

.side_bar_ul{
	
	margin-left: 10px;
  	padding-left: 10px;
	margin-top:2px;
	padding-top:2px;
}
.side_bar_ul li{
	
	padding-bottom:5px;
}

.current_subpage a{
	text-decoration:none;
	color:#000;
	font-weight:bold;
	
	list-style-image:url(../images/arrowbullet.png);
}




#address{
	min-height:250px;
	padding:10px 10px 10px 10px;
	background-image:url(../images/bg_address.gif);
	background-repeat:repeat-x;
	background-color:#d3dbde;
	font-size:11px;

}

/***************************
Footer
This is the bar that runs 
across the bottom of all pages.
It has two childen:
Copyright and Legal Logos
***************************/
#footer{
	width:922px;
	height:107px;
	background-image:url(../images/bg_footer.gif);
	background-repeat:repeat-x;
	
/*Needed to make the footer stick to the bottom of all subpages.*/

   position:absolute;
   bottom:0;
   margin:0;
   clear:both;

}
#copyright 
{
	width:402px;
	height:97px;
	float:left;
	color:#cabfcd;
	font-size:10px;
	padding:10px 0 0 10px;
	


}
#copyright a{

	color:#CCCCCC;
}
#legal_logos{
	width:510px;
	height:107px;
	background-image:url(../images/legal_logos.gif);
	background-repeat:no-repeat;
	float:right;

}

/***************************
Clear Fix
Needed to make the footer stick
correctly at the bottom of all
subpages. Gets placed directly
above the footer div.
***************************/
.clearfix{
	clear:both;
}




/***************************
Home Page Styles
***************************/
#hp_page_content{
	width:614px;
	float:left;
	padding:0px 0px 0px 0px;
}
#flash{
	width:593px;
	height:220px;
	padding:25px 0px 20px 15px;
	background-image:url(../images/loading-small.gif);
	background-repeat:no-repeat;
	background-position:center;	
	background-color:#FFFFFF;
	/*For Testing Only
	border:#999999 dashed 1px;*/
}

#featured{
	width:593px;

	background-image:url(../images/bg_featured.jpg);
	background-repeat:no-repeat;
	padding:25px 20px 20px 20px;
}
.featured_item{
	width:590px;
	padding:15px 0 15px 0;
}
.featured_image{
	width:111px;
	float:left;
}
.featured_text{
	width:335px;
	padding:0 15px 0 15px;
	float:left;
	font-size:11px;

}
.featured_offer{
	width:95px;
	padding:0 0 0 15px;
	border-left:#999999 solid 1px;
	float:right;
}


#news{
	
	width:633px;

}

#news_items{
	
	padding:25px 20px 150px 20px;
	font-size:11px;
}
.seperator{
	background-image:url(../images/bg_purple_seperator.gif);
	background-repeat:repeat-x;
	height:4px;
	width:100%;
}
#hp_side_bar{
	width:263px;
	float:right;
	margin-bottom:25px;
	padding-top:25px;

	/*For Testing Only
	border:#999999 dashed 1px;*/
}

#rates{
	width:233px;
	background-image:url(../images/bg_ratets.jpg);
	background-repeat:no-repeat;
	padding:25px 15px 15px 15px;

}
.hp_rate_table{
	font-size:10px;
}

.hp_rate_table td{
	border-bottom:#000000 dotted 1px;
}


#quick_links{
	width:200px;
	padding:0px 15px 15px 15px;
	/*For Testing Only
	border:#999999 dashed 1px;*/

}
#quick_links ul {
	font-size:11px;
	padding-left:10px;
	margin-left:10px;
}
#quick_links li {
	list-style-image:url(../images/arrowbullet.png);
	padding-bottom:10px;
}

/***************************
HB Login Styles
***************************/


#hb_open{
	width:248px;
}
#hb_code{
	width:218px;
	background-image:url(../images/hb_bg.jpg);
	background-repeat:repeat-y;
	padding:5px 15px 0px 15px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#hb_code_PROOF{
	width:218px;
	background-image:url(../images/hb_bg_PROOF.jpg);
	background-repeat:repeat-y;
	padding:5px 15px 0px 15px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#hb_code td{
	font-size:10px;
	
}


/***************************
Formatting Styles
***************************/
.basic_rows td{
	border-bottom:#999999 solid 1px;
}
.basic_lists li{
	padding-bottom:10px;
}
a{
	color:#000;
}
.disclosure{
	font-size:9px;
}
.button{
	/*display:block;*/
	background-color:#663366;
	color:#FFF;
	padding:8px;
	width:105px;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	
}

.button a{
	color:#ffffff;
}
.image_left{
	margin-right:5px;
}

#adobe_reader{
	padding:15px 0 15px 0;
	border-top:#CCCCCC dotted 1px;
	border-bottom:#999999 dotted 1px;
	font-size:11px;

}
.basic_tbl{
	border:#000000 solid 1px;
	
}

	
.tbl_header{
	background-color:#663366;
	color:#FFFFFF;
	font-weight:bold;
}
.remove_arrows a{
	text-decoration:underline;
	color:#000;
	font-weight:normal;
	list-style:disc;
	list-style-image:none;

	
}
.message_box{
	border:#000 solid 1px;
	padding:10px;
	background-color:#FFFF99;
}


/* TIME VALUE STYLES */

.cTimeValue H3{	

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#5b3d6f;
	margin-bottom:-5px;
}

.cTimeValue, .cTimeValue INPUT, .cTimeValue P, .cTimeValue UL, .cTimeValue FIELDSET
{
	font-family: 'verdana' , 'arial' , 'helvetica';
	font-size: 10pt;
}

.large_font {
	font-size: 14px;
	font-weight: bold;
}