﻿/* FRESH START */
* 	{ margin: 0; padding: 0; }
img { border: 0; }
hr	{ display: none; }

body {
	background: url(../images/background.gif) repeat-x;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#555;
}

/* LINKS */
a:link, a:visited { 
	color: #cd614c;
	text-decoration: none;
}
a:hover { 
	color: #a14432;
	text-decoration:underline;
}
a:active { 
	color: #cd614c;
	text-decoration: none;
}

/* HEADERS */
h1, h2  {
	color: #00539f;
	font-size: 13px;
	}
h2 {
	margin: 4px 0 0 0;
	text-transform: uppercase;
}
h2.extra {
	border-bottom: 1px solid #ccc;
	margin: 4px 12px 4px 12px;
	padding: 4px 0 2px 0;
}
h2.default { margin: 4px 12px 10px 12px; padding-top:4px; }
.locations #flashcontent h2.default { text-indent: -9999em; height: 1px; margin: 0;}
h2.article { margin-bottom: 0px; }
h3 {
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	margin: 12px 12px;
	padding: 0 0 4px 0;
}
h3.loans, .broker h3{
	border-width: 0;
	font-size: 12px;
	margin: 0;
	padding: 12px 0 8px 0;	
}
.broker h3 { padding: 6px 0; }
h3.cleared {
	clear: left;
}
#detail h3 {
	border-width: 0;
	margin: 12px 0 0 0;
}	
h4 {
	color: #666;
	font-size: 11px;
	margin: 3px 0 0 0;
	padding: 0;
}

h4.caption {
	font-size: 12px;
	margin-top: 8px;
}

/* TEXT */
p 		{ padding: 0 0 5px 0; }
.small 	{ clear: left; font-size:10px; }
a.small { padding-top: 1px; }
#loginlinks { text-align: left; margin: 2px 0 2px 12px;}
.lock	{ background: url(../images/lock.gif) no-repeat; padding-left: 16px; }
.blurb	{ color: #cd614c; }	
.sub	{ color: #999; font-size: 10px; }
.toppad	{ padding-top: 12px; }
ul, ol 	{ margin: 0 0 10px 32px; }

/* HEADER */ 
#header {
	background: #fff url(../images/header_bg2.jpg) no-repeat;
	position: relative;
	height: 115px;
	width: 817px;
}
#header h1 a {
	display: block;
	height: 90px;
	left: 20px;
	position: absolute;
	top: 0;
	text-indent: -9999px;
	width: 268px;
}

#topnav, #footernav {
	color: #fff;
	display: inline;
	float: right;
	font-size: 10px;
	font-weight: bold;	
	margin: 12px 26px 0 0;
}
#footernav { color: #666; margin: 0;}
#topnav li, #footernav li 	{ 
	display: inline;
	list-style: none;
}
#topnav li a, #footernav li a { 
	border-right: 1px solid #fff;
	display: block;
	color: #fff;
	float: left;
	padding: 0 3px;
}
#footernav li a { border-right: 1px solid #666; color: #666; }

#topnav li a.lastnav, #footernav li a.lastnav { border: 0; }

#basenav {
	background: url(../images/basenav_over.gif) 0px -100px no-repeat;
	height: 55px;
	list-style: none;
	position: absolute;
	right: 26px;
	top: 56px;
	width: 302px;
}

#basenav li {
	display: inline;
	float: left;
}

#basenav a {
	display: block;
	height: 55px;
	overflow: hidden;
	text-indent: -9999px;
}
#personal a	{ width: 84px; }
#business a	{ width: 83px; }
#about a	{ width: 135px; }

#personalpage #personal a, #personal a:hover	{ background: url(../images/basenav_over.gif) 1px 4px no-repeat; }
#businesspage #business a, #business a:hover	{ background: url(../images/basenav_over.gif) -83px 4px no-repeat; }
#aboutpage #about a, #about a:hover 			{ background: url(../images/basenav_over.gif) -166px 4px no-repeat; }

/* NAVS */
#nav, #aboutnav {
	height: 33px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 817px;
}
#nav 		{ background: #fff url(../images/nav.gif) no-repeat; }
#aboutnav 	{ background: #fff url(../images/about_nav.gif) no-repeat; }

#nav li, #aboutnav li {
	display: inline;
	float: left;
}

#nav a, #aboutnav a {
	display: block;
	height: 32px;
	overflow: hidden;
	text-indent: -9999px;
}

