﻿/* ********************************************************************************************
name: layout.css
contents: Styles related page layout (floats, positioning, horizontal margins/padding, etc...)
		and typography (fonts and typesetting, including vertical margins/padding)
media types: screen,projection,print
******************************************************************************************** */

/* Reset and undo browser defaults, negates any inconsistencies in rendering */
@import "undo.css";

/* =Miscellaneous
------------------------------------------------------------------ */

/* Clear floats without source markup: http://www.positioniseverything.net/easyclearing.asp
	and for those who are wondering: http://www.tanfa.co.uk/archives/show.asp?var=300 */
div#masthead div.inner:after, 
	div#content div#contentInner:after, 
	div#contentMain:after,
	div#bankingServices div.inner:after,
	div#contentSecondary form:after,
	body.directorySubSection div#contentMain ul:after,
	form#formContact fieldset:after,
	form#formLocations fieldset:after{
   		content: "."; 
   		display: block; 
    	height: 0; 
   		clear: both; 
    	visibility: hidden;}

div#masthead div.inner, 
	div#content div#contentInner,
	div#contentMain,
	div#bankingServices div.inner,
	div#contentSecondary form,
	body.directorySubSection div#contentMain ul,
	form#formContact fieldset,
	form#formLocations fieldset{
		display: inline-block;}

/* Hides from IE-mac \*/
* html div#masthead div.inner, 
	* html div#content div#contentInner, 
	* html div#contentMain,
	* html div#bankingServices div.inner,
	* html div#contentSecondary form,
	* html body.directorySubSection div#contentMain ul,
	* html form#formContact fieldset,
	* html form#formLocations fieldset{
		height: 1%;}
		
div#masthead div.inner, 
	div#content div#contentInner, 
	div#contentMain,
	div#bankingServices div.inner,
	div#contentSecondary form,
	body.directorySubSection div#contentMain ul,
	form#formContact fieldset,
	form#formLocations fieldset{
		display: block;}
/* End hide from IE-mac */

/* gilder/levin image replacement: http://levin.grundeis.net/files/20030809/alternatefir.asp
	most accessible image replacement technique because it allows for CSS on and Images off,
	also using Phark Revised in certain places: http://www.mezzoblue.com/tests/revised-image-replacement/#phark2 */
div#navPrimary ul li a,
	div#contentPrimary h1#headingEntrepreneursUnite,
	div#contentPrimary h1#headingHiWereAsb,
	div#contentPrimary h1#learningEarningSavingGrowing,
	div#contentPrimary h1#welcomeStory,
	div#contentPrimary h2#letsGetStarted,
	div#asbPioneers h2#praiseForPioneers{
		position:relative; 
		margin:0px; 
		padding:0px; 
		/* hide overflow:hidden from IE5/Mac */ 
		/* \*/ 
		overflow: hidden; 
		/* */ }

div#navPrimary ul li a span,
	div#contentPrimary h1#headingEntrepreneursUnite span,
	div#contentPrimary h1#headingHiWereAsb span,
	div#contentPrimary h1#learningEarningSavingGrowing span,
	div#contentPrimary h1#welcomeStory span,
	div#contentPrimary h2#letsGetStarted span,
	div#asbPioneers h2#praiseForPioneers span{ 
		display:block; 
		position:absolute; 
		top:0px; 
		left:0px; 
		z-index:1; /*for Opera 5 and 6*/ }


/* =General Box elements
------------------------------------------------------------------ */
div#page{
	text-align: center;}

	div#page a{
		outline: none;}
	
		div#page a:hover{
			text-decoration: none;}

	div#page ul#skipLinks{
		display: none;}

	body.newsSubSection div#page div#contentPrimary img,
		body.tributePhotosSubSection div#page div#contentPrimary img,
		body.tributeSubSection div#page div#contentSecondary img{
			border-style: solid;
			border-width: 2px;}

		body.tributeSubSection div#page div#contentSecondary img{
			border-width: 1px;}

		body.tributePhotosSubSection div#page div#contentPrimary img{
			margin-right: 10px;
			margin-bottom: 10px;}

	div#page img.imgFloatRight{
		display: inline;
		float: right;
		margin-bottom: 5px;
		margin-left: 5px;}

		div#page img.imgFloatLeft{
			display: inline;
			float: left;
			margin-right: 5px;
			margin-bottom: 5px;}

			body.aboutUsSection.home div#page img.imgFloatLeft{
				margin-right: 10px;}

			body.getStartedSection div#page img.imgFloatLeft{
				margin-top: -35px;
				margin-right: 15px;
				margin-bottom: 15px;
				position: relative;}

	/* =Auxiliary Navigation */
	div#page div#navAuxiliary{
		background-image: url("../images/design/bkg_navAux-repeat.gif");
		background-position: left bottom;
		background-repeat: repeat-x;
		border-bottom-style: solid;
		border-bottom-width: 3px;
		font-family: verdana, arial,helvetica,sans-serif;
		font-size: 92%;}
	
	div#navAuxiliary ul{
		padding: 0.5em 0 0.6em;
		margin: 0 auto;
		text-align: right;
		width: 770px;}

		div#navAuxiliary ul li { 
			display: inline;
			margin-left: 0;}

			div#navAuxiliary ul li a{
				border-right-width: 1px; 
				border-right-style: solid;
				padding: 0.2em 15px 0.3em;
				text-decoration: none;}

				div#navAuxiliary ul li.lastChild a{
					border-right: 0;}

				div#navAuxiliary ul li a:hover,
					body.locationsSection div#navAuxiliary ul li#locationsNavAux a,
					body.customerServiceSection div#navAuxiliary ul li#customerNavAux a,
					body.spanishSection div#navAuxiliary ul li#spanishNavAux a{
						text-decoration: underline;}
	

