html, body {
	background:	#FFF;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		9pt;
	height:			100%;
	margin:			0px;	
}

#anchor {
	border:		#ccc 1px solid;
	height:		37px;
	padding:	0px 5px 0px 7px;
	width:		400px;
}

#anchor a {
	color:				#00306d;
	font-size:			11pt;
	font-style:			italic;
	font-weight:		bold;
	text-decoration:	none;
}

#anchor a:hover {
	color:	#2267bf;
}

#anchor_back {
	font-size:		8pt;
	margin:			0 10px 0 0;
	padding-top:	3px;
    text-align:		right;
}

#anchor_back a {
	color:				#888;
	text-decoration:	none;
}

#anchor_back a:hover {
	color: 				#9f001a;
	text-decoration:	none;
}

#branch_network {
	left:					420px;
	margin:				0px;
	padding-top:		3px;
	position:			absolute;
	top:					115px;
	width:				552px;
}

#branch_network a {
	background:		url(/images/left_arrow.gif) no-repeat 2px left;
	color:				#465967;
	margin-left:		15px;
	padding:			0 0px 0 11px;
	text-decoration:	none;
}

#branch_network a:hover {
	color: #2e404d;
}

#caption {
	color:			#9f001a;
	font-size:		11pt;
	font-style:		italic;
	font-weight:	bold;
}

#caption1 {
	color:		#00306d;
	font-size:		11pt;
	font-style:		italic;
	font-weight:	bold;
    padding:	6px 0 3px 0;
}

#caption2 {
	color:			#9f001a;
	font-size:		9pt;
	font-weight:	bold;
	padding:		0 0 0 9px;
}

#caption3 {
	color:			#9f001a;
	font-size:		11pt;
	font-weight:	bold;
}

#caption4 {
	color:			#9f001a;
	font-size:		10pt;
	font-weight:	bold;
    padding:		0 0 0 4px;
}

#caption5 {
	color:		#00306d;
	font-size:		11pt;
	font-weight:	bold;
    padding:	6px 0 3px 0;
}

#content_base {
	left:			178;
    margin:		0px;
	padding:	0px;
	position:	absolute;
	top:			95;
	width:		822px;
}

#content_base #remark_text ul {
	color:				#333;
	font-size:			7pt;
    list-style-type:	decimal;
	margin:				0;
	padding-left:		15px;
}

#contentwrapper { /* Main Content */
	float:		left;
	width:	100%;
}

#content_text {
	color:			#333;
	line-height:	15px;
    padding-top:	4px;
}

#content_text a {
	color:	#9f001a;
}

#content_text a:hover {
	color:	#FF0000;
}

#content_text1 a {
	color:				#00306d;
	font-size:			10pt;
	font-weight:		bold;
	text-decoration:	none;
}

#content_text1 a:hover {
	color:	#2267bf;
}

.copyright {
	color:				#FFF;
	float:					right;
	font-size:			8pt;
	margin-top:		3px;
	padding-right:	22px;	
}

#corporateMenu {
	height:		78px;
	left:			13px;
	position:	absolute;
	/*top:			478px;*/
	top:			410px;
	visibility:	hidden;
	width:		152px;
	z-index:	2;
}

#corporateMenu1 {
	height:		78px;
	left:			13px;
	position:	absolute;
	/*top:			515px;*/
	top:			447px;
	visibility: 	hidden;
	width:		152px;
	z-index:	2;
}

#corporateMenu2 {
	height:		78px;
	left:			13px;
	position:	absolute;
	top:			306px;
	visibility:	hidden;
	width:		152px;
}

#deposit_rate {
	color:		#9e121c;
	font-size:	8pt;
	overflow:	auto;
	position:	relative;
}

#deposit_table { /* Index Deposit Table */
	height:		235px;
	left:			777px;
	margin:		0px;
	padding:	0px;
	position:	absolute;
	top:			331px;
	width:		216px;  
}

.drop_down {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		8pt;
}

