/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Generic styles */

body {
	background-image: url(../images/bg-main-body.gif);
	padding-bottom: 10px;
	font-family: inherit;
}

p, label {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	padding-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

label {
	margin-bottom: 0;
	padding-bottom: 0;
}

p strong{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

p em {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}

p sup {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    vertical-align: baseline;
    position: relative;
    bottom: 4px;	
}

p a, #main-column li a {
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #f18f20;	
	text-decoration: none;	
}

p a:hover, #main-column li a:hover {
	font: 12px/16px Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}

ul.bullets {
	list-style: square url(../images/bullet.gif) outside;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top: 0px;
}


/* Layout */

.container {
	width: 968px;
	margin: 0 auto;
	background: #f8f8f2 url(../images/bg-main-repeat.gif) repeat-y;
	position: relative;
}

#logo {
	height: 88px;
	width: 325px;
	float: left;
	background-image: url(../images/header-logo-lsb.gif);
}

#logo a{
	height: 88px;
	width: 325px;
	float: left;
	text-indent: -9999px;
	font-family: inherit;
}

#compass {
	background-image: url(../images/header-bg-compass.jpg);
	height: 71px;
	width: 583px;	
	float: left;
	padding-top: 17px;	
	padding-right: 60px;
	text-align: right;
}

#compass li {
	display: inline;
	margin-right: 16px;
}

#compass a {
	color: #7491a6;
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration: none;

}

#compass li a:hover {
	color: #a2b4b8;
	text-decoration: none;
}

.home-main {
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 0px;	
	margin-right: 0px;
	width: 480px;
	float: left;
}

.home-main h1 {
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0054a2;
	text-align: left;
	margin-left: -1px;
	margin-bottom: -2px;
	font-weight: normal;
}

.home-main p {
	line-height: 28px;
	float: left;
}

#intro-flash {
	width: 725px;
	height: 216px;
	float: left;
}

#subnav-column {
	width: 243px;
	background-color: #e7e6d4;	
	float: left;
	overflow: hidden;
	padding-bottom: 20px;
}

#subnav-column h2 {
	font-size: 18px;
	color: #000000;
	padding: 6px 30px 0px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: -2px;
}

#main-column {
	width: 685px;
	float: left;
	padding: 20px 20px 0px 20px;
	background: #f8f8f2 url(../images/bg-main-top.gif) repeat-x;
}

#main-column ul {
	padding-bottom: 20px;
}


#main-column li {
	font: 12px/20px Arial, Helvetica, sans-serif;
}


#main-column h1{
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0054a2;
	text-align: left;
	font-weight: normal;
	margin-bottom: 0px;
	padding-bottom: 0px;
	z-index: 100;
}

#main-column h3 {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}

#footer {
	width: 949px;
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left: 14px;
	padding-right: 5px;
	background-color: #002d62;
	clear: both;
	text-align: right;
	border-top: 1px solid #FF9900;
}

#footer li {
	display: inline;
	padding-right: 10px;
	color: #9badc1;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#footer li img {
	vertical-align: middle;
	margin-top: -3px;
}

#footer li a {
	color: #9badc1;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#footer li a:hover {
	text-decoration: underline;
}


#featured {
	width: 243px;
	height: 200px;
	list-style-type: none;
	float: left;
	padding-top: 8px;
	padding-bottom: 8px;
	background: url(../images/bg-featured-top.gif) repeat-x top;
}

#featured li {
	width: 243px;
	height: 65px;
}

#featured a {
	display: block;
	width: 243px;
	height: 65px;
	text-indent: -9999px;
}


#featured li a:hover, #featured li:hover {
	background-position:0 -65px;	
	
}

.ads-left-column {
	float: left;
	width: 225px;
	margin-left: 10px;	
	padding-bottom: 10px;
}

.ads-right-column {
	float: left;
	width: 225px;
	margin-left: 14px;
	margin-right: 6px;	
	padding-bottom: 10px;	
}

.ad-box {
	width: 225px;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 13px;
	padding-bottom: 15px;
	background-image: url(../images/featured-box-bg-bottom.gif);
	background-position: bottom;
}


.ad-box .h4{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	text-transform: uppercase;
	color: #0054a2;
	text-align: left;
	width: 110px;	
}