/* =Masthead
------------------------------------------------------------------ */
div#masthead{
	background-image: url("../images/design/bkg_masthead-repeat.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
	border-top-style: solid;
	border-top-width: 2px;
	margin-bottom: 30px;}

	div#masthead div.inner{
		height: 7.2em;
		margin: 0 auto;
		position: relative;
		text-align: left;
		width: 770px;}

	div#masthead img#siteLogo{
		/* always use display: inline with floats to make sure you don't encounter the IE double-margin float bug:
			http://www.positioniseverything.net/explorer/doubled-margin.asp */
		display: inline; 
		float: left;
		margin: 5px 0 0 0;
		padding-bottom: 10px;}

	/* =Primary Navigation */
	div#masthead div#navPrimary{
		position: absolute;
		bottom: -20px;
		right: 0px;}

		/* Star html hack to target IE 6 and below */
		* html div#masthead div#navPrimary{
			bottom: -21px;}

		div#navPrimary ul{
			margin-bottom: 0;}

		div#navPrimary ul li{
			border-right: 1px solid white;
			display: inline;
			float: left;
			font-size: 152%;
			margin-left: 0;}

			div#navPrimary ul li.lastChild{
				border: none;
				margin-right: 0px;}

			div#navPrimary ul li em{
				display: block;
				font-size: 61%;}

				div#navPrimary ul li a{
					display: block;
					font-weight: bold;
					text-decoration: none;}

					div#navPrimary ul li#personalNavPrimary a,
						div#navPrimary ul li#personalNavPrimary a span{
							background-image: url("../images/design/nav_personal.gif");
							height: 100px;
							width: 186px;}
							
							/* Spanish language header */
							div#navPrimary.espaniol ul li#personalNavPrimary a,
								div#navPrimary.espaniol ul li#personalNavPrimary a span{
									background-image: url("../images/design/spanish/nav_personalEs.gif");}

					div#navPrimary ul li#businessNavPrimary a,
						div#navPrimary ul li#businessNavPrimary a span{
							background-image: url("../images/design/nav_business.gif");
							height: 100px;
							width: 186px;}
							
							/* Spanish language header */
							div#navPrimary.espaniol ul li#businessNavPrimary a,
								div#navPrimary.espaniol ul li#businessNavPrimary a span{
									background-image: url("../images/design/spanish/nav_businessEs.gif");}

					div#navPrimary ul li#aboutUsNavPrimary a,
						div#navPrimary ul li#aboutUsNavPrimary a span{
							background-image: url("../images/design/nav_aboutUs.gif");
							height: 100px;
							width: 186px;}
							
							/* Spanish language header */
							div#navPrimary.espaniol ul li#aboutUsNavPrimary a,
								div#navPrimary.espaniol ul li#aboutUsNavPrimary a span{
									background-image: url("../images/design/spanish/nav_aboutUsEs.gif");}

						body.personalSection div#navPrimary ul li#personalNavPrimary a,
								body.personalSection div#navPrimary ul li#personalNavPrimary a span,
								body.personalSection div#navPrimary ul li#personalNavPrimary a:hover,
								body.personalSection div#navPrimary ul li#personalNavPrimary a:hover span,
							body.businessSection div#navPrimary ul li#businessNavPrimary a,
								body.businessSection div#navPrimary ul li#businessNavPrimary a span,
								body.businessSection div#navPrimary ul li#businessNavPrimary a:hover,
								body.businessSection div#navPrimary ul li#businessNavPrimary a:hover span,
							body.aboutUsSection div#navPrimary ul li#aboutUsNavPrimary a,
								body.aboutUsSection div#navPrimary ul li#aboutUsNavPrimary a span,
								body.aboutUsSection div#navPrimary ul li#aboutUsNavPrimary a:hover,
								body.aboutUsSection div#navPrimary ul li#aboutUsNavPrimary a:hover span{
									background-position: 0 -200px;}

							div#navPrimary ul li#personalNavPrimary a:hover,
									div#navPrimary ul li#personalNavPrimary a:hover span,
								div#navPrimary ul li#businessNavPrimary a:hover,
									div#navPrimary ul li#businessNavPrimary a:hover span,
								div#navPrimary ul li#aboutUsNavPrimary a:hover,
									div#navPrimary ul li#aboutUsNavPrimary a:hover span{
										background-position: 0 -100px;}

					div#navPrimary ul li a em{
						font-weight: normal;
						line-height: 1.3;}


/* =content
------------------------------------------------------------------ */
div#content{
	background-image: url("../images/design/bkg_content-repeat.gif");
	background-repeat: repeat-y;
	margin: 0 auto 0;
	position: relative;
	text-align: left;
	width: 770px;}	

	body.compareCheckingSubSection div#content,
			body.compareSavingsSubSection div#content{
				background-image: url("../images/design/bkg_contentSingle-repeat.gif");
				background-position: right top;}

	div#content div#contentInner{
		background-image: url("../images/design/bkg_content-bottom.gif");
		background-position: left bottom;
		background-repeat: no-repeat;}

		body.compareCheckingSubSection div#content div#contentInner,
			body.compareSavingsSubSection div#content div#contentInner{
				background-image: url("../images/design/bkg_contentSingle-bottom.gif");}

	/* keep superscript and subscript text from breaking the line-spacing */
	div#content sup {
	    font-size: smaller;
	    position: relative;
	    bottom: 0.33em;
	    vertical-align: baseline;}

	    div#content h1 sup{
	    	font-size: 46%;
	    	bottom: 0.75em;}

	    div#contentPrimary h2 sup{
	    	font-size: 65%;
	    	bottom: 0.75em;}
	    
	div#content sub {
	    font-size: smaller;
	    position: relative;
	    bottom: -0.25em;
	    vertical-align: baseline;}
		
	
