body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;    
	color: #333;	
    background: #2a2a2a url('images/bg.jpg') no-repeat 50% top;
    text-align: left;
	margin: 0;
	padding: 0;
	padding-top: 15px;
	padding-bottom: 15px;
    text-align: center;
}

.textshadow body{    
    text-shadow: 1px 1px 0px #f0f0f0;
    filter: dropshadow(color=#f0f0f0, offx=1, offy=1);
}

#wrapper{width: 780px; background: #fff; text-align: left; margin: 0 auto;}
.popup #wrapper{width: 40em; padding: 1em 1em 5em 1em;}
.popup #wrapper div{padding: 1em;}
.popup h3{clear: both;}

.boxshadow #wrapper{
    -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .3);
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .3);
}
.borderradius #wrapper {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

header{ text-shadow: none;}
    header img{float: left; margin: 1em;}
    #topNav{float: right; margin: 1em;}
    /*header table{clear:both;}
    heder nav table, header nav tbody, header nav span, header nav tr, header nav td, header nav img{padding: 0; margin: 0;}*/

    #headerImg{float: left; width: 470px; height: 78px; margin: 0;}

    #home #headerImg{background: url('images/vineyardSpring.jpg') no-repeat;}
    .business #headerImg{background: url('images/treePond.jpg') no-repeat;}
    .personal #headerImg{background: url('images/sonoma.jpg') no-repeat;}
    .lending #headerImg{background: url('images/lighthouse.jpg') no-repeat;}
    .finTools #headerImg{background: url('images/oceanPalms.jpg') no-repeat;}
    .about #headerImg{background: url('images/vineyardRow.jpg') no-repeat;}

#mainContent{clear: both; float: right; margin: 0 1em 0 0; width: 540px;}
    #locations #mainContent{float: none;}
    #adSpace{}
    #hpContent #adSpace2{clear: both; border: 1px solid gray; background: #e6e6e6; width: 500px;}
        #hpContent #adSpace2 div{float: right; width: 380px; }
        #hpContent #adSpace2 #gasGauge{float: left; width: 100px; margin-left: 5px;}
        #adSpace2 h3{margin: 0 0 0 1em; padding: 0;}
        #adSpace2 div p span{font-family: 'Terminal Dosis Light', sans-serif; color: #2f3b5b; font-weight: bold;}

aside{float: left; width: 200px; margin: 0 1em; padding: 0;}

h2{font-family: 'Terminal Dosis Light', sans-serif;
    /*text-align: center;
    background: #616f92;*/
    color: #2f3b5b; 
    font-size: 14pt;
    border-bottom: 1px solid #2f3b5b;
 }

#locationsSidebar{margin: 2em 0 0 0;}
#locations #offices{margin: 0 0 .75em 0;}
    select:hover {}

.atm blockquote{margin: 0; padding: 0;}

