@charset "utf-8";

/* CSS Document */

/***** Global Settings *****/



html {

height: 102%;

}



html, body {

border:0;

margin:0;

padding:0;

}



body {

font:90%/1.25 arial, helvetica, sans-serif;

}



/***** Common Formatting *****/



h1, h2, h3, h4, h5, h6 {

margin:0;

padding:0;

font-weight:normal;

}



h1 {

padding:10px 0;

color: #577188;

letter-spacing:-1px;

font:1.4em arial, helvetica, sans-serif;

}



h2 {

padding:20px 0;

letter-spacing:-1px;

font:1.3em arial, helvetica, sans-serif;

}



h2 a {

color: #000;

}



h3 {

font:1em arial, helvetica, sans-serif;

color: #538CBB;

font-weight:bold;

padding-bottom: 5px;

}



h4 {

font:1em arial, helvetica, sans-serif;

color: #fff;

font-weight:bold;

padding-bottom: 5px;

}



p, ul, ol {

margin:0;

padding:0 0 18px 0;

}



ul, ol {

padding:0 0 18px 40px;

}

ul 
{
list-style:none;
    
}


blockquote {

margin:22px 40px;

padding:0;

}



small {

font-size:0.85em;

}



img {

border:0;

}



sup {

position:relative;

bottom:0.3em;

vertical-align:baseline;

}



sub {

position:relative;

bottom:-0.2em;

vertical-align:baseline;

}



acronym, abbr {

cursor:help;

letter-spacing:1px;

border-bottom:1px dashed;

}

#printaddress {
 display: none;
}

#logo {
	display: none;
}

/***** Links *****/



a, a:visited {

text-decoration:none;

color: #538CBB;

}

/* Rates */

#rates .spaceTD 
{
    display:table-cell;
    height:40px;
}

 
#rates .column1, #rates .column2, #rates .column3 

{
    display:table-cell;
    text-align:center;
    border-bottom:1px solid #cccccc;
}

#rates .column1 

{
 width:225px;   
 border-right:1px solid #cccccc;
 padding:8px 0px 8px 5px;
 text-align:left;
 vertical-align:top;
}

#rates .column2 
{
   width:150px;
   padding:8px 0px 8px 0px;
   border-right:1px solid #cccccc;
}

#rates .column3
{
    width:150px;
    padding:8px 0px 8px 0px;
}

 

#rates h3 
{
    padding-bottom:10px;
}
 

#rates .title 
{
    color:#777777;
    padding:5px 0px 5px 0px;
    border:none;
    border-bottom:1px solid #777777;
    vertical-align:middle;
    font-size:14px;
}

 

#rates tr.altRow 
{
    background-color:#EEEEFF;
}

#rates .tier 
{
    font-weight:bold; 
    border-top:6px solid #000;
    border-bottom:none;
    display:table-cell;
    padding:5px 0 0 5px;
    background:url('images/ratesTierBG.jpg')top left repeat-x;
}

 

.ui-tabs-hide { display: none; }

 

#rates ul 
{
    padding:0px;
    height:20px;
    margin-bottom:20px;
    border-bottom:1px solid #000;
}

 

#rates ul li 
{
    font-size:12px;
    display:block;
    float:left;
    display:inline;
    margin-right:5px;
    padding:3px 0px 2px 4px;
    background:url('images/ratesTab.jpg') left top no-repeat;
}
 

#rates ul li:hover, #rates ul li.ui-tabs-selected 
{
    background:url('images/ratesTab_over.jpg') left top no-repeat;
}

#rates ul li a:hover, #rates li.ui-tabs-selected a 
{
    background:url('images/ratesTab_over.jpg') right top no-repeat;
}
 

#rates li.ui-tabs-selected a
{
    font-weight:bold;
    color:#000000;
}

#rates ul li a 
{
  background:url('images/ratesTab.jpg') right top no-repeat;
  padding:3px 6px 2px 3px;
}

 

#rates #disclaimer 
{
    font-size:11px;
    color:#777777;
}


small 

{
    font-size:11px;
    color:#666666;
}


#imageData #caption 
{
    font-weight: normal;
}

/***** Forms *****/

 #secure-login
 {
     width:250px;
     font-size:12px;
 }

form {

margin:0;

padding:0;

display:inline;

}



input, select, textarea {

font:1em arial, helvetica, sans-serif;

}



textarea {

line-height:1.25;

}



label {

cursor:pointer;

}



/***** Tables *****/



table {

border:0;

margin:0 0 18px 0;

padding:0;

}



 table tr td {

 padding:2px;

 }



table.team {

	width: 375px;

	font-size:11px;

	border-collapse: collapse;

}



table.team td {

	width: 125px;

}



.color {

	background: #edebeb;

}



.color2 {

	background: #538CBB;

}

.bordered {

	border:1px solid #000;

	width: 375px;

	margin: 0 auto;

}



/***** Wrapper *****/



#wrap {

width:960px;

margin:0 auto;

}



/**** Header/Nav *****/

.header {

	margin: 18px 0;

}