.featured-box-big {
	float: left; 
	width: 464px; 
	margin-top: 13px; 
	margin-left: 10px;
	padding-bottom: 15px; 	
	background-image: url(../images/featured-box-big-bg-bottom.gif); 
	background-repeat: no-repeat; 
	background-position: center bottom;
}

.featured-box-big .h4{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 22px;
	text-transform: uppercase;
	color: #0054a2;
	text-align: left;
	width: 300px;
}

.featured-box-big .top {
	background-image: url(../images/featured-box-big-bg-top.gif); 
	background-repeat: no-repeat; 
	background-position: center top;	
	padding: 12px 12px 0px 12px;
}

.ad-box .top {
	background: url(../images/featured-box-bg-top.gif) top left no-repeat;
	padding: 12px 12px 0px 12px;
}

.ad-box img, .featured-box-big img {
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
}

.ad-box p, .featured-box-big p {
	color: #666666;
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 0;
}

.ad-box p.disclaimer {
	font-size: 10px;
	line-height: 11px;
	padding-bottom: 0px;
}

.ad-identity-theft .h4 {
	width: 100px;
}


#b-featured-online a{
	background: url(../images/b-featured-online.gif) top left no-repeat;
}

#b-featured-atm a{
	background: url(../images/b-featured-atm.gif) top left no-repeat;

}

#b-featured-rates a{
	background: url(../images/b-featured-rates.gif) top left no-repeat;

}

#b-featured-switch a{
	background: url(../images/b-featured-switch.gif) top left no-repeat;

}


#nav { 
	list-style: none;
	height: 30px;
	width: 946px;
	float: left;
	padding-left: 11px;
	padding-right: 11px;	
	background-image: url(../images/bg-main-nav-repeat.gif);
	z-index: 1000;		
}



#nav a {
	display: block;
	height: 30px;
	text-indent: -9999px;
}



#nav li { 
	float: left;
	position: relative;

}

#nav li a:hover, #nav li:hover, #nav a.selected {
	background-position:0 -34px;
	font-family: inherit;	
}

#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	left: 0;
	border: 3px solid #ffffff;
	border-top: none;
	z-index: 10000;		
	background-color: #F18F20; 
}

#nav li ul li a {
	background-image: none;
	font: 12px Arial, Helvetica, sans-serif;
	color: #002d62;
	text-indent: 0px;
	padding-left: 14px;
	padding-right: 14px;	
	padding-top: 7px;
	padding-bottom: 7px;	
	text-decoration: none;		
	height: auto;
}

#nav li ul li a:hover {
	color: #ffffff;
	text-decoration: none;	
}


#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block;
}




#b-about-us a {
	width: 96px;
	background: url(../images/b-about-us.gif) top left no-repeat;
}


#b-business-banking a {
	width: 143px;
	background: url(../images/b-business.gif) top left no-repeat;
}




#b-personal-banking a {
	width: 146px;
	background: url(../images/b-personal.gif) top left no-repeat;
}


#b-mortgages a {
	width: 107px;
	background: url(../images/b-mortgages.gif) top left no-repeat;
}



#b-tax-deferred-exchanges a {
	width: 179px;
	background: url(../images/b-tax-deferred.gif) top left no-repeat;
}

#b-trust-products a {
	width: 179px;
	background: url(../images/b-trust-products.gif) top left no-repeat;
}

#b-special-offers a {
	width: 127px;
	background: url(../images/b-special-offers.gif) top left no-repeat;
}



#b-branch-locations a {
	width: 148px;
	background: url(../images/b-branch.gif) top left no-repeat;
}



#b-about-us ul{
	width: 124px;
}

#b-about-us ul a{
	width: 96px;
}



#b-business-banking ul{
	width: 143px;
}

#b-business-banking ul a{
	width: 115px;
}



#b-personal-banking ul {
	width: 146px;
}

#b-personal-banking ul a{
	width: 118px;
}



#b-mortgages ul{
	width: 107px;
}

#b-mortgages ul a{
	width: 79px;
}



#b-tax-deferred-exchanges ul{
	width: 179px;
}

#b-tax-deferred-exchanges ul a{
	width: 151px;
}