a{outline: none;}
a:link {color: #9E2E02; text-decoration: none; outline:none;}
a:visited {color: #9E2E02; text-decoration: none; outline:none;}
a:hover {color: #D74308; text-decoration: underline; outline:none;}


table{}
  
TD, td {
    background: #fff;
    margin: 0;
    padding: 0;    
    border-collapse:collapse;
	}
td a, td img{margin: 0; padding: 0;}
	

ul
{
padding-left: 0;
margin-left:15px;
list-style-type: bullet;
}
ul li {
padding-left:0;margin-left:0;
padding-bottom: 5px;
}

.10pixel{
 font-size: 10px;
 }

.bodyHeader {
 font-size: 12px;
 font-weight: bold;
 color: 122148;
 }

.formStyle {
 font-size: 10px;
 }

.white {
 color: FFFFFF;
 }

.tableHeader {
 font-size: 11px;
 font-weight: bold;
 color: FFFFFF;
 }
 
.mainBorder {
	border: 1px solid #000000;
	}
	
.tableBorder {
	border: 1px solid #999999;
	}
	
.tableBorderBrown {
	border: 1px solid #786C3F;
	}
	

a.copyrightlink:link {color: #999999; text-decoration: underline;}
a.copyrightlink:visited {color: #999999; text-decoration: underline;}
a.copyrightlink:hover {color: #999999; text-decoration: underline;}

a.subNavOn:link {color: #B82828; text-decoration: underline;}
a.subNavOn:visited {color: #B82828; text-decoration: underline;}
a.subNavOn:hover {color: #B82828; text-decoration: underline;}

a.subNavOff:link {color: #000000; text-decoration: none;}
a.subNavOff:visited {color: #000000; text-decoration: none;}
a.subNavOff:hover {color: #B82828; text-decoration: underline;}
	

.bgHomeTop
{ 
background-image: url("images/bg_home_top.jpg");
background-repeat: no-repeat;
background-position:middle top
}

.bgBbTop
{ 
background-image: url("images/bg_bb_top.jpg");
background-repeat: no-repeat;
background-position:middle top
}

.bgPbTop
{ 
background-image: url("images/bg_pb_top.jpg");
background-repeat: no-repeat;
background-position:middle top
}

.bgAboutTop
{ 
background-image: url("images/bg_about_top.jpg");
background-repeat: no-repeat;
background-position:middle top
}

.bgFtTop
{ 
background-image: url("images/bg_ft_top.jpg");
background-repeat: no-repeat;
background-position:middle top
}

.bgRebTop
{ 
background-image: url("images/bg_reb_top.jpg");
background-repeat: no-repeat;
background-position:middle top
}

.bgShadowBottom
{ 
background-image: url("images/corner_shadow_bottom.gif");
background-repeat: no-repeat;
background-position:left bottom
}

.bgHomeWho
{ 
background-image: url("images/bg_home_who.gif");
background-repeat: no-repeat;
background-position:left bottom
}

.bgHomeNews
{ 
background-image: url("images/bg_home_news.gif");
background-repeat: no-repeat;
background-position:left bottom
}


#redirect{
	background: white;
	border: 1px solid black;
	margin-top: 100px;
}

#stuAd img{clear:both; margin-top: 20px; outline:none;}

#fdicInsurance{}
#fdicInsurance h3{font-size: 10pt; font-family: Times New Roman, Georgia, Serif; }
#fdicInsurance p{font-size: smallest;}


.boxshadow div[align=center] > table {
    -webkit-box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, .2);
    }

#hpContent, #secContent{width: 513px; padding: .25em 1em; margin: 0 0 3em 0; }

    #hpContent div{padding: 0;  width: 165px; float: left; margin: 1em .3em 0 .3em; }   
    #hpContent div h2{margin: 0 0 .5em;}
    #hpContent div p {margin: 1em;}    
    #hpContent div img{padding-top: 1em;}
    #hpContent div img:nth-of-type(2){display: block;   margin-left: auto;   margin-right: auto;}


#login{margin: 0; padding: 0;}
    #login a{margin: 0 1em 1em; display:inline-block;}
    #login h2{margin-top: 0;
     


    color: White;
    text-shadow: none;
    background: rgb(210,110,71); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(210,110,71,1) 0%, rgba(143,65,35,1) 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,110,71,1)), color-stop(99%,rgba(143,65,35,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(210,110,71,1) 0%,rgba(143,65,35,1) 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(210,110,71,1) 0%,rgba(143,65,35,1) 99%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(210,110,71,1) 0%,rgba(143,65,35,1) 99%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d26e47', endColorstr='#8f4123',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(210,110,71,1) 0%,rgba(143,65,35,1) 99%); /* W3C */}

    #login ul.tabs {margin: 0 0 0 0; padding: 0; width: 100%;}
    #login ul.tabs li { float: left; margin: 0 .5em 0 0; padding: 0; list-style:none; border: solid gray; border-width: 1px 1px 0 1px; -moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;}
    
    #login ul.tabs li a{ display: block; padding: .5em; color: #333333; margin: 0; }
    #login ul.tabs li a:hover{text-decoration: none;}
    #login ul.tabs li a.current{background: #e5dbb5;-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;}
    
    #login .panes{clear:both; }
    #login .panes ul li{margin: 0; padding: 0;}
    
    #login .panes ul li a{margin: 0; padding: 0;}
    #login .panes ul li a:hover{margin: 0; padding: 0;}
    #login .panes div{display:none; padding:15px 10px; border:1px solid #999; -moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-radius: 0px 8px 8px 8px;
border-radius: 0px 8px 8px 8px;
-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .3);
-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .3);
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .3);
}
    	
    #login .panes div b{clear: both;}
    #login .panes div input[type=text]{color: Gray; font-size: 8pt; margin: 0 0 .25em 0 ;}    

    /* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}


    :focus {
  -moz-outline-style:none;
}

#updateBrowserAd{margin: 1em 0 0 0 ; padding: 0;}
#newsTile{margin: 0; padding: 0;}
    #newsTile h2{margin-top: 0;}

.clear{clear: both; }
#hpContent div img{}




a img{border: 0;}

footer, div#footer{clear: both; display: block; width: 100%; border-top: 1px solid #e6e6e6; background: #f5f5f5; padding: 1em 0; margin-top: 3em;}

.borderradius footer, .borderradius #footer{
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-radius: 0px 0px 8px 8px;
border-radius: 0px 0px 8px 8px;

}

footer div, #footer div{margin: 1em auto; text-align: center;}

#fdic-ehl{text-align: center; width: 600px; margin: 0 auto;}
#fdic{background: #e1eef7; border: 1px solid gray; padding: .75em .25em;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;  }
    #fdic img, #fdic p{}
    #fdic img{margin-left: 1em;}
    #fdic p{ margin: 0 1em; text-align: left;}
    #fdic p a{ text-decoration: underline;}

#ehl{ padding-top: 8px; padding-right: 1em; float: left;}

#footerLinks{clear:both;}

#copyright{clear: both;}


nav img{margin: 0; padding: 0;}



aside .subnav{margin-top: 44px;}

.subnav li h2{margin: .25em .25em .25em 10px; color: #483f21; border: 0; text-align: center;}
    .subnav blockquote{margin: 0; padding: .75em; font-style: italic; font-size: 1.1em; line-height:1.4em;}
    .subnav ul{ margin: 0; padding: 0;  }    
    
    .subnav ul li{display:block; padding: 0; margin: 0; list-style:none;  border-bottom: 1px solid #3e5280;}    
    .subnav ul li a{display: block; padding: .75em .5em; background: #c9d7f5; color: #3e5280; font-weight: bold; text-shadow: none; margin:0;     
     }

    .subnav ul li:nth-of-type(1) a {-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;}

    .subnav ul{margin-bottom: 1em;}
         
    #pb_depAccounts .subnav ul li a#sub_DepAccounts,
    #pb_creditCards .subnav ul li a#sub_CreditCards,
    #pb_loans .subnav ul li a#sub_LoansAndLines, 

    #bus_depProd .subnav ul li #sub_DepProd,
    #cashMgmt .subnav ul li #sub_CashMgmt,
    #achOrig .subnav ul li #sub_ACHOrig,
    #bizLend .subnav ul li #sub_BizLend,
    #mercServ .subnav ul li #sub_MercServ,
    #loansAndLines .subnav ul li #sub_LoansAndLines, 
    #about_overview .subnav ul li #sub_overview,
    #about_mgmt .subnav ul li #sub_mgmt,
    #locations .subnav ul li #sub_loc, 
    #faq .subnav ul li #sub_faq,
    #updateBrowser .subnav ul li #sub_update,
    #about_onlineBanking .subnav ul li #sub_onlineBanking,
    #lending .subnav ul li #lend_overview,
    #LinesOfCredit .subnav ul li #lend_linesOfCredit,
	#LandLoans .subnav ul li #lend_landLoans, 
	#LandAcquisitionDevelopment .subnav ul li #lend_landAcqDev, 
	#ConstructionLoans .subnav ul li #lend_constLoan, 
	#CommercialMortgages .subnav ul li #lend_commMort, 
	#sba .subnav ul li #lend_sbaLoans 



    {background: #3e5280; text-decoration: none; color: White; text-shadow: none;}

    .subnav ul li a:hover{background: #95aadb; text-decoration: none; text-shadow: none;}

    

#navigation{width: 100%; height: 2.40em; margin: 0 0 2em 0; clear: both;
    border-top: 1px solid black; border-bottom: 1px solid black;  background: rgb(191,174,108); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(191,174,108,1) 0%, rgba(132,118,70,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,174,108,1)), color-stop(100%,rgba(132,118,70,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(191,174,108,1) 0%,rgba(132,118,70,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(191,174,108,1) 0%,rgba(132,118,70,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(191,174,108,1) 0%,rgba(132,118,70,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfae6c', endColorstr='#847646',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(191,174,108,1) 0%,rgba(132,118,70,1) 100%); /* W3C */}

    #navigation ul{margin: 0; padding: 0; width: 100%; }
    
    #navigation li{margin: 0; padding: 0; list-style: none; float: left;}
    #navigation p{background: red;}
    
    #navigation li a{display: block; margin: 0; color: white; font-size: 9pt; font-weight: bold; padding: .5em 2em; text-decoration: none; border-right: 1px solid black;
    background: rgb(191,174,108); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(191,174,108,1) 0%, rgba(132,118,70,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,174,108,1)), color-stop(100%,rgba(132,118,70,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(191,174,108,1) 0%,rgba(132,118,70,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(191,174,108,1) 0%,rgba(132,118,70,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(191,174,108,1) 0%,rgba(132,118,70,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfae6c', endColorstr='#847646',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(191,174,108,1) 0%,rgba(132,118,70,1) 100%); /* W3C */
    }
    #navigation li:nth-of-type(1){margin-left: 3em; border-left: 1px solid black;}

    #navigtation li a:hover{text-decoration: none;
    background: rgb(132,118,70); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(132,118,70,1) 71%, rgba(191,174,108,1) 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(71%,rgba(132,118,70,1)), color-stop(99%,rgba(191,174,108,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(132,118,70,1) 71%,rgba(191,174,108,1) 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(132,118,70,1) 71%,rgba(191,174,108,1) 99%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(132,118,70,1) 71%,rgba(191,174,108,1) 99%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#847646', endColorstr='#bfae6c',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(132,118,70,1) 71%,rgba(191,174,108,1) 99%); /* W3C */
    }

#home #nav_home,
.business #nav_business, 
.personal #nav_personal, 
.lending #nav_lending,
.finTools #nav_finTools
{background: rgb(151,136,82); /* Old browsers */
background: -moz-linear-gradient(top, rgba(151,136,82,1) 0%, rgba(77,66,30,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(151,136,82,1)), color-stop(100%,rgba(77,66,30,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(151,136,82,1) 0%,rgba(77,66,30,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(151,136,82,1) 0%,rgba(77,66,30,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(151,136,82,1) 0%,rgba(77,66,30,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#978852', endColorstr='#4d421e',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(151,136,82,1) 0%,rgba(77,66,30,1) 100%); /* W3C */}

#updateBrowser table {width: 100%;}
    #updateBrowser table td{width: 20%; text-align: center;}



div#estatement, div#smallBusiness, div#mobileBanking{
    background: none; padding: 0;
    margin: 0 0 0 5px;
}

div#smallBusiness{margin: 0 5px 0 0;}
div#estatement p, div#smallBusiness p{margin: .75em 0 0 0; line-height: 1.4em;}
div #estatement h2, div#smallBusiness h2, div#mobileBanking h2{text-align: center;}
div#estatement img{margin-left: 35px;}
    div#estatement img#leaf{margin-left: 45px;}

div#mobileBanking{width: 153px;}
    #mobileBankingAd{margin-left: 25px;}

#smallBusinessAd{margin-left: 40px;}

#sba table{display:table; border-collapse: collapse;}
    #sba td{background: #e8e6e0; vertical-align: top;}
    #sba table thead, #sba table td.rh{font-size: 1.4em;}
    #sba table thead td{vertical-align: bottom; background: white;}
    #sba table td{padding: .25em .5em; width: 22%; border-bottom: 1px solid gray;}
    #sba table td.rh{background: white; width: 12%; text-align: right;}