@charset "utf-8";
body  {
font: 14px Arial, Helvetica, sans-serif;
background-image:url(../images/main_bg2.jpg);
background-repeat:no-repeat;
background-position: top center;
margin: 0; 
padding: 0;
text-align: center; 
color: #ffffff;
background-color: #003366;
}

#container { 
width: 1024px;  
margin: 0 auto; 
border:none;
text-align: left; 
} 

a:link {
color:#FFFFFF;
text-decoration:none;
}

a:visited {
color:#FFFFFF;
text-decoration:none;
}

a:HOVER {
color:#FFFFFF;
text-decoration:underline;
}

a:active {
color:#FFFFFF;
text-decoration:none;
}

.fltrt { 
float: right;
margin-left: 8px;
padding-bottom:8px;
}


.fltlft { 
float: left;
margin-right: 8px;
}

.clearfloat { 
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

img {
	border:none;
}

/*HEADER AREA**********************************************/

#logo {
	width:200px;
	position:absolute;
	z-index:2;
	padding-left:100px;
	padding-top:20px;
	

}

#header { 
width:1024px;
margin:0px;
padding:0px;
height:128px;
z-index:1;
}

#sub_header { 
width:1024px;
margin:0px;
padding:0px;

height:115px;
}



/*The search*/

#thesearch {
background-image:url(../images/bg_search.jpg);
width:389px;
height:23px;
background-repeat:no-repeat;
padding:0px;
margin:0px;
float:right;
font-size:10px;
overflow:hidden;
}

#search_links {
width:200px;
float:left;
clear:left;
padding-top:5px;
}

#search_links ul {
	padding-left:15px;
	margin:0px;
	list-style:none;
}

#search_links li {
	display:inline;
	padding:2px;
	list-style-image:none;
}


/*Navigation*/

#nav {
width:944px;
padding:70px  0px 20px 80px;
margin:0px;
float:left;
font-size:12px;
}

a.sub:link {
color:#ffffff;
text-decoration:none;
}

a.sub:visited {
color:#ffffff;
text-decoration:none;
}

a.sub:HOVER {
color:#ffffff;
text-decoration:underline;
}

a.sub:active {
color:#ffffff;
text-decoration:none;
}


#subnav {
width:1024px;
height:56px;
}



/*HOME FLASH AREA**********************************************/

#main-flash {
width:767px;
height:238px;
float:left;
}

#ticker {
background-image:url(../images/bg_ticker.jpg);
width:1024px;
height:87px;
background-repeat:no-repeat;
}

#sub_images {
width:737px;
height:238px;
float:left;
}



/*SIDE LOGIN AREA**********************************************/


#sidebar1 {
width:257px;
height:555px;
background-repeat:no-repeat;
padding:0px;
margin:0px;
float:right;
}

#sidebar2 {
width:257px;
height:512px;
padding:0px;
float:right;
}

.forget {
	font-size:10px;

}

.input {
	height:15px;
	margin-bottom:5px;
}

/*Commercial*/

#commercial_login {
	background-image:url(../images/bg_comm_login.jpg);
	background-repeat:no-repeat;
	width:216px;
	height:76px;
	padding:50px 0px 0px 40px;
	font-size:10px;
	
}

#commercial_login label {
	font-size:11px;
	padding-right:10px;
}

.login {
	padding:50px 0px 0px 100px;
}

.login2 {
	padding:5px 0px 10px 0px;
}

/*HBB Signature*/

#hbb_sig {
    background-image:url(../images/bg_bus_login.jpg);
	background-repeat:no-repeat;
	width:216px;
	height:92px;
	float:right;
	font-size:10px;
	padding:50px 0px 0px 40px;


}



#hbb_sig label {
	font-size:11px;
	padding-right:10px;
}

/*Ticker*/

#ticker {
	width:256px;
}



/*MAIN CONTENT AREA**********************************************/

#page_title {
width:677px;
height:31px;
padding:0px;
margin:0px;
float:left;
}