#b-special-offers ul{
	width: 127px;
}

#b-special-offers ul a{
	width: 99px;
}

#b-branch-locations ul{
	width: 148px;
}


#b-branch-locations ul a{
	width: 120px;
}

#subnav, #subnav ul { 
	width:243px; 
	list-style-type: none; 
	overflow: hidden;
	background-color: #E7E6D4;

}

#subnav a {
	display: block;
	width: 243px;
	background-color: #E7E6D4;
	padding-left: 38px;
	cursor:pointer; 
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;	
}

#subnav a:hover, #subnav a.current {
	color: #f18f20;
}

#subnav a.expandable {
	background: url(../images/bg-subnav-title-expand.gif) 0px 4px no-repeat;
	}
#subnav a.flat {
	background: url(../images/bg-subnav-title-flat.gif) 0px 5px no-repeat;
	}
		
#subnav ul li a {
	padding-left: 60px;

}

#breadcrumb {
	padding-bottom: 20px;
}

#breadcrumb li {
	display: inline;

}
#breadcrumb li a.first {
	margin-left: 0;
	border-left: none;

}

#breadcrumb li a {
	color: #F18F20;
	font: 11px/11px Arial, Helvetica, sans-serif;
	border-left: 1px solid #F18F20;	
	padding-left: 15px;
	padding-right: 13px;	
	text-decoration: none;
}

#breadcrumb li a:hover {
	text-decoration: underline;	
	font: 11px/11px Arial, Helvetica, sans-serif;
}

#branch-info {
	height: 179px;
	margin-bottom: 20px;
}

#branch-location, #branch-hours {
	width: 185px;
	padding-right: 10px;
	float: left;
}

#branch-image {
	float: right;
}

#key-personnel {
	clear: both;
	padding-top: 20px;
	border-top: 1px solid #F18F20;
}

.column {
	width: 225px;
	padding-right: 25px;
	float: left;
}

#hidden-people div{
	width: 182px;
	float: right;	
	display: none;
}


#key-personnel h4, #executive-column h4 {
	font-size: 14px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 15px;
}

#key-personnel h5 a{
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 15px;
	text-decoration: none;
}

#key-personnel h5 a:hover{
	color: #f18f20;
	text-decoration: none;
}

#person h3 {
	padding-top: 2px;
}

#executive-column {
	width: 415px;
	padding: 0px 0px 0px 20px;
	float: right;
}

#executive-column div {
	display: none;
}

#executive-column #exec-cacciatore-victor{
	display: block;
}


#executive-column img {
	float: left;
	padding: 0px 20px 5px 0px;
}

#executive-column p {
	line-height: 24px;
}

#executive-column h4 {
	padding-bottom: 8px;
}

.wine, .chair {
	height: 184px;
}

.offer {
	background-color: white;
	width: 684px;
	background-image: url(../images/bg-special-offers.gif);
	background-position: right bottom;
	margin-bottom: 20px;
}

.offer h5 {
	font: bold 16px/18px Arial, Helvetica, sans-serif;
	color: #0054A2;
	text-transform: uppercase;
	padding-top: 13px;
	padding-left: 18px;
	padding-right: 10px;
	padding-bottom: 14px;
	background-image: url(../images/bg-special-offers.gif);
	background-position: left top;
}

.offer p {
	padding-bottom: 10px;
	padding-left: 18px;
	padding-right: 10px;	
	font-size: 14px;
}

.offer p a{
	font-size: 14px;
}


.fine-print, .offer .fine-print {
	font: 10px Arial, Helvetica, sans-serif;
	color: #808080;
	line-height: 13px;	
	padding-bottom: 10px;
}

.offer img {
	float: right;
	padding-top: 7px;
	padding-left: 18px;
	padding-right: 10px;
	padding-bottom: 14px;
}

.offer img.cards {
	float: none;
	
}

/* specific pages */

#home .container {
	background-color: #f8f8f2;
	background-image: none;
}

#executive-committee .container {
	background-image: url(../images/bg-executive-committee.gif);
	background-position: 0px 1000px;
}