#drop_menu {
	left:			420px;
	margin:		0px;
	padding:	0px;
	position:	absolute;
	top:			115px;
	width:		552px;
}

#hidden { /* Layer of Corporate Menu */
	height:		600px;
	left:			0px;
	position:	absolute;	
	top:			0px;
	visibility:	hidden;
	width:		1000px;
	z-index:	1;
}

#hidden1 {
	height:		700px;
	left:			0px;
	position:	absolute;
	top:			0px;
	visibility:	hidden;
	width:		500px;
	z-index:	1;
}

#index_footer { /* Index Footer */
	left:			178px;
	padding:	0px;
	position:	absolute;
	margin:		0px;
	top:			573px;
}

#index_main_visual { /* Index Main Visual */
	left:			178px;
	margin:		0px;
	padding:	0px;
	position:	absolute;
	top:			58px;
}

#index_commercial_promo { /* Index Commercial Banking Promotion */
	left:			178px;
	margin:		0px;
	padding:	0px;
	position:	absolute;
	top:			439px;
}

#index_retail_promo { /* Index Retail Banking Promotion */
	left:			178px;
	margin:		0px;
	padding:	0px;
	position:	absolute;
	top:			310px;
}

#left_navigation {
	float:			left;
	padding:	0px;
	text-align:	left;
	width:		178px; /* Width of left column in pixel */	
}

#link_title a {
	color: #333; padding-left: 9px;	
}

#link_title a:hover {
	color: #9f001a;
}

#list1 {
	color: 			#333;
	font-size:		9pt;
	line-height:	15px;
	list-style:		url(/images/list_red_square.gif) outside;
	margin:			0px;
	padding:		0 0 0 30px;
}

#main_content {
	margin: 0 223px 0 178px;
}

#main_content_right {
	float:				left;
	height:			508px;
	margin-left:	-223px; /* Set margin to that of -(Width of right column) */
	padding:		0px;
	width:			223px; /* Width of right column in pixel */
}

#news_table { /* Index News Table */
	height:		261px;
	left:			777px;
	margin:		0px;
	padding:	0px;
	position:	absolute;
	top:			65px;
	width:		216px;
}

#photo_list {
	list-style:	none;
	margin:		0px;
	padding:	0px;
}

#portfolio {
	margin:		0px;
	padding:	0px;
}

.product_items {
	color:		#4c4c4c;
	font-size:	8pt;
	overflow:	auto;
	position:	relative;
}

#remark_text {
	color:		#333;
	font-size:	8pt;
}

#remark_text li {
	font-size:	8pt;
}

#retail_horizontal_promo {
	left:			11px;
	margin:		0px;
	padding:	0px;
	position:	absolute;
	top:			264px;   
}

#retail_vertical_promo {
	left:			610px;
	margin:		0px;
	padding:	0px;
	position:	absolute;
	top:			15px;
}

.section_title {
	color:		#666;
	font-size:	15pt;
	height:		515px; /* height of content */
	text-align:	left;
}

#slideshow { /* Image Slide Show */
	height:		241px;
	left:			185px;
    margin:		0px;
	padding:	0px;
	position:	absolute;
	top:			65px;
	width:		585px;
	z-index:	3;
}

#slideshow_retail {
	height:		241px;
	left:			18px;
 	margin:		0px;
	padding:	0px;
	position:	absolute;
	top:			19px;
	width:		585px;
	z-index:	3;
}

#slideshow_retail ul {
	margin:		0px;
	padding:	0px;
}

/* ---------------------- Sub Menu nav ---------------------- */
#submenu_container {
	font-family:	Helvetica, Arial, Verdana, sans-serif;
	height:			37px;
  	left:				0;
  	position:		absolute;
  	top:				50;
  	width:			970px;
}

#submenu_nav {
	background:	url(/images/submenu_bg.jpg) repeat-x top left;
	font-size:		10px;
	height:			37px;
    padding:		0 0 0 5px;
	position:		absolute;
 	width:			970px;
}

