.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* This style sheet is intended to contain RARELY CHANGED rules used when the Menu control adapter is enabled. */
/* These rules correspond to the "pure CSS menu" technique that have been evolving over the past several years. */ 
/* See WhitePaper.aspx for details. */
.mainnav{
    float:right;
    color:#fff; 
   margin-top:-5px;  
     
    text-align:left;
    font-size: 12px;
    white-space: nowrap;
}

#toplink {
	border-right:1px #ccbd97 solid;
}
.DHTMLMenu ul.ARCS-Menu /* Tier 1 */
{
    width: 750px; /* This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */
     
}

.DHTMLMenu ul.ARCS-Menu ul  /* Tier 2 */
{
  /* width: 22em; */
  width: 185px;
  top: 100%;
  left: 0;
  border:solid 1px #CCCC99; /* tan */
}

.DHTMLMenu ul.ARCS-Menu ul ul  /* Tier 3+ */
{
  /* top: -0.5em;
  left: 8em;
  */
  top: 0em;
   left: -185px;
}
.DHTMLMenu li  /* all list items */
{
  /* width: 16em; */
  width: 90px;
  color:#003994;
  font-weight:bold;  
  border-left:1px olive;
}

.DHTMLMenu li li /* all list items */
{
  white-space:nowrap;
  width: 185px;
	  background:#F2F0E3;
}

.DHTMLMenu li:hover, /* list items being hovered over */
.DHTMLMenu li.ARCS-Menu-Hover
{
  color:#C70000;  /* red */
  font-weight:bold;
  background: #fff;
}

.DHTMLMenu a, /* all anchors and spans (nodes with no link) */
.DHTMLMenu span
{
    color: #003994; /* blue */
    padding: 4px 2px 4px 8px;
}

.DHTMLMenu li.ARCS-Menu-Leaf a, /* leaves */
.DHTMLMenu li.ARCS-Menu-Leaf span
{
    background-image: none !important;
}

.DHTMLMenu li:hover a, /* hovered text */
.DHTMLMenu li:hover span,
.DHTMLMenu li.ARCS-Menu-Hover a,
.DHTMLMenu li.ARCS-Menu-Hover span,
.DHTMLMenu li:hover li:hover a,
.DHTMLMenu li:hover li:hover span,
.DHTMLMenu li.ARCS-Menu-Hover li.ARCS-Menu-Hover a,
.DHTMLMenu li.ARCS-Menu-Hover li.ARCS-Menu-Hover span,
.DHTMLMenu li:hover li:hover li:hover a,
.DHTMLMenu li:hover li:hover li:hover span,
.DHTMLMenu li.ARCS-Menu-Hover li.ARCS-Menu-Hover li.ARCS-Menu-Hover a,
.DHTMLMenu li.ARCS-Menu-Hover li.ARCS-Menu-Hover li.ARCS-Menu-Hover span
{
    color: #C70000;
    cursor: pointer;
}
.DHTMLMenu li li:hover a /* hovered text in dropdown */
{
    color:#C70000;
    background-color:#F2F0E3;
}

.DHTMLMenu li:hover li a, /* the tier above this one is hovered */
.DHTMLMenu li:hover li span,
.DHTMLMenu li.ARCS-Menu-Hover li a,
.DHTMLMenu li.ARCS-Menu-Hover li span,
.DHTMLMenu li:hover li:hover li a,
.DHTMLMenu li:hover li:hover li span,
.DHTMLMenu li.ARCS-Menu-Hover li.ARCS-Menu-Hover li a,
.DHTMLMenu li.ARCS-Menu-Hover li.ARCS-Menu-Hover li span
{
    color: #003994;
}

.DHTMLMenu .ARCS-Menu-Selected /* this tier is selected */
{}

.DHTMLMenu .ARCS-Menu-ChildSelected /* a tier below this one is selected */
{}

.DHTMLMenu .ARCS-Menu-ParentSelected /* a tier above this one is selected */
{}


ul.ARCS-Menu 
{
    position: relative;
}

ul.ARCS-Menu, ul.ARCS-Menu ul
{
    margin: 0;
    padding: 0;
    display: block;

}

ul.ARCS-Menu li
{
    position: relative;
    list-style: none;
    float: left;
}

ul.ARCS-Menu li a,
ul.ARCS-Menu li span
{
    display: block;
    text-decoration: none;
}

ul.ARCS-Menu ul
{
    position: absolute;
    visibility: hidden;    
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.ARCS-Menu li:hover ul ul,
ul.ARCS-Menu li.ARCS-Menu-Hover ul ul
{
    visibility: hidden;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.ARCS-Menu li:hover ul,
ul.ARCS-Menu li li:hover ul,
ul.ARCS-Menu li li li:hover ul,
ul.ARCS-Menu li.ARCS-Menu-Hover ul,
ul.ARCS-Menu li li.ARCS-Menu-Hover ul,
ul.ARCS-Menu li li li.ARCS-Menu-Hover ul
{
    visibility: visible;
}

.ARCS-Menu-Vertical ul.ARCS-Menu li
{
    width: 100%;
}