#nav_1	{ margin-left: 14px; width: 131px; }
#nav_2	{ width: 84px; }
#nav_3	{ width: 59px; }
#nav_4	{ width: 186px; }
#nav_5	{ width: 111px; }
#nav_6	{ width: 134px; }
#nav_7	{ width: 86px; }

#nav_1 a:hover	{ background: url(../images/nav.gif) -14px -33px no-repeat; }
#nav_2 a:hover	{ background: url(../images/nav.gif) -145px -33px no-repeat; }
#nav_3 a:hover	{ background: url(../images/nav.gif) -229px -33px no-repeat; }
#nav_4 a:hover	{ background: url(../images/nav.gif) -288px -33px no-repeat; }
#nav_5 a:hover	{ background: url(../images/nav.gif) -474px -33px no-repeat; }
#nav_6 a:hover	{ background: url(../images/nav.gif) -585px -33px no-repeat; }
#nav_7 a:hover	{ background: url(../images/nav.gif) -719px -33px no-repeat; }

#anav_1	{ margin-left: 14px; width: 179px; }
#anav_2	{ width: 134px; }
#anav_3	{ width: 189px; }
#anav_4	{ width: 162px; }
#anav_5	{ width: 127px; }

#anav_1 a:hover	{ background: url(../images/about_nav.gif) -14px -33px no-repeat; }
#anav_2 a:hover	{ background: url(../images/about_nav.gif) -193px -33px no-repeat; }
#anav_3 a:hover	{ background: url(../images/about_nav.gif) -327px -33px no-repeat; }
#anav_4 a:hover	{ background: url(../images/about_nav.gif) -516px -33px no-repeat; }
#anav_5 a:hover	{ background: url(../images/about_nav.gif) -678px -33px no-repeat; }

#ratesnav {
	background: #fff url(../images/ratesnav.gif) no-repeat;
	height: 17px;
	list-style: none;
	margin: 6px auto;
	width: 180px;
}
#ratesnav li {
	display: inline;
	float: left;
}
#ratesnav a {
	display: block;
	height: 17px;
}
#ratesnav span { display:none; }

#rn_1 { background: #fff url(../images/ratesnav.gif) 0 0 no-repeat; width: 53px; }
#rn_2 { background: #fff url(../images/ratesnav.gif) -53px 0 no-repeat; width: 85px; }
#rn_3 { background: #fff url(../images/ratesnav.gif) -138px 0 no-repeat; width: 42px; }

#rn_1.arate { background-position: 0 -17px; }
#rn_2.arate { background-position: -53px -17px; }
#rn_3.arate { background-position: -138px -17px; }

/* LAYOUT */
#container {
	margin: 0 auto;
	width: 817px;
}
#content { 
	background: #fff url(../images/content_bg.jpg) no-repeat;
	min-height: 550px;
	padding: 12px 0 0 0;
	width: 817px;
}
#main {
	background: transparent url(../images/content_top.gif) 0 28px no-repeat;
	margin: 0 0 0 245px;
	width: 543px;
}
#sidenav {
	display: inline;
	float: left;
	margin: 0 0 0 30px;
	width: 199px;
}
#feature {
	background: transparent url(../images/feature_bg.gif) bottom left no-repeat;
	text-align: left;
}
#feature_text {
	display: inline;
	float: right;
	margin: 5px 15px 10px 0;
	width: 515px;
}
#feature_text2 {
	margin: 315px 0 0 5px;	
	width: 530px;
}
#feature_text3 {
	display: inline;
	float: right;
}
#feature_text3 div {
	margin: 0px 15px; 
}

#featureend { height: 1px; margin-bottom: 15px; padding-top: 14px;}
#innerPersonal {
	background: transparent url(../images/feature_personal.jpg) no-repeat; 
	min-height: 240px; /*OLD 265px;*/
	overflow: hidden;
}
#innerBusiness {
	background: transparent url(../images/feature_personal.jpg) no-repeat;
	min-height: 240px; /*OLD 265px;*/
	overflow: hidden;
}
#innerAbout {
	background: transparent url(../images/feature_personal.jpg) no-repeat; 
	min-height: 240px;
	overflow: hidden;
}


#cwrap {
	background: #fff;
	border: 1px solid #bbb;
	border-width: 0 1px;
	margin-top: 2px; 
	padding: 0 0 15px 0;
}

.solo p { margin: 0 12px; }
.solo li p { margin: 0; }
.solo img {
	float: right;
	margin: 0 12px;
}

#bcorners {
	background: transparent url(../images/content_bottom.gif) right top no-repeat;
	display: block;
	height: 12px;
	overflow: hidden;
	margin-left: -280px;
}

