/* ***************************************************************************************
name: colors.css
contents: All color information
media types: screen,handheld,projection
*************************************************************************************** */

/* ====================================================
http://www.garrettdimon.com/archives/css-maintenance-tip-use-a-color-glossary

Color Glossary:

== grayscale
#ffffff - white 
		(body background, aux-nav text, border color, some text)
#535353 - medium dark grey
		(primary content text)
#646464 - medium Grey
		(footer text)

== blues
#0a6baf - royal blue
		(aux-nav background)
#034f8a - dark blue
		(aux-nav border)
#00387d - medium dark blue
		(some heading text)
#0089c1 - desaturated royal blue
		(aux-nav separators)
#bcd5eb - semi-transparent seeming blue
		(list separators)
#ffbd12 - orange
		(link hovers)
#e6f3ff - baby blue
		(masthead background)
#00387d - Navy blue
		(navPrimary heading link text)
#3199d0 - medium blue
		(input borders)
#1484bf - Light blue w/slight green hue
		(general link text)
#0070b8 - lighter blue
		(navPrimary & footer link text)
#cae5fe - sky blue
		(content background)
		
== Browns
#653c09 - very dark brown
		(heading borders, secondary content text)
#5d2a00 - dark brown
		(navPrimary current heading link text, h1)
#95601d - medium brown
		(heading backgrounds, list headings)
#934900 - light brown
		(navPrimary current link text, h1 line 2, strong)

== Accents	
#fffa87 - yellow
		(navPrimary current background)
#fbeec1 - cream
		(heading subline)
#adefa3 - light green
		(form success message background)
#0ab31a - medium green
		(form message border)
#ffe346 - Goldenrod
		(form error message background)

===================================================== */

/* =General Box elements
------------------------------------------------------------------ */
body{
	background-color: white;}

/* =Auxiliary Navigation */
div#page div#navAuxiliary{
	background-color: #0a6baf;
	border-bottom-color: #034f8a;
	color: white;}

	div#navAuxiliary ul li a{
		border-right-color: #0089c1;
		color: white;}

		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{
				color: #ffbd12;}
	

/* =Masthead
------------------------------------------------------------------ */
div#masthead{
	border-top-color: #ffffff;
	background-color: #e6f3ff;}

	/* Primary Navigation */
	div#navPrimary ul li a{
		color: #00387d;}

		div#navPrimary ul li a em{
			color: #0070b8;}

			div#navPrimary ul li a:hover{
				background-color: white;}

			body.personalSection div#navPrimary ul li#personalNavPrimary a,
				body.businessSection div#navPrimary ul li#businessNavPrimary a,
				body.aboutUsSection div#navPrimary ul li#aboutUsNavPrimary a{
					background-color: #fffa87;
					color: #5d2a00;}

				body.personalSection div#navPrimary ul li#personalNavPrimary a em,
					body.businessSection div#navPrimary ul li#businessNavPrimary a em,
					body.aboutUsSection div#navPrimary ul li#aboutUsNavPrimary a em{
						color: #934900;}


/* =content
------------------------------------------------------------------ */
div#content{
	background-color: #cae5fe;}

	body.compareCheckingSubSection div#content,
			body.compareSavingsSubSection div#content{
				background-color: transparent;}

	body.newsSubSection div#page div#contentPrimary img,
		body.tributePhotosSubSection div#page div#contentPrimary img,
		body.tributeSubSection div#page div#contentSecondary img{
			border-color: #95601d;}


