/**********************************************************
    Main Nav 
**********************************************************/
ul#main-nav 
{
    margin:0;
    padding:0;
    font-size:12px;
    list-style-type:none;
    list-style-image:none;   
}

ul#main-nav li 
{    
    float:left;
    display:inline;   
}

ul#main-nav li a 
{
    background-image:url(/images/nav/main-nav.gif);
    text-indent:-999em;
    display:block;
    height:30px;
    
}

ul#main-nav li#personal a
{
    width:103px;
    background-position:0 0;
}
    ul#main-nav li#personal:hover a,
    ul#main-nav li#personal.sfhover a,
    #wrapper.personal ul#main-nav li#personal a
    {
        width:103px;
        background-position:0 -30px;
    }

ul#main-nav li#business a 
{
    width:95px;
    background-position:-103px 0;
}
    ul#main-nav li#business:hover a,
    ul#main-nav li#business.sfhover a,
    #wrapper.business ul#main-nav li#business a 
    {
        width:95px;
        background-position:-103px -30px;
    }

ul#main-nav li#wealth a 
{
    width:182px;
    background-position:-198px 0;
}
    ul#main-nav li#wealth:hover a,
    ul#main-nav li#wealth.sfhover a,
    #wrapper.wealthmanagement ul#main-nav li#wealth a
    {
        width:182px;
        background-position:-198px -30px;
    }
ul#main-nav li#aboutus a 
{
    width:102px;
    background-position:-380px 0;
}
    ul#main-nav li#aboutus:hover a,
    ul#main-nav li#aboutus.sfhover a,
    #wrapper.aboutus ul#main-nav li#aboutus a
    {
        width:102px;
        background-position:-380px -30px;
    }



/**********************************************************
    Default/Personal Nav Dropdown
**********************************************************/
ul#main-nav li ul
{    
    width:130px;        
    position:absolute;
    left:-999em;    
    border-top:solid 6px #b1ab70;
    border-bottom:solid 6px #b1ab70;
    background-image:url(/images/nav/dropdown-personal-bg.png);
}

ul#main-nav li:hover ul,
ul#main-nav li.sfhover ul
{         
    left:auto;    
}

ul#main-nav li ul li
{
    width:130px;
    height:21px;
    line-height:21px;   
    background-image:url(/images/nav/dropdown-arrows.png);
    background-position:6px 5px;
    background-repeat:no-repeat;  
}
    ul#main-nav li ul li.top 
    {        
        margin-left:0;   
        padding-top:9px; 
        background-position:6px 14px;
    }
    ul#main-nav li ul li.bottom 
    {
        padding-bottom:17px;
    }
    
ul#main-nav li#personal ul li a,
ul#main-nav li#business ul li a,
ul#main-nav li#wealth ul li a,
ul#main-nav li#aboutus ul li a 
{
    font-family:Trebuchet MS;
    text-decoration:none;
    font-weight:bold;
    font-size:12px;    
    display:block; 
    width:160px;
    color:#ffffff;
    padding-left:17px;
    background-image:none;
    text-decoration:none;
    text-indent:0;
}
    
#wrapper.personal ul#main-nav li#personal ul li a 
{
    width:113px;
}
    
ul#main-nav li#personal ul li a:hover,
ul#main-nav li#personal ul li a.sfhover,
#wrapper.personal ul#main-nav li#personal ul li a:hover,
#wrapper.personal ul#main-nav li#personal ul li a.sfhover
{
    width:113px;
    height:21px;
    background-image:url(/images/nav/dropdown-personal-bg-hover.png);
    background-position:0 0;
    background-repeat:no-repeat;
}
    
/**********************************************************
    Business Nav Dropdown
**********************************************************/

ul#main-nav li#business ul
{    
    width:148px;
    border-top:solid 6px #8d8197;
    border-bottom:solid 6px #8d8197;
    background-image:url(/images/nav/dropdown-business-bg.png);
}
   
#wrapper.business ul#main-nav li#business ul li a 
{
    width:131px;
}
     
ul#main-nav li#business ul li a:hover,
ul#main-nav li#business ul li a.sfhover,
#wrapper.business ul#main-nav li#business ul li a:hover,
#wrapper.business ul#main-nav li#business ul li a.sfhover
{
    width:131px;
    height:21px;
    background-image:url(/images/nav/dropdown-business-bg-hover.png);
    background-position:0 0;
    background-repeat:no-repeat;
}

/**********************************************************
    Wealth Nav Dropdown
**********************************************************/

ul#main-nav li#wealth ul
{    
    width:181px;        
    border-top:solid 6px #71909d;
    border-bottom:solid 6px #71909d;
    background-image:url(/images/nav/dropdown-wealth-bg.png);
}