.clear {
	clear: both;
	height: 65px;
}
.sideclear {
	clear:both;
	height:12px;
}

/* SIDE NAVS */
#sidenav h2 {
	border: 0;
	height: 26px;
	margin: 0;	
	padding: 0;
	text-indent: -9999px;
	width: 199px;
}


#login	{ background: url(../images/login.gif) no-repeat; }
#rates 	{ background: url(../images/rates.gif) no-repeat;}
#stock 	{ background: url(../images/stockquotes.gif) no-repeat; }
#sidenav h2#hr 	{ background: url(../images/humanresources.gif) no-repeat; height: 39px; }
#sidenav h2#inv { background: url(../images/investorrelations.gif) no-repeat; height: 39px; }
#sidenav h2#loan { background: url(../images/interestrates.gif) no-repeat; height: 39px; }
		
.box {
	margin-bottom:12px;
}
#aboutpage .box p {
	margin-left: 12px;
}
.innerbox {
	background: #f6f6ec;
	border: 1px solid #b1b3a3;
	border-width: 0 1px;
	padding: 2px 0;
}

.box input {
	width: 126px;
	font-size: 11px;
}

#boxtwo table, #boxthree table {
	margin: 4px;
	width: 189px;
}
#trade {
	margin: 4px 4px 0 4px;
	width: 189px;	
}
.name {
	padding-right: 5px;
	text-align: right;
}

th, td { font-size: 11px; text-align: left; }
.apy { text-align: right; width: 52px; }
.right { text-align: right; }
.center { text-align: center; }

.up, .down {
	background: url(../images/ratesarrows.gif) 0 5px no-repeat;
	display: block;
	float: left;
	height: 10px;
	width: 10px;
}
.down {	background-position: 0 -24px; }
.apy em { display: none; }
.ups, .downs { background: url(../images/ratesarrows.gif) 8px 5px no-repeat; }
.downs { background-position: 8px -24px; }

/* added to return rates */
#boxtwo {
	margin-bottom: 6px;
	margin-top: 42px;
	padding-bottom: 2px;
}
* html #boxtwo { margin-top: 16px; }
* html .pushed { margin-left: 2px; }

/* end add */

#boxtwo table.hidden, #boxthree table.hidden { display: none; }
#boxtwo table.show, #boxthree table.show	{ display: table; }


#description div.hidden { display: none; }
#description div.show	{ display: block; }

#navlinks {
	margin: -10px 0 0 0;
	padding: 0;
	width: 199px;
}
.cornerbtm { 
	background: url(../images/bottom_200.gif) top left no-repeat;
	height: 14px;
	width: 199px;
	margin: -12px 0 0 0;
}

#navlinks img { margin-top: 12px; }
#navlinks img.first { margin-top: 20px; }

/* FORMS */
.box label {
	clear: left;
	display: block;
	float: left;
	height: 9px;
	margin: 8px 0 4px 0;
	text-indent: -9999px;
	width: 60px;
}

#usernamelab { background: url(../images/username.gif) no-repeat; }
#passlab { background: url(../images/password.gif) no-repeat; }

input, select, textarea {
	display: inline;
	float: right;
	margin: 4px 4px 0 0;
}

#searchform {
	background: #fff url(../images/search.gif) no-repeat;
	height: 26px;
	padding-top: 4px;
	width: 199px;
	float: right;
}

.searchform {
	background: #fff url(../images/search.gif) no-repeat;
	height: 26px;
	padding-top: 4px;
	width: 199px;
	float: right;
}

#searchform input {
	display: inline;
	float: left;
	margin: 0 3px 0 4px;
	width: 103px;
}

.searchform input {
	display: inline;
	float: left;
	margin: 0 3px 0 4px;
	/*width: 103px;*/
}


#cwrap form {
	display: inline;
	float: left;
	margin: 12px;
	width: 220px;
}
#cwrap label {
	clear: left;
	display: block;
	float: left;
	height: 12px;
	margin: 8px 0 4px 0;
	width: 4em;
}
#cwrap form a {
	display: block;
	float: right;
	margin: 4px 2px 4px 0;
}
.inlinelogin {
	display: inline;
	float: right;
	padding-top: 12px;
	width: 270px;
}

