﻿
.Arch-main-Menu ul.AspNet-Menu-Horizontal
{
    position:relative;
    overflow: hidden;
   
   
}
.Arch-main-Menu ul.AspNet-Menu
{
 

    background: #333366;
    float: right;
}


.Arch-main-Menu ul.AspNet-Menu ul /* Tier 2 - width is 160px; and position is 160px; to left*/
{
    width:9em;
    left: 0%;
    background:#333366;

    
  
    
}

.Arch-main-Menu ul.AspNet-Menu ul li ul /* Tier 2 list items */

{
   left: 0;
top: 0;

position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

.Arch-main-Menu ul ul /* Tier 3+ */
{
  

    left: 6em;
    top:-0.5em
    
}

.Arch-main-Menu li /* all list items */
{
    font-size: 10pt;
    font-family: Tahoma, Verdana;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    color: #f4df98;
    float:left;
    list-style-type:none;
    
 
 

      border-left: 1px solid #f4df98;
      text-align:center;
}


.Arch-main-Menu li:hover, /* list items being hovered over */ .Arch-main-Menu li.AspNet-Menu-Hover
{
    color: #333366;
    background-color: #f4df98;
    text-decoration: none;
}
.Arch-main-Menu a, /* all anchors and spans (nodes with no link) */
 .Arch-main-Menu span
{
    color: #f4df98;
    padding: 4px 4px 4px 8px;
    background: #333366;
    display: block;
    width: 180px;
}
.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:link,
  .Arch-main-Menu li.AspNet-Menu-Hover a:active,
  .Arch-main-Menu li.AspNet-Menu-Hover a:visited, 
  .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: #333366;
    background: #f4df98;
    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: #f4df98;
    background: #333366;
}

/* ACTIVE PAGES */
.Arch-main-Menu a:link, 
.Arch-main-Menu a:active,

.Arch-main-Menu a:visited
{
    color: #f4df98;
    text-decoration: none;
    font-size: 10pt;
    font-family: Tahoma, Verdana;
    font-style: normal;
    font-weight: bold;
  
}