#wrapper.wealthmanagement ul#main-nav li#wealth ul li a 
{
    width:164px;
}
    
ul#main-nav li#wealth ul li a:hover,
ul#main-nav li#wealth ul li a.sfhover,
#wrapper.wealthmanagement ul#main-nav li#wealth ul li a:hover,
#wrapper.wealthmanagement ul#main-nav li#wealth ul li a.sfhover 
{
    width:164px;
    height:21px;
    background-image:url(/images/nav/dropdown-wealth-bg-hover.png);
    background-position:0 0;
    background-repeat:no-repeat;
}

/**********************************************************
    About Us Nav Dropdown
**********************************************************/

ul#main-nav li#aboutus ul
{         
    width:160px;
    border-top:solid 6px #7fb26c;
    border-bottom:solid 6px #7fb26c;
    background-image:url(/images/nav/dropdown-aboutus-bg.png);
}

#wrapper.aboutus ul#main-nav li#aboutus ul li a 
{
    width:143px;
}
    
ul#main-nav li#aboutus ul li a:hover,
ul#main-nav li#aboutus ul li a.sfhover,
#wrapper.aboutus ul#main-nav li#aboutus ul li a:hover,
#wrapper.aboutus ul#main-nav li#aboutus ul li a.sfhover 
{
    width:143px;
    height:21px;
    background-image:url(/images/nav/dropdown-aboutus-bg-hover.png);
    background-position:0 0;
    background-repeat:no-repeat;
}

/**********************************************************
    Left Nav
**********************************************************/
#left-nav ul
{
    width:194px; 
    margin-left:0;   
    padding-left:0px;
    list-style-type:none;
    border-top:solid 6px #b1ab70;
    border-bottom:solid 6px #b1ab70;
    background-image:url(/images/nav/dropdown-personal-bg.png);
}

#left-nav ul li
{
    width:174px;
    line-height:21px; 
    background-image:url(/images/nav/dropdown-arrows.png);
    background-position:6px 5px;
    background-repeat:no-repeat;
}
    #left-nav ul li.top 
    {        
        margin-left:0;   
        padding-top:9px; 
        background-position:6px 14px;
    }
    #left-nav ul li.bottom 
    {
        padding-bottom:17px;
    }

#left-nav ul li a,
#left-nav ul li span 
{
    font-family:Trebuchet MS;
    text-decoration:none;
    font-weight:bold;
    font-size:12px;    
    display:block; 
    width:176px;
    color:#ffffff;
    padding-left:17px;
}
    #left-nav ul li a:hover
    {
        background-image:url(/images/nav/dropdown-personal-bg-hover.png);
        background-repeat:no-repeat;
    }
    
/**********************************************************
    Business Left Nav
**********************************************************/
#wrapper.business #left-nav ul
{
    border-top:solid 6px #8d8197;
    border-bottom:solid 6px #8d8197;
    background-image:url(/images/nav/dropdown-business-bg.png);
}
#wrapper.business #left-nav ul li a:hover
{
    background-image:url(/images/nav/dropdown-business-bg-hover.png);
    background-repeat:repeat-x;
}

/**********************************************************
    Wealth Left Nav
**********************************************************/
#wrapper.wealthmanagement #left-nav ul
{
    border-top:solid 6px #71909d;
    border-bottom:solid 6px #71909d;
    background-image:url(/images/nav/dropdown-wealth-bg.png);
}
#wrapper.wealthmanagement #left-nav ul li a:hover
{
    background-image:url(/images/nav/dropdown-wealth-bg-hover.png);
    background-repeat:repeat-x;
}

/**********************************************************
    About Us/Global/Calculators Left Nav
**********************************************************/
#wrapper.aboutus #left-nav ul,
#wrapper.global #left-nav ul,
#wrapper.calculators #left-nav ul
{
    border-top:solid 6px #7fb26c;
    border-bottom:solid 6px #7fb26c;
    background-image:url(/images/nav/dropdown-aboutus-bg.png);
}
#wrapper.aboutus #left-nav ul li a:hover,
#wrapper.global #left-nav ul li a:hover,
#wrapper.calculators #left-nav ul li a:hover
{
    background-image:url(/images/nav/dropdown-aboutus-bg-hover.png);
    background-repeat:repeat-x;
}


/**********************************************************
    Mobile Left Nav
**********************************************************/
#wrapper.mobile #left-nav ul
{
    border-top:solid 6px #7fb26c;
    border-bottom:solid 6px #7fb26c;
    background-image:url(/images/nav/dropdown-aboutus-bg.png);
}
#wrapper.mobile#left-nav ul li a:hover
{
    background-image:url(/images/nav/dropdown-aboutus-bg-hover.png);
    background-repeat:repeat-x;
}


