body {background: url("images/bg.gif"); margin: 0; padding: 0 0 50px 0; font-family: Arial, Sans-Serif; font-size: 12px;}
#wrapper{ margin: 0; padding: 0; position: absolute; top: 0; left: 0; text-align: center; width: 100%;
    background: #e5e1de; /* Old browsers */
    background: -moz-linear-gradient(top, #e5e1de 0%, #f0efeb 18%, #f0efeb 80%, #e5e1de 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e1de), color-stop(18%,#f0efeb), color-stop(80%,#f0efeb), color-stop(100%,#e5e1de)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e1de 0%,#f0efeb 18%,#f0efeb 80%,#e5e1de 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e1de 0%,#f0efeb 18%,#f0efeb 80%,#e5e1de 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #e5e1de 0%,#f0efeb 18%,#f0efeb 80%,#e5e1de 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e1de', endColorstr='#e5e1de',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #e5e1de 0%,#f0efeb 18%,#f0efeb 80%,#e5e1de 100%); /* W3C */

}
#content{text-align: left; margin: 0 auto 20px auto; padding: 5px 10px; width: 900px; background: white; 
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;

    -webkit-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, .2);
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, .2);

    
}
.clear{clear:both;}
.hide{width:0px; height:0px; line-height:0; padding: 0; margin:0;}


#loginBar{
    margin-bottom: .25em;
    -webkit-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, .2);
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, .2);

    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 1%, #f0efeb 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(99%,#f0efeb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 1%,#f0efeb 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 1%,#f0efeb 99%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 1%,#f0efeb 99%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0efeb',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ffffff 1%,#f0efeb 99%); /* W3C */
}

#mainContent{width: 670px; float: left; padding-bottom: 100px;}
#rightSide{float: right;}
#rightSidebar{width: 217px; }
    #rightSidebar ul{margin: 0; padding: 0; }
    #rightSidebar ul li{list-style: none; margin: 0 0 1.5em 0;}
        
/*Nav - see style_dropline.css */