h1 {
font-size:18px;
padding-bottom:5px;
padding-top:5px;
}


#mainContent {
padding:0px 10px 40px 100px;
margin:0px;
width:567px;
float:left;
clear:left;
} 

#subContent {
padding:0px 0px 70px 100px;
margin:0px;
width:667px;
float:left;
text-align:justify;

} 

#subContent ul {
padding-left:20px;
margin:0px;
list-style:disc;
}

#subContent li {
padding:0px 0px 10px 0px;
list-style-image:none;

}

#subContent ul li ul {
padding:10px 0px 0px 20px;
margin:0px;
list-style:square;

}

#subContent ul li ul li {
padding:0px 0px 10px 0px;
list-style-image:none;



}

#subContent a:link {
color:#FFFFFF;
text-decoration:underline;
}

#subContent a:visited {
color:#FFFFFF;
text-decoration:underline;
}

#subContent a:HOVER {
color:#FFFFFF;
text-decoration:none;
}

#subContent a:active {
color:#FFFFFF;
text-decoration:underline;
}



/*FOOTER AREA**********************************************/

#footer { 
background-image:url(../images/bg_footer.jpg);
height:87px;
width:1024px;
font-size:10px;
text-align:right;
background-repeat:no-repeat;
float:left;

} 

ul.top {
padding-right:40px;
padding-top:20px;
margin:0px;
list-style:none;
}

ul.top li {
padding:5px;
list-style-image:none;
display:inline;
}

ul.bottom {
padding-right:40px;
padding-top:0px;
margin:0px;
list-style:none;
}

ul.bottom li {
padding:5px;
list-style-image:none;
display:inline;
}

.copyright {
padding:0px 40px 20px 0px;
}



#subnav {
width:900px;
padding:0px;
margin:0px;
float:left;
}


#subnav ul {
padding:5px 0px 0px 85px;
margin:0px;
list-style:none;
}

#subnav li {
display:inline;
list-style-image:none;
padding-left:10px;
}

#space2 {
width:200px;
float:left;
}

#space {
width:160px;
float:left;
}

h2 {
background-image:url(../images/star.jpg);
background-repeat:no-repeat;
padding-left:50px;
font-size:16px;
font-weight:normal;
}

h3 {
padding-left:0px;
font-size:16px;
font-weight:bold;
margin:0px;
}

.black {
color:#000000;
}

.border {
border-color:#000099;
}



/*  only for home page*/

/*Our Firm*/

#firm {
width:130px;
float:left;
padding-left:20px;
}

#firm a:link {
display:block;
padding:10px 0px 0px 20px;
height:34px;
}

#firm a:visited {
display:block;
padding:10px 0px 0px 20px;
height:34px;
}

#firm a:HOVER {
background-image:url(../images/bg_firm.jpg);
background-repeat:no-repeat;
display:block;
padding:10px 0px 0px 20px;
height:34px;
}

#firm a:active{
display:block;
padding:10px 0px 0px 20px;
height:34px;
}

#firm a.active {
background-image:url(../images/bg_firm.jpg);
background-repeat:no-repeat;
display:block;
padding:10px 0px 0px 20px;
height:34px;
}

#firm a:visited {
display:block;
padding:10px 0px 0px 20px;
height:34px;
}

#firm a:HOVER {
background-image:url(../images/bg_firm.jpg);
background-repeat:no-repeat;
display:block;
padding:10px 0px 0px 20px;
height:34px;
}

#firm a:active{
display:block;
padding:10px 0px 0px 20px;
height:34px;
}

/*Our Firm2*/

#space {
width:138px;
float:left;
}

#firm2 {
width:100px;
float:left;
margin-left:75px;
display:inline;
}

#firm2 a:link {
display:block;
padding:5px 0px 0px 20px;
height:20px;
}

#firm2 a:visited {
display:block;
padding:5px 0px 0px 20px;
height:20px;
}