/**********************************************************
    Left Nav Second Level
**********************************************************/   
#wrapper.default #left-nav ul li ul,
#wrapper.global #left-nav ul li ul,
#wrapper.personal #left-nav ul li ul,
#wrapper.business #left-nav ul li ul,
#wrapper.wealthmanagement #left-nav ul li ul,
#wrapper.aboutus #left-nav ul li ul,
#wrapper.calculators #left-nav ul li ul, 
#wrapper.mobile #left-nav ul li ul 
{
    border:0;
    margin-bottom:9px;
    background-image:none;
}

#left-nav ul li ul li
{
    width:174px;
    line-height:15px;     
    background-image:url(/images/nav/dropdown-arrows.png);
    background-position:18px 6px;
    background-repeat:no-repeat;
}

#left-nav ul li ul li a 
{       
    width:165px;
    padding:3px 0;
    font-size:11px;
    padding-left:28px;
    font-weight:normal;
}
    #left-nav ul li ul li a:hover
    {
        background-image:url(/images/nav/dropdown-personal-bg-hover.png);
        background-position:12px 1px;
        background-repeat:repeat;
    }

/**********************************************************
    Left Nav Third Level
**********************************************************/  
#left-nav ul li ul li ul li
{
    width:174px;   
    background-position:26px 5px;
}

#left-nav ul li ul li ul li a 
{       
    width:153px;
    padding-left:36px;
    padding-right:4px;
}
    #left-nav ul li ul li ul li a:hover
    {
        background-image:url(/images/nav/dropdown-personal-bg-hover.png);
        background-position:20px 0;
        background-repeat:repeat;
    }
    
/**********************************************************
    Left Nav Second Level Display
**********************************************************/   
#left-nav ul li ul
{
    display:none;
}
    /*#wrapper.calculators #left-nav ul li ul
    {
        display:block;
    }*/
    
/****   Personal Left Nav    ****/
#wrapper.personal.mortgagelending #left-nav ul li ul.mortgagelending,

/****   Personal Left Nav    ****/
#wrapper.mobile #left-nav ul li ul.mobileservices,

/****   Wealth Left Nav - Trust & Investment   ****/
#wrapper.wealthmanagement.trustandinvestmentservices #left-nav ul.trustinvestmentservices,
/****   Wealth Left Nav - Brokerage    ****/
#wrapper.wealthmanagement.brokerage #left-nav ul li ul.brokerage,
/****   Wealth Left Nav - Insurance Services   ****/
#wrapper.wealthmanagement.insuranceservices #left-nav ul li ul.insuranceservices,

/****   AboutUs Left Nav    ****/
#wrapper.aboutus.careers #left-nav ul li ul.careers,
#wrapper.aboutus.directoremployeeinfo #left-nav ul li ul.employeedirectorinfo,

/****   Global Left Nav    ****/
#wrapper.global.identityprotection #left-nav ul li ul.identityprotection,
#wrapper.global.stockholderresources #left-nav ul li ul.stockholderresources,
#wrapper.global.wesbancostock #left-nav ul li ul.stockholderresources,

/**********************************************************
    Left Nav Third Level Display
**********************************************************/   
/****   Wealth Left Nav - Trust & Investment Services   ****/
#wrapper.wealthmanagement.trustandinvestmentservices.trustservices #left-nav ul.trustservices,
#wrapper.wealthmanagement.trustandinvestmentservices.trustlink #left-nav ul.trustlink,
#wrapper.wealthmanagement.trustandinvestmentservices.investmentmanagementservices #left-nav ul li ul li ul.investmentmanagementservices,
#wrapper.wealthmanagement.trustandinvestmentservices.retirementplanning #left-nav ul li ul li ul.retirementplanning,
#wrapper.wealthmanagement.wesmarkfunds #left-nav ul li ul li ul.wesmarkfunds,

/****   Wealth Left Nav - Brokerage   ****/
#wrapper.wealthmanagement.brokerage.financialconsulting #left-nav ul li ul.financialconsulting,
#wrapper.wealthmanagement.brokerage.newsandtools #left-nav ul li ul.newsandtools,

/****   Wealth Left Nav - Insurance Services   ****/
#wrapper.wealthmanagement.insuranceservices.whoweare #left-nav ul li ul li ul.whoweare,

/****   Global Left Nav - Protect Yourself   ****/
#wrapper.global.identityprotection.protectyourself #left-nav ul li ul.protectyourself
{
    display:block;
}