html, body, div, p, h1, h2, h3, h4, h5, h6, 
blockquote, ol, ul, li, dl, dt, dd, td, 
form, fieldset, a 
{
     margin: 0;
     padding: 0;
     border: 0;
}

body
{
    background: #FFFFFF;
    font-family: "Trebuchet MS",Arial,Sans-Serif;
    font-size: 13px;
    color: #121212;
}
a,
a:link,
a:active,
a:visited
{
    color: #293281;
    text-decoration: none;
}
a:hover
{
    color: #CE6C00;
}
a img
{
    border: none;
}
a.pdf-link
{
    background: transparent url(PDF-icon.png) 0 top no-repeat;
    padding-left: 22px;
}
a.pdf-link:hover { background-position: 0 bottom; }

a.pdf-link-static
{
    background: transparent url(PDF-icon-static.png) 0 top no-repeat;
    padding-left: 22px;
}

.sm                         /* used for the SM mark, eg next to Dep Max login button */
{
    font-size: 0.7em;
    vertical-align: text-top;
}
.important-notice
{
    font-weight: bold;
    color: #990000; 
}
.compliance-box,
.mbt-by-the-numbers
{
    padding: 5px 10px;
    margin: 0 0 15px 0;
    border: solid 1px #808080;
    font-size: 0.9em;
}
.compliance-box     { color: #808080; }
.mbt-by-the-numbers { color: #121212; background: #FFF url(col-bg.png) 0 0 repeat-x; }

.float-img-left
{
    float: left;
    padding-right: 15px;
    padding-bottom:15px;
}
.clearing
{     
    clear: both; 
    height: 0;
    margin: 0;
    font-size: 1px;
    line-height: 0;
    display: block;
}


h1,h2,h3,h4 { color: #404040; font-weight: normal;}
h1 
{ 
    font-size: 24px;
    padding-bottom: 8px;  
}
h2 
{ 
    font-size: 17px; 
    padding-bottom: 14px;
}
h3
{
    font-size: 15px; 
    padding-bottom: 14px;
}
h4
{
    font-size: 1em; 
    padding-bottom: 8px;
}
p  { padding-bottom:15px; }
ul { padding-left:15px; padding-bottom:10px; }
ol { padding-left:20px; }
li { padding-bottom: 5px; }

fieldset
{
    padding: 10px;
    border: solid 1px #ECEDEF;
   
}
legend
{
    font-size: 1.1em;
    margin-bottom: 20px;
    color: #808080;
}
input,
option,
textarea
{
    color: #293281;
}
textarea
{
    font-family: "Trebuchet MS",Arial,Sans-Serif;
}
.fine-print                 /* used for the legalese in footnotes, like the one for free atm access on the time savers page */
{
    font-size: 0.9em;
    color: #808080;
}
.security-notice            /* used at the bottom of the forms */
{
    margin: 10px 20px;
    font-size: 0.9em;
    font-style: italic;
    color: #808080;
}


/*
#container
    #TopNav
    .main-nav
    #Dashboard
        .leftcol
        .centercol
        .rightcol
    #MainContent
        .leftcol
        .centercol (with an opt .below-the-fold)
        .rightcol
   #Footer
        #PersonalFooter 
        #BusinessFooter 
        #WealthFooter 
        #NonprofitFooter 
        #GeneralFooter 
        #QuickLinksFooter
    #Legal
*/        

/*************/
/* container */
#container
{
    width: 990px;       /*aspect 840px; */
    margin: 0 auto;
}


/**********/
/* TopNav */
#TopNav
{
    text-align: right;
    margin: 10px 20px 6px 0;
    font-size:0.8em;    
}
#TopNav a,
#TopNav a:link,
#TopNav a:active,
#TopNav a:visited
{
    color: #A29992;
    text-decoration: none;
}
#TopNav a:hover
{
    color: #293281;
}

#TopNav .todays-date
{
    color: #505050;
}


/*************/
/* 3 columns */
.leftcol
{
    float: left;
    width: 162px;    
}
.centercol
{
    float: left;
    width: 593px; /*aspect 443px;*/
    margin: 0 20px 0 20px;
}
.rightcol
{
    float: left;
    width: 162px;
}

.leftcol .group,
.rightcol .group
{
    margin-bottom: 20px;
    border: solid 1px #ECEDEF;
    border-bottom: none;
    background: #FFF url(col-bottom.png) 0 bottom no-repeat;
}
.leftcol  h3,
.rightcol h3
{
    position: relative;
    left: -1px;
    width: 158px;

    padding: 2px 0 10px 12px;    

    text-align: left;
    font-size: 13px;
    color: #FFF;
    background: transparent url(col-header-bg.png) 0 -1px no-repeat;
}
.leftcol .group h3 a       { color: #FFFFFF; }
.leftcol .group h3 a:hover { color: #CE6C00; }

.rightcol .olb
{
    padding-bottom: 20px;
}
.rightcol .login-buttons /*this is a ul*/
{
    padding: 0;
}
.rightcol .login-buttons li
{
    width: 142px;
    margin: 5px 7px;
    list-style: none;
    font-size: 11px;
}
.rightcol .login-buttons a
{
    color: #FFF;
    padding: 0 0 0 7px;    
}


.centercol .loginbtn
{
    display: block;
    width:  142px;
    height: 21px;
    line-height: 18px;
    font-size: 0.9em;
    color: #FFFFFF !important;
    padding-left:5px;
    background: #FFF url(Btn-68.png) 0 top no-repeat;
}
.centercol .loginbtn:hover
{ 
    background-position: 0 bottom; 
}

.rightcol .loginbtn a,
.rightcol .depmaxbtn a
{
    display: block;
}
.rightcol .loginbtn a
{
    height: 21px;
    line-height: 18px;
    background: #FFF url(Btn-142.png) 0 top no-repeat;
}
.rightcol .depmaxbtn a
{
    height: 33px;
    line-height: 1.1;
    background: #FFF url(Btn-142-tall.png) 0 top no-repeat;
}
.rightcol .loginbtn a:hover,
.rightcol .depmaxbtn a:hover
{ 
    background-position: 0 bottom; 
}
.rightcol .depmaxbtn .rdc-on-btn 
{
    font-size: 9px;
}
.rightcol .enrollbtn,
.rightcol .demosbtn
{
    float: left;
    display: block;
    width: 68px;
    height: 21px;
    
    padding: 0 0 0 7px;    
    margin: 5px;
    line-height: 20px;
    
    font-size: 11px;
    color: #FFF;
    background: #FFF url(Rev-Btn-68.png) 0 top no-repeat;
}
.rightcol .enrollbtn:hover,
.rightcol .demosbtn:hover
{ 
    background-position: 0 bottom; 
}
.rightcol .enrollbtn { margin: 5px 0 0 7px; }
.rightcol .demosbtn  { margin: 5px 0 0 0; }


/***************/
/* .leftcol */
.leftcol .dept-list 
{     
    height:449px !important; 
}

/* .right-col .learn-more -- the boxes in left/right column with a Learn More button */
.rightcol .learn-more
{
    color: #6B6C6C;
}
.rightcol .learn-more h4
{
    text-align: center;
}
.rightcol .learn-more p
{
    padding: 0 0 25px 15px;
    font-size: 0.8em;
}

.rightcol .learn-more .btn
{
    float: left;
    display: block;
    width: 80px;
    height: 21px;
    
    padding:0 1px;
    margin: 35px 0 15px 0;
    line-height: 20px;
    
    font-size: 11px;
    text-align: center;  
    color: #FFF;
    background: #FFF url(Rev-Btn-Link-80.png) 0 top no-repeat;
}
.rightcol .learn-more .btn:hover
{
    background-position: 0 bottom;
}

.rightcol .learn-more .easy-switch img
{
    float:left;
    width: 67px;
    padding: 0 5px 20px 5px;
    margin-top: 15px;
}
.rightcol .learn-more .enhancements img
{
    float:right;
    padding: 0 5px 20px 5px;
}

/*************/
/* Dashboard */
#Dashboard 
{
    margin: 10px 0 0 15px;
}
#Dashboard .leftcol,
#Dashboard .rightcol
{
    width: 160px;
    height: 90px;
}
#Dashboard .leftcol,
#Dashboard .rightcol
{
    border-bottom: none;
    background: transparent url(col-bottom.png) 0 bottom no-repeat;
}
#Dashboard .rightcol  { border-top: none; }

/* Dashbord - Calendar and Tickers (CENTER col) */
#Dashboard .centercol
{
    width: 592px; /*aspect 442px;*/
    height: 90px;
    
    border: solid 1px #ECEDEF !important;
    border-bottom:none !important;
    
    background: transparent url(content-bottom.png) 0 bottom no-repeat;
}
#Dashboard .mbt-calendar   /* Dashbord - Calendar  (center col, left side) */
{
    float:left;
    /*aspect width: 90px;*/
    border:none !important;
    border-right: solid 1px #ECEDEF !important;
    
    margin: 0 10px 0 0;
    font-size: 10px;
    color: #808080;
    background: #FFFFFF;
}
#Dashboard .mbt-calendar a
{
    text-decoration: none;
}
#Dashboard .mbt-calendar table     /* this is the Month and Year at the top of the calendar */
{ 
    border-right: none !important;
    border-bottom: none !important;
}

#Dashboard .mbt-calendar table td    /* this is the Month and Year at the top of the calendar */
{ 
    padding: 5px 0 3px 0;
    font-size: 11px;
    font-weight: bold;
    
}
#Dashboard .mbt-calendar td
{
    padding: 0 5px;
    line-height: 1.1;   
}

#Dashboard .mbt-alerts 
{
    padding:2px 0;
    line-height:15px;
}
#Dashboard .mbt-alerts .Alert,  /* Dashbord - Alerts & Notices (center col, right side) */
#Dashboard .mbt-alerts .Notice  
{
    font-weight: bold;
}
#Dashboard .mbt-alerts .Alert,
#MainContent .centercol .alerts-notices h1.Alert /* MainContent - h1 color on Alert & Notices page */
{
    color: #990000; 
}
#Dashboard .mbt-alerts .Notice, 
#MainContent .centercol .alerts-notices h1.Notice
{ 
    color: #293281; 
}


#Dashboard #tickers  /* Dashbord - Tickers & Alerts  (center col, right side) */
{
    font-size: 0.9em;
    color: #808080;
    padding-top: 3px;
    padding-right: 0;
    margin-right: 0;
}
#Dashboard #tickers a
{
    font-size: 0.95em;
}
#Dashboard #tickers .AspNet-FormView-Pagination
{
    display: none;
}

#Dashboard #NewsTicker,
#Dashboard #StockTicker
{   
    border-bottom: solid 1px #EBEBEB;
}


/* Dashbord - MBT logo (LEFT col) */
#Dashboard .leftcol 
{ 
    text-align: center; 
    border: solid 1px #ECEDEF;
    border-bottom: none;
}
#Dashboard .leftcol img 
{ 
    padding-top: 10px; 
}

/* Dashbord - Search (RIGHT col) */
#Dashboard .rightcol 
{ 
    text-align: center; 
    border: solid 1px #ECEDEF;
    border-top: none;
    border-bottom: none;
}
#Dashboard .rightcol .search-filter
{
    float: left;
}

#Dashboard .rightcol select,
#Dashboard .rightcol option,
#Dashboard .rightcol input
{
    font-family: "Trebuchet MS",Arial,Sans-Serif;
    font-size: 11px;
}
#Dashboard .rightcol select,
#Dashboard .rightcol input
{
    border: solid 1px #808080;
}
#Dashboard .search-box     { width: 130px; margin: 0 0 8px 0; padding:0; }
#Dashboard .search-filter  { width: 115px; margin: 0 0 0 5px; padding:0; }
#Dashboard .search-button  { width: 31px;  vertical-align: middle; }

/***************/
/* MainContent */
#MainContent
{
    clear: both;
    margin: 18px 0 20px 15px;
}
#MainContent .leftcol, 
#MainContent .rightcol
{
    border-top: none;
    border-bottom: none;
}

#MainContent .centercol .group
{    
    padding: 10px 20px 20px 20px;   
    border: solid 1px #ECEDEF;
    border-bottom: none;
    background: transparent url(content-bottom.png) 0 bottom no-repeat;
}
#MainContent .centercol .group .data-tables
{
    margin-bottom: 20px;
}
#MainContent .centercol ul.tidy
{
    list-style: none;
    padding: 0;
    margin: 0 0 0 0;
}
#MainContent .below-the-fold
{
    margin-top:20px;
}
#MainContent .centercol #HeroContainer .hero,   /* this is for the big image at the top of the center column on some pages */
#MainContent .centercol #HeroContainer .photo
{   
    margin-top: -10px !important;
    margin-left: -20px !important;
}
#MainContent .centercol #HeroContainer .hero  { margin-bottom: -10px !important; }
#MainContent .centercol #HeroContainer .photo { margin-bottom: -17px !important; } /* removes the extra vertical white space under the image */

#MainContent .centercol #InTextHeroContainer .hero-photo     /* this is for the big image between the H1 and the copy towards the top of the center column on some pages */
{   
    margin-left: -20px !important;
    margin-bottom: 20px;
}


/** benefits, features, options, branches, section, wealth-personnel (tables) **/

#MainContent .centercol .benefits,
#MainContent .centercol .features,
#MainContent .centercol .sections,
#MainContent .centercol .section-box
{ 
    color: #808080; 
}

#MainContent .centercol .benefits
{ 
    font-size: 12px;
}
#MainContent .centercol .features
{ 
    font-size: 12px;
}

#MainContent .centercol .benefits, 
#MainContent .centercol .features,
#MainContent .centercol .options table,
#MainContent .centercol .sections,
#MainContent .centercol .wealth-personnel,
#MainContent .centercol .section-box 
{ 
    margin-bottom:20px;
}
#MainContent .centercol .personal-checking .features,
#MainContent .centercol .personal-savings .features
{
    margin-bottom: 0;
}
#MainContent .centercol .benefits table,
#MainContent .centercol .features table,
#MainContent .centercol .sections table,
#MainContent .centercol .section-box
{
    border: solid 1px #ECEDEF; 
    width: 100%; /*aspect */
}
#MainContent .centercol .options  table, 
#MainContent .centercol .sections table
{
    border-collapse: collapse; 
}

#MainContent .centercol .benefits thead,
#MainContent .centercol .benefits tfoot,
#MainContent .centercol .features thead
{
    text-align: center;
    vertical-align: text-top;
}
#MainContent .centercol .features tfoot,
#MainContent .centercol .features .AspNet-FormView-Footer
{
    text-align: left;
    vertical-align: text-bottom;
    font-size: 11px;
    background: #ECEDEF;
}
#MainContent .centercol .features .AspNet-FormView-Footer
{
    padding: 5px 10px;
    margin-bottom: 20px;
}
#MainContent .centercol .features tfoot td
{
    padding: 10px;
}
#MainContent .centercol .benefits th,
#MainContent .centercol .features th
{
    font-weight: normal;
    background: #ECEDEF;
}
#MainContent .centercol .features .AspNet-DataList td
{
    padding: 2px 1px;
}
#MainContent .centercol .features .product-header
{
    font-weight: normal;
    background: #ECEDEF;
    text-align: center;
    vertical-align: text-top;
    padding: 2px 4px;
}
#MainContent .centercol .business-checking .features .product-header
{
    height: 38px;
}
#MainContent .centercol .business-savings .features .product-header
{
    height: 20px;
}
#MainContent .centercol .personal-checking .features .product-header
{
    height: 75px;
}
#MainContent .centercol .personal-checking .features .product-header .product-name
{
    height: 37px;
}
#MainContent .centercol .personal-savings .features .product-header
{
    height: 75px;
}
#MainContent .centercol .personal-savings .features .product-header .product-name
{
    height: 37px;
}
#MainContent .centercol .benefits td,
#MainContent .centercol .options  td
{ 
    padding:  2px 5px;
}
#MainContent .centercol .features td
{ 
    padding:  2px 2px 2px 4px;
}
#MainContent .centercol .sections td,
#MainContent .centercol .section-box
{ 
    padding: 2px 4px;
}

#MainContent .centercol .wealth-personnel
{
    width: 100%;
}

#MainContent .centercol .wealth-personnel td 
{ 
    padding: 10px 25px 10px 0;
}
#MainContent .centercol .features td,
#MainContent .centercol .wealth-personnel td
{
    vertical-align: text-top;
    width: 25%;
} 
#MainContent .centercol .features th { width: 25%; }

#MainContent .centercol .sections td                  { width: 25%; border: solid 1px #ECEDEF; text-align: center; } 
#MainContent .centercol .sections .AspNet-DataList td { vertical-align: top;} 

#MainContent .centercol .wider    td { width: 20% !important; } 
#MainContent .centercol .wider    th { width: 20% !important; } 

#MainContent .centercol .options  td { width: 33%; border: solid 1px #ECEDEF; text-align: center; } 

#MainContent .centercol .features .half-width { width: 50%; }

#MainContent .centercol .benefits tbody .ctr, 
#MainContent .centercol .features tbody .ctr,
#MainContent .centercol .sections td
{ 
    text-align: center;
}
#MainContent .centercol .features tbody .ctr, 
#MainContent .centercol .sections td
{ 
    vertical-align: middle;
}
#MainContent .centercol .features tbody .v-ctr 
{ 
    text-align: left;
    vertical-align: middle;
}
#MainContent .centercol .features thead .v-btm 
{ 
    padding: 2px 5px;
    text-align: left;
    vertical-align: bottom;
}
#MainContent .centercol .benefits tbody .chkmark, 
#MainContent .centercol .features tbody .chkmark 
{ 
    padding-left: 10px;
    padding-right: 13px;
    text-indent: -10px;
}
#MainContent .centercol .benefits tbody .chkmark li,
#MainContent .centercol .features tbody .chkmark li
{ 
    padding-bottom: 5px;
}
#MainContent .centercol .benefits .title, 
#MainContent .centercol .features .title 
{ 
    width: 115px;
}
#MainContent .centercol .benefits .AspNet-GridView-Alternate,
#MainContent .centercol .benefits .alt,
#MainContent .centercol .features .AspNet-GridView-Alternate,
#MainContent .centercol .features .alt
{ 
    background: #ECEDEF;
}
#MainContent .centercol .features .AspNet-DataList td .AspNet-GridView-Alternate,
#MainContent .centercol .features .AspNet-DataList td .alt
{ 
    background: none;
}
#MainContent .centercol .features .AspNet-DataList td .apys
{ 
    margin-top: 10px;
    padding-left: 16px;
}
#MainContent .centercol .business-checking .features .AspNet-DataList td .apys
{ 
    height: 445px;
}
#MainContent .centercol .business-savings .features .AspNet-DataList td .apys
{ 
    height: 260px;
}
#MainContent .centercol .pesonal-checking .features .AspNet-DataList td .apys
{ 
    height: 450px;
}
#MainContent .centercol .pesonal-savings .features .AspNet-DataList td .apys
{ 
    height: 370px;
}
#MainContent .centercol .features .AspNet-DataList td .single-apy .apys
{
    list-style-type: none;
}


#MainContent .centercol .branches,
#MainContent .centercol .safe-dep-branches
{ 
    margin: 10px 0;
    color: #121212; 
    font-family: "Trebuchet MS",Arial,Sans-Serif;
}
#MainContent .centercol .safe-dep-branches table
{ 
    border-collapse: collapse;
}
#MainContent .centercol .safe-dep-branches td
{ 
    width: 25%;
    padding: 5px;
    border: 1px solid #CCC; 
    vertical-align: top;
}


#MainContent .centercol .branches .branch-name { font-size: 1.1em; }
#MainContent .centercol .branches .branch-name,
#MainContent .centercol .branches .title,
#MainContent .centercol .branches .phone
{
    font-weight: bold;
}



#MainContent .centercol .wealth-personnel img
{
    display: block;
}


/** fee-waiver-accordionHeader **/
#MainContent .centercol .fee-waiver-accordionHeader th
{
    color: #293281;
    cursor: pointer;
}

#MainContent .centercol .fee-waiver-accordionHeader th:hover
{
    color: #CE6C00;
}
#MainContent .centercol .fee-waiver-accordionHeaderSelected th
{
    color: #CE6C00;
    cursor: pointer;
}
#MainContent .centercol .fee-waiver-accordionHeaderSelected th:hover
{
    color: #293281;
}



/******************************************************/
/* Ready to get Started              #ReadyStart      */
/* Switch 2 Montecito Bank & Trust   #Switch2Mbt      */

#MainContent .centercol #ReadyStart .product-selection 
{       
    padding-bottom: 5px;
}
#MainContent .centercol #ReadyStart .product-selection select
{       
    margin-left: 100px;
}
#MainContent .centercol #Switch2Mbt .left-col,
#MainContent .centercol #Switch2Mbt .right-col
{
    float: left;
}
#MainContent .centercol #Switch2Mbt .left-col  { width: 200px; padding-right:5px; }
#MainContent .centercol #Switch2Mbt .right-col { width: 200px; padding-left: 5px; }


/******************************************************************/
/* buttons for: #OnlineBusinessBanking, #OnlinePersonalBanking    */
#MainContent .centercol #OnlinePersonalBanking .buttons,
#MainContent .centercol #OnlineBusinessBanking .buttons
{
    margin-bottom: 20px;
}
#MainContent .centercol #OnlinePersonalBanking .LoginBtn,
#MainContent .centercol #OnlineBusinessBanking .LoginBtn
{
    display:block;

    width: 68px;
    height: 21px;    
    line-height:18px;
    text-align: center;    
    font-size: 11px;
    color: #FFF;

    background: #808080 url(Btn-Link-68.png) 0 top no-repeat;
}
#MainContent .centercol #OnlinePersonalBanking .SignUpNowBtn,
#MainContent .centercol #OnlineBusinessBanking .SignUpNowBtn,
#MainContent .centercol #OnlinePersonalBanking .LearnMoreBtn,
#MainContent .centercol #OnlineBusinessBanking .LearnMoreBtn,
#MainContent .centercol #OnlinePersonalBanking .EnrollBtn,
#MainContent .centercol #OnlineBusinessBanking .EnrollBtn,
#MainContent .centercol #OnlinePersonalBanking .AcceptBtn,
#MainContent .centercol #OnlinePersonalBanking .AcceptBtn-enabled,
#MainContent .centercol #OnlineBusinessBanking .AcceptBtn-enabled,
#MainContent .centercol #OnlinePersonalBanking .AcceptBtn-disabled,
#MainContent .centercol #OnlineBusinessBanking .AcceptBtn-disabled,
#MainContent .centercol #OnlinePersonalBanking .PrintBtn,
#MainContent .centercol #OnlineBusinessBanking .PrintBtn,
#MainContent .centercol #OnlinePersonalBanking .EstmtBtn,
#MainContent .centercol #OnlineBusinessBanking .EstmtBtn
{
    display:block;
    float:left;
    margin-right:15px;

    width: 80px;
    height: 21px;    
    line-height:18px;
    text-align: center;    
    font-size: 11px;
    color: #FFF;

    background: #808080 url(Rev-Btn-Link-80.png) 0 top no-repeat;
}
#MainContent .centercol #OnlinePersonalBanking .SignUpNowBtn:hover,
#MainContent .centercol #OnlineBusinessBanking .SignUpNowBtn:hover,
#MainContent .centercol #OnlinePersonalBanking .LearnMoreBtn:hover,
#MainContent .centercol #OnlineBusinessBanking .LearnMoreBtn:hover,
#MainContent .centercol #OnlinePersonalBanking .EnrollBtn:hover,
#MainContent .centercol #OnlineBusinessBanking .EnrollBtn:hover,
#MainContent .centercol #OnlinePersonalBanking .AcceptBtn:hover,
#MainContent .centercol #OnlinePersonalBanking .AcceptBtn-enabled:hover,
#MainContent .centercol #OnlineBusinessBanking .AcceptBtn-enabled:hover,
#MainContent .centercol #OnlinePersonalBanking .PrintBtn:hover,
#MainContent .centercol #OnlineBusinessBanking .PrintBtn:hover,
#MainContent .centercol #OnlinePersonalBanking .EstmtBtn:hover,
#MainContent .centercol #OnlineBusinessBanking .EstmtBtn:hover,
#MainContent .centercol #OnlinePersonalBanking .LoginBtn:hover,
#MainContent .centercol #OnlineBusinessBanking .LoginBtn:hover
{
    background-position: 0 bottom;
}
#MainContent .centercol #OnlinePersonalBanking .EnrollBtn,
#MainContent .centercol #OnlineBusinessBanking .EnrollBtn
{
    margin-right: 5px;
}

#MainContent .centercol #OnlinePersonalBanking .AcceptBtn-disabled,
#MainContent .centercol #OnlineBusinessBanking .AcceptBtn-disabled
{
    background: #C0C0C0 url(Rev-Btn-Link-disabled.png) 0 top no-repeat;
    cursor: text !important;
}

#MainContent #OnlinePersonalBanking td,
#MainContent #OnlineBusinessBanking td
{
    padding: 2px 0;
}

#MainContent #OnlinePersonalBanking .disclosure-agreement,
#MainContent #OnlineBusinessBanking .disclosure-agreement
{
    font-family: "Trebuchet MS",Arial,Sans-Serif;
    font-size: 1em;
}
#MainContent #OnlinePersonalBanking .estmt .left-col,
#MainContent #OnlinePersonalBanking .estmt .right-col,
#MainContent #OnlineBusinessBanking .estmt .left-col,
#MainContent #OnlineBusinessBanking .estmt .right-col
{
    width: 250px;
    float: left;
    padding-right:10px;
}


#MainContent #OnlinePersonalBanking .inset,
#MainContent #OnlineBusinessBanking .inset
{
    margin: 15px 0 ;
    padding: 10px;
    border: solid 1px #ECEDEF;
    background: #F7F8Fa;
}

#MainContent .centercol .estmt .signup
{
    margin-top: 20px;
}
#MainContent .centercol .estmt table caption
{
    text-align: left;
    white-space: nowrap;
}
#MainContent .centercol .estmt table caption strong
{
    font-size: 1.25em;
}

#MainContent .centercol .login table tbody tr > td,
#MainContent .centercol .estmt table tbody tr > td
{
    width: 125px;
    text-align: right;
    padding-right: 10px;
}
#MainContent .centercol .estmt .savings
{
    margin-top: 20px;
}
#MainContent .centercol .estmt .buttons
{
    margin-top: 20px;
}
#MainContent .centercol .estmt .buttons .EstmtBtn
{
    float: none !important;
    margin: 0 auto !important;
}

/**********************************************************************/
/* Careers page, Request Info pages, Login, Wealth, ReadyStart  pages */
#MainContent .centercol #careers h2
{
    margin-top:15px;
}
#MainContent .centercol #Wealth .headshot
{
    float: left;
    width: 90px;
    padding-right: 15px;
    padding-bottom: 15px;
}
#MainContent .centercol #careers fieldset div,
#MainContent .centercol #ContactUs fieldset div,
#MainContent .centercol #ReadyStart fieldset div
{
    clear: both;
    padding-bottom: 8px;
}
#MainContent .centercol #careers .tb,
#MainContent .centercol #careers .multi-tb,
#MainContent .centercol #ContactUs .tb,
#MainContent .centercol #ContactUs .multi-tb,
#MainContent .centercol #ReadyStart .tb,
#MainContent .centercol #ReadyStart .multi-tb,
#MainContent #OnlinePersonalBanking .contact-info .tb,
#MainContent #OnlineBusinessBanking .contact-info .tb
{
    margin-bottom:5px;
    margin-right:25px;
    margin-left: 10px;
    float:right;    
}
#MainContent #OnlinePersonalBanking .estmt .tb,
#MainContent #OnlineBusinessBanking .estmt .tb
{
    margin-bottom:5px;
    margin-right:25px;
    margin-left: 10px;
    float:left;
    
}


#MainContent .centercol #ReadyStart .tb       { width: 275px; }
#MainContent .centercol #ReadyStart .multi-tb { width: 475px; }
#MainContent .centercol #ReadyStart select    { width: 350px; }
#MainContent .centercol #ReadyStart .contact-info select  { width: 280px; }

#MainContent .centercol #careers .tb       {  width: 315px;  }
#MainContent .centercol #careers .multi-tb {  width: 475px;  }
#MainContent .centercol #careers select    { width: 320px; }

#MainContent .centercol #ContactUs .tb       {  width: 290px;  }
#MainContent .centercol #ContactUs .multi-tb { width: 475px; }
#MainContent .centercol #ContactUs select    { width: 295px; }

#MainContent #OnlinePersonalBanking .contact-info .tb { width: 315px; }
#MainContent #OnlineBusinessBanking .contact-info .tb { width: 315px; }
#MainContent #OnlinePersonalBanking .estmt .tb        { width: 200px; }
#MainContent #OnlineBusinessBanking .estmt .tb        { width: 200px; }


#MainContent .centercol #careers select,
#MainContent .centercol #ContactUs select,
#MainContent .centercol #ReadyStart select
{ 
    margin-bottom:5px;
    margin-right:25px;
    float:right;
}

#MainContent .centercol #careers .buttons,
#MainContent .centercol #ContactUs .buttons,
#MainContent .centercol #ReadyStart .buttons
{
    margin: 10px 10px 0 10px;
    text-align: center;
}



/*********************************************************/
/* #thePlaylist - on the TVSpots page                    */
#MainContent .centercol #thePlaylist .movie-desc                      { color: #121212; }
#MainContent .centercol #thePlaylist tr.AspNet-GridView-Selected td a { color: #CE6C00 !important; }              




/*********************************************************/
/* .touch-tone-guide    in the Instant Banker directions */
/* .job-details         on the Careers page              */
/* .faq                 on the Mobile Banking FAQ pages (personal and business)  */
/* (exceptions to the shared rules are listed first      */ 
#MainContent .centercol #careers .job-box
{
    width: 550px;
}
#MainContent .centercol #careers .jobs .dept
{
    margin-bottom: 15px;
    font-size: 0.85em;
    color: #808080;
}

#MainContent .centercol #careers .showhidelink
{
    float:right;
    text-align: right;
    font-size: 0.8em;
}
#MainContent .centercol #OnlinePersonalBanking .faq,
#MainContent .centercol #OnlineBusinessBanking .faq
{
    margin-top: 10px;
}
#MainContent .centercol #OnlinePersonalBanking .faq-learn-more,
#MainContent .centercol #OnlineBusinessBanking .faq-learn-more
{
    float: right;
    width: 100px;
    text-align: right;
    padding-left:60px;
}



/* .showhide */
#MainContent .centercol .showhidelink
{
    color: #293281;
    cursor: pointer;
    line-height: 100%;
}
#MainContent .centercol .showhidelink:hover
{
    color: #CE6C00;
}
#MainContent .centercol .showhidelink img
{
    margin-right: 7px;
}
#MainContent .centercol .showhidelink img,
#MainContent .centercol .showhide-trigger img
{
    vertical-align: middle;
}

#MainContent .centercol .showhide .touch-tone-guide .inset,
#MainContent .centercol .showhide .job-details .inset,
#MainContent .centercol .showhide .sba-details .inset,
#MainContent .centercol .showhide .faq-details .inset,
#MainContent .centercol .showhide .fraud-text .inset
{
    border: solid 1px #ECEDEF;
    background: #F7F8Fa;
    margin-bottom: 15px;
    padding: 10px;
}

#MainContent .centercol .showhide .touch-tone-guide .showhide-x,
#MainContent .centercol .showhide .job-details .showhide-x,
#MainContent .centercol .showhide .sba-details .showhide-x
{
    float:right;
    width:14px;
    background: transparent url(showhide-x.jpg) 0 top no-repeat;
    line-height: 14px;
}
#MainContent .centercol .showhide .touch-tone-guide .showhide-x:hover,
#MainContent .centercol .showhide .job-details .showhide-x:hover,
#MainContent .centercol .showhide .sba-details .showhide-x:hover
{
    background-position: 0 bottom;
}
#MainContent .centercol .showhide .touch-tone-guide ul,
#MainContent .centercol .showhide .touch-tone-guide ol,
#MainContent .centercol .showhide .job-details ul,
#MainContent .centercol .showhide .job-details ol,
#MainContent .centercol .showhide .sba-details ul,
#MainContent .centercol .showhide .sba-details ol
{
    font-size: 0.9em;
}
#MainContent .centercol .showhide .touch-tone-guide ul,
#MainContent .centercol .showhide .touch-tone-guide ol
{
    margin-left: 30px;
}
#MainContent .centercol .showhide .job-details ul,
#MainContent .centercol .showhide .job-details ol
{
    margin-left: 15px;
}
#MainContent .centercol .showhide .touch-tone-guide ul ul,
#MainContent .centercol .showhide .touch-tone-guide ol ol,
#MainContent .centercol .showhide .touch-tone-guide ol ul,
#MainContent .centercol .showhide .job-details ul ul,
#MainContent .centercol .showhide .job-details ol ol,
#MainContent .centercol .showhide .job-details ol ul
{
    font-size: 1em;
}
#MainContent .centercol .showhide .touch-tone-guide ol li,
#MainContent .centercol .showhide .job-details ol li
{
    padding-bottom:8px;
}
#MainContent .centercol .showhide .touch-tone-guide ol li li,
#MainContent .centercol .showhide .job-details ol li li
{
    padding-bottom:0px;
}
#MainContent .centercol .showhide .touch-tone-guide .instant-banker-welcome
{
    padding: 15px 0;
    list-style-type: square;
    font-weight: bold;
}
#MainContent .centercol .showhide .job-requirements
{
    font-size: 0.9em;
    padding-left: 10px;    
}





/**********/
/* Footer */
#Footer
{
    margin: 18px 15px 10px 15px;
    color: #404040;
    background: #FFF url(footer-bg.png) 0 0 repeat-x;
    border: solid 1px #ECEDEF;
    border-top:none;
    border-bottom:none;
}
#Footer #PersonalFooter,
#Footer #BusinessFooter,
#Footer #WealthFooter,
#Footer #NonProfitFooter,
#Footer #GeneralFooter
{
    float:left;
    height:225px;
    background: transparent url(footer-vert-dash.png) right 0 repeat-y; 
    padding-top:0px;
    margin-top:20px;
}
#Footer #GeneralFooter
{
    background: none; /* removes vertical border on right side of the right most column */
}
#Footer a,
#Footer .footer-nav .AspNet-Menu-NonLink
{
    font-size:0.85em;
}
#Footer h4 a
{
    padding-left: 10px;
    color: #808080 !important;
    font-size: 1em !important;
}
#Footer h4 a:hover { color: #293281 !important; }

#Footer #QuickLinksFooter
{
    clear:both;
    height: 30px;
    padding: 10px 0;
    vertical-align: middle;
    background: transparent url(footer-bottom-border.png) 0 bottom repeat-x;
}

#Legal
{
    margin: 5px 15px 5px 15px;
    color: #808080;
    font-size:0.9em;
}
#Legal #MBT
{
    float:right;
    width:400px;
    text-align: right;
}
#Legal .fdic
{
    float:right;
    width: 200px;
    padding: 3px 2px 5px 0;
}
#Legal .copyright
{
    clear:both;
}

#Legal .disclosure              /* disclosure  (on wealth pages, in the footer) */
{
    margin: 0 auto 10px auto;
    width: 500px !important;
    font-weight: bold;
    font-size: 0.9em;
    color: #333333;
}
#Legal .disclosure table 
{
    text-align: center;
    border-collapse: collapse;
    width: 100%;
}
#Legal .disclosure table td
{
    padding: 2px 10px;
    border: solid 1px #333333;
    text-align: center;
}
#Legal .disclosure table.first td
{
    border-bottom: none;
}


/************/
/* #Promos */
.promos
{
    float: left;
    margin: 10px 0 0 0;
    padding: 0;
}
.promos a
{
    display: block;
    background-position: left top;
    background-color: transparent; /*aspect #FFF */
    background-repeat: no-repeat;
    margin: 10px 9px 10px 8px;
}
.promos a:hover
{
    background-position: left bottom;
}
.p1 a
{
    height: 70px; 
    width: 203px;
}
.p2 a
{
    height: 70px; 
    width: 576px; /*aspect 426px;*/    
}
.p3 a
{
    height: 187px; 
    width: 576px; /*aspect 426px;*/
}

.p1 { background: transparent url(p1-frame.png) 0 0 no-repeat; }
.p2 { background: transparent url(p2-frame.jpg) 0 0 no-repeat; }
.p3 { background: transparent url(p3-frame.png) 0 0 no-repeat; }

/****************/
/* .bread-crumbs - on interior pages in each dept's set of pages */
.bread-crumbs
{
    display: block;
    font-size: 0.8em;
    margin-bottom: 15px;
}
.bread-crumbs .current-crumb
{
    color: #CE6C00;
}
.bread-crumbs .other-crumbs
{
    color: #505050;
}
.bread-crumbs :hover
{
    color: #293281;
}
.bread-crumbs .root-crumb
{
}
.bread-crumbs .path-sep
{
    font-size: 0.8em; 
    font-family: Courier New, Sans-Serif;
}

/***********************/
/* TimeSaverServices - collapsable panel*/
#TimeSaverServices h2 
{ 
    padding:0; 
    margin:0;
}
#TimeSaverServices h3 
{ 
    padding:0; 
    margin:0 0 8px 0; 
}

/*****************************/
/* news  and .press-releases */
.news,
.press-releases
{
    padding: 0 10px;
    color: #121212;
}
.news hr,
.publish-date hr
{
    color: #7B7D7C;
    border-style: dotted;
}
.news .item,
.press-releases .item,
.investment-news .item
{
    padding-bottom: 20px;
}
.news .item p,
.press-releases .item p, 
.investment-news .item p
{
    padding-bottom: 4px;
}
.news .item h2           { line-height:18px; }
.press-releases .item h2 { line-height:20px; }
.investment-news .item h2 {line-height:20px; }

.news .item .publish-date,
..investment-news .item .publish-date
{
    font-size: 13px;
}
.news .footer
{
    margin: 10px 0 20px 0;
}

/********************/
/* TV spots         */
#thePlayBtns
{
    padding: 10px 0;
}

/********************/
/* wealth-contacts - user control at bottom of wealth management pages, it contains names and contact info */
.wealth-contacts 
{
    width: 550px;
    margin-bottom:15px;
}
.wealth-contacts caption
{
    text-align: left;
    padding-bottom:10px;
}
.wealth-contacts tbody
{
    margin: 2px 0 0 0;
    font-size: .9em;
    vertical-align: top;
    background: transparent url(col-bg.png) 0 0 repeat-x;
}
.wealth-contacts td
{
    padding: 2px;
}
.wealth-contacts .contact
{
    width: 169px; /*aspect 120px; */
    padding: 0 0 0 10px;
}
.wealth-contacts .branch-location,
.wealth-contacts .fullname
{    
    font-weight: bold;
}



/**************************************************************/
/* From here on are rules for the various navigation devices (eg, adapted menu, repeater wtih ul, accordion, etc */
/**************************************************************/
/********************/
/* footer-nav menus */
.footer-nav 
{
    width: 180px; /*aspect 150px;*/
    margin: 5px 0 0 10px;
}
.footer-nav ul li a,
.footer-nav .AspNet-Menu-Leaf .AspNet-Menu-NonLink
{
    position: relative;
    display: block;
    padding: 0 5px 0 5px;
    color: #808080;
    background: transparent url(arrowRt.gif) no-repeat;
    background-position: left 6px;
}
.footer-nav .AspNet-Menu-Leaf .AspNet-Menu-NonLink 
{ 
    font-size: smaller; 
}

.footer-nav ul li a:hover
{
    color: #293281;
}
.footer-nav .AspNet-Menu-Last
{
}
.footer-nav ul li:hover,
.footer-nav ul li a:hover,
.footer-nav ul li.AspNet-Menu-Hover,
.footer-nav ul li:hover a, 
.footer-nav ul li:hover span, 
.footer-nav ul li.AspNet-Menu-Hover a,
.footer-nav ul li.AspNet-Menu-Hover span
{
    color: #293281;
}
.footer-nav ul li a span,
.footer-nav ul li a:hover span,
.footer-nav ul li span span
{
    text-decoration: none !important;
}
.footer-nav ul li.AspNet-Menu-Selected,
.footer-nav ul li.AspNet-Menu-Selected a.AspNet-Menu-Selected,
.footer-nav ul li.AspNet-Menu-Selected span.AspNet-Menu-Selected,
.footer-nav ul li.AspNet-Menu-ChildSelected,
.footer-nav ul li.AspNet-Menu-ChildSelected a.AspNet-Menu-ChildSelected,
.footer-nav ul li.AspNet-Menu-ChildSelected span.AspNet-Menu-ChildSelected
{
}
.footer-nav ul li a.AspNet-Menu-Selected,
.footer-nav ul li a.AspNet-Menu-ChildSelected,
.footer-nav ul li:hover a,
.footer-nav ul li.AspNet-Menu-Hover a,
.footer-nav ul li:hover span,
.footer-nav ul li.AspNet-Menu-Hover span,
.footer-nav ul li a:hover
{
    color: #293281;
}

/****************/
/* wealth-links */
.wealth-links 
{    
    width: 400px;
    padding-top: 10px;
    background: transparent url(col-bg.png) 0 0 repeat-x;
}
.wealth-links li
{    
}
.wealth-links ul li a,
.wealth-links .AspNet-Menu-Leaf .AspNet-Menu-NonLink
{
    position: relative;
    display: block;
    margin: 0 0 5px 0;
    color: #293281;
}
.wealth-links ul li a:hover
{
    color: #CE6C00;
}
.wealth-links .AspNet-Menu-Last
{
}
.wealth-links ul li:hover,
.wealth-links ul li a:hover,
.wealth-links ul li.AspNet-Menu-Hover,
.wealth-links ul li:hover a, 
.wealth-links ul li:hover span, 
.wealth-links ul li.AspNet-Menu-Hover a,
.wealth-links ul li.AspNet-Menu-Hover span
{
    color: #CE6C00;
}
.wealth-links ul li a span,
.wealth-links ul li a:hover span,
.wealth-links ul li span span
{
    text-decoration: none !important;
}
.wealth-links ul li.AspNet-Menu-Selected,
.wealth-links ul li.AspNet-Menu-Selected a.AspNet-Menu-Selected,
.wealth-links ul li.AspNet-Menu-Selected span.AspNet-Menu-Selected,
.wealth-links ul li.AspNet-Menu-ChildSelected,
.wealth-links ul li.AspNet-Menu-ChildSelected a.AspNet-Menu-ChildSelected,
.wealth-links ul li.AspNet-Menu-ChildSelected span.AspNet-Menu-ChildSelected
{
    color: #808080;
}
.wealth-links ul li a.AspNet-Menu-Selected,
.wealth-links ul li a.AspNet-Menu-ChildSelected,
.wealth-links ul li:hover a,
.wealth-links ul li.AspNet-Menu-Hover a,
.wealth-links ul li:hover span,
.wealth-links ul li.AspNet-Menu-Hover span,
.wealth-links ul li a:hover
{
    color: #CE6C00;
}


/********************/
/* quick-links menus*/
.quick-links 
{
    padding: 10px 0 ;
    font-size: 1em;
    background: transparent url(footer-horiz-dash.png) 0 top repeat-x;
}
.quick-links ul 
{
    margin-left: 230px !important;
}
.quick-links ul li a
{
    position: relative;
    display: block;
    padding: 0 10px 0 0;

    color: #808080;
    background: transparent url(footer-quicklinks-sep.png) right 11px no-repeat;
}
.quick-links ul li a:hover
{
    color: #293281;
}
.quick-links ul li.AspNet-Menu-Last a
{
    background: none;
}
.quick-links ul li:hover,
.quick-links ul li a:hover,
.quick-links ul li.AspNet-Menu-Hover,
.quick-links ul li:hover a, 
.quick-links ul li:hover span, 
.quick-links ul li.AspNet-Menu-Hover a,
.quick-links ul li.AspNet-Menu-Hover span
{
    color: #293281;
}
.quick-links ul li a span,
.quick-links ul li a:hover span,
.quick-links ul li span span
{
    text-decoration: none !important;
}
.quick-links ul li.AspNet-Menu-Selected,
.quick-links ul li.AspNet-Menu-Selected a.AspNet-Menu-Selected,
.quick-links ul li.AspNet-Menu-Selected span.AspNet-Menu-Selected,
.quick-links ul li.AspNet-Menu-ChildSelected,
.quick-links ul li.AspNet-Menu-ChildSelected a.AspNet-Menu-ChildSelected,
.quick-links ul li.AspNet-Menu-ChildSelected span.AspNet-Menu-ChildSelected
{
    font-weight: bold;
}
.quick-links ul li a.AspNet-Menu-Selected,
.quick-links ul li a.AspNet-Menu-ChildSelected,
.quick-links ul li:hover a,
.quick-links ul li.AspNet-Menu-Hover a,
.quick-links ul li:hover span,
.quick-links ul li.AspNet-Menu-Hover span,
.quick-links ul li a:hover
{
    color: #293281;
}

/*******************/
/* .services menus - left column, below the fold, content varies by dept  */
.services 
{
    width: 162px;
    margin: 0 0 0 9px;
    color: #6B6C6C;
    font-size: 11px;
}
.services ul 
{
    padding: 0;
}
.services ul li
{
    padding: 0 15px 5px 1em;
    line-height: 20px;
    text-indent: -1em;
    list-style: none;
}
.services ul li a
{
    padding: 0 15px 0 10px;
    color: #6C6C6E;
    background: transparent url(arrow-closed-secondary.jpg) 0 4px no-repeat;
}
.services ul li a:hover
{
    color: #293281;
}
.services ul li:hover,
.services ul li a:hover,
.services ul li:hover a
{
    color: #293281;
}
.services ul li:hover a,
.services ul li a:hover
{
    color: #CE6C00;
}


/*************/
/* .dept-nav */



.dept-nav 
{
    width: 162px;
    font-size: 12px;
    color: #293281; 
}
.dept-nav .accordionHeader,
.dept-nav .accordionHeaderSelected
{
    padding: 0 5px;
    color: #293281; 
}
.dept-nav .accordionHeader ul,
.dept-nav .accordionHeaderSelected ul
{
    padding: 0;
}
.dept-nav .accordionHeader ul li,
.dept-nav .accordionHeaderSelected ul li
{
    padding: 0 0 5px 18px;
    text-indent: -10px;
    line-height: 15px;
    background: #FFF url(arrow-closed-more.jpg) 0 2px no-repeat;
    list-style: none;
}
.dept-nav .accordionHeaderSelected ul li
{
    color: #CE6C00;
    background-image: url(arrow-open-more.jpg);
    background-position: 0 6px;
}
.dept-nav .accordionHeaderLink
{
    display: block;
    padding: 0 0 5px 18px;
    background: #FFF url(arrow-closed-more.jpg) 0 5px no-repeat;
}
.dept-nav .accordionHeaderSelected .accordionHeaderLink
{
    color: #CE6C00;
}
.dept-nav .accordion-pane-child-selected li span
{
    color: #293281 !important; 
}
.dept-nav .accordionHeader ul li span,
.dept-nav .accordionHeaderSelected ul li span
{
    padding-left:10px;
}

.dept-nav .accordionContent,
.dept-nav .accordionHeader 
{
}
.dept-nav .accordionNoContent
{
    height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 1px;
}
.dept-nav .accordionContent ul li
{
    padding: 0 10px 3px 1em;
    line-height: 14px;
    list-style:none;
    background: #FFF !important;
}

.dept-nav .accordionContent ul li a
{
    padding: 0 3px 0 0;
    color: #808080; 
}
.dept-nav  ul li:hover,
.dept-nav  ul li a:hover,
.dept-nav  ul li:hover a
{
    color: #CE6C00;
}


/* this is the menu that's wrapped by the accordion. This menu contains the child nodes for the each of the accordion panes. */
.dept-nav .accordionContent .subpages 
{    
    width: 120px;    
    padding-bottom: 10px;
}
.dept-nav .accordionContent .subpages li
{    
    padding: 0 0 2px 40px;
    text-indent: -20px;
}
.dept-nav .accordionContent .subpages ul li a,
.dept-nav .accordionContent .subpages .AspNet-Menu-Leaf .AspNet-Menu-NonLink
{
    position: relative;
    display: block;    
    color: #808080;
}
.dept-nav .accordionContent .subpages ul li a:hover
{
    color: #CE6C00;
}
.dept-nav .accordionContent .subpages .AspNet-Menu-Last
{
}
.dept-nav .accordionContent .subpages ul li:hover,
.dept-nav .accordionContent .subpages ul li a:hover,
.dept-nav .accordionContent .subpages ul li.AspNet-Menu-Hover,
.dept-nav .accordionContent .subpages ul li:hover a, 
.dept-nav .accordionContent .subpages ul li:hover span, 
.dept-nav .accordionContent .subpages ul li.AspNet-Menu-Hover a,
.dept-nav .accordionContent .subpages ul li.AspNet-Menu-Hover span
{
    color: #CE6C00;
}
.dept-nav .accordionContent .subpages ul li a span,
.dept-nav .accordionContent .subpages ul li a:hover span,
.dept-nav .accordionContent .subpages ul li span span
{
    text-decoration: none !important;
}
.dept-nav .accordionContent .subpages ul li.AspNet-Menu-Selected,
.dept-nav .accordionContent .subpages ul li.AspNet-Menu-Selected a.AspNet-Menu-Selected,
.dept-nav .accordionContent .subpages ul li.AspNet-Menu-Selected span.AspNet-Menu-Selected,
.dept-nav .accordionContent .subpages ul li.AspNet-Menu-ChildSelected,
.dept-nav .accordionContent .subpages ul li.AspNet-Menu-ChildSelected a.AspNet-Menu-ChildSelected,
.dept-nav .accordionContent .subpages ul li.AspNet-Menu-ChildSelected span.AspNet-Menu-ChildSelected
{
    color: #CE6C00;
}
.dept-nav .accordionContent .subpages ul li a.AspNet-Menu-Selected,
.dept-nav .accordionContent .subpages ul li a.AspNet-Menu-ChildSelected,
.dept-nav .accordionContent .subpages ul li:hover a,
.dept-nav .accordionContent .subpages ul li.AspNet-Menu-Hover a,
.dept-nav .accordionContent .subpages ul li:hover span,
.dept-nav .accordionContent .subpages ul li.AspNet-Menu-Hover span,
.dept-nav .accordionContent .subpages ul li a:hover
{
    color: #CE6C00;
}





/*************/
/* .main-nav */
.main-nav 
{
    width: 957px; /*aspect 807px;*/
    height: 21px;
    border-bottom: solid 1px #EAEEF1;
    margin: 0 0 0 15px;
    font-size:11px;    
    background: #333 url(main-nav-bg.png) 0 0 repeat-x;
}
.main-nav ul li
{
    padding: 0;
    margin: 0;
    border-right: solid 1px #C2B9B2;
}
.main-nav ul li a
{
    position: relative;
    display: block;
    padding: 0 45px; /*aspect 0 33px 0 32px;*/

    line-height: 21px;
    height: 21px;
    white-space: nowrap;

    color: #FFF;
    background: #333 url(main-nav-bg.png) 0 0 repeat-x;
}
.main-nav .AspNet-Menu-Last
{
    border-right: none;
    padding-right: 5px;
}
.main-nav ul li:hover,
.main-nav ul li a:hover,
.main-nav ul li.AspNet-Menu-Hover,
.main-nav ul li:hover a, 
.main-nav ul li:hover span, 
.main-nav ul li.AspNet-Menu-Hover a,
.main-nav ul li.AspNet-Menu-Hover span
{
    color: #FFF;
    background-image: url(main-nav-hover-bg.png);
}
.main-nav ul li a span,
.main-nav ul li a:hover span,
.main-nav ul li span span
{
    text-decoration: none !important;
}
.main-nav ul li.AspNet-Menu-Selected,
.main-nav ul li.AspNet-Menu-Selected a.AspNet-Menu-Selected,
.main-nav ul li.AspNet-Menu-Selected span.AspNet-Menu-Selected,
.main-nav ul li.AspNet-Menu-ChildSelected,
.main-nav ul li.AspNet-Menu-ChildSelected a.AspNet-Menu-ChildSelected,
.main-nav ul li.AspNet-Menu-ChildSelected span.AspNet-Menu-ChildSelected
{
    color: #FFF;
    background-image: url(main-nav-hover-bg.png);
}
.main-nav ul li a.AspNet-Menu-Selected,
.main-nav ul li a.AspNet-Menu-ChildSelected,
.main-nav ul li:hover a,
.main-nav ul li.AspNet-Menu-Hover a,
.main-nav ul li:hover span,
.main-nav ul li.AspNet-Menu-Hover span,
.main-nav ul li a:hover
{
    background: url(main-nav-hover-bg.png) 0 0 repeat-x;
}

/*************** for admin use *******************/
.privileged-user-message { background: yellow; font-size: 9px; }
.isNotPublished          { color: red; }

.associate-login-panel
{
    position: absolute;
    width: 200px;
    padding: 0 0 0 15px;
}
.associate-login-panel a       { color: #990000; visibility:hidden; }
.associate-login-panel a:hover { color: #293281; text-decoration: underline; }


/*
#293281 -MBT logo blue 
#CE6C00 - hover link color 
*/