﻿/* title */
.menuLevel0.menuItem{
    font-family: 'Open Sans';
    font-size: 1.8em;
    line-height: 1em;
    color: #000;
    margin: 0 0 14px 0;
    display: block;
    font-weight: 300;
    transition: all 0.3s ease;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 13px;
}

a.menuLevel0.menuItem:link, a.menuLevel0.menuItem:visited{color: #6e6e6e; text-decoration: none;}
a.menuLevel0.menuItem:hover, a.menuLevel0.menuItem:active{color: #20272A; text-decoration: none;}


/* main level item */
.menuInner1{margin: 0;}

.menuLevel1.menuItem{
    font-family: 'Open Sans';
    font-size: 1.1em;
    line-height: 1em;
    color: #000;
    margin: 12px 0;
    display: block;
    font-weight: 300;
    transition: all 0.3s ease;
}

a.menuLevel1.menuItem:link, a.menuLevel1.menuItem:visited{color: #9f9f9f; text-decoration: none;}
a.menuLevel1.menuItem:hover, a.menuLevel1.menuItem:active, .menuLevel1.menuItem.Active, a.menuLevel1.menuItem.Active:link, a.menuLevel1.menuItem.Active:visited, a.menuLevel1.menuItem.Active:hover, a.menuLevel1.menuItem.Active:active, .menuLevel1.menuItem.ActiveParent, a.menuLevel1.menuItem.ActiveParent:link, a.menuLevel1.menuItem.ActiveParent:visited, a.menuLevel1.menuItem.ActiveParent:hover, a.menuLevel1.menuItem.ActiveParent:active {color: #b5121b; text-decoration: none;}


/* hide all but active sub level */
.menuOuter1 .menuInner2{display: none;}
.menuOuter1.Active .menuInner2, .menuOuter1.ActiveParent .menuInner2{display: block;}


/* sub level item */
.menuInner2{margin: -5px 0 10px;}

.menuLevel2.menuItem{
    font-family:'VerdanaProW01-CnRegular';
    font-size: 16px;
    line-height: 22px;
    color: #111;
    margin: 3px 0;
    display: block;
}

a.menuLevel2.menuItem:link, a.menuLevel2.menuItem:visited{color: #111; text-decoration: none;}
a.menuLevel2.menuItem:hover, a.menuLevel2.menuItem:active{color: #003DA5; text-decoration: underline;}

.menuLevel2.menuItem.Active, .menuLevel2.menuItem.ActiveParent, a.menuLevel2.menuItem.Active:link, a.menuLevel2.menuItem.Active:visited, a.menuLevel2.menuItem.ActiveParent:link, a.menuLevel2.menuItem.ActiveParent:visited{color: #003DA5; text-decoration: none;}

a.menuLevel2.menuItem.Active:hover, a.menuLevel2.menuItem.Active:active,
a.menuLevel2.menuItem.ActiveParent:hover, a.menuLevel2.menuItem.ActiveParent:active {color: #003DA5; text-decoration: underline;}


/* get rid of bottom margin on last item */
.menuOuter1.lastItem .menuInner2{margin-bottom: 3px !important;}