a#searchgo, a#quickgo, a#signin, a#signin2 {
	text-indent: -9999px;
	overflow: hidden;
}
a#searchgo, a#quickgo, a#businesslogin, a#personallogin, a#assetlogin, a#creditlogin, a#merchantlogin {
	background: transparent url(../images/go.gif) 0 0 no-repeat;
	display: block;
	height: 17px;
	width: 20px;
}
a#searchgo:hover, a#quickgo:hover {
	background-position: 0 -17px;
}
a#businesslogin, a#personallogin, a#assetlogin, a#creditlogin, a#merchantlogin {
	background: transparent url(../images/loginbtns.gif) 0 0 no-repeat;
	margin: 2px auto;
	width: 173px;
}
a#assetlogin { background: transparent url(../images/asset_mgmnt.gif) 0 0 no-repeat;}
a#personallogin {
	background-position: 0 -36px;
}
a#creditlogin { background: transparent url(../images/credit_card.gif) 0 0 no-repeat;}
a#merchantlogin { background: transparent url(../images/merchant_card.jpg) 0 0 no-repeat;}

a#personallogin:hover { background-position: 0 -54px; }
a#businesslogin:hover { background-position: 0 -18px; }
a#assetlogin:hover { background-position: 0 -18px; }
a#creditlogin:hover { background-position: 0 -18px; }
a#merchantlogin:hover { background-position: 0 -18px; }

a#businesslogin span, a#personallogin span, a#assetlogin span, a#creditlogin span, a#merchantlogin span {
	position: absolute; left: -9999px;
}
a#signin {
	clear: right;
	display: inline;
	float: right;
	margin: 2px 3px 0 0;
}

a#signin, a#signin2 {
	background: transparent url(../images/sign_in.gif) 0 0 no-repeat;
	display: block;
	height: 20px;
	width: 56px;
}
a#signin:hover, a#signin2:hover {
	background-position: 0 -20px;
}


/* CONTACT FORM */
#cwrap #contactus {
	width: 40em;
}
#contactus label {
	clear: left;
	margin-right: 8px;
	text-align: right;
	width: 8em;
}
#contactus label.long {
	float: right;
	text-align: left;
	width: 290px;
	margin-right: 3em;
	display: inline;
}
#contactus input, #contactus select, #contactus textarea {
	float: left;
}

input, select, textarea {
	color: #555;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
}
#contactus input.longcheck {
	margin-top: 10px;
	margin-left: 8.6em;
}
#submitbtn {
	clear: both;
	cursor: pointer;
	margin: 1.5em 0 0 8.6em;
}
* html #submitbtn { margin-top: 0; }
#contactus textarea {
	height: 150px;
	width: 300px;
}

/* SUB NAV */
#subnav { position: relative; }
#subnav form {
	display: inline;
	float: right;
	padding: 0 0 15px 0;
}
#quicklab {
	background: url(../images/quick_links.gif) no-repeat;
	display: block;
	float: left;
	height: 15px;
	margin: 2px 4px 4px 0;
	text-indent: -9999px;
	width: 79px;
}
#quicklinks { float: left; }

#subnav form select  {
	color: #666;
	font-size: 11px;
	margin: 0 3px 0 0;
	width: 18em;
}

#subnav a {
	display: inline;
	float: left;
	font-weight: bold;
	margin-top: 9px;
}
#subnav a#quickgo {
	margin: 0;
}

#subnav a.back { margin-top: 3px; }

#subnav { height: 32px; }

/* SUB PAGE CONTENT */
#detail {
	display: inline;
	float: left;
	margin: 5px 0 0 12px;
	width: 300px;
}
#detail ul, ul.content {
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0 0 10px 0;
}

.hli ul.content {
	margin: 0;
}
ul.content 	{ margin: 0 0 0 12px; }
ul.duo		{ display: inline; float: left; width: 230px; }

#detail ul a, ul.content a { font-weight: bold; }
.locations #detail img  { border: 1px solid #bbb; }

#secondary {
	margin: 5px 0 0 323px;
	width: 215px;
}

#secondary p { margin-bottom: 15px; }
.events dl { width: 180px; }

.events dt {
	display: inline;
	float: left;
	margin-right: 10px;
	text-align: right;
}

dl.calendar { margin: 0 12px 12px 12px; }
.calendar dt {
	color: #00539f;
	font-weight: bold;
	margin: 12px 0 0 0;
}
.calendar dd { margin: 4px 0 0 12px; }
.calendar dd p { margin-left: 0; }

#loans {
	display: inline;
	float: left;
	font-weight: bold;
	list-style: none;
	margin: 0 12px 15px 12px;
	padding: 10px 0 0 0;
	width: 200px;
}


