@charset "utf-8";
/* CSS Document */
@import url(undohtml.css);

body {
	background-color:#003768;
	margin:10px 0 0 0;
	padding:0;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #666;
}

#outer-container {
	width:820px;
	margin:0 auto;
	padding:0;
}

#inner-container {
	width:820px;
	background-image:url(/images/background.gif);
	background-repeat: repeat-y;
	margin:0;
	padding:0;
}

/*****************FORM*******************/
input {
	font: 11px arial, Helvetica, sans-serif;
	height:12px;
	background-color: #fff;
	color: #555;
	margin-left: 0px;
	margin-bottom: 0px;
}

textarea {
	font: 12px Verdana, Helvetica, sans-serif;
	background-color: #e3e5e7;
	color: #0e5f3e;
	margin-left: 10px;
	margin-bottom: 10px;
}
select {
	font: 12px Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
	background-color: #e3e5e7;
    list-style-type: none;
}
option {
    list-style-type: none;
}
label {
    list-style-type: none;
}

input.button
{
	height: 20px;
}
.dropList 
{
    background: #ffffff;
    width: 130px;
}

/********************************************************/
/**************************TEXT*************************/
P, TD, LI {
font: 12px arial, helvetica, sans-serif;
margin:10px;
color:#666;
}


P.blue {
font: 12px/18px arial, helvetica, sans-serif;
margin:5px;
color:#1A3A67
}

H1 {
font: bold 18px arial, helvetica, sans-serif;
color:#1A3A67;
margin:10px;
}

H2 {
font: bold 18px arial, helvetica, sans-serif;
color:#003768;
margin:10px;
}
H2.atmLocate 
{
    float: left;
    position: relative;
    display: inline;
font: bold 18px arial, helvetica, sans-serif;
color:#003768;
margin:10px;
}
.disclaimer 
{
    float: right;
    position: relative;
    display: inline;
    font-size: 11px;
    width: 340px;
    margin-top: 10px;
}
a:link {text-decoration: none; color: #003768;}
a:visited {text-decoration: none; color: #003768;}
a:active {text-decoration: underline; color: #999;}
a:hover {text-decoration: underline; color: #627FA7;}


ul {
	list-style-type: circle;
}
ol {
	list-style-type: decimal;
	margin-left: 20px;
}


h3 
{
    font: bold 12px arial, helvetica, sans-serif;
    color: #333;
    margin: 10px;
}

h4 {
font-family: Verdana, Helvetica, sans-serif;
font-size: 16px;
color: #b31f30;
font-weight: normal;
margin-bottom: 10px;
text-transform: uppercase;
}

h5 {
font-family: Verdana, Helvetica, sans-serif;
font-size: 14px;
color: #444;
font-weight: bold;
margin-bottom: 10px; 
}

h6 {
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #555;
font-weight: bold;
font-style: italic;
margin-bottom: 10px;
line-height: 20px;
}

hr {
position: relative;
margin: 10px 0px;
border-bottom: 1px dotted #ffaf5f;
}

/********************************************************/
/********************HEADER******************************/
#top {
width:820px;
height:33px;
background-image:url(/images/top.gif);
background-repeat: no-repeat;
}

#phone {
float:left;
font: 10px/30px arial, helvetica, sans-serif;
color:#fff;
text-align:right;
width:560px;
margin:0 40px 0 20px;
}

#search {
float:right;
display:inline;
width:140px;
margin:0 50px 0 0;
padding: 3px;
text-align:left;
font: 10px arial, helvetica, sans-serif;
color:#000;
}

* html #search 
{
    float: right;
    display: inline;
    width: 134px;
    margin: 0 45px 0 0;
    padding: 0;
    text-align: left;
    font: 10px arial, helvetica, sans-serif;
    color: #000;
}

#search input {
display:inline;
height:12px;
margin:5px 0 0 0;
padding: 0;
color:#555;
}

* html #search input
{
	width: 80px;
}



.alertbox 
{
	/*width: 780px;
	height: 20px;
	font: 12px arial, helvetica, sans-serif;
	color: #900;
	padding: 2px 40px;
	margin: 0 auto;*/
	font: 12px arial, helvetica, sans-serif;
	color: #900;
	overflow: hidden;
	margin: 0px 0px 0px 20px;
	float: left;
}

#flash {
clear:both;
width:780px;
height:98px;
margin:0 auto;
padding:0;
}

#navbar {
width:780px;
height:30px;
background-image:url(/images/nav-background.gif);
background-repeat: repeat-x;
margin:0 auto;
padding:0;
}