.nav {

	background-color: #538cbb;

	border-top: #ecb72d 4px solid;

	border-bottom: 1px solid #fff;

}

.nav div {

	background-color: #538cbb;

	border-left: 1px solid #fff;

	border-right: 1px solid #fff;

	padding: 0;

	width: 772px;

	margin: 0 auto;

	text-align: center;

}

.nav ul {

	padding: 0;
	margin: 0;

}

.nav ul li {

	display: inline;
	list-style: none;
	background: none;
	padding: 0;

}

.nav a {

	font-size: 13px;

	color: #fff;

	font-weight: bold;

	text-decoration: none;

	height: 32px;

	line-height: 32px;

	padding: 0 28px;

}

.nav a:hover {

	color: #d6b140;

}



.nav a:visited {

	color:#fff;

}



.banner {

	background-color: #577188;

}

.banner div {

	background: #7685ae url(images/banner-main.jpg) center no-repeat;

	border-left: 1px solid #fff;

	border-right: 1px solid #fff;

	padding: 0;

	height: 156px;

	margin: 0 auto;

	width: 772px;

}

/****** Sub Nav ****/



ul.subnav {

	list-style-type: none;

	margin: 0 0 0 7px;

	padding: 0;

	font-size: 12px;

	border-right: 1px solid;

	border-left: 1px solid;

	width: 151px;

}

ul.subnav li {
    background: none;
    padding: 0;
    margin: 0;
}
ul.subnav a {

	display: block;

	width: 148px;

	height: 24px;

	line-height: 24px;

	padding-left: 3px;

	border-bottom: 1px solid #697344;

	text-decoration: none;

	color:#000;

}



ul.subnav a:hover {

	background: #538cbb;

	text-decoration: none;

	color:#ffbd16;

}

/****** Content ******/



.content {

	margin: 0 auto;

	padding: 20px 0;

	width: 772px;

}

.main-column {

	width: 575px;

	border-left: 1px solid #7685ae;

	padding:0 5px 0 15px;

	margin-bottom: 20px;

	float:right;

}
.main-column2 {



	border-left: 1px solid #7685ae;

	padding:0 5px 0 15px;

	margin-bottom: 20px;

	float:left;

}
.left-column {

	font-size: 11px;

	width: 175px;

	float: left;

	margin-bottom: 20px;

	margin-top:0;

}

.logon {

	background: #fcfcfc;

	padding: 0 10px 8px 10px;

	font-size: 12px;

	line-height: 16px;

	color: #666;

	margin-top: 30px;

	margin-left: 0;

	width: 153px;

}

.logon h3 {

	font-size: 13px;

	margin: 5px 0;

}

.logon a.button {

	padding: 3px 2px 4px 1px;

	text-align:center;

	width: 66px;

	float: left;

	clear: none;

	background: url(images/logon_on.gif) no-repeat;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

	margin-right: 10px;

}

.logon a.button:hover {

	color: #ffffff;

	background: url(images/logon_off.gif) no-repeat;

}

.logon .break {

	margin: 10px 0;

	border-bottom: #7685ae solid 1px;

}

.logon small {

	line-height: 24px;

}


.logon2 {

	background: #fcfcfc;

	padding: 0 10px 8px 10px;

	font-size: 12px;

	line-height: 16px;

	color: #666;

	margin-top: 5px;

	margin-left: 0;

	width: 153px;

}


.logon2 a.button {

	padding: 3px 2px 4px 1px;

	text-align:center;

	width: 66px;

	float: left;

	clear: none;

	background: url(images/logon_on.gif) no-repeat;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

	margin-right: 10px;

}

.logon2 a.button:hover {

	color: #ffffff;

	background: url(images/logon_off.gif) no-repeat;

}

/****** Footer *******/



.footer {

	clear: both;

	border-bottom: #ecb72d 4px solid;

	background-color: #538cbb;

	color: #ffffff;

	font-size: 11px;



	padding: 4px 0;

}

.footer a {

	color: #ffffff;

	text-decoration: underline;

}

.footer a:hover {

	color: #d6b140;

}



.footer a:visited {

	color:#fff;

}



.footer-inner {

	width: 772px;

	margin: 0 auto;

	height: 36px;

	line-height: 20px;

}

.footer-left {

	float: left;

	margin-top: 8px;

}

.footer-right {

	float: right;

	margin-top: 8px;

}

.footer-right img {

	margin-left: 15px;

}

/**** Custom Elements*****/



ul.pdf {

	list-style-type: none;

	position: relative;

	padding: 0;

	margin: 0 0 1.5em 0;

}



ul.pdf li {

	padding: 1px 0 1px 30px;

	margin: 0;

	background: transparent url(images/pdf-icon.gif) 10px center no-repeat;

	font-size:12px;

}



ul, ul.arrows, ul.online-list, ul.fdic-list {

	list-style-type: none;

	position: relative;

	padding: 0;

	margin: 0 0 1.5em 0;

}



