﻿#navigation {
 width:922px;
 margin-left:auto;
 margin-right:auto;
 position:relative;
 height:27px;
 z-index:7;
}
.AspNet-Menu-WithChildren {
  background-image:url('../images/front_menu_topbg.png');
  font-weight:bold;
  color:#570F82;
  z-index:10;
 }
ul.AspNet-Menu /* Tier 1 */
{
    width: 922px; /* This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */
    font-family: Century Gothic;
    font-size:0.8em;
    z-index:10;
}
ul.AspNet-Menu ul  /* Tier 2 */
{
    width: 6em;
    top: 100%;
    left: 0;
    
}

ul.AspNet-Menu ul ul  /* Tier 3+ */
{
    top: -0.5em;
    left: 6em;
}

li /* all list items */
{
    width: 153px;
    /*background: #eeeeee;*/
}

li:hover, /* list items being hovered over */
li.AspNet-Menu-Hover
{
    background: #570F82;
}

#TopMenuBar a, /* all anchors and spans (nodes with no link) */
span
{
    color: White;
    padding: 4px 2px 4px 8px;
    border:1px solid #cccccc;
}

 /* leaves */
li.AspNet-Menu-Leaf span,
li.AspNet-Menu-Leaf
{
    background-image:url('../images/front_menu_leafbg.png');
    background-position: 0px 50%;
    font-family: Century Gothic;
    padding: 4px 1px 2px 4px;
    border:1px solid #AB87C0;
}
li.AspNet-Menu-Leaf a 
{
    background-position: 0px 50%;
    font-family: Century Gothic;
    padding: 4px 0px 4px 4px;
    
}


li:hover a, /* hovered text */
li:hover span,
li.AspNet-Menu-Hover a,
li.AspNet-Menu-Hover span,
li:hover li:hover a,
li:hover li:hover span,
li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
li:hover li:hover li:hover a,
li:hover li:hover li:hover span,
li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: #FFF200;
    font-weight:bold;
}

li:hover li a, /* the tier above this one is hovered */
li:hover li span,
li.AspNet-Menu-Hover li a,
li.AspNet-Menu-Hover li span,
li:hover li:hover li a,
li:hover li:hover li span,
li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: #FFF200;
}

.AspNet-Menu-Selected /* this tier is selected */
{
}

.AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
}

.AspNet-Menu-ParentSelected /* a tier above this one is selected */
{
    border: none !important;
}

.static-menu-item
{
	background-color:Red;
}
.noborder {
 border:none;
}