#executive-committee #main-column {
	background-image: url(../images/bg-executive-committee-top.gif);
	background-repeat: no-repeat;
	background-position: 0px -15px;
	background-color: transparent;
}
#executive-committee .column, #executive-committee #executive-column {
	margin-top: 20px;
}

#star-logo {
	float: left;
	width: 185px;
}

#star-logo p {
	padding-top: 0;
	padding-bottom: 10px;

}

#star-logo .fine-print {
	padding-top: 20px;
}

#flashcontent {
	text-align: center;
}
#chairman {
	float: right;
	padding-left: 20px;
}

#atm h3 a {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

#atm h3 a:hover {
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #f18f20;
	font-weight: bold;
	text-decoration: underline;	
}

.formbox {
	color: #666666;
	font-size: 12px;
	background-color: #ffffff;
}

.formprompt, .formprompt strong, .formprompt em{
	font: 12px Arial, Helvetica, sans-serif;
}

.formprompt strong {
	font-weight: bold;
}

.formprompt em {
	font-style: italic;
}

#mortgage-application #bg {
	background-color: #f8f8f2;
	width: 700px;
}

#mortgage-application .container {
/*	background-color: none;*/
	width: 700px;
}

#mortgage-application #header {
	background-color: #002D62;
	height: 88px;
	vertical-align: middle;
}
#mortgage-application #footer {
	background-color: #002D62;
	width: 681px;
}



	
#b-mortgage-app {
	width: 368px;
	height: 65px;
	display: block;
	overflow: hidden;
	text-align: center;
	margin-left: -3px;
	margin-top: -15px;
	margin-bottom: 10px;
}

#b-mortgage-app a {
	background-image: url(../images/b-mortgage-application.gif);
	background-repeat: no-repeat;
	background-position: center 0;
	padding-top: 65px;
	overflow: hidden;
	width: 368px;
	height: 65px;
	display: block;

   }
#b-mortgage-app a:hover {
	background-position: center -65px;
}


#b-switch-me {
	width: 368px;
	height: 65px;
	display: block;
	overflow: hidden;
	margin-left: 162px;
	margin-top: 0px;
	margin-bottom: 20px;
	
}

#b-switch-me a {
	background-image: url(../images/b-switch-me.gif);
	background-repeat: no-repeat;
	background-position: center 0;
	padding-top: 65px;
	overflow: hidden;
	width: 368px;
	height: 65px;
	display: block;
   }
#b-switch-me a:hover {
	background-position: center -65px;
}


#b-download-brochure {
	width: 368px;
	height: 65px;
	display: block;
	overflow: hidden;
	margin-left: 162px;
	margin-top: 0px;
	margin-bottom: 20px;
	
}

#b-download-brochure a {
	background-image: url(../images/b-download-brochure.gif);
	background-repeat: no-repeat;
	background-position: center 0;
	padding-top: 65px;
	overflow: hidden;
	width: 368px;
	height: 65px;
	display: block;
   }
   
#b-download-brochure a:hover {
	background-position: center -65px;
}

#b-log-in {
	width: 219px;
	height: 65px;
	overflow: hidden;
	margin: 0 14px 20px 0;
	float: left;
}

#b-log-in a {
	background-image: url(../images/b-log-in.gif);
	background-repeat: no-repeat;
	background-position: center 0;
	padding-top: 65px;
	overflow: hidden;
	width: 219px;
	height: 65px;
	display: block;
}
   
#b-log-in a:hover {
	background-position: center -65px;
}

#b-enroll-now {
	width: 219px;
	height: 65px;
	overflow: hidden;
	margin: 0 14px 20px 0;
	float: left;
}

#b-enroll-now a {
	background-image: url(../images/b-enroll-now.gif);
	background-repeat: no-repeat;
	background-position: center 0;
	padding-top: 65px;
	overflow: hidden;
	width: 219px;
	height: 65px;
	display: block;
}
   
#b-enroll-now a:hover {
	background-position: center -65px;
}

#b-demo {
	width: 219px;
	height: 65px;
	overflow: hidden;
	margin: 0 0 20px 0;
	float: left;
}

#b-demo a {
	background-image: url(../images/b-demo.gif);
	background-repeat: no-repeat;
	background-position: center 0;
	padding-top: 65px;
	overflow: hidden;
	width: 219px;
	height: 65px;
	display: block;
}
   