#navbar ul{
display:block;
list-style-type:none;
margin:0 0 0 27px;
padding:0;
}

#navbar LI {
float:left;
height:23px;
margin:5px 0 0 0;
padding:0 10px 0 10px;
text-align:center;
}
*html #navbar LI,
*html #navbar LI.selected 
{
    margin-bottom: -7px;
}
#navbar LI.selected {
float:left;
margin:5px 0 0 0;
padding:0 9px 0 9px;
text-align:center;
border-left: 1px solid #dedede;
border-top: 1px solid #dedede;
border-right: 1px solid #dedede;
border-bottom: 1px solid #ffffff;
/*background-image:url(/images/nav-selected.gif);
background-repeat:no-repeat;*/
} 
#navbar div.new 
{
    float: left;
    position: relative;
    display: inline;
    background: url(/images/new.png) no-repeat;
    height: 17px;
    width: 28px;
    margin: -1px 0 0 -147px;
}
#navbar A {
font:11px/30px arial, helvetica, sans-serif;
color:#003768;
text-decoration:none;
}


#navbar A:hover {
font:11px/30px arial, helvetica, sans-serif;
color:#627FA7;
text-decoration:none;
}

#navbar .presmessage {
    float: right;
    font:11px/30px arial, helvetica, sans-serif;
	color: #91673f;
	text-decoration: none;
    padding-right: 25px;
	padding-top: 4px;
}


/********************************************************/
/*********************CONTENT AREA***********************/

#faux {
 margin:0;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 820px;
}

#photocolumn {
display:inline;
float:left;
width:295px;
height:479px;
margin:5px 0 10px 0;
padding:0;
}

#adImage
{
	display: inline;
	float: left;
	/*width: 295px;*/
	height: 479px;
	margin: 5px 0 10px 0;
	padding: 0;
}
#leftcolumn {
float: left;
display: inline;
position: relative;
width:155px;
height:479px;
margin:5px 20px 10px -20px;
padding:0 14px 0 0;
}

#leftcolumn.hasWiderImage
{
	margin-left: -75px;
	width: 119px;
	/*z-index: 999999;
	position: absolute;*/
}

#midcolumn {
display: inline;
position: relative;
float: left;
width:155px;
height:479px;
margin:5px 0 10px 5px;
padding:0;
}

#rightcolumn {
display: inline;
position: relative;
float: left;
width:155px;
height:479px;
margin:5px 20px 10px 0;
padding:0 0 0 5px;
background-color:#fff;
}

.smbluebox {
width:146px;
height:97px;
margin:10px 0;
padding:2px;
background-image:url(/images/small-blue-grad.jpg);
background-repeat:none;
}

*:first-child+html .smbluebox input
{
	width: 110px;
}

.smbluebox .bluetext{
font: 11px/13px arial, helvetica, sans-serif;
color:#003265;
margin:0;
padding:2px;
}

.smbluebox A.bluetext{
font: 11px/13px arial, helvetica, sans-serif;
color:#003265;
margin:0;
padding:2px;
text-decoration:underline;
}

.smbluebox #atmDis
{
	font-size: 9px;
}

.smbluebox #atmDis #dis
{
	float: left;
	padding: 0 5px 0 15px;
	width: 100px;
}

.smbluebox #atmDis #but
{
	float: left;
	vertical-align: bottom;
}

* html .smbluebox p
{
	margin: 5px 0 5px 0;
}

.bluetext, #vertpinkbox p
{
	font: 11px/13px arial, helvetica, sans-serif;
	color:#003265;
	margin:0;
	padding:5px;
}

#vertpinkbox p.larger
{
	font-size: 12px;
}

A.bluetext, #vertpinkbox p a{
font: 11px/13px arial, helvetica, sans-serif;
color:#003265;
margin:0;
padding:2px;
text-decoration:underline;
}

.smbluetext {
font: 9px arial, helvetica, sans-serif;
color:#003265;
}

.smbluetext:visited
{
	text-decoration: underline;
}

.lrgbrowntext{
	font: bold 20px/24px arial, helvetica, sans-serif;
	color:#996633;
	margin:0;
	padding:2px;
}

#leftcolumn .lrgbrowntext
{
	margin-left:-20px; 
	position:absolute; 
	z-index:10; 
	display:block;
}

* html #leftcolumn .lrgbrowntext
{
	margin-left:-20px; 
	position:absolute; 
	z-index:10; 
	display:block;
	width: 175px;
}

#leftcolumn #line1
{
	position: relative;
	left: -10px;
	top: 40px;
	font: bold 20px/24px arial, helvetica, sans-serif;
	color:#996633;
}