/* =contentPrimary
------------------------------------------------------------------ */
div#contentPrimary{
	display: inline;
	float: left;
	width: 536px;}

	body.compareCheckingSubSection div#contentPrimary,
		body.compareSavingsSubSection div#contentPrimary{
			float: none;
			width: auto;}

	div#contentMain{
		padding: 10px 13px 20px 15px;}
		

		body.compareCheckingSubSection div#contentPrimary div#contentMain,
			body.compareSavingsSubSection div#contentPrimary div#contentMain{
				padding-right: 20px;}

		body.home div#contentMain{
			background-image: url("../images/design/bkg_contentMainHome-bottom.gif");
			background-position: left bottom;
			background-repeat: no-repeat;}

			div#contentMain div#intro{
				font-size: 108%;
				margin-left: 15px;}

				body.newsSubSection div#contentMain div#intro{
					border-bottom-style: solid;
					border-bottom-width: 1px;
					margin-left: 0;
					margin-bottom: 0.5em;}

				div#contentMain div#intro p.footnote,
					div#contentMain div#intro ol.footnote{
						font-size: 86%;}

					div#contentMain ol.footnote li,
						div#contentMain div#intro ol.footnote li{
							margin-bottom: 0.15em;}

				body.home div#contentMain div#intro,
					body.getStartedSection div#contentMain div#intro{
						margin-left: 0;}

		/* =headings */
		div#contentPrimary h1{
			background-image: url("../images/design/headingH1-border.gif");
			background-position: left bottom;
			background-repeat: repeat-x;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 197%;
			font-weight: normal;
			line-height: 1.0;
			margin-bottom: 0.5em;
			padding-bottom: 0.5em;}

			body.home div#contentPrimary h1,
				body.getStartedSection div#contentPrimary h1{
					background-image: none;
					margin-bottom: 1.0em;
					padding-bottom: 0.0em;}

			div#contentPrimary h1#headingEntrepreneursUnite, 
				div#contentPrimary h1#headingEntrepreneursUnite span{
					background-image: url("../images/design/headingH1-businessHome.gif");
					height: 52px;
					width: 387px;
					margin-bottom: 0.5em;}
					
					body.espaniol div#contentPrimary h1#headingEntrepreneursUnite, 
						body.espaniol div#contentPrimary h1#headingEntrepreneursUnite span{
							background-image: url("../images/design/spanish/headingH1-businessHomeEs.gif");
							height: 51px;
							width: 359px;}

			div#contentPrimary h1#headingHiWereAsb, 
				div#contentPrimary h1#headingHiWereAsb span{
					background-image: url("../images/design/headingH1-personalHome.gif");
					height: 18px;
					width: 394px;
					margin-bottom: 1.0em;}
					
					body.espaniol div#contentPrimary h1#headingHiWereAsb, 
						body.espaniol div#contentPrimary h1#headingHiWereAsb span{
							background-image: url("../images/design/spanish/headingH1-personalHomeEs.gif");
							width: 442px;}

			div#contentPrimary h1#learningEarningSavingGrowing,
				div#contentPrimary h1#learningEarningSavingGrowing span{
					background-image: url("../images/design/headingH1-getStarted.gif");
					height: 57px;
					width: 502px;
					margin-bottom: 0.5em;}
					
					body.espaniol div#contentPrimary h1#learningEarningSavingGrowing,
						body.espaniol div#contentPrimary h1#learningEarningSavingGrowing span{
							background-image: url("../images/design/spanish/headingH1-getStartedEs.gif");
							height: 55px;
							width: 506px;}

			div#contentPrimary h1#welcomeStory,
				div#contentPrimary h1#welcomeStory span{
					background-image: url("../images/design/headingH1-aboutHome.gif");
					height: 45px;
					width: 313px;
					margin-bottom: 1.0em;}
					
					body.espaniol div#contentPrimary h1#welcomeStory,
						body.espaniol div#contentPrimary h1#welcomeStory span{
							background-image: url("../images/design/spanish/headingH1-aboutHomeEs.gif");
							height: 48px;
							width: 310px;
							margin-bottom: 0.8em;}

			div#contentPrimary h1 em{
				display: block;}

				div#contentPrimary h1#learningEarningSavingGrowing em{
					text-align: right;}

			div#contentMain h2{
				font-size: 136%;
				font-weight: normal;
				margin-bottom: 0.5em;}

				div#contentPrimary h2#letsGetStarted,
					div#contentPrimary h2#letsGetStarted span{
						background-image: url("../images/design/headingH2-getStarted.gif");
						height: 30px;
						width: 222px;}
						
						body.espaniol div#contentPrimary h2#letsGetStarted,
							body.espaniol div#contentPrimary h2#letsGetStarted span{
								background-image: url("../images/design/spanish/headingH2-getStartedEs.gif");
								width: 196px;}

					div#contentPrimary h2#letsGetStarted{
						margin-top: 3em;
						margin-left: 15px;
						margin-bottom: 0.25em;}

					div#contentMain h2#pageTagline{
						font-size: 152%}

						body.newsSubSection div#contentMain h2#pageTagline{
							font-size: 114%;}

			div#contentMain h3{
				font-size: 108%;
				font-weight: normal;
				/*margin-bottom: 0.5em;*/
				}
				
				body.freeGiftSubSection div#contentMain h3{
					background-image: url("../images/design/icon_star.gif");
					background-repeat: no-repeat;
					background-position: 0 0;
					font-size: 123%;
					padding-left: 21px;}

				div#contentMain h2.divider,
					div#contentMain h3.divider
				{
					border-bottom-style: solid;
					border-bottom-width: 1px;
					/*margin-top: 1em;*/
					margin-top: 0.5em;
				}
						
					div#contentMain dl dd h3.divider
					{
						margin-top: 1em;
					}

				body.tributePhotosSubSection div#contentPrimary h3{
					margin-top: 2em;}

		/* General Text */
		div#contentMain p{
			line-height: 1.5;}

			div#contentMain p.notInsured{
				border-style: solid;
				border-width: 1px;
				font-weight: bold; 
				margin-left: 15px;
				margin-right: 15px;
				padding: 5px 5px;
				text-align: center;}

				div#contentMain p strong{
					font-weight: bold;}			
				
			 /* successfully submitted a form or error occured message */		
			div#contentMain p.success,
				div#contentMain p.error{
					background-image: url(../images/design/icon_success.gif);
					background-position: 5px 7px;
					background-repeat: no-repeat;		
					border-style: solid;
					border-width: 1px;
					padding: 5px 5px 5px 26px;}	
					
					div#contentMain p.error{
						background-image: url(../images/design/icon_error.gif);}

			/* Debit Rewards section */			
			body.debitRewardsSubSection div#contentMain dl,
				body.debitRewardsSubSection div#contentMain p{
					font-size: 107%;}

				body.debitRewardsSubSection div#contentMain dl dt{
					font-size: 122%;}

					body.debitRewardsSubSection div#contentMain dl dd{
						margin-bottom: 1.5em;}

		/* Lists */
		div#contentMain dl dt{
			color: #04528d;
			font-size: 114%;
			/*margin-bottom: 0.5em;*/
			}
			
			body.careersSection div#contentMain dl dt{
				margin-top: 1.0em;
				margin-bottom: 0.25em;}
			
			div#contentMain dl.accountIncludes dt{
				background-image: url("../images/design/icon_checkmarkCircle.gif");
				background-position: 100% 3px;
				background-repeat: no-repeat;
				float: left;
				padding-right: 19px;}

			div#contentMain dl dd{
				line-height: 1.5;
				margin-bottom: 1.0em;}
				
				body.careersSection div#contentMain dl dd{
					line-height: 1.0;
					margin-bottom: 0.25em;}
					
					body.careersSection div#contentMain dl dd dl dt{
						font-size: 100%;}
						
					body.careersSection div#contentMain dl dd dl dd{
						line-height: 1.3;
						margin-bottom: 0.5em;}

				div#contentMain dl.accountIncludes dd{
					clear: left;}

			body.faqSubSection div#contentMain dl dt.firstChild{
				border-top-color: #ccc;
				border-top-style: solid;
				border-top-width: 2px;
				padding-top: 0.5em;}

			body.faqSubSection div#contentMain dl dd{
					border-bottom-color: #ccc;
					border-bottom-style: solid;
					border-bottom-width: 2px;
					margin-left: 0;}

				body.faqSubSection div#contentMain dl dd.lastChild{
					border: 0;}

				body.faqSubSection div#contentMain dl dd p.jump{
					text-align: right;}

					body.faqSubSection div#contentMain dl dd p.jump a{
						background-image: url("../images/design/icon_upArrow-bullet.gif");
						background-position: 0 0;
						background-repeat: no-repeat;
						padding-left: 18px;
						padding-bottom: 5px;}

		div#contentMain ul li,
			div#contentMain ul.linklist li{
				list-style-type: disc;
				margin-bottom: 0.5em;
				margin-left: 25px;}

			div#contentMain div#intro ul li{
				line-height: 1.4;}
				
				div#contentMain ul.numbers li{
					list-style-type: decimal;}

				div#contentMain ul.linklist li{
					background-image: url("../images/design/icon_rightTriangle-bullet.gif");
					background-position: 0 3px;
					background-repeat: no-repeat;
					list-style-type: none;
					margin-left: 10px;
					padding-left: 15px;}

			div#contentMain ul.pdfList li{
				background-image: url("../images/design/icon_pdf-bullet.gif");
				background-position: 0 0;
				background-repeat: no-repeat;
				list-style-type: none; 
				margin-left: 10px;
				padding-left: 20px;
				padding-bottom: 1px;}

			body.directorySubSection div#contentMain ul{
				margin-left: 15px;}

				body.directorySubSection div#contentMain div#intro ul{
					margin-left: 0;}

				body.directorySubSection div#contentMain ul li{
					display: inline;
					float: left;
					margin-left: 0;
					width: 33%;}

			body.directorySubSection div#contentMain h2,
				body.directorySubSection div#contentMain h3{
					clear: both;}

			/* =sitemap */
			body.siteMapSection div#contentMain{
				font-size: 92%;}
				
			body.siteMapSection div#contentMain div#columnOne,
				body.siteMapSection div#contentMain div#columnTwo{
					display: inline;
					float: left;
					width: 47%;
					margin-right: 2%;}

				body.siteMapSection div#contentMain div#columnTwo{
					margin-right: 0;}

				body.siteMapSection div#contentMain ul li{
					background-image: url("../images/design/icon_page.gif");
					background-position: 0 1px;
					background-repeat: no-repeat;
					list-style-type: none;
					margin-left: 10px;
					padding-left: 18px;
					padding-bottom: 5px;}

					body.siteMapSection div#contentMain ul li.directory{
						background-image: url("../images/design/icon_folder.gif");
						padding-left: 20px;}

					body.siteMapSection div#contentMain ul li ul{
						margin-top: 0.5em;
						margin-bottom: 0.5em;}
				

		div#contentMain ol{
			margin-left: 15px;}

		div#contentMain ol li{
			list-style-type: decimal;
			margin-bottom: 0.5em;}

			div#contentMain ol li ul li{
				list-style-type: disc;}

			div#contentMain ol li ol li{
			list-style-type: lower-alpha;
			margin-bottom: 0.5em;}

			/* Call to action */
			div#contentMain div.callToAction{
				margin-top: 15px;
				text-align: center;
				float: left;
				width: 270px;}

				div#contentMain div.callToAction h2{
					border: 0;
					font-size: 114%;
					font-weight: bold;
					margin-top: 0.0em;
					margin-bottom: 0.5em;}

					body.personalSection div.callToAction h2{
						width: 168px;
						margin-left: auto;
						margin-right: auto;}

				div.callToAction p a{
					background-image: url("../images/design/btn_letsMeet.gif");
					background-position: center top;
					background-repeat: no-repeat;
					display: block;
					height: 30px;
					text-indent: -5000px;}	
					
					body.espaniol div.callToAction p a{
						background-image: url("../images/design/spanish/btn_conocernos.gif");
					}

	/* =Banking Services */
	div#contentPrimary div#bankingServices,
		div#contentPrimary div#asbPioneers{
			background-image: url("../images/design/bkg_bankingServices-top.gif");
			background-position: left top;
			background-repeat: no-repeat;
			margin: 0 -8px 0 0;
			padding-top: 15px;
			padding-left: 13px;
			position: relative; /* to allow IE to sit on top of repeating drop shadow */}

		/* Make IE apply hasLayout to fix wonkiness using the "Trip Switch" 
			http://www.tanfa.co.uk/css/examples/haslayout/tripswitch-demo.asp */
			div#contentPrimary div#bankingServices, div#contentPrimary div#asbPioneers{display: inline-block;}
			div#contentPrimary div#bankingServices, div#contentPrimary div#asbPioneers{display: block;}	

		div#bankingServices div.outer,
			div#asbPioneers div.outer{
				padding-left: 10px;}

		div#bankingServices div.inner,
			div#asbPioneers div.inner{
				background-image: url("../images/design/bkg_bankingServices-repeat.gif");
				background-position: 0 25px;
				background-repeat: repeat-x;
				padding-bottom: 75px;}
				
			body.personalSection.home div#bankingServices div.inner{
				padding-bottom: 95px;}
				
			body.businessSection.home div#bankingServices div.inner{
				padding-bottom: 95px;}

			div#asbPioneers div.inner{
				background-image: none;
				padding-top: 15px;
				padding-right: 10px;}

		div#bankingServices h2,
			div#asbPioneers h2{
				border-top-style: solid;
				border-top-width: 4px;
				font-size: 121%;
				font-weight: normal;
				margin-bottom: 0.5em;
				padding: 0.25em 8px;}

			div#asbPioneers h2{
				border: 0;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 150%;
				padding: 0;}

			div#bankingServices h2#headingAllServicesYouNeed{
				background-image: url("../images/design/headingBankingServices-businessHome.gif");
				background-position: 8px 0.25em;
				background-repeat: no-repeat;
				height: 23px;
				text-indent: -5000px;}
				
			div#bankingServices h2#headingAllServicesYouNeedEspanol{
				background-image: url("../images/design/spanish/headingBankingServices-PersonalHomeEs.gif");
				background-position: 8px 0.25em;
				background-repeat: no-repeat;
				height: 23px;
				text-indent: -5000px;}

			div#bankingServices h2#headingBankingStuffYouKnow{
				background-image: url("../images/design/headingBankingServices-personalHome.gif");
				background-position: 8px 0.25em;
				background-repeat: no-repeat;
				height: 25px;
				text-indent: -5000px;}
				
				body.espaniol div#bankingServices h2#headingBankingStuffYouKnow{
					background-image: url("../images/design/spanish/headingBankingServices-personalHomeEs.gif");
					height: 21px;}

			div#asbPioneers h2#praiseForPioneers,
				div#asbPioneers h2#praiseForPioneers span{
				background-image: url("../images/design/headingH2-aboutHome.gif");
				background-repeat: no-repeat;
				height: 21px;
				width: 228px;
				margin-bottom: 0.5em;}
				
				body.espaniol div#asbPioneers h2#praiseForPioneers,
					body.espaniol div#asbPioneers h2#praiseForPioneers span{
					background-image: url("../images/design/spanish/headingH2-aboutHomeEs.gif");
					width: 261px;}

		div#asbPioneers p{
			font-size: 108%;
			line-height: 1.5;}

		div#bankingServices dl{
			border-left-color: #bcd5eb;
			border-left-style: solid;
			border-left-width: 1px;
			float: left;
			width: 33%;}

			div#bankingServices dl.firstChild{
				border-left: none;}

				div#bankingServices dl dt{ 
					color: #95601d;
					font-style: italic;
					font-weight: bold;
					margin: 0 0.5em 0.35em;}

				div#bankingServices dl dd{
					background-image: url("../images/design/icon_dblRightArrow-bullet.gif");
					background-position: 0 5px;
					background-repeat: no-repeat;
					margin: 0 0.5em 0.5em;
					padding-left: 12px;}
			
	div#contentPrimary img.adFloat{
		display: inline;
		float: left;
		margin-right: 20px;}

	/* hcards - http://microformats.org/wiki/hcard */
	div#contentMain div.vcard{
		margin-bottom: 1.0em;}
		
	div#contentMain div.vcard.branchLocations,
		div#contentMain div.vcard.atmLocations,
		div#contentMain div.vcard.mainOffices{
			margin-bottom: 1.5em;
			margin-left: 10px;}

		div#contentMain div.vcard.branchLocations div.org, 
			div#contentMain div.vcard.atmLocations span.organization-unit,
			div#contentMain div.vcard.mainOffices div.organization-name{
				display: none;}


	/* =forms */
	div#contentMain form#formContact, 
		div#contentMain form#formLocations,
		div#contentMain form#formGetStarted{
			background-image: url("../images/design/bkg_formContact-top.gif");
			background-repeat: no-repeat;
			font-size: 108%;
			margin-bottom: 1em;
			position: relative;}

			div#contentMain form#formGetStarted{
				clear: both;
				text-align: center;}

		div#contentMain form#formLocations{
			margin-bottom: 1.5em;}

		form#formContact fieldset,
			form#formLocations fieldset,
			form#formGetStarted div.inner{
				background-image: url("../images/design/bkg_formContact-bottom-white.gif");
				background-position: left bottom;
				background-repeat: no-repeat;
				padding: 10px;}

			form#formGetStarted div.inner{
				background-image: url("../images/design/bkg_formContact-bottom.gif");}

				form#formGetStarted div.inner{
					padding: 10px 10px 10px 20px;}

			form#formLocations fieldset,
				form#formGetStarted div.inner p{
					font-size: 129%;}

				form#formGetStarted div.inner p{
					margin-bottom: 0;}

				form#formLocations fieldset fieldset{
						background-image: none;
						padding: 0;}

			form#formGetStarted fieldset{
				border-bottom-style: solid;
				border-bottom-width: 2px;
				margin-bottom: 1em;
				padding-left: 10px;
				text-align: left;}

				form#formGetStarted fieldset fieldset,
					form#formGetStarted fieldset fieldset#branchInfo{
						border: 0;
						margin-bottom: 0;
						padding-bottom: 1.5em;
						padding-left: 15px;}

						form#formGetStarted fieldset fieldset#branchInfo p{
							font-size: 100%;}

					form#formGetStarted fieldset.lastChild fieldset{
						padding-left: 0;}

				form#formGetStarted fieldset legend{
					font-size: 129%;
					margin-bottom: 0;
					padding-left: 0;
					margin-left: -15px;
					padding-bottom: 0.75em;}

					form#formGetStarted fieldset fieldset#branchInfo legend{
						margin-left: -15px;}

					/* Make IE apply hasLayout to fix wonkiness using the "Trip Switch" 
						http://www.tanfa.co.uk/css/examples/haslayout/tripswitch-demo.asp */
						form#formGetStarted fieldset legend, form#formGetStarted fieldset fieldset#branchInfo legend{display: inline-block;}
						form#formGetStarted fieldset legend, form#formGetStarted fieldset fieldset#branchInfo legend{display: block;}

					form#formGetStarted fieldset.lastChild fieldset legend{
						margin-bottom: 3px;
						margin-left: 0;}

				form#formGetStarted fieldset fieldset legend{
					font-size: 100%;
					padding-bottom: 0;}

				form#formGetStarted fieldset div.outer{
					display: inline;
					float: left;
					margin-right: 15px;}

					form#formGetStarted fieldset div.outer label{
						font-size: 79%;}

			form#formContact fieldset label, 
				form#formGetStarted fieldset label{
					display: block;
					margin-bottom: 3px;}

				form#formLocations fieldset label.labelWrapped{
					margin-left: 15px;}

					form#formLocations fieldset label.labelWrapped input{
						margin-bottom: 2px;}
						
				form#formLocations fieldset p.groupHead{
					font-size: 78%;
					margin-top: 10px;
					margin-left: 7.7em;
					margin-bottom: 0.5em;}
					
					body.espaniol form#formLocations fieldset p.groupHead{
						margin-left: 0em;}

			form#formContact fieldset input, 
				form#formContact fieldset textarea,
				form#formLocations fieldset select,
				form#formGetStarted fieldset input,
				form#formGetStarted fieldset select{
					border-style: solid;
					border-width: 2px;
					margin-bottom: 0.75em;
					padding: 2px 2px;
					width: 180px;}

				form#formGetStarted fieldset input{
					width: 200px;}

					form#formGetStarted fieldset select{
						width: auto;
						margin-bottom: 0;}

					form#formGetStarted fieldset input.formCheckbox,
						form#formGetStarted fieldset input.formRadioButton{
							border: 0;
							margin: 0;
							padding: 0;
							width: auto;}

					form#formLocations fieldset select{
						width: 70%;
						margin: 0;}
						
						body.espaniol form#formLocations fieldset select{
							width: 55%;}

				form#formContact fieldset textarea{
					padding: 0;
					height: 125px;
					width: 484px;}

				form#formContact fieldset input#btnSendEmail,
					form#formLocations fieldset input.btnSubmit,
					form#formGetStarted fieldset input.btnSubmit{
						border: 0;
						float: right;
						padding: 0;
						width: auto;}

				form#formContact fieldset div.vcard{
					background-image: url("../images/design/bkg_formContactHcard-bottom.gif");
					background-position: left bottom;
					background-repeat: no-repeat;
					position:absolute;
					top:15px; 
					left:220px; 
					width:275px;}

					form#formContact fieldset div.vcard p{
						background-image: url("../images/design/bkg_formContactHcard-top.gif");
						background-position: left top;
						background-repeat: no-repeat;
						font-weight: bold;
						margin-bottom: 0.2em;
						padding: 10px 15px 0;}

						form#formContact fieldset div.vcard div.fn,
							form#formContact fieldset div.vcard span.type.hidden{
								display: none;}

						form#formContact fieldset div.vcard div.numbers{
							background-image: url("../images/design/icon_phone.gif");
							background-position: left top;
							background-repeat: no-repeat;
							margin: 0 15px 10px;
							padding-left: 31px;
							padding-bottom: 5px;}

	/* =Comparison Tables */
	body.compareCheckingSubSection p.return,
		body.compareSavingsSubSection p.return{
			background-image: url("../images/design/icon_returnArrow.gif");
			background-repeat: no-repeat;
			background-position: 0 4px;
			float: right;
			margin-top: 5px;
			padding-left: 32px;}
	
	body.compareCheckingSubSection table,
		body.compareSavingsSubSection table{
			background-image: url("../images/design/bkg_compare-headingTop.gif");
			background-repeat: no-repeat;
			background-position: right top;
			clear: both;
			font-size: 92%;
			margin-top:0.50em;}
	
		body.compareCheckingSubSection table th,
			body.compareSavingsSubSection table th,
			body.compareCheckingSubSection table td,
			body.compareSavingsSubSection table td{
				border-bottom-style: solid;
				border-bottom-width: 1px;
				border-right-style: solid;
				border-right-width: 1px;
				padding: 5px 3px;
				vertical-align: top;}

			body.compareSavingsSubSection table th,
				body.compareSavingsSubSection table td{
					padding-left: 5px;
					padding-right: 5px;}

			body.compareCheckingSubSection table thead td,
				body.compareSavingsSubSection table thead td{
					border-right: 0;}

			body.compareCheckingSubSection table tbody th.subGroup,
				body.compareSavingsSubSection table tbody th.subGroup{
					border-bottom: 0;}

				body.compareCheckingSubSection table thead th,
					body.compareSavingsSubSection table thead th{
						background-image: url("../images/design/bkg_compare-top.gif");
						background-repeat: repeat-x;
						text-align: center;
						padding-top: 1.0em;
						padding-bottom: 10px;}

					body.compareCheckingSubSection table thead th.firstChild,
						body.compareSavingsSubSection table thead th.firstChild{
							background-image: url("../images/design/bkg_compare-tl.gif");
							background-repeat: no-repeat;
							background-position: left top;}

					body.compareCheckingSubSection table thead th.lastChild,
						body.compareSavingsSubSection table thead th.lastChild{
							background-image: url("../images/design/bkg_compare-tr.gif");
							background-repeat: no-repeat;
							background-position: right top;
							border-right: 0;}

				body.compareCheckingSubSection table tbody th,
					body.compareSavingsSubSection table tbody th{
						padding: 8px 8px;}

						body.compareCheckingSubSection table tbody tr.groupHead th,
							body.compareSavingsSubSection table tbody tr.groupHead th{
								padding-top: 3px;
								padding-bottom: 4px;}	

					body.compareCheckingSubSection table tbody th strong em,
						body.compareSavingsSubSection table tbody th strong em{
							display: block;
							font-weight: bold;
							margin-top: 0.5em;
							text-align: center;}
	
				body.compareCheckingSubSection table tbody td,
					body.compareSavingsSubSection table tbody td{
						text-align: center;
						width: 79px;}

						body.compareSavingsSubSection table tbody td{
							width: 140px;}

					body.compareCheckingSubSection table tbody td.notApplicable,
						body.compareSavingsSubSection table tbody td.notApplicable{
							background-image: url("../images/design/bkg_compare-notApplicable.gif");
							background-repeat: repeat;
							background-position: left top;
							text-indent: -5000px;}

						body.compareCheckingSubSection table tbody.featureGrouping td.notApplicable,
							body.compareSavingsSubSection table tbody.featureGrouping td.notApplicable{
								background-image: url("../images/design/bkg_compareGroup-notApplicable.gif");}

					body.compareCheckingSubSection table tbody td.yes,
						body.compareSavingsSubSection table tbody td.yes{
							background-image: url("../images/design/icon_checkmarkCircle.gif");
							background-repeat: no-repeat;
							background-position: center center;
							text-indent: -5000px;}

						body.compareCheckingSubSection table tbody td.yes.multiline,
							body.compareSavingsSubSection table tbody td.yes.mulitline{
								background-position: 50% 5px;}

					body.compareCheckingSubSection table tbody td em,
						body.compareSavingsSubSection table tbody td em{
							display: block;
							text-indent: 0;}

						body.compareCheckingSubSection table tbody td.yes em,
							body.compareSavingsSubSection table tbody td.yes em{
								margin-top: 5px;}

					body.compareCheckingSubSection table tbody td.no,
						body.compareSavingsSubSection table tbody td.no{
							background-image: url("../images/design/icon_noCircle.gif");
							background-repeat: no-repeat;
							background-position: center center;
							text-indent: -5000px;}	

					body.compareCheckingSubSection div#contentPrimary table td ul li,
						body.compareSavingsSubSection div#contentPrimary table td ul li{
							list-style-type: none;
							margin-left: 0;
							margin-bottom: 0.15em;}	

					body.compareCheckingSubSection div#contentPrimary table td p,
						body.compareSavingsSubSection div#contentPrimary table td p{
							line-height: 1.2;
							margin-bottom: 0.5em;
							text-align: left;}


