/* Global properties */
* {margin:0; padding:0; font-family:Georgia, sans-serif; outline:none;}
body {font-size:12px; background:#FFFFFF url(../images/bgd_body.gif) 0 90px repeat-x; color:#005A84; text-align:center;}

h2 {font-size:20px; color:#005A84; font-weight:normal}
h3 {font-size:14px; color:#005A84;}
p { line-height:18px; vertical-align:middle}
a {color:#005A84; text-decoration:none;}
	a:hover {color:#005A84; text-decoration:underline;}
img {border:0 none;}
/******************************************************************************************************************/
/* Basic classes */
.clear {clear:both; height:0; line-height:0; outline:0 none; font-size:0;border:0;}
.hide {display:none;  width:0; overflow:hidden;}
.more { color:#00CCFF}
.colorBlk { color:#000000;}
.headTitle { font-size:18px; font-weight:normal; color:#005A84; line-height:25px;}
/******************************************************************************************************************/

#container {width:820px; padding:0 65px;  margin:0 auto; text-align:left; overflow:hidden; }
	
	/* Header */
	#header {width:820px; overflow:hidden;}
		
		#lev1 { width:820px; height:45px; margin:40px 0px 5px 0px; overflow:hidden; float:left}
			#lev1 div {  vertical-align:bottom; float:left;  cursor:pointer; overflow:hidden;}
			#lev1 .bank { margin:0px 25px 0 0;}
			#lev1 .special { margin:0px 29px 0 0px;}
			#lev1 .partner { margin:0px 0px 0 0px;}
			

	
						
		#logo { height:92px; width:786px; padding:0 0 0 34px; float:left; overflow:hidden;}
		#logo img { margin:10px 0 0 0px; float:left; width:680px; height:74px; }
			a.hoverA { background:url(../images/aboutus.gif) 0 0 no-repeat; width:64px; height:74px; text-indent:-1000px; display:block; float:left; margin:10px 0 0 0;}
			a.hoverA:hover { background:url(../images/bgd_about_hover.gif) 0 0 no-repeat; width:64px; height:74px;}
			
	/* contentHome */
	#contentHome {width:820px; height:340px; margin:5px 0px 15px 0px;  overflow:hidden; float:left;}
		.rollover {width:820px; overflow:hidden}
		.rollover a {height:341px; float:left;}
			.rollover .roll1 { width:258px; margin:0px 25px 0 0; }
			.rollover .roll2 { width:254px; margin:0px 29px 0 0px;}
			.rollover .roll3 { width:254px; margin:0px 0px 0 0px;}
			
		
	/* content */	
	#content { width:820px; overflow:hidden;}
		.contAbout { background:url(../images/bgd_about.jpg) 0 0 no-repeat; width:786px; margin:4px 0px 15px 2px; padding:30px 0 80px 34px; overflow:hidden; }
		.contBank { background:url(../images/bgd_bank.jpg) 0 0 no-repeat; width:786px; margin:4px 0px 15px 2px; padding:30px 0 80px 34px; overflow:hidden; }
		.contSoc { background:url(../images/bgd_Soc.jpg) 0 0 no-repeat; width:786px; margin:4px 0px 15px 2px; padding:30px 0 80px 34px; overflow:hidden; }
		.contPc { background:url(../images/bgd_pc.jpg) 0 0 no-repeat; width:786px; margin:4px 0px 15px 2px; padding:30px 0 80px 34px; overflow:hidden;  }
					

			.collumn1 { background:#005A84; width:185px; height:340px; float:left; overflow:hidden;}
				.collumn1 img { margin:0 0 10px 0;}
				.collumn1 .spacingTop { margin:225px 0 0 25px;}
				
				.aboutList { width:130px;  list-style:none; font-family: Helvetica, sans-serif; margin:15px 0 0 25px;}
					.aboutList  li { margin:5px 0 20px 0;}
					.aboutList  li, .aboutList a, .aboutList span { font-family: Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#7EB5B6; width:130px;}
					.aboutList a, .aboutList span { background:url(../images/bgd_line_about_n.gif) 0 bottom repeat-x ; padding:0px 0 5px 0; display:block;}
					.aboutList  a:hover { background:url(../images/bgd_line_about_o.gif) 0 bottom repeat-x ; color:#FFFFFF;text-decoration:none; }
						.aboutList .active { background:url(../images/bgd_line_about_o.gif) 0 bottom repeat-x ; color:#ffffff; text-decoration:none}
						.aboutList .active:hover { color:#ffffff; text-decoration:none}
					
					
			.contBank .collumn2	{ background:url(../images/bgd_bank_column2.jpg) 0 0 no-repeat; padding:0 0 20px 0; }
			.contSoc .collumn2 { background:url(../images/bgd_soc_collumn2.jpg) 0 0 no-repeat; padding:0 0 20px 0; }
			
			.contPc .collumn2 { background:url(../images/bgd_pc_collumn2.jpg) 0 0 no-repeat;padding:0 0 20px 0; }
			
		.contAbout .addCl2 { background:url(../images/bgd_about_column2_more.jpg) 0 0 no-repeat; padding:0 0 20px 0}	
			
			.collumn2 { background: url(../images/bgd_about_column2.jpg) 0 0 no-repeat; width:530px; float:left; margin:0 0 0 35px;} 
				.listPage { background:#005A84; width:510px;  padding:5px 0 0 20px ; height:19px; color:#7EB5B6; font-family: Helvetica, sans-serif; font-weight:bold}
					.listPage a { color:#7EB5B6; font-family: Helvetica, sans-serif; margin:0px 4px 0px 4px; font-weight:bold; font-size:11px; }
					.listPage a:hover { color:#FFFFFF; text-decoration:none;} 
					.listPage span { font-family: Helvetica, sans-serif; font-size:11px; }
					.listPage .current { color:#FFFFFF;}
				.padd20 { padding:15px 10px 0 20px; width:500px; font-size:12px;}
					.padd20 p { line-height:18px; margin:0 0 10px 0; color:#000000;}
					.padd20 .marg0 { margin:0;}
					.padd20 .marg5 { margin:0 0 5px 0;}
					
			.collumn2 h2 { margin:0 0 10px 0; text-transform:capitalize}	
			.collumn2 .fontBold { font-weight:bold;}	
					.ulstyle1 { list-style:none; color:#000000}	
					.ulstyle1 li { background:url(../images/bgd_dotBlue.gif) 0 7px no-repeat; padding:0 0 0 10px ; line-height:18px; }	
					
	/* Footer */
/*********************************************************************************************************************/	
#footer { width:820px; color:#7EB5B6; padding:0 0 4px 0;}
#footer p { font-size:9px; font-weight:bold ; font-family:sans-serif, Arial; font-size:9px; font-weight:bold }
#footer a { color:#7EB5B6; font-size:9px; text-decoration:none; font-weight:bold; font-family: sans-serif, Arial; font-weight:bold  }
#footer a:hover { color:#000000;}