#firm2 a:HOVER {
background-image:url(../images/bg_business2.jpg);
background-repeat:no-repeat;
display:block;
padding:5px 0px 0px 20px;
height:20px;
}

#firm2 a:active{
display:block;
padding:5px 0px 0px 20px;
height:20px;
}



#firm2 a:visited {
display:block;
padding:5px 0px 0px 20px;
height:20px;
}

#firm2 a:HOVER {
background-image:url(../images/bg_firm.jpg);
background-repeat:no-repeat;
display:block;
padding:5px 0px 0px 20px;
height:20px;

}

#firm2 a:active{
display:block;
padding:5px 0px 0px 20px;
height:20px;
}







/*Business Banking*/

#business-banking {
width:152px;
float:left;
padding-left:18px;
}

#business-banking a:link {
display:block;
padding:10px 10px 0px 18px;
height:34px;
}

#business-banking a:visited {
display:block;
padding:10px 10px 0px 18px;
height:34px;
}

#business-banking a:HOVER {
background-image:url(../images/bg_business.jpg);
background-repeat:no-repeat;
background-position:12px 0px;
display:block;
padding:10px 10px 0px 18px;
height:34px;
}

#business-banking a:active{
display:block;
padding:10px 10px 0px 18px;
height:34px;
}

#business-banking a.active {
background-image:url(../images/bg_business.jpg);
background-repeat:no-repeat;
background-position:12px 0px;
display:block;
padding:10px 10px 0px 18px;
height:34px;
}




/*Middle Market*/

#middle-market {
width:152px;
float:left;
padding-left:18px;
}

#middle-market a:link {
display:block;
padding:10px 10px 0px 30px;
height:34px;
}

#middle-market a:visited {
display:block;
padding:10px 10px 0px 30px;
height:34px;
}

#middle-market a:HOVER {
background-image:url(../images/bg_business.jpg);
background-repeat:no-repeat;
background-position:12px 0px;
display:block;
padding:10px 10px 0px 30px;
height:34px;
}

#middle-market a:active{
display:block;
padding:10px 10px 0px 30px;
height:34px;
}




/*Cash Management*/

#cash-management {
width:152px;
float:left;
padding-left:18px;
}


#cash-management a:link {
display:block;
padding:10px 10px 0px 15px;
height:34px;
}

#cash-management a:visited {
display:block;
padding:10px 10px 0px 15px;
height:34px;
}

#cash-management a:HOVER {
background-image:url(../images/bg_cash_management.jpg);
background-repeat:no-repeat;
background-position:12px 0px;
display:block;
padding:10px 10px 0px 15px;
height:34px;
}

#cash-management a:active{
display:block;
padding:10px 10px 0px 15px;
height:34px;
}

/*Cash Management2*/

#cash-management2 {
width:145px;
float:left;
}

#cash-management2 a:link {
display:block;
padding:5px 10px 0px 15px;
height:25px;
}

#cash-management2 a:visited {
display:block;
padding:5px 10px 0px 15px;
height:25px;
}

#cash-management2 a:HOVER {
background-image:url(../images/bg_business2.jpg);
background-repeat:no-repeat;
background-position:12px 0px;
display:block;
padding:5px 10px 0px 15px;
height:25px;
}

#cash-management2 a:active{
display:block;
padding:5px 10px 0px 15px;
height:25px;
}

/*Cash Management3*/

#cash-management3 {
width:145px;
float:left;
padding-left:110px;
}

#cash-management3 a:link {
display:block;
padding:5px 10px 0px 15px;
height:25px;
}

#cash-management3 a:visited {
display:block;
padding:5px 10px 0px 15px;
height:25px;
}

#cash-management3 a:HOVER {
background-image:url(../images/bg_business2.jpg);
background-repeat:no-repeat;
background-position:12px 0px;
display:block;
padding:5px 10px 0px 15px;
height:25px;
}

#cash-management3 a:active{
display:block;
padding:5px 10px 0px 15px;
height:25px;
}