#b-demo a:hover {
	background-position: center -65px;
}
#b-personal {
	width: 218px;
	height: 65px;
	overflow: hidden;
	margin: 0 14px 20px 0;
	float: left;
}

#b-personal a {
	background-image: url(../images/b-personal-lg.gif);
	background-repeat: no-repeat;
	background-position: center 0;
	padding-top: 65px;
	overflow: hidden;
	width: 218px;
	height: 65px;
	display: block;
}
   
#b-personal a:hover {
	background-position: center -65px;
}

#b-business {
	width: 218px;
	height: 65px;
	overflow: hidden;
	margin: 0 14px 20px 0;
	float: left;
}

#b-business a {
	background-image: url(../images/b-business-lg.gif);
	background-repeat: no-repeat;
	background-position: center 0;
	padding-top: 65px;
	overflow: hidden;
	width: 218spx;
	height: 65px;
	display: block;
}
   
#b-business a:hover {
	background-position: center -65px;
}

#b-cashmgmt {
	width: 218px;
	height: 65px;
	overflow: hidden;
	margin: 0 0px 20px 0;
	float: left;
}

#b-cashmgmt a {
	background-image: url(../images/b-cash-management.gif);
	background-repeat: no-repeat;
	background-position: center 0;
	padding-top: 65px;
	overflow: hidden;
	width: 219px;
	height: 65px;
	display: block;
}
   
#b-cashmgmt a:hover {
	background-position: center -65px;
}

#b-cashmgmt-smbiz {
	width: 327px;
	height: 65px;
	overflow: hidden;
	margin: 0 0px 20px 0;
	float: left;
}

#b-cashmgmt-smbiz a {
	background-image: url(../images/b-cashmgmt-smbiz.gif);
	background-repeat: no-repeat;
	background-position: center 0;
	padding-top: 65px;
	overflow: hidden;
	width: 327px;
	height: 65px;
	display: block;
}
   
#b-cashmgmt-smbiz a:hover {
	background-position: center -65px;
}
#b-cashmgmt-other {
	width: 327px;
	height: 65px;
	overflow: hidden;
	margin: 0 0px 20px 0;
	float: left;
}

#b-cashmgmt-other a {
	background-image: url(../images/b-cashmgmt-smbiz.gif);
	background-repeat: no-repeat;
	background-position: center 0;
	padding-top: 65px;
	overflow: hidden;
	width: 327px;
	height: 65px;
	display: block;
}
   
#b-cashmgmt-other a:hover {
	background-position: center -65px;
}


#flashcontent {
	padding-bottom: 20px;
}	

#officer-names li{
	font-weight: bold;
	white-space: nowrap;
}

.testimonial {
	width: 205px; 
	float: right; 
	padding: 10px; 
	padding-bottom: 0;
	background-color: white; 
	border: 1px solid #cccccc;
	margin-left: 20px;
}

.testimonial p, .testimonial p em{ 
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;	
}

.testimonial p em {
	font-style: italic;	
}

.home-main h3 {
	background-image: url(../images/bullet-sail-home.gif);
	background-repeat: no-repeat;
	background-position: 13px 6px;
}

.home-main h3 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 24px;
	text-decoration: none;
}

.home-main h3 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 24px;
	text-decoration: underline;
}

.home-main ul {
	margin-bottom: 8px;
	margin-left: 0px;
	text-indent: 30px;
}

.home-main .left {
	width: 230px;
	float: left;
}

.home-main .right {
	width: 250px;
	float: left;	
}

.home-main .top {
	width: 480px;
	float: left;	
}

.home-main li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 18px;
}

.home-main a {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #f18f20;	
	text-decoration: none;	
}

.home-main a:hover {
	font: 12px/18px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.clearfix {
	width: 100px; height: 1px; clear: both; display: block;
}

#print-logo, #print-footer {
	display: none;
}

#hidden-people #key-personnel-blank {
	width: 182px;
	height: 100px;	
	float: right;
	display: block;
}

small {
	font: 10px/20px Arial, Helvetica, sans-serif;
	color: #000000;
	padding-bottom: 20px;	
	display: block;
}