/*Headings*/
h1{color: #78132d/*maroon*/; font-size: 24px; font-weight: normal;}
h2{color: #483f37/*brownGray*/; font-size: 14px; font-weight: bold; margin: 3em 0 .5em 0;}
h3{color: Black; font-size: 13px; margin: 1em 0 .5em 0;}
h4{color: #483f37/*brownGray*/; font-size: 16px; font-weight: bold;}

p, li, dd, dt, td, label, dd {line-height: 160%; margin: 0; padding: 0;}
p{margin: 0 0 1.5em 0;}
p.descriptionText{color: #483f37/*darkBrownGray*/; font-size: 16px; width: 450px; margin: 10px 0 30px 0;}

.disclaimer{border: 1px solid #483f37/*darkBrownGray*/; background: #e6e6e6/*lightGray*/; padding:10px 10px 3px 10px; color: #483f37/*brownGray*/; margin: 20px 0; } /*this is for p and div*/
.lineOver, #ctl00_standardRatesAndFees li#sub_StatementSavings {margin-top: 2em; padding-top: .5em; border-top: 1px solid #483f37/*darkBrownGray*/;}

img{border: 0;}
    .imgRight{float: right; padding: 5px; margin: 0 15px 15px 15px;}
    .imgLeft{float: left;padding: 5px; margin: 0 15px 15px 15px;}

/*Links*/
a{}
a:link{color:#b82025/*orangeRed*/;}
a:visited{color: #300304/*darkOrangeRed*/;}
a:hover{text-decoration: none;}
a:active{}

/*Lists*/
ol{}
ul{}
li{}

dl{}
dt{font-weight: bold; margin: 1em 0 0 0;}
dd{}

/*Forms*/
form{}
label{cursor:pointer; font-weight: bold;}
input{cursor:pointer;}
.button{background: url("images/btnBG.gif") repeat-x; border: 1px solid gray;}

/*Tables*/
table{border: 0; margin: 0 0 1em 0; padding: 0;}
    tr{}
    td{padding: 3px 5px; border-bottom: 1px solid #483f37/*darkBrownGray*/; vertical-align:top;}
    
    thead{font-weight: bold; background: #eae6d1/*beige*/;}
        thead td{border-top: 1px solid #483f37/*darkBrownGray*/;}
    tbody{}
    tfoot{}
    .rowShadeOn td{background: #f6f4ec/*lightTan*/;}
    .rowShadeOff td{background: white;}

/*Landing Page*/

.landingBanner{height: 100px; border: 1px solid gray; }
    .landingBanner#Deposits{background: url("images/landingBannerBG_orange.gif") repeat-x;}
    .landingBanner#Loans{background: url("images/landingBannerBG_blue.gif") repeat-x;}
    .landingBanner#InvestmentServices{background: url("images/landingBannerBG_green.gif") repeat-x;}
    .landingBanner#AdditionalServices{background: url("images/landingBannerBG_purple.gif") repeat-x;}
    
    .landingBanner img{float: left;}
    .landingBanner #bannerText {float:right; width: 450px; position: relative; top: 30%; margin: 0 30px 0 0;}
    .landingBanner #bannerText p{font-weight: bold;}

.landingPage #colA, .landingPage #colB{width: 48%; float: left; }
.landingPage #colA{margin-right: 22px;}


.landingPage h2{color: #78132d/*maroon*/ ;font-size: 16px; margin: 1em 0 .5em 0;}
.landingPage h3{color: #78132d/*maroon*/; font-size: 12px; font-weight: normal; margin: 1em 0 0 0;}

/*Deposits*/
#otherDepositStuff{margin-bottom: 2em;}

/*Standard Rates and Charges*/
table#standardRatesAndFees{}
table td.description{width: 380px;}
.child{margin-left: 2em;}
table td.fee{width: 50px; text-align: right;}
    /*lineOver effect on statementSavings bullet handled with lineOver class*/



/*Our People*/
#ctl00_ourPeople{}
     .employee{float:left; border: 1px solid #483f37/*darkBrownGray*/; margin: 0 21px 21px 0; width: 160px; height: 280px;}
     .employee h2{font-size: 13px; text-align: center; margin: .5em 0 0 0;}
     .employee p{text-align: center; margin: 0; padding: 0;}     
     .employee .emailAddress {font-size: 90%; }
     .employee .yearAppointed {font-size: 90%;}

/*Contact Us*/
#ctl00_MainContent_pnl_inputFields{}   
    #ctl00_MainContent_pnl_inputFields #ctl00_MainContent_str_Message{width: 300px; height: 200px;}
    #ctl00_MainContent_btn_submit{margin-left: 115px;}
    #tbl_contactForm td{border: 0; vertical-align: top;}
    #ctl00_contactUs p.disclaimer{margin-left:115px;}

/*Fraud Alerts*/    
.fraudAlert{border-bottom: 1px solid #483f37/*darkBrownGray*/;}

/*Logo & Tagline*/
#logo {float: left; margin: 5px 0 0 0;}
#TheresADifferenceTagline{float: right; margin: 26px 10px 0 0;}

/*Rates*/
.ratesTable{}
    .ratesTable thead td{text-align: left;}
    .ratesTable td{text-align: right;}
    .ratesTable td.name{text-align:left; width: 250px;}
        .ratesTable td.name {font-weight: bold; }
    .ratesTable td.name.noborder{border-bottom:0;}
    .promotion, .promotion td{background: #e8a831/*orange*/;}

/*Make a Difference*/
.operation{border-top: 1px solid #483f37/*darkBrownGray*/;}

/*No Script*/
#noScript{background: white url("images/noScript.jpg") no-repeat 5px 5px; border: 1px solid red; display: block; margin: 0 0 1em 0; padding: 5px 10px;}
#noScript p{margin: 0 0 0 32px;}
noscript{color: red;}

footer{clear:both;}
footer p, footer p a:link, footer p a:visited{color: #483f37/*brown*/; margin: 0; padding: 0;}
footer p:nth-of-type(3){margin-top: 2em; font-size: .8em;}

.caption{font-size: .9em; font-style: italic;}