/* =contentSecondary
------------------------------------------------------------------ */
div#contentSecondary{
	display: inline;
	font-size: 100%;
	float: left;
	width: 234px;}

	div#contentSecondary div.inner{
		margin: 0 10px;}

		div#contentSecondary div.highlight{
			background-image: url("../images/design/bkg_secondHighlight.gif");
			background-position: right top;
			background-repeat: repeat-x;
			margin-top: -1.1em;
			margin-right: -10px;
			margin-left: -9px;
			padding: 1.1em 10px 1px;}

	/* =headings */
	div#contentSecondary h3{
		background-image: url("../images/design/bkg_headingSecond.gif");
		background-position: right top;
		background-repeat: no-repeat;
		font-size: 123%;
		font-weight: normal;
		margin-right: -10px;
		margin-left: -9px;
		padding: 0.15em 15px;}

	div#contentSecondary h3.firstHeading{
		background-image: url("../images/design/bkg_headingSecondTop.gif");
		padding-top: 45px;
		padding-bottom: 0.2em;}

		div#contentSecondary h3.firstHeading.login{
			background-image: url("../images/design/bkg_headingSecondTop-login.gif");
			height: 75px;
			padding-top: 0;
			padding-bottom: 0;
			padding-left: 75px;
			text-indent: -5000px;}
			
			body.espaniol div#contentSecondary h3.firstHeading.login{
				background-image: url("../images/design/spanish/bkg_headingSecondTop-loginEs.gif");}
			
			div#contentSecondary h3.firstHeading.debitRewards{
				background-image: url("../images/design/bkg_headingSecondTop-rewards.gif");
				height: 83px;
				margin-bottom: 0;
				padding-top: 0;
				padding-bottom: 0;
				text-indent: -5000px;}

			div#contentSecondary h3#checkingPlans.firstHeading,
				div#contentSecondary h3#savingsPlans.firstHeading,
				div#contentSecondary h3#creditDebitCards.firstHeading,
				div#contentSecondary h3#businessServices.firstHeading,
				div#contentSecondary h3#quickLinks.firstHeading,
				div#contentSecondary h3#spreadAtmLove.firstHeading,
				div#contentSecondary h3#questions.firstHeading,
				div#contentSecondary h3#trustServices.firstHeading,
				div#contentSecondary h3#helpAndInformation.firstHeading,
				div#contentSecondary h3#pastNews.firstHeading,
				div#contentSecondary h3#privacySecurity.firstHeading,
				div#contentSecondary h3#careers.firstHeading,
				div#contentSecondary h3#currentFreebie.firstHeading,
				div#contentSecondary h3#debitCard.firstHeading{
					background-image: url("../images/design/bkg_headingSecondTop-rightArrow.gif");
					padding-top:48px;
					padding-bottom: 0.5em;
					padding-left: 45px;}

				div#contentSecondary h3#trustServices.firstHeading{
					background-image: url("../images/design/bkg_headingSecondTop-trust.gif");
					padding-top:100px;}

				div#contentSecondary h3#questions.firstHeading{
					background-image: url("../images/design/bkg_headingSecondTop-question.gif");
					padding-top: 45px;}

				div#contentSecondary h3#spreadAtmLove.firstHeading,
					div#contentSecondary h3#personalBanking.firstHeading,
					div#contentSecondary h3#businessBanking.firstHeading,
					div#contentSecondary h3#aboutUs.firstHeading,
					div#contentSecondary h3#soundLikeCareer.firstHeading{
						background-image: url("../images/design/bkg_headingSecondTopAlt-rightArrow.gif");
						padding-top:48px;
						padding-bottom: 0.5em;
						padding-left:45px;}

					body.investmentsSubSection div#contentSecondary h3#personalBanking.firstHeading{
						background-image: url("../images/design/bkg_headingSecondTop-investments.gif");
						padding-top:100px;}
						
				div#contentSecondary h3#mailbox.firstHeading{
						background-image: url("../images/design/bkg_headingSecondMailbox.gif");
						padding-top:48px;
						padding-bottom: 0.5em;
						padding-left:45px;
				}

			div#contentSecondary h3#personalBanking,
				div#contentSecondary h3#businessBanking,
				div#contentSecondary h3#meetReps,
				div#contentSecondary h3#aboutUs,
				div#contentSecondary h3#soundLikeCareer{
					background-image: url("../images/design/bkg_headingSecond-rightArrow.gif");
					padding-top: 5px;
					padding-bottom: 5px;
					padding-left: 45px;}

				div#contentSecondary h3#relatedResources,
					div#contentSecondary h3#scamRisk,
					div#contentSecondary h3#onlineBanking,
					div#contentSecondary h3#bigBankServices,
					div#contentSecondary h3#helpAndInformation,
					div#contentSecondary h3#asbLovesLubbock,
					div#contentSecondary h3#meetUsInPerson,
					div#contentSecondary h3#readyToApply,
					div#contentSecondary h3#payYourWay,
					div#contentSecondary h3#questionsAnswers,
					div#contentSecondary h3#wantMoreInfo,
					div#contentSecondary h3#cancelCard,
					div#contentSecondary h3#freeConsultation,
					div#contentSecondary h3#runYourNegocio,
					div#contentSecondary h3#equalOpportunity,
					div#contentSecondary h3#haveQuestions,
					div#contentSecondary h3#ourMission,
					div#contentSecondary h3#photoGallery,
					div#contentSecondary h3#additionalResources{
						background-image: url("../images/design/bkg_headingSecond-folder.gif"); 
						padding-top: 5px;
						padding-bottom: 7px;
						padding-left: 45px;
						}

		div#contentSecondary h3 em{
			display: block;}

			div#contentSecondary h3.firstHeading em{
				font-size: 75%;
				font-style: italic;
				text-align: right;}

				div#contentSecondary h3.firstHeading.login em{
					text-align: left;
					text-indent: -5000px;}

		div#contentSecondary h4{
			font-weight: normal;
			margin-bottom: 0.5em;}

	/* Login form */
	div#contentSecondary form label{
		display: block;
		margin-bottom: 2px;}

		div#contentSecondary form label.labelWrapped{
			font-size: 92%;
			margin-bottom: 0.5em;}

		div#contentSecondary form label input{
				margin-bottom: 0.15em;}

	div#contentSecondary form input{
		border-style: solid;
		border-width: 2px;
		margin-bottom: 0.5em;
		padding: 2px 2px;
		width: 85%;}
		
		div#contentSecondary form input#v1
		{
			display: inline;
			float: left;
			margin-bottom: 1em;
			width: 65%;
		}

		div#contentSecondary form input.formCheckbox{
			border: 0;
			margin: 0;
			padding: 0;
			width: auto;}

		div#contentSecondary form input#btnLogin{
			border: 0;
			float: right;
			padding: 0;
			margin-top: -2px;
			margin-right: 8px;
			width: auto;}

	/* lists */
	div#contentSecondary ul li{
		margin-left: 0;
		margin-bottom: 0.5em;}

		div#contentSecondary ul.navlist li,
			div#contentSecondary ul.jumplist li,
			div#contentSecondary ul.bulletlist li,
			div#contentMain ul.jumplist li{
				background-image: url("../images/design/icon_rightTriangle-bullet.gif");
				background-position: 0 3px;
				background-repeat: no-repeat;
				margin-left: 5px;
				padding-left: 15px;}

				div#contentSecondary ul.bulletlist li{
					background-image: none;
					list-style-type: disc;
					padding-left: 0;
					margin-left: 20px;}

				div#contentMain ul.jumplist li{
					list-style-type: none;
					margin-left: 10px;}

			div#contentSecondary ul.jumplist li,
				div#contentMain ul.jumplist li,
				div#contentMain ul.linklist li.jumplink{
					background-image: url("../images/design/icon_downArrow-bullet.gif");
					background-position: 0 0;}

	div#contentSecondary ul li.help, 
		div#contentSecondary ul li.demo,
		div#contentSecondary ul li.online{
			background-position: left top;
			background-repeat: no-repeat;
			font-size: 92%;
			padding-left: 17px;}

		div#contentSecondary ul li.help{
			background-image: url("../images/design/icon_help-bullet.gif");}
	
	
  /* star - scheduled maintenance */	
  	div#contentSecondary ul li.maint, 
		div#contentSecondary ul li.notice{
			background-position: left top;
			background-repeat: no-repeat;
			font-size: 92%;
			padding-left: 17px;
			padding-right: 2px;}

		div#contentSecondary ul li.maint{
			background-image: url("../images/design/icon_star.gif");}
  /* end star - scheduled maintenace */	
	
		div#contentSecondary ul li.demo,
			div#contentSecondary ul li.online{
				background-image: url("../images/design/icon_singleRightArrow-bullet.gif");
				background-position: 0 5px;}

	/* hcards - http://microformats.org/wiki/hcard */
	div#contentSecondary div.vcard{
		font-size: 92%;
		margin-bottom: 1.0em;}

		div#contentSecondary div.vcard p{
			font-size: 108%;}

		div#contentSecondary div.vcard.last-child{
			margin-bottom: 2.0em;}

		div#contentSecondary div.vcard div.organization-name{
			display: none;}

		div#contentSecondary div.vcard div.organization-unit,
			div#contentSecondary div.vcard div.fn{
				font-weight: bold;}

			div#contentSecondary div.vcard.phoneOnly div.fn{
				display: none;}

		div#contentSecondary div.vcard div.adr, 
			div#contentSecondary div.vcard div.tel, 
			div#contentSecondary div.vcard a.url{
				margin-left: 10px;}

			div#contentSecondary div.vcard div.numbers,
				div#contentSecondary p.numbers{
					background-image: url("../images/design/icon_phone.gif");
					background-position: left top;
					background-repeat: no-repeat;
					margin-left: 15px;
					padding-left: 21px;
					padding-bottom: 10px;}

					div#contentSecondary p.numbers{
						padding-bottom: 30px;}

					div#contentSecondary div.vcard.numberlist div.numbers{
						background-image: none;
						margin-left: 0;
						padding-left: 0;}

						div#contentSecondary div.vcard.numberlist div.type{
							font-weight: bold;
							margin-top: 1em;}

						div#contentSecondary div.vcard.numberlist div.value{
							margin-left: 15px;}
			

	/* text */
	div#contentSecondary p.callToAction{
		margin-bottom: 0;
		padding-bottom: 1.0em;
		text-align: center;}

		div#contentSecondary p strong{
			font-weight: bold;}

		div#contentSecondary a#trustServicesLogin,
			div#contentSecondary a#investmentsLogin{
				background-image: url("../images/design/btn_trustServices.gif");
				background-position: center top;
				background-repeat: no-repeat;
				display: block;
				height: 34px;
				text-indent: -5000px;
				position: absolute;
				top: 40px;
				right: 20px;
				width: 201px;}

				div#contentSecondary a#investmentsLogin{
					background-image: url("../images/design/btn_investments.gif");}
					
					body.espaniol div#contentSecondary a#investmentsLogin{
						background-image: url("../images/design/spanish/btn_investmentsEs.gif");
						height: 33px;
						width: 202px;}

		div#contentSecondary p.callToAction a{
			background-image: url("../images/design/btn_compareCheckingPlans.gif");
			background-position: center top;
			background-repeat: no-repeat;
			display: block;
			height: 25px;
			text-indent: -5000px;}
			
			body.espaniol div#contentSecondary p.callToAction a{
				background-image: url("../images/design/spanish/btn_compareCheckPlanEs.gif");}

			body.savingsSubSection div#contentSecondary p.callToAction a{
				background-image: url("../images/design/btn_compareSavingsPlans.gif");}
				
				body.savingsSubSection div#contentSecondary p.callToAction a.espaniol{
					background-image: url("../images/design/spanish/btn_compareSavePlanEs.gif");}

		body.tributeSubSection div#contentSecondary img{
			margin-bottom: 5px;}

	/* Ad Block - contains sidebar ads */
	div#contentSecondary div.adBlock{
		border-top-style: solid;
		border-top-width: 6px;
		font-size: 92%;
		margin-top: 30px;
		padding-top: 15px;
		text-align: center;}
		
		body.checkingSubsection div#contentSecondary div.adBlock{
			}

		div#contentSecondary div.adBlock img,
			div#contentSecondary img{
			margin-bottom: 10px;}

			div#contentSecondary div.adBlock img.withCaption{
				margin-bottom: 2px;}

		div#contentSecondary div.adBlock p{
			text-align: left;}


