﻿
.Arch-main-Menu ul.AspNet-Menu /* Tier 1 - main menu*/
{
    border: 1px solid #333366;
    background: #f4df98;
    border-bottom-width: 0;
    margin: 0;
    padding: 0;
    float: left;
    width: 198px;
}
.Arch-main-Menu ul.AspNet-Menu ul /* Tier 2 - width is 200px and position is 200px to left*/
{
}

.Arch-main-Menu ul.AspNet-Menu ul li /* Tier 2 list items */
{
}

.Arch-main-Menu ul ul /* Tier 3+ */
{
    top: -1px;
    left: 198px;
    border: 1px solid #333366;
    background: #f4df98;
    width: 198px;
    border-bottom-width: 0;
    margin: 0;
    padding: 0;
}


.Arch-main-Menu li /* all list items */
{
    font-size: 10pt;
    font-family: Tahoma, Verdana;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid;
    border-bottom-color: #333366;
    list-style-type: none;
    background: #f4df98;
}
.Arch-main-Menu li:hover, /* list items being hovered over */ .Arch-main-Menu li.AspNet-Menu-Hover
{
    color: #333366;
    background-color: #333366;
    text-decoration: none;
}
.Arch-main-Menu a, /* all anchors and spans (nodes with no link) */ .Arch-main-Menu span
{
    color: #333366;
    padding: 4px 4px 4px 8px;
    background: #f4df98;
    display: block;
    width: 186px;
}
.Arch-main-Menu li.Arch-main-Menu-Leaf a, /* leaves */ .Arch-main-Menu li.Arch-main-Menu-Leaf span
{
    background-image: none !important;
}
.Arch-main-Menu li:hover a, /* hovered text */ .Arch-main-Menu li:hover span, .Arch-main-Menu li.AspNet-Menu-Hover a, .Arch-main-Menu li.AspNet-Menu-Hover span, .Arch-main-Menu li:hover li:hover a, .Arch-main-Menu li:hover li:hover span, .Arch-main-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .Arch-main-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span, .Arch-main-Menu li:hover li:hover li:hover a, .Arch-main-Menu li:hover li:hover li:hover span, .Arch-main-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .Arch-main-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: White;
    background: #333366;
    text-decoration: none;
}
.Arch-main-Menu li:hover li a, /* the tier above this one is hovered */ .Arch-main-Menu li:hover li span, .Arch-main-Menu li.AspNet-Menu-Hover li a, .Arch-main-Menu li.AspNet-Menu-Hover li span, .Arch-main-Menu li:hover li:hover li a, .Arch-main-Menu li:hover li:hover li span, .Arch-main-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a, .Arch-main-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: #333366;
    background: #f4df98;
}

/* ACTIVE PAGES */
.Arch-main-Menu a.StaticSelectedStyle:link, #Arch-main-Menu a.StaticSelectedStyle:visited
{
    color: #D4E7F8;
    text-decoration: none;
}