body {background: url("images/bg.gif"); margin: 0; padding: 0 0 50px 0; font-family: Arial, Sans-Serif; font-size: 12px;}
#wrapper{background: url("images/bg.jpg") repeat-x; margin: 0; padding: 0; position: absolute; top: 0; left: 0; text-align: center; width: 100%;}
#content{text-align: left; margin: 0 auto 20px auto; padding: 5px 10px; width: 900px; background: white; border: 1px solid black; }
.clear{clear:both;}
.hide{width:0px; height:0px; line-height:0; padding: 0; margin:0;}
#footer{position: absolute; bottom:0; margin-bottom: 30px; width: 650px; background: #483f37 /*brown*/; padding: 8px 10px; color: White; font-size: 90%;}
    #footer p {margin: 0 0 3px 0; padding: 0;}
    
    #footer p a{color: White;}
    #footer p a:link{color: White;}
    #footer p a:visited{color: White;}
    #footer p a:hover{color: White;}
    #footer p a:active{color: White;}
    #footer #fdicEhl{width: 147px; height:20px; float: right; }

#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;}

/*Login*/
#login{width: 218px; height: 109px; background: url("images/loginBg.jpg") bottom right no-repeat;}
    #login h2{margin: 2px 0 3px 3px;color: #483f37/*brown*/; font-size: 16px; padding: 0;}
    #login label{clear: both; float: left; font-weight:bold; padding: 0 0 0 5px; margin: 0;}
    #login input {float: right; width: 80px; margin: 0 10px 6px 0;}
    #login input#ctl00_btn_login{float: none;}
    
    #login p {clear: both; font-size: 80%; margin: 0 0 0 5px;}    
    #login a:link{color: Black;}
    #login a:visited{color: Black;}
    
    #companyIDRollDown{display:none; width: 120px; float: right;}        
        #companyIDRollDown #CompanyID {width: 80px;}
        
/*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{}

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_DepositFees 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{}

/*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;}

/*Deposit Fees*/
table#depositFees{}
table td.description{width: 380px;}
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;}
     .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;}


/*Hide Sub Links that link to the same page*/

#ctl00_StatementSavings li#sub_StatementSavings, 
#ctl00_PassbookSavings li#sub_PassbookSavings,
#ctl00_YouthSavings li#sub_YouthSavings,
#ctl00_MMDASavings li#sub_MMDA,
#ctl00_HSA li#sub_HSA,
#ctl00_CDs li#sub_CDs,
#ctl00_IRAsPage li#sub_IRAs, 

#ctl00_SimpleChecking li#sub_SimpleChecking,
#ctl00_advantageChecking li#sub_AdvantageChecking,
#ctl00_LegacyChecking li#sub_LegacyChecking,
#ctl00_RelationshipPlusChecking li#sub_RelationshipPlusChecking,
#ctl00_PremierNowChecking li#sub_PremierNowChecking,
#ctl00_BusinessChecking li#sub_BusinessChecking,
#ctl00_SoleProprietorChecking li#sub_SoleProprietorChecking,

#ctl00_PresidentMessage li#sub_PresMessage,
#ctl00_PrivacyStatement li#sub_PrivacyStatement,
#ctl00_HistoryAndGeneralInfo li#sub_History,
#ctl00_ourPeople li#sub_OurPeople,
#ctl00_makeAdifference li#sub_MakeADifference,
#ctl00_disclosures li#sub_Disclosures,
#ctl00_consumerAlerts li#sub_ConsumerAlerts,

#ctl00_onlineBankingInfo li#sub_OnlineBanking,
#ctl00_mobileBanking li#sub_MobileBanking,

#ctl00_contactUs li#sub_ContactUs,
#ctl00_location li.sub_location,


#ctl00_resMortgagePurchase li#sub_PurchaseLoan,
#ctl00_resMortgagesRefi li#sub_RefinanceLoan,
#ctl00_resHomeEquityLoan  li#sub_EquityLoan,
#ctl00_resConstructionLoan li#sub_ConstructionLoan,
#ctl00_resHELOC li#sub_HELOC,
#ctl00_otherLoans li#sub_OtherLoans

    {display: none;}