/* =footer
------------------------------------------------------------------ */
div#footer{
	background-image: url("../images/design/bkg_footer-top.gif");
	background-repeat: no-repeat;
	clear: both;
	font-family: verdana, arial,helvetica,sans-serif;
	font-size: 92%;
	margin: 0 auto;
	padding: 50px 0 30px;
	text-align: center;
	width: 770px;}

	body.home div#footer{
		background-image: url("../images/design/bkg_footerHome-top.gif");
		padding-top: 30px;}

	body.compareCheckingSubSection div#footer,
		body.compareSavingsSubSection div#footer{
			background-image: none;
			padding-top: 20px;}

	div#footer ul li{
		border-right-style: solid;
		border-right-width: 1px;
		display: inline;
		margin-left: 0px; }

		div#footer ul li.lastChild{
			border-right: none;}

			div#footer ul li a{
				padding: 0.2em 10px 0.3em;}

	div#footer p{
		margin-bottom: 0.3em;}		

		body.investmentsSubSection div#footer p span#fdicMember,
			body.trustSubSection div#footer p span#fdicMember{
				display: none;}

		div#footer p span#equalHousing{
			background-image: url("../images/design/icon_equalHousingLender.gif");
			background-repeat: no-repeat;
			background-position: 100% 2px;
			padding-right: 16px;}
			
			#verisign{
				float: left;
			}


/* =misc text styles
----------------------------------------------------------------- */

/* hidden text used for screen readers 
	http://www.webaim.org/techniques/css/invisiblecontent/index.php#hidingfromsighted */
.accessibility
{
	position:absolute;
	left:-1000px;
	top:-2000px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.faqTableHeader{
	background-color:#bcd5eb;
	color:#00387d;
	font-size:12px;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
}

.faqTableOdd {
	background-color:white;
	border-top:1px solid #bcd5eb;
	padding-top:2px;
	padding-bottom:2px;
}

.faqTableEven {
	background-color:#e6f3ff;
	border-top:1px solid #bcd5eb;
	padding-top:2px;
	padding-bottom:2px;
}