.closed 	{ background: #fff url(../images/tree_plus.gif) -2px -2px no-repeat; padding-left: 14px; }
.expanded 	{ background: #fff url(../images/tree_minus.gif) -2px -2px no-repeat; padding-left: 14px; }
.single 	{ padding-left: 14px; }
li.single 	{ margin-left: 14px;}
li.single a { margin-left: -14px; }
#loans.noexpand .single { padding-left: 0; }

#loans a:hover { text-decoration: none; }


#loans a:hover { text-decoration: none; }

.sublist {
	list-style: none;
	margin: 0 0 0 6px;
	padding: 0;
}
#loans ul {
	background: #fff url(../images/tree_bg.gif) left top repeat-y;
	list-style: none;
	margin-left: 5px;
	padding-left: 20px;
	text-indent: -20px;
}
#loans ul a {
	/*background: #fff url(../images/tree_arrow.gif) 0 -4px no-repeat;*/
	color: #333;
	font-weight: normal;
}
#loans ul a:hover {	color: #000; }
#loans ul a.sublast {
	margin-bottom: 4px;
}

#loans ul a.current { font-weight: bold; }
#loans li img { margin: 1px 0 0 1px; }

#description {
	border-left: 1px solid #ccc;
	margin-left: 215px;	
	padding: 0 15px 0 15px;
}

#description.officer {
	border-width: 0;
	margin-left: 207px;
	padding: 0 15px 0 0;
}
div.broker img {  border: 1px solid #bbb; float: left;}

#cwrap #description ul {
	font-weight: bold;
	list-style: none;
	margin-left: 0;
}
#cwrap #description #brokers ul {
	font-weight: normal;
}
#cwrap #description ul.features {
	font-weight: normal;
	list-style: disc;
	margin-left: 16px;
}
img.officer {
	float: left;
	height: auto;
	margin: 6px 12px;
	width: 180px;
	border: 1px solid #bbb
}

#jobs {
	border-collapse: collapse;
	margin: 12px 12px 0 12px;
	width: 500px;
}

#jobs thead tr {
	background: #e0dfce;
	border-bottom: 1px solid #a2a496;
}

#jobs tr.odd {
	background: #f2f1e7;
}
#jobs td, #jobs th {
	border-right: 1px solid #fff;
	padding: 4px;
}

#faq { margin-left: 12px; }
#faq dt {
	font-weight: bold;
	margin-top: 12px;
}

#flashcontent 	{ margin: 6px 0 0 12px; }

div.broker {
	border-top: 1px solid #ccc;
	clear: left;
	margin: 20px 10px;
	padding: 20px 0;
}
div.broker a { text-align: right; }


/* HOME HIGHLIGHTS */
#highlights {
	background: transparent url(../images/hli_coltop.gif) no-repeat;
	margin: 6px 0 0 0;
	position: relative;
	overflow: hidden;
}

.hli {
	display: inline;
	float: left;
	margin: 12px 22px 0 8px;
	width: 156px;
}

.hli p 		{ margin-bottom: 18px; }
.boxlast 	{ margin-right: 0; }
#highlights a img {
	height: 77px;
	width: 155px;
}

#highlights a.more  {
	background: url(../images/more_info.gif);
	bottom: 8px;
	display: block;
	height: 14px;
	text-indent: -9999px;
	position: absolute;
	width: 65px;
}

.hone	{ left: 100px; }
.htwo	{ left: 285px; }
.hthree	{ left: 470px; }

#highlights h3	{
	margin: 3px 0;
	font-size: 11px;
}

#highlightend {
	background: #fff url(../images/hli_colbottom.gif) no-repeat;
	clear: both;
	float: none;
	height: 10px;
}
#skiplinks{
  position: absolute;
  left: -999em 
}

/* later */
#footer {
	clear: both;
	margin: 0 auto;
	padding: 15px 31px 25px 31px;
	width: 760px;
}
#makehome {
	display: block;
	font-size: 9px;
	margin: 0 0 4px 0;
	text-align: center;
}
/* stock scrape */
#stockquote table {
	font-size: 8px;
	margin: 4px 4px 0 4px;
	width: 189px;	
}
#stockquote table td { font-size: 10px;} 
.defaultbold {
	font-weight: bold;
	padding-right: 5px;
	text-align: right;
}
td .default { text-align: right; display: block; }
.biggysmall {
	text-align: center;
}



.searchC {
	
}

.searchBox {
	font-size:11px; color:#555;
}

.searchButton {
	background: #AD402C; color: #FFFFFF; border: 0px; font-size: 11px;
}

.searchResultsC {
	margin:0 auto; width:517px; height:450px; padding:0; overflow:auto
}