/*Partnerships and resources*/

#partnerships-resources {
width:110px;
float:left;
padding-left:10px;
}

#partnerships-resources a:link {
display:block;
padding:10px 10px 0px 20px;
height:34px;
}

#partnerships-resources a:visited {
display:block;
padding:10px 10px 0px 20px;
height:34px;
}

#partnerships-resources a:HOVER {
background-image:url(../images/bg_firm.jpg);
background-repeat:no-repeat;
background-position:8px 0px;
display:block;
padding:10px 10px 0px 20px;
height:34px;
}

#partnerships-resources a:active{
display:block;
padding:10px 10px 0px 20px;
height:34px;
}

/*Partnerships and resources2*/

#partnerships-resources2 {
width:200px;
float:left;
}

#partnerships-resources2 a:link {
display:block;
padding:5px 10px 0px 20px;
height:25px;
}

#partnerships-resources2 a:visited {
display:block;
padding:5px 10px 0px 20px;
height:25px;
}

#partnerships-resources2 a:HOVER {
background-image:url(../images/bg_big-tab_blue.jpg);
background-repeat:no-repeat;
background-position:12px 0px;
display:block;
padding:5px 10px 0px 20px;
height:25px;
}

#partnerships-resources2 a:active{
display:block;
padding:7px 10px 0px 20px;
height:25px;
}

/*Social responsibilities*/

#social-responsibilities {
width:157px;
float:left;
}

#social-responsibilities a:link {
display:block;
padding:10px 10px 0px 25px;
height:34px;
}

#social-responsibilities a:visited {
display:block;
padding:10px 10px 0px 25px;
height:34px;
}

#social-responsibilities a:HOVER {
background-image:url(../images/bg_responsibilities.jpg);
background-repeat:no-repeat;
background-position:12px 0px;
display:block;
padding:10px 10px 0px 25px;
height:34px;
}

#social-responsibilities a:active{
display:block;
padding:10px 10px 0px 25px;
height:34px;
}

/*Social responsibilities2*/

#social-responsibilities2 {
width:185px;
float:left;
}

#social-responsibilities2 a:link {
display:block;
padding:5px 10px 0px 30px;
height:25px;
}

#social-responsibilities2 a:visited {
display:block;
padding:5px 10px 0px 30px;
height:25px;
}

#social-responsibilities2 a:HOVER {
background-image:url(../images/bg_big-tab_blue.jpg);
background-repeat:no-repeat;
background-position:12px 0px;
display:block;
padding:5px 10px 0px 30px;
height:25px;
}

#social-responsibilities2 a:active{
display:block;
padding:5px 10px 0px 30px;
height:25px;
}

#divider {
background-image:url(../images/nav_divider.jpg);
width:1px;
height:35px;
background-repeat:no-repeat;
float:left;
padding:0px 0px 0px 0px;
margin:0px;
}



#ajaxSearch_form {
           color: #444;
           width: auto;
		   border:none;
		   
       }
       #ajaxSearch_input {
           width: auto;
           display: inline;
           height: 14px;
           border: 1px solid #ddd;
           border-left-color: #c3c3c3;
           border-top-color: #7c7c7c;
           background: #fff url(images/input-bg.gif) repeat-x top left;
           margin: 2px 0px 0 20px;
           padding: 0px 0 0;
           vertical-align: top;
		   font-size:11px;
       }
       #ajaxSearch_submit {
           display: inline;
           height: 14px;
           line-height: 14px;
		   margin-top:4px;
       }
       #ajaxSearch_output {
           border: none;
           padding: 10px;
           background: #fff;
           display: block;
           height: auto;
           vertical-align: top;
       }
       .AS_ajax_result {
           color: #444;
           margin-bottom: 3px;
       }
       .AS_ajax_resultLink {
           text-decoration: underline;
       }
       .AS_ajax_resultDescription{
           color: #555;
       }
       .AS_ajax_more {
           color: #555;
       }