#leftcolumn #line2 
{
	position: absolute;
	left: -25px;
	top: 123px;
	font: bold 20px/24px arial, helvetica, sans-serif;
	color:#996633;
}

#leftcolumn #line3
{
	position: relative;
	left: -5px;
	top: 155px;
	font: bold 20px/24px arial, helvetica, sans-serif;
	color:#996633;
}

#leftcolumn #kidline1
{
	position: absolute;
	top: 10px;
	left: 8px;
	font: bold 20px/24px arial, helvetica, sans-serif;
	color:#996633;
}

#leftcolumn #kidline2
{
	position: absolute;
	left: 15px;
	top: 140px;
	font: bold 20px/24px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #kidline3
{
	position: absolute;
	left: 10px;
	top: 125px;
	font: bold 12px/16px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #kidline4
{
	position: absolute;
	left: 15px;
	top: 174px;
	font: bold 12px/16px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #kidline5
{
	position: absolute;
	top: 250px;
	left: -40px;
}
#leftcolumn #reward1
{
	position: absolute;
	top: 55px;
	left: -40px;
	font: bold 21px/25px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #reward
{
	position: absolute;
	top: 213px;
	left: 23px;
	font: bold 20px/24px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #reward2
{
	position: absolute;
	left: -30px;
	top: 125px;
	font: bold 20px/24px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #reward3
{
	position: absolute;
	left: 10px;
	top: 190px;
	font: bold 20px/24px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #reward4
{
	position: absolute;
	left: -15px;
	top: 240px;
	font: bold 20px/24px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #car
{
	position: absolute;
	top: 45px;
	left: -10px;
	font: bold 21px/25px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #car2
{
	position: absolute;
	left: -20px;
	top: 145px;
	font: bold 20px/24px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #car3
{
	position: absolute;
	left: 0px;
	top: 160px;
	font: bold 18px/22px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #financialtop
{
	position: absolute;
	top: 75px;
	left: -58px;
	font: bold 22px/26px arial, helvetica, sans-serif;
	color:#996633;
}
*html #leftcolumn #financialtop
{
	position: absolute;
	top: 75px;
	left: -65px;
	font: bold 21px/25px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #financialmid
{
	position: absolute;
	left: -10px;
	top: 168px;
	font: bold 22px/26px arial, helvetica, sans-serif;
	color:#996633;
}
*html #leftcolumn #financialmid
{
	position: absolute;
	left: -15px;
	top: 168px;
	font: bold 21px/25px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #financialapp
{
	position: absolute;
	left: 30px;
	top: 248px;
	font: bold 24px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #financialbtm
{
	position: absolute;
	left: 15px;
	top: 460px;
	font: bold 13px arial, helvetica, sans-serif;
	color:#003667;
}
#leftcolumn #youthtop
{
	position: absolute;
	top: 55px;
	left: -90px;
	font: bold 26px/30px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #youthmid
{
	position: absolute;
	left: -70px;
	top: 150px;
	font: bold 22px/26px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #youthapp
{
	position: absolute;
	left: -66px;
	top: 310px;
	font: bold 24px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #fitnesstop
{
	position: absolute;
	top: 5px;
	left: -200px;
	font: bold 24px/28px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #fitnessmid
{
	position: absolute;
	left: -15px;
	top: 145px;
	font: bold 22px/26px arial, helvetica, sans-serif;
	color:#996633;
}
* html #leftcolumn #fitnessmid { left: -20px; }
#leftcolumn .holidayOne
{
	position: absolute;
	top: 25px;
	left: -220px;
	font: bold 28px/34px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn .holidayTwo
{
	position: absolute;
	left: -15px;
	top: 120px;
	font: bold 22px/26px arial, helvetica, sans-serif;
	color:#996633;
}
*html #leftcolumn .holidayTwo 
{
    left: -29px;
}
#leftcolumn .holidayThree
{
	position: absolute;
	left: 15px;
	top: 300px;
	font: bold 28px/26px arial, helvetica, sans-serif;
	color:#996633;
}
*html #leftcolumn .holidayThree {left: 10px; }
#leftcolumn #debttop
{
	position: absolute;
	top: 40px;
	left: -35px;
	font: bold 20px/24px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #debtmid
{
	position: absolute;
	left: -25px;
	top: 140px;
	font: bold 18px/20px arial, helvetica, sans-serif;
	color:#996633;
}
* html #leftcolumn #debtmid {left: -45px;}
#leftcolumn #debtbtm
{
	position: absolute;
	left: -10px;
	top: 290px;
	font: bold 20px/24px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #debtapply 
{
    position: absolute;
	left: -10px;
	top: 405px;
	font: bold 20px/24px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #balancetop
{
	position: absolute;
	top: 48px;
	left: -30px;
	font: bold 20px/24px arial, helvetica, sans-serif;
	color:#996633;
}
* html #leftcolumn #balancetop {left: -35px; }
#leftcolumn #balancemid
{
	position: absolute;
	left: -15px;
	top: 150px;
	font: bold 18px/20px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #balancemidtwo
{
	position: absolute;
	left: -10px;
	top: 230px;
	font: bold 18px/20px arial, helvetica, sans-serif;
	color:#996633;
}
* html #leftcolumn #balancemid {left: -19px;}
#leftcolumn #balancebtm
{
	position: absolute;
	left: -5px;
	top: 310px;
	font: bold 18px/20px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #balance_logo 
{
    position: absolute;
	left: 3px;
	top: 395px;
	font: bold 20px/24px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #mortgtop
{
	position: absolute;
	top: 40px;
	left: -20px;
	font: bold 23px/27px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #mortgmid
{
	position: absolute;
	left: 5px;
	top: 165px;
	font: bold 26px/26px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #mortgbtm
{
	position: absolute;
	left: -25px;
	top: 228px;
	font: bold 19px/21px arial, helvetica, sans-serif;
	color:#996633;
}
* html #leftcolumn #mortgbtm {left: -39px;}
#leftcolumn #president
{
	position: absolute;
	left: -245px;
	top: 6px;
	font: bold 16px/20px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #president1
{
	position: absolute;
	left: -245px;
	top: 31px;
	font: bold 13px/14px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #president2
{
	position: absolute;
	left: -245px;
	top: 390px;
	font: bold 13px/14px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #changeImg
{
	position: absolute;
	top: 0px;
	left: -245px;
}
#leftcolumn #change
{
	position: absolute;
	top: 125px;
	left: -235px;
	font: bold 19px/23px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #change2
{
	position: absolute;
	top: 155px;
	left: -190px;
	font: bold 20px/24px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #autoApply
{
	position: absolute;
	top: 235px;
	left: -95px;
	font: bold 19px/23px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #feeApply
{
	position: absolute;
	top: 235px;
	left: -95px;
	font: bold 19px/23px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #autoApply .applyLink 
{
    float: left;
    position: relative;
    display: inline;
    height: 38px;
    width: 187px;
    background: url(/images/applyBtn.jpg) no-repeat;
    cursor: pointer;
}
#leftcolumn #autoApply .feeLink 
{
    float: left;
    position: relative;
    display: inline;
    height: 38px;
    width: 187px;
    cursor: pointer;
    background: none;
}
#leftcolumn #autoApply .applyLink:hover 
{
    background: url(/images/applyBtn.jpg) no-repeat 0 -38px;
}
#leftcolumn #double1
{
	position: absolute;
	top: 45px;
	left: -145px;
	font: bold 22px/25px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #double2
{
	position: absolute;
	top: 110px;
	left: -65px;
	font: bold 19px/23px arial, helvetica, sans-serif;
	color:#996633;
}
*html #leftcolumn #double2
{
	position: absolute;
	top: 100px;
	left: -85px;
	font: bold 19px/23px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #double3
{
	position: absolute;
	top: 170px;
	left: -10px;
	font: bold 20px/24px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #double4 
{
	position: absolute;
	top: 173px;
	left: 12px;
	font: bold 22px arial, helvetica, sans-serif;
	color:#996633;
}
*html #leftcolumn #double4 
{
	position: absolute;
	top: 160px;
	left: 5px;
	font: bold 21px arial, helvetica, sans-serif;
	color:#996633;
}
#leftcolumn #referral 
{
    position: absolute;
	top: 158px;
	left: -25px;
	font: bold 24px/28px arial, helvetica, sans-serif;
	font-style: italic;
	color:#013668;
}
*html #leftcolumn #referral 
{
    top: 145px;
	left: -38px;
}
#leftcolumn #referralLink 
{
    position: absolute;
	top: 326px;
	left: -75px;
	font: bold 22px/26px arial, helvetica, sans-serif;
	color:#013668;
}
*html #leftcolumn #referralLink 
{
	left: -88px;
}
.brownbox TABLE {
	margin:5px;
}

.brownbox table thead
{
	background-color:#CFAB7A;
}

.brownbox table thead th
{
	text-align: left;
	font-size: 11px; 
	font-weight:bold; 
	color:#fff;
}

.brownbox table tbody td
{
	border-bottom: dotted 1px #003768;
}

.browntext, .brownbox TD, .brownbox strong{
	font: 11px/13px arial, helvetica, sans-serif;
	color:#996633;
	margin:0;
	padding:2px;
}

.brownbox strong
{
	font-weight: bold;
}

#leftcolumn p.browntext
{
	font-size:10px;
	text-align: center;
}

.smbrowntext{
font: 9px arial, helvetica, sans-serif;
color:#996633;
}

A.smbluetext {
font: 9px/15px arial, helvetica, sans-serif;
color:#003265;
text-decoration:underline;
}

A.smbrowntext{
font: 9px arial, helvetica, sans-serif;
color:#996633;
text-decoration:underline;
}

* html a.smbrowntext
{
    font: 9px arial, helvetica, sans-serif;
    color:#996633;
    letter-spacing: 1.2px;
}

.brownbox {
width:144px;
height:140px;
margin:10px 0;
padding:5px 3px;
background-image:url(/images/round-brown-grad.jpg);
background-repeat:none;
}

.bluebox {
width:140px;
height:140px;
margin:10px 0;
padding:5px;
background-image:url(/images/large-blue-grad.jpg);
background-repeat:none;
}
.overdraftBox {
width:144px;
height:140px;
margin:10px 0;
padding:5px 3px;
background-image:url(/images/overdraft.gif);
background-repeat:none;
cursor: pointer;
}
.overdraftBox .overdraftLink 
{
    margin-top: 71px;
    margin-left: 0px;
}   

/********************************************************/
/*****************PAGE BOTTOM NAV AND LOGOS**************/

#spacertop {
clear:both;
width:780px;
height:1px;
background-color:#fff;
margin:0 auto;
}

#bottomnavbar {
width:780px;
height:58px;
margin:0 auto;
padding:30px 0 20px 0;
}

#cornerleft {
float:left;
display:inline;
height:58px;
width:9px;
background-image:url(/images/corners-left.gif);
background-repeat:no-repeat;
margin:0 0 0 10px;
}

#cornerright {
float:right;
display:inline;
height:58px;
width:9px;
background-image:url(/images/corners-right.gif);
background-repeat:no-repeat;
margin:0 10px 0 0;
}

#bottomnav {
float:right;
width:742px;
height:58px;
padding:0;
text-align:center;
font: 11px/17px arial, helvetica, sans-serif;
color:#627FA7;
}

#bottomnav A {
font: 11px/17px arial, helvetica, sans-serif;
color:#627FA7;
text-decoration:none;
}

#bottomnav A:hover {
font: 11px/17px arial, helvetica, sans-serif;
color:#003768;
text-decoration:none;
}

.clearfloat {
clear:both;
}

#logobox {
width:780px;
height:45px;
margin:0 auto;
padding:20px 0;
}

#logoleft {
float:left;
width:420px;
height:45px;
margin-left:5px;
font:10px arial, helvetica, sans-serif;
color:#CEAA7A;
}

#logoleft A {
font:10px arial, helvetica, sans-serif;
color:#CEAA7A;
text-decoration:none;
}


#logoright {
float:right;
width:350px;
margin-right:5px;
}

#bottom {
clear:both;
background-image:url(/images/bottom.gif);
background-repeat: no-repeat;
}

#HomeLogin.smbluebox
{
	margin: 0 0 0 0;
}

/********************************************************/
/*******************SECONDARY PAGE***********************/

#contentbox {
	display: block;
	width: 780px;
	height: 100%;
	margin: 0 auto;
}

#subnav1 {
	width:764px;
	height:41px;
	background-image:url(/images/sub-nav.gif);
	background-repeat:no-repeat;
	margin:5px 0 5px 20px;
	padding:0px 8px;
}

* html #subnav1 
{
    width: 763px;
    height: 41px;
    background-image: url(/images/sub-nav.gif);
    background-repeat: no-repeat;
    margin: 5px 0 5px 20px;
    padding: 0px 7px 0 7px;
}

#subnav1.innerOffset
{
	margin: -12px 0 0 -10px;
}

* html #subnav1.innerOffset
{
	position: relative;
	margin: 0 0 0 0;
	left: -10px;
	top: -12px;
}

#accountbox {
float:left;
/*width:350px;*/
font: 11px/13px arial, helvetica, sans-serif;
color:#003265;
margin:0;
padding:3px;
}

* html #accountbox
{
	width: 390px;
}

#accountbox input
{
	max-width: 107px;
}

#atmbox {
float:right;
/*width:407px;*/
font: 11px/13px arial, helvetica, sans-serif;
color:#996633;
margin:0;
padding:5px;
text-align:right;
}

* html #atmbox input
{
	width: 205px;
}

#subnav2 {
width:764px;
height:35px;
background-image:url(/images/subnav2-back.jpg);
background-repeat:no-repeat;
padding:0px 8px;
}

* html #subnav2 {
    width: 763px;
    height: 35px;
    background-image: url(/images/subnav2-back.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 2px;
    padding: 0;
}


#subnav2 UL {
list-style-type:none;
padding:0;
margin:0 10px;
}

#subnav2 LI {
float:left;
height:27px;
margin:0 8px;
}

#subnav2 A {
font:10px/29px arial, helvetica, sans-serif;
color:#000;
text-decoration:none;
}

/********************************************************/
/*******************VERTICAL NAV BAR*********************/

#vertnavbar {
	display: inline;
	position: relative;
	float: left;
	width: 150px;
	margin: 5px;
}

* html #vertnavbar 
{
	display: inline;
	position: relative;
	float: left;
	width: 150px;
}


.vertnavlinks {
width:150px;
height:20px;
border-bottom:solid 1px #EBEBEB;
}

#vertnavbar ul
{
	list-style-type: none;
	padding-top: 5px;
}

#vertnavbar li
{
	float: left;
	width: 150px;
	height: 20px;
	border-bottom: solid 1px #EBEBEB;
	font-size: 11px;
	margin-top: 0px;
	list-style-image: url(/images/astrik-placeholder.gif);
	list-style-position: inside;
}

* html #vertnavbar li
{
	float: left;
	width: 150px;
	height: 20px;
	border-bottom: solid 1px #EBEBEB;
	font-size: 11px;
	margin: 0px -10px 10px 10px;
	padding: 0px;
	list-style-image: url(/images/astrik-placeholder.gif);
	list-style-position: inside;
}

#vertnavbar li.selected
{
	list-style-image: url(/images/astrik.gif);
}

.vertnavlinks A {
font-size:11px;
}

.vertnavheader {
width:150px;
height:31px;
margin:3px;
padding:2px 0 0 10px;
font:bold 14px/31px arial, helvetica, sans-serif;
color:#003768;
background-image:url(/images/vert-nav-header.gif);
background-repeat:no-repeat;
}

#contentarea {
display:inline;
position:relative;
display:block;
float:right;
width:594px;
height:100%;
margin:8px 10px 5px 5px;
padding:0;
border:solid 1px #d7d7d7;
}

* html #contentarea 
{
    display: inline;
    position:relative;
    display:block;
    float:right;
    width:590px;
    height:100%;
    /*margin:8px 3px 3px 3px;*/
    margin: 8px 5px 5px -10px;
    padding:0;
    border:solid 1px #d7d7d7;
}

#contentarea ul
{
    margin: 0 0 0 20px;
}

#vertbluebox {
background-image:url(/images/vert-nav-back.jpg);
width:144px;
height:163px;
margin:0;
padding:3px;
overflow: hidden;
}

#vertpinkbox {
background-image:url(/images/sm-pink-box.jpg);
width:140px;
height:140px;
margin:2px 0 0 0;
padding:5px;
}

/********************************************************/
/*******************Calculator Box AREA******************/
#calculatorBox
{
	font-family: arial, helvetica, sans-serif;
	width: 144px;
	height: 163px;
	padding: 3px;
	overflow: hidden;
	text-align: center;
}

* html #calculatorBox input
{
	width: 115px;
}

#calculatorBox h1
{
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	padding: 0;
	margin: 0;	
}

#calculatorBox.brown h1
{
	color: #996633;
}

#calculatorBox h2
{
	font-size: 9px;
	line-height: 11px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

#calculatorBox img.button
{
	margin: 0 9px 0 0;
	padding: 0 9px 0 0;
	float: right;
	cursor: pointer;
}

#calculatorBox #calculatorNav
{
	text-align: left;
	margin: 25px 0 0 0;
	width: 140px;
	font: 11px/13px arial, helvetica, sans-serif;
}

#calculatorBox.brown #calculatorNav
{
	font: 9px arial, helvetica, sans-serif;
}

#calculatorBox.blue
{
	background-image:url(/images/vert-nav-back.jpg);
	color: #003265;
}

#calculatorBox.blue input
{
	margin: 1px 0px 3px 0px;
	max-width: 130px;
}

#calculatorBox.brown,
* html .brown
{
	color: #996633;
	margin: 50px 0 0 0;
}

#calculatorBox.brown input
{
	margin: 1px 0px 5px 0px;
}

#calculatorBox.brown a
{
	font: 9px arial, helvetica, sans-serif;
	color:#996633;
	text-decoration:underline;
}

/********************************************************/
/*******************TABULAR CONTENT AREA******************/

.tabContainer,
#tabContainer,
#tabContainer2 
{
	width: 572px;
	border: solid 1px #d7d7d7;
	margin: 0 10px 10px 10px;
	padding: 0;
}

* html .tabContainer,
* html #tabContainer,
* html #tabContainer2
{
	width: 570px;
	border: solid 1px #d7d7d7;
	margin: 0 10px 10px 10px;
	padding: 0;
}


.tabContainer UL,
#tabContainer UL,
#tabContainer2 UL
{
	width: 572px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	background-color: #E2E0DE;
	text-align: left;
	list-style-type: none;
	/*border-left: solid 2px white;*/
	/*background-image: url(/images/tab.png);*/
}

* html .tabContainer UL,
* html #tabContainer UL,
* html #tabContainer2 UL
{
	width: 570px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	background-color: #E2E0DE;
	text-align: left;
	list-style-type: none;
	/*border-left: solid 2px white;*/
	/*background-image: url(/images/tab.png);*/
}

.tabContainer UL LI,
#tabContainer UL LI
{
	float: left;
	
	background-image: url(/images/tab2.png);
	/*background-image: url(/images/tab.gif);
	width: 93px;min-width: 93px;*/
	height: 29px;
	text-align: center;
	margin: 0;
	padding: 0px 15px 0px 15px;
	font: bold 12px/31px arial, helvetica, sans-serif;
	color:#553B17;
	cursor: pointer;
}

* html .tabContainer UL LI,
* html #tabContainer UL LI
{
	float: left;
	
	/*background-image: url(/images/tab.gif);
	width: 92px;min-width: 92px;*/
	height: 29px;
	text-align: center;
	margin: 0;
	padding: 0px 15px 0px 15px;
	font: bold 12px/31px arial, helvetica, sans-serif;
	color:#553B17;
	cursor: pointer;
}

.tabContainer UL li.divider,
#tabContainer UL li.divider
{
	padding: 0px;
	min-width: 0px;
}

.tabContainer UL LI:hover,
#tabContainer UL LI:hover
{
	text-decoration: underline;
}

* html .tabContainer UL LI:hover,
* html #tabContainer UL LI:hover
{
	text-decoration: underline;
}

.tabContainer UL LI.selected,
#tabContainer UL LI.selected
{
	float: left;
	background-color:White;
	background-image: none;
	border-right: solid 1px #E5E4E2;
	/*background-image: url(/images/tab-selected.gif);
	width: 93px;*/
	height: 29px;
	text-align: center;
}

* html .tabContainer UL LI.selected,
* html #tabContainer UL LI.selected
{
	float: left;
	background-color:White;
	border-right: solid 1px #E5E4E2;
	/*background-image: url(/images/tab-selected.gif);
	width: 92px;*/
	height: 29px;
	text-align: center;
}

.tabContainer table,
#tabContainer table,
.locationTable
{
	width: 572px;
}

.locationTable
{
	margin: 10px;
	border: solid 1px #E2E0DE;
	border-left: none;
}

.tabContainer table th,
#tabContainer table th,
.locationTable th
{
	font: bold 12px arial, helvetica, sans-serif;
	color: #553B17;
	height: 34px;
	border-left: solid 1px #E2E0DE;
	text-align: left;
	padding: 5px;
}

.tabContainer table tr.odd,
#tabContainer table tr.odd,
.locationTable tr.odd
{
	background-color:#F8F3EE;
}

.tabContainer table td,
#tabContainer table td,
.locationTable td
{
	font: 12px arial, helvetica, sans-serif;
	color: #553B17;
	padding: 5px;
	border-left: solid 1px #E2E0DE;
}

.tabContainer table td a,
#tabContainer table td a,
.locationTable td a
{
	font: 12px arial, helvetica, sans-serif;
	color:#553B17;
	text-decoration: underline;
}

.tabContainer table td a:hover,
#tabContainer table td a:hover,
.locationTable td a:hover
{
	text-decoration: none;
}

* html .tabContainer table td a:hover,
* html #tabContainer table td a:hover,
* html .locationTable td a:hover
{
	text-decoration: none;
}

.tabContainer table tr.odd td,
#tabContainer table tr.odd td,
.locationTable tr.odd td
{
	font: 12px arial, helvetica, sans-serif;
	color: #553B17;
}

.locationTable td span.smallAddress
{
	font-size: 10px;	
}

.tabContainer table UL,
#tabContainer table UL
{
	list-style: circle none outside;
	margin: 0pt;
	padding: 0pt 0pt 0pt 15pt;
	background-color: White;
	width: auto;
	height: auto;
	text-align: left;
}

* html .tabContainer table UL,
* html #tabContainer table UL
{
	list-style: circle none outside;
	margin: 0pt;
	padding: 0pt 0pt 0pt 15pt;
	background-color: White;
	width: auto;
	height: auto;
	text-align: left;
}

.tabContainer table LI,
#tabContainer table LI
{
	float: none;
	cursor: auto;
	background-image: none;
	margin: 0pt;
	padding: 0pt;
	font-weight: normal;
	width: auto;
	height: auto;
	text-align: left;
}

* html .tabContainer table LI,
* html #tabContainer table LI
{
	float: none;
	cursor: auto;
	background-image: none;
	margin: 0pt;
	padding: 0pt;
	font-weight: normal;
	width: auto;
	height: auto;
	text-align: left;
}

.tabContainer table LI:hover,
#tabContainer table LI:hover
{
	text-decoration: none;
}

/*------ Map ------*/

#map
{
	border: solid 1px #003768;
	height: 300px;
	margin: 10px;
	width: 572px;
}

.mapPager
{
	text-align: right;
	clear: both;
	margin: 0px 10px 10px 0px;
}

.mapPager a,
.mapPager span
{
	padding: 0px 5px 0px 5px;
}

h3.LocationSearch
{
	text-indent: 10px;
}


.center
{
	text-align: center;
}

/*------ Vert Ad -------*/

#vertAd
{
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

/*------ Site Search -------*/

.SiteSearch td.resultItem
{
	padding: 10px;
	margin: 10px;
}

.SiteSearch H4
{
	font-weight: bold;
	font-size: 12px;
	margin: auto auto 0px auto;
}

/*------ Branch Listings -----*/
table.branchListing,
table.branchListing tr td
{
	padding: 10px;
}

/*----- Homepage login ----- */
.smbluebox form
{
	padding: 0;
	margin: 0;
}

/*----- Homepage Link List ----- */

ul.homePageLinkList
{
	margin: 0 0 0 10px;
}

ul.homePageLinkList li
{
	font-size: 11px;
	padding: 0 0 5px 0;
	margin: 0 0 0 10px;
	list-style-image: url(/images/link-corner.gif);
}

#formLocation
{
	height: 250px;
}
#form_Teachers 
{
    margin-left: 10px;
    margin-bottom: 10px;
}
#form_Back2School
{
	display: inline;
	top: 240px;
	position: absolute;
}

#form_Back2School .form_Response
{
	color: Red;
}
#form_BankWithCornerstone
{
	display: inline;
	top: 70px;
	position: absolute;
}

#form_BankWithCornerstone .form_Response
{
	color: Red;
}
/*----- Accordions ----- */
.accordion div 
{
    height: auto;
}
h3.larger
{
    font-size: 13px;
}
.accordion div a.highlight 
{
    color: #003768;
    text-decoration: underline;
}
.accordion div a.highlight:hover 
{
    color: #003768;
    text-decoration: underline;
}
.ui-accordion .ui-accordion-header  
{
    cursor: pointer; 
    position: relative; 
    margin-top: 1px; 
    }
.ui-accordion .ui-accordion-li-fix  
{
    display: inline-block; 
    }
.ui-accordion .ui-accordion-header-active  
{
    border-bottom: 0 !important; 
    }
.ui-accordion .ui-accordion-header a.accord  
{
    display: inline-block;  
    padding: 0 0 0 0; 
    }
.ui-accordion .ui-accordion-content  
{
    padding: 0 0 0 0; 
    border-top: 0; 
    margin-top: -2px; 
    position: relative; 
    top: 1px; 
    margin-bottom: 2px; 
    overflow: auto; 
    display: none; }
.ui-accordion .ui-accordion-content-active  
{
    display: inline-block;
    }
/*----- Vehicles ----- */
.autoImg 
{
    border: 1px solid #dbdbdb;
    margin-left: 10px;
}
.autoHr 
{
    float: left;
    position: relative;
    display: inline;
    height: 2px;
    border: 1px solid #dbdbdb;
    background: #e8e8e8;
    width: 95%;
    margin: 8px 0 8px 10px;    
}
.autoPages 
{
    float: right;
    position: relative;
    display: inline;
    margin: 0 12px 8px 0;
}