/* CSS Document */
/* basic elements
 * ------------------------------------------------------------------------------------- */
* { margin: 0px; padding: 0px; }

html	{ height: 101%; }

body { background: url(../images/bg.jpg) repeat-y 50% 0; text-align: center; font-family: verdana, arial, lucida, helvetica, sans-serif; font-size: 11px; color: #333; }


table, th, td {	font-family: arial, verdana, lucida, helvetica, sans-serif; font-size: 11px; color: #333; }



#skip { display: none; }
a img, :link img, :visited img { border: none; }
img 		{ display: block; }
a:link 		{ color: #003928; text-decoration: underline; }
a:visited 	{ color: #3e4946; text-decoration: underline; }
a:hover, a:active { color: #00714f; text-decoration: none; }



/* end basic elements
 * ------------------------------------------------------------------------------------- */
 
/* navigation 
-------------------------------------------- */
#nav					{ position: relative; height: 29px; }
#nav li 				{ position: relative; float: left; display: block; list-style: none; height: 29px; }
#nav li a, #nav li div 	{ position: relative; height: 29px; display:block; text-decoration:none; }
#nav li a				{ cursor: pointer; }
#nav li strong 			{ position: absolute; left:0px; top: 0px; height: 29px; display: block; }
#nav, #nav li, #nav li a, #nav li a strong, #nav li div, #nav li div strong	{ background-image: url(../images/h_nav.gif); }

#nav li.about, #nav li.about a, #nav li.about a strong					{ background-position: 0px 0px; width: 126px; }
#nav li.subsidiaries, #nav li.Subsidiaries a, #nav li.subsidiaries a strong		{ background-position: -126px 0px; width: 126px; }
#nav li.investors, #nav li.investors a, #nav li.investors a strong			{ background-position: -252px 0px; width: 126px; }
#nav li.contact, #nav li.contact a, #nav li.contact a strong			{ background-position: -378px 0px; width: 126px; }
#nav li.careers, #nav li.careers a, #nav li.careers a strong			{ background-position: -504px 0px; width: 126px; }

/* HOVER STATE */
#nav li.about, #nav li.about a:hover strong				{ background-position: 0px -29px; width: 126px; }
#nav li.subsidiaries, #nav li.subsidiaries a:hover strong		{ background-position: -126px -29px; width: 126px; }
#nav li.investors, #nav li.investors a:hover strong		{ background-position: -252px -29px; width: 126px; }
#nav li.contact, #nav li.contact a:hover strong		{ background-position: -378px -29px; width: 126px; }
#nav li.careers, #nav li.careers a:hover strong		{ background-position: -504px -29px; width: 126px; }

/* ON STATE */ 
#nav li.about div, #nav li.about div strong				{ background-position: 0px -58px; width: 126px; }
#nav li.subsidiaries div, #nav li.subsidiaries div strong		{ background-position: -126px -58px; width: 126px; }
#nav li.investors div, #nav li.investors div strong		{ background-position: -252px -58px; width: 126px; }
#nav li.contact div, #nav li.contact div strong		{ background-position: -378px -58px; width: 126px; }
#nav li.careers div, #nav li.careers div strong		{ background-position: -504px -58px; width: 126px; }
/* end navigation 
-------------------------------------------- */

#container	{ position: relative; width: 754px; margin: 0 auto; text-align: left; }
	
#h_container_btm 		{ background-color: #fff; padding-top: 20px; }
#h_banner 				{ position: relative; height: 84px; background: url(../images/banner_bg.jpg) no-repeat top left; }
	#h_banner img		{ display: inline; }
	#h_banner p 		{ position: absolute; top: 63px; right: 5px; width: 465px; color: #fff; font-size: 10px; text-align: right; }
	#h_banner p.phone_number { position: absolute; top: 5px; right: 5px; color: #003928; }
	#h_banner span		{ color: #6e8e77; }
	#h_banner a:link, #h_banner a:visited, #h_banner a:hover, #h_banner a:active { color: #003928; text-decoration: none; }
#h_main					{ position: relative; /*\*/ height: 100%; /**/ background: #fff url(../images/container_bg.gif) repeat-y top left; }
	#h_main h1, #h_main h2 { color: #791730; font-size: 12px; font-weight:normal; font-family: Times, serif; }
#h_flash				{ float: left; width: 504px; height: 198px; }
#h_content_news			{ float: left; width: 504px; }
#h_content				{ float: left; width: 252px; }
	#h_content h1 		{ padding: 1px 13px 7px 13px; font-family: arial, verdana, lucida, helvetica, sans-serif; }
	#h_content p 		{ padding: 0 13px 10px 13px; }
#h_news					{ float: left; width: 252px; }
		#h_news_image p { position: absolute; top: 150px; right: 30px; color: #fff; font-size: 9px; }
		#h_news_image a:link, #h_news_image a:visited, #h_news_image a:hover, #h_news_image a:active { color: #fff !important; text-decoration: none; }
	#h_news h2 			{ padding: 1px 13px 7px 13px; font-family: arial, verdana, lucida, helvetica, sans-serif; }
	#h_news ul 			{ padding: 0 0 0 14px; list-style-position: outside; list-style: none; }
	#h_news li 			{ width: 200px; padding: 0 0 6px 6px;background: #fff url(../images/arrow.gif) no-repeat 0px 5px; }
	#h_news a:link 		{ color: #003928; text-decoration: none; }
	#h_news a:visited 	{ color: #3e4946; text-decoration: none; }
	#h_news a:hover, #h_news a:active { color: #00714f; text-decoration: none; }
#h_side_bar				{ float: right; width: 250px; }
	#h_side_bar img 	{ display: inline; }  
	#contact 			{ margin: 0 0 0 2px; }
	#h_side_image 		{ position: relative; height: 182px; background: url(../images/side_bar_bg.jpg) no-repeat top left; } 
		#login			{ position: absolute; top: 60px; right: 22px; } 
		#login td 		{ color: #fff; padding: 2px; }
		#login input.text { width: 135px;  border: 1px solid #003928; }

#s_main 				{ height: 100%; background: #fff url(../images/s_container_bg.gif) repeat-y top left; }
#s_sub_nav				{ float: left; width: 124px; }
	#s_sub_nav ul 		{ padding: 25px 7px 0 0; }
	#s_sub_nav li 		{ list-style: none; text-align: right; padding: 0 0 7px 0; padding-right:5px;color: #666; }
	#s_sub_nav a:link, #s_sub_nav a:visited, #s_sub_nav a:hover, #s_sub_nav a:active { color: #003928; text-decoration: none; }
#s_content				{ float: left; width: 506px; }
	#s_content h1		{ color: #791730; font-family: arial, verdana, sans-serif; font-size: 14px; padding: 20px 30px 10px; }
	#s_content h2		{ font-size: 12px;  padding: 10px 30px 10px 30px; }
	#s_content h3		{ color: #791730; font-family: Times, serif; font-size: 15px; font-weight:bold; }
	#s_quote 			{ width: 178px; float: right; margin: 0 -120px 0 10px; padding: 0 0 0 15px; position: relative; background: url(../images/s_mission_bg.gif) repeat-y top left; }
	#s_content p 		{ padding: 0 30px 10px 30px; }
	#s_content p.caption { font-size: 10px; }
	#s_content p.employ_info { color: blue; }
	#s_content ul 		{ padding: 0 30px 10px 45px; list-style: none; list-style-position: outside; }
	#s_content li 		{ padding: 0 0 6px 10px; background: #fff url(../images/arrow.gif) no-repeat 0px 5px; }
	#s_content ul.topics { padding: 0 30px 10px 30px; }
	#s_content ul.topics li { background: #fff url(../images/arrow_down.gif) no-repeat 0px 6px; padding-left: 15px; }
	#s_content ul.no_margin_btm { padding: 0 30px 0 45px; }
	#s_content ol 		{ padding: 0 30px 10px 52px;}
	#s_content ol li	{ background: #fff; }
	#s_content blockquote	{ padding: 0 90px 10px 60px; }
	#s_content blockquote.one	{ float: right; display: inline; width: 220px; margin: 10px 20px; padding: 10px; background: #F8F9F3;  font-size: 14px;  }
	#s_content blockquote.one strong	{ letter-spacing: -1px;}
	#s_content table 		{ margin: 0 0 0 30px; } 
#s_side_bar				{ float: left; width: 124px; color: #666; }
	#s_side_bar p		{ padding: 0 5px 10px 5px; font-size: 10px; color: #666; }
	#s_side_bar span	{ color: #791730; }
	#building_pic		{ margin: 1px 0 6px 0; }
	#s_side_bar form	{ margin: 0 0 0 10px; }
	#member_login		{ margin: 20px 0 6px 0; }
	#contact_login_btn	{ margin: 4px 0 0 0; }
	.s_text 			{ width: 100px; }
	#s_content_links	{ height: 100%; margin: 10px 0 15px 0; background: url(../images/s_links_bg.gif) repeat-y 50% 0;  }
		#s_content_links ul 	{ list-style-position: outside; list-style: none; }
		#s_content_links li 	{ padding: 0 0 6px 6px; background: #fff url(../images/arrow.gif) no-repeat 0px 5px; }
		#s_content_links p		{ color: #791730; margin: 0 0 5px 0; }
		#s_content_links a:link { color: #003928; text-decoration: none; }
		#s_content_links a:visited 	{ color: #3e4946; text-decoration: none; }
		#s_content_links a:hover, #s_content_links a:active { color: #00714f; text-decoration: none; }		
		#s_accounts				{ float: left; width: 139px; }
			#s_accounts p, #s_accounts ul 	{ padding: 0 0 0 30px; }
		#s_services				{ float: left; width: 111px; }
			#s_services p, #s_services ul 	{ padding: 0 0 0 7px; }
		#s_lending				{ float: left; width: 111px; }
			#s_lending p, #s_lending ul 	{ padding: 0 0 0 7px; }
		#s_bill_pay				{ float: left; width: 143px; }
			#s_bill_pay p, #s_bill_pay ul 	{ padding: 0 0 0 7px; }

.atm_info 	{ color: #791730;  }			
.center		{ text-align: center; margin: 0 auto; }
.inline		{ display: inline; }
.clear 		{ clear: both; }
.table_title 		{ background-color: #ccd7ac; }
.backtotop a	{ background: url(../images/top_arrow.gif) no-repeat bottom right; padding-right: 13px; text-decoration: none; }

#footer				{ position: relative; margin: 0 0 30px 0; height: 78px;}
	#footer img 	{ margin: 10px 10px 0 0; display: inline;  }
	#footer img.footer_img_first { margin: 0 10px 0 10px; }
	#footer p 		{ position: absolute; top: 5px; right: 10px; width: 430px; color:#fff; font-size: 10px; text-align: right; }
	#footer span 	{ color: #668869; }
	#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {text-decoration: none; }

p.small	{ font-size: 10px; line-height: 1.2 }

/*  --------------------------------  */

/* styles for calculator tables  */
table#calctab	{ margin-left: 30px; }
#calctab	td	{ padding: 5px; font-size: 11px }
#calctab input { border: 1px solid #003928; margin-left: 2px; }
#calctab input.button { border: 1px solid #ccc; margin-left: 0px; color: #ffffff; background-color: #003928; font-weight: bold; font-size: 9px; padding: 2px; }

/* styles for contact table */
#contactform td { font-family: verdana, arial, lucida, helvetica, sans-serif; font-size: 11px; }
#contactform input { background: #ecf7cc; border: 1px solid #ccd7ab; }
#contactform textarea { background: #ecf7cc; border: 1px solid #ccd7ab; }
#contactform input.radio { background: #fff; border: 0px; margin-right: 4px; }
#contactform td.dashline { border-top: 1px dashed #ccc; width: 450px; }
#contactform input.button { border: 1px solid #ccc; margin-left: 0px; color: #fff; background-color: #003928; font-weight: bold; font-size: 9px; padding: 2px; }
.red	{ color: #c00; }

#interest ol	{ list-style-type: lower-alpha; }

#rates		{ border: 1px solid #ccc; }
#rates th	{ padding: 2px; background: #791730; border-bottom: 1px solid #ccc; border-right: 1px solid #fff; color: #fff; text-align: center; }
#rates td	{ padding: 2px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; }
#rates .not	{ border-right: 0px; }
#rates .bottom	{ border-bottom: 2px solid #791730; }

#visa		{ border: 1px solid #ccc; }
#visa th	{ padding: 2px; background: #791730; border-bottom: 1px solid #ccc; border-right: 1px solid #fff; color: #fff; text-align: left; }
#visa td	{ padding: 2px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: left; }
#visa .not	{ border-right: 0px; }
#visa .bottom	{ border-bottom: 2px solid #791730; }

/* styles for popup exit window */
#disclaimer_popup { margin: 25px; background: #cdd8ae url(../images/bgx_disclaimer.gif) }
p.img_center img { margin: 0 auto; text-align: center; }
p.disclaimer { margin: 20px 0; }