ul li, ul.arrows li, ul.online-list li, ul.fdic-list li {

	padding: 0px 0 1px 30px;

	margin: 0;

	background: transparent url(images/arrow.gif) 10px top no-repeat;

	font-size:12px;

}



ul li ul, ul.arrows li ul, ul.online-list li ul, ul.fdic-list li ul {

	padding: 0;

	margin: 0;

}



ul li ul li, ul.arrows li ul li, ul.online-list li ul li, ul.fdic-list li ul li {

	background: transparent url(images/dot.gif) 10px center no-repeat;

	margin: 0;

}


ul.list {

	list-style-type: none;

	position: relative;

	padding: 0;

	margin: 0 0 1.5em 0;

}



ul.list li {

	padding: 0px 0 1px 30px;

	margin: 0;

	background: transparent url(images/arrow.gif) 10px top no-repeat;

	font-size:12px;

}



ul.list li ul {

	padding: 0;

	margin: 0;

}



ul.list li ul li {

	background: transparent url(images/dot.gif) 10px center no-repeat;

	margin: 0;

}




.contact {

	margin-left: 7px;

	padding: 0;

	width: 151px;

	border-left: 1px solid #577188;

	border-right: 1px solid #577188;

	border-bottom: 1px solid #577188;

	font-size: 12px;

	text-align: center;

}



.gmap {

	margin: 0 auto;

	border: 1px solid #000;

	width: 500px;

}

.contact p {

	padding: 3px 0;

}

.contact-header {

	background: url(images/contact.gif) top no-repeat;

    margin-left: 7px;

	color: #fff;

	font-size: 14px;

	padding: 3px 0;

	text-align: center;

	width: 153px;

	height: 16px;

}



.mortgage {

	margin: 0;

	padding: 3px;

	border-left: 1px #000 solid;

	border-right: 1px #000 solid;

	border-bottom: 1px #000 solid;

	width: 227px;

	float: right;

	clear: both;

	font-size: 11px;

}



.mortgage p {

	text-align:center;

}

.mortgage-header {

	width:235px;

	background: url(images/mortgage.gif);

	float: right;

	text-align:center;

	font-size:12px;

	font-weight:bold;

	padding: 3px 0;

	color: #fff;

	height: 17px;

	overflow: hidden;

}

/**************** Accordion*********************/

#accordion
{
width: 550px;
border-bottom: solid 1px #c4c4c4;
margin: 0;
padding: 0;
text-indent: 0;
         
}
#accordion a.head
{
background: #538CCB url(images/collapsed.gif) no-repeat right;
border: 1px solid #CCCCCC;
color: #FFFFFF;
cursor: pointer;
display: block;
font: bold 110%/100% Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 7px 35px 7px 7px;
text-decoration: none;
line-height: 17px;
}

#accordion a.head:hover
{
background-color: #DAA900;
color: #FFFFFF;
}

#accordion a.selected
{
background-image: url(images/expanded.gif);
}

#accordion a.current
{
    background-color: #FFFF99;
}

p.accordion {
	padding: 6px 0 4px 4px;
}


/**************** Accordion*********************/

#accordion
{
width: 535px;
border-bottom: solid 1px #c4c4c4;
margin: 0;
padding: 0;
text-indent: 0;
         
}
#accordion a.head
{
background: #446677 url(images/collapsed.gif) no-repeat right;
border: 1px solid #000;
color: #f5f5f5;
cursor: pointer;
display: block;
font: bold 120%/100% Arial, Helvetica, sans-serif;
font-size:12px;
margin: 0;
padding: 7px 20px 15px 10px;
text-decoration: none;
text-indent: 0px;
}

#accordion a.head:hover
{
background-color: #fff;
color: #000;
}

#accordion a.selected
{
background-image: url(images/expanded.gif);
}

#accordion a.current
{
    background-color: #FFFF99;
}


/***** Global Classes *****/



.clear         { clear:both; }



.float-left    { float:left; }

.float-left-2  { float:left; padding-left: 15px; }

.float-right   { float:right; }

.float-list	   { float:left; padding-left: 25px;}

.float-img	   { float:right; padding: 1px; margin-left: 2px; border:1px solid; }



.text-left     { text-align:left; }

.text-right    { text-align:right; }

.text-center   { text-align:center; }

.text-center-pad-left {text-align:center; margin: -5px 0 0 125px;}

.text-justify  { text-align:justify; }



.bold          { font-weight:bold; }

.italic        { font-style:italic; }

.underline     { border-bottom:1px solid; }

.highlight     { background:#ffc; }



.wrap          { width:960px;margin:0 auto; }



.img-left      { float:left;margin:4px 10px 4px 0; }

.img-right     { float:right;margin:4px 0 4px 10px; }



.nopadding     { padding:0; }

.noindent      { margin-left:0;padding-left:0; }

.nobullet      { list-style:none;list-style-image:none; }



.small		   { font-size: 10px; }

.font12		   { font-size: 12px; padding: 0; margin:0 0 10px; 0; }

.enroll		   { text-align:center; margin: 0 0 5px 81px; padding-top: 5px; font-size:10px; }