#submenu_nav ul {
	float:					left;
	list-style-type:	none;
	margin:				0;
	padding:			0;
  	text-align:			center;
}

#submenu_nav ul li {
	display:		block;
	float:			left;
	margin:		0 1px;
}

#submenu_nav ul li a {
	background:		url(/images/submenu_left.jpg) no-repeat top left;
	color:				#FFF;
	display:				block;
	float:					left;
	height:				37px;
  	padding:			0 0 0 12px;
	text-decoration:	none;
}

#submenu_nav ul li a span {
	background:	url(/images/submenu_right.jpg) no-repeat top right;
	float:				left;
	height:			37px;
	padding:		9px 12px 0 0;
}

#submenu_nav ul li a:hover {
	color: #580000;
}

#submenu_nav ul li a:hover span {
	cursor:	pointer;
	display:	block;	
}

#submenu_nav ul li a.current, #submenu_nav ul li a.current:hover {
  background:	url(/images/submenu_left_on.jpg) no-repeat top left;
  color:				#FFF;
  line-height:		350%;
}
  
#submenu_nav ul li a.current span {
	background:	url(/images/submenu_right_on.jpg) no-repeat top right;
	color:			#7F0000;
	display:			block;
	/*font-weight:	bold;*/
	height:			37px;
	padding:		0 12px 0 0;
	width:			auto;
}
/* ---------------------- End of Sub Menu nav ---------------------- */

.table_text {	
	color:				#333;
	font-size:			9pt;
	padding-right:	6px;
}

#tag1 {
	background:	url(/images/interest_rate_bar.jpg) no-repeat;
	color:			#00306d;
	font-size:		9pt;
	font-weight:	bold;
	height:			24px;
	padding:		4px 0 0px 15px;
	width:			141px;
}

#tag1 a {
	color: #00306d; text-decoration: none;
} 

#tag1 a:hover {
	color: #2267bf;
}

#tag2 {
	background-color:	#CCC;
	border-left:			#999 7px solid;
	color:					#333;
	font-weight:			bold;
	height:					19px;
	width:					420px;
	padding:				2px 0 0 6px;
}

#tag3 {
	background:	url(/images/account_opening_bar.jpg) no-repeat;
	color:			#00306d;
	font-size:		9pt;
	font-style:		italic;
	font-weight:	bold;
	height:			24px;
	padding:		4px 0 0px 15px;
    width:			210px;
}

#tag3 a {
	color: #00306d; text-decoration: none;
} 

#tag3 a:hover {
	color: #2267bf;
}

#tag4 {
	background:	url(/images/ordinance_bar.jpg) no-repeat;
	color:			#00306d;
	font-size:		9pt;
	font-style:		italic;
	font-weight:	bold;
	height:			24px;
	padding:		4px 0 0px 15px;
	width:			305px;
}

#tag4 a {
	color:#00306d; text-decoration:none;
} 

#tag4 a:hover {
	color: #2267bf;
}

#thin_border {
	border: 1px solid #ccc;
}

#thin_border_bottom {
	border-bottom: 1px solid #ccc;
}

.thin_border_right {
	border-right: 1px solid #ccc;
}

#tips_table {
	color:		#333333;
	font-size:	9pt;
	padding:	6px 10px 7px 10px;
}

#tips_table a {
	color: #9f001a; text-decoration: none;
}

#tips_table a:hover {
	color: #FF0000;
}

#top_menu {
	height:		24px;
	left:			0;
	margin:		0px;
	padding:	0px;
	position:	absolute;
	top:			25;
	width:		1000px;
}

#whats_new {
	color:		#9f001a;
	font-size:	8pt;	
	overflow:	auto;
	position:	relative;
}

#whats_new a {
	color:		#4c4c4c;
}

#whats_new a:hover {
	color:		#9f001a;
}

#whats_new_list, #whats_new_list a {
color:		#333;
}

#whats_new_list a:hover {
	color:		#9f001a;
}