/* =ContentPrimary
------------------------------------------------------------------ */
div#contentMain{
	color: #666666;}

	div#contentPrimary a{
		color: #1484bf;}

		body.newsSubSection div#contentMain ul.linklist li a{
			color: #653c09;}

		div#contentPrimary a:hover{
			color: #04528d;}

		body.newsSubSection div#contentMain div#intro{
			border-bottom-color: #8e704b;}

	/* =Headings */		
	div#contentPrimary h1{
		color: #5d2a00;}
	
		div#contentPrimary h1 em{
			color: #934900;}
	
	div#contentMain h2{
		color: #653c09;}
	
		div#contentMain h2 em{
			color: #95601d;}

		div#contentMain div.callToAction h2{
			color: #0d4e8b;}

	div#contentMain h3{
		background-color: transparent;
		color: #653c09;}
		
		body.freeGiftSubSection div#contentMain h3{
			color: #04528d;}

		div#contentMain h2.divider,
			div#contentMain h3.divider{
				border-bottom-color: #653c09;}

	/* misc text styles */
	div#contentMain p{
		color: #535353;}

		div#contentMain p.notInsured{
				background-color: white;
				border-color: #666;}

		div#contentMain p strong{
			color: #934900;}

			body.getStartedSection div#contentMain p strong{
				color: #117cba;}
				
		body.careersSection div#contentMain dl dd dl dt{
			color: #444;}
				
		/* successfully submitted a form or error occured message */		
		div#contentMain p.success,
			div#contentMain p.error{
				background-color: #adefa3; /* light green */
				border-color: #0ab31a; /* medium green */
				color: black;} 	

				div#contentMain p.error{
					background-color: #ffe346;} /* Goldenrod */

		/* Banking Services */
		div#contentPrimary div#bankingServices,
			div#contentPrimary div#asbPioneers{
				background-color: white;}
	
			div#bankingServices div.outer,
				div#bankingServices div.inner,
				div#asbPioneers div.outer,
				div#asbPioneers div.inner{
					background-color: #cae5fe;}
	
			div#bankingServices h2{
				background-color: #95601d;
				border-top-color: #653c09;
				color: white;}

				div#asbPioneers h2{
					color: #04528d;}

				div#asbPioneers p{
					color: #666;}
		
				div#bankingServices dl{
					border-left-color: #bcd5eb;}
		
					div#bankingServices dl dt{
						color: #95601d;}

	/* =hcards - http://microformats.org/wiki/hcard */
	div#contentMain div.vcard.branchLocations div.adr,
		div#contentMain div.vcard.atmLocations div,
		div#contentMain div.vcard.mainOffices div.organization-unit{
			color: black;}

			div#contentMain div.vcard.atmLocations div.atmInfo{
				color: inherit;}


	/* =forms */
	div#contentMain form#formContact,
		div#contentMain form#formLocations,
		div#contentMain form#formGetStarted{
			background-color: #eee4cb;}

			form#formGetStarted fieldset{
				border-bottom-color: #95601d;}

			form#formContact fieldset label, 
				form#formLocations fieldset label,
				form#formLocations fieldset p.groupHead,
				form#formGetStarted div.inner,
				form#formGetStarted div.inner p,
				form#formGetStarted fieldset legend{
					color: #653c09;}

				form#formGetStarted fieldset label.labelWrapped,
					form#formGetStarted fieldset div.outer label{
						color: #2d1900;}

			form#formContact fieldset input, 
				form#formContact fieldset textarea,
				form#formLocations fieldset select,
				form#formGetStarted fieldset input,
				form#formGetStarted fieldset select{
					background-color: white;
					border-color: #3199d0;}

				form#formContact fieldset input.formRadioButton,
					form#formContact fieldset input.formCheckbox,
					form#formGetStarted fieldset input.formRadioButton,
					form#formGetStarted fieldset input.formCheckbox{
						background-color: transparent;}

				form#formContact fieldset input:focus, 
					form#formContact fieldset textarea:focus,
					form#formGetStarted fieldset input:focus{
						background-color: #fffa87;}

				form#formContact fieldset div.vcard{
					background-color:white; 
					color: #653c09;}

					form#formContact fieldset div.vcard p{
						color: #653c09;}

	/* Comparison Tables */
	body.compareCheckingSubSection table,
		body.compareSavingsSubSection table{
			background-color: white;
			color: black;}

			body.compareCheckingSubSection table th,
				body.compareSavingsSubSection table th,
				body.compareCheckingSubSection table td,
				body.compareSavingsSubSection table td{
					border-bottom-color: #cfc3b3;
					border-right-color: #cfc3b3;}

			body.compareCheckingSubSection table tr.lastChild th,
				body.compareSavingsSubSection table tr.lastChild th,
				body.compareCheckingSubSection table tr.lastChild td,
				body.compareSavingsSubSection table tr.lastChild td{
					border-bottom-color: #0b6db1;}
			
			body.compareCheckingSubSection table thead th,
				body.compareSavingsSubSection table thead th{
					background-color: #95601d;
					border-right-color: #b38d5b;
					color: white;}

				body.compareCheckingSubSection div#contentPrimary table thead th a,
					body.compareSavingsSubSection div#contentPrimary table thead th a{
						color: white;}

			body.compareCheckingSubSection table tbody th,
				body.compareSavingsSubSection table tbody th,
				body.compareCheckingSubSection table tbody.featureGrouping tr.groupHead th,
				body.compareSavingsSubSection table tbody.featureGrouping tr.groupHead th{
					color: #0b6db1;}

			body.compareCheckingSubSection table tbody.featureGrouping th,
				body.compareSavingsSubSection table tbody.featureGrouping th,
				body.compareCheckingSubSection table tbody.featureGrouping td,
				body.compareSavingsSubSection table tbody.featureGrouping td{
					background-color: #eff7ff;}

				body.compareCheckingSubSection table tbody.featureGrouping th,
					body.compareSavingsSubSection table tbody.featureGrouping th{
						color: #653c09;}

			body.compareCheckingSubSection table tbody tr.groupHead th,
				body.compareSavingsSubSection table tbody tr.groupHead th{
					background-color: #d6ebff;}	

				body.compareCheckingSubSection table tbody th em,
					body.compareSavingsSubSection table tbody th em{
						color: #555555;}

		body.compareCheckingSubSection table tbody td.notApplicable,
			body.compareSavingsSubSection table tbody td.notApplicable{
				background-color: #e0dece;}	

			body.compareCheckingSubSection div#contentPrimary table td p,
				body.compareSavingsSubSection div#contentPrimary table td p{
					color: black;}


/* =Content-secondary
------------------------------------------------------------------ */
div#contentSecondary{
	color: #0c467c;}

	body.freeGiftSubSection div#contentSecondary{
		color: #653c09;}
	
	div#contentSecondary div.highlight{
		background-color: white;}

	div#contentSecondary a{
		color: #653c09;}

		div#contentSecondary a:hover,
			div#contentSecondary li.current a{
				color: black;
				text-decoration: none;}

	div#contentSecondary h3{
		background-color: #3199d0;
		color: white;}

	div#contentSecondary h3.firstHeading{
		background-color: #95601d;}
	
		div#contentSecondary h3.firstHeading em{
			color: #fbeec1;}

	div#contentSecondary h4{
		color: black;}

	/* hcards - http://microformats.org/wiki/hcard */
	div#contentSecondary div.vcard{
		color: #0c467c;}


	/* form - login */
	div#contentSecondary form input{
		border-color: #3199d0;}

		div#contentSecondary form input:focus{
			background-color: #fffa87;}

	div#contentSecondary div.adBlock{
		border-top-color: #a3d2ff;
		color: #0c467c;}


/* =Footer
------------------------------------------------------------------ */
div#footer{
	color: #646464;}

	div#footer ul li{
		border-right-color: #0070b8;}

		div#footer ul li a{
			color: #0070b8;
			text-decoration: none;}
	
			div#footer ul li a:hover{
				text-decoration: underline;}

/* =Miscellaneous
------------------------------------------------------------------ */