﻿/* Selectors for menu inside the banner */
div.AspNet-Menu-Horizontal
{
    float: right;
}

div.MainMenu
{
    z-index: 100;
    position: absolute;
    left: 216px;
    top: 56px;
    font-size: 12px;
    width: 730px;
    font-family: Arial, Helvetica, Sans-Serif;
}
div.MainMenu .AspNet-Menu-Seperator
{
    width: 2px; 
    padding:0px;
    background-image: url(../img/MenuSeperator.png);
    background-position: center 5px;
    background-repeat: no-repeat;
}
.MainMenu .AspNet-Menu-Horizontal ul ul
{
    font-size: 13px;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
}
/* Dynamic Rollover */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    left: 0px;
    top: 100%;
    width: 280px;
    background-color: #404040;
    border-top: 1px solid #707070;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    left: 17.1em;
    top: -0.5em;
    width: 19em;
    margin-left: 0px;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    /*width: 8em;*/
    padding: 10px 0 10px 0;
    height:15px;
    text-align: center;
}
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    border-bottom: 1px solid #707070;
    width: auto;
}
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
}

/* Start: rules to make the horizontal menu's top tier use proportional width for its items. */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a, .MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li span
{
    display: inline;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a, .MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li span
{
    display: block;
}
/* End: proportional rules */

/*Static text*/
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a, .MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li span
{
    color: #FFFFFF;
    border-style: none;
    text-align: center;
    padding: 0 0.763em;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a, .MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li span
{
    background: transparent url(arrowRight.gif) right center no-repeat;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li a:hover, .MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li.Asp-Menu-Hover span
{
    background: #404040;
}
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-Leaf
{
    /*width: 100%;*/
    padding: 7px 0px 7px 0px;
    vertical-align: middle;
    height: 16px;
    white-space: nowrap;
}
/*.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-Leaf,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-Leaf a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-Leaf span
{
    background: #404040;
 
}*/

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li a, .MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li span
{
    text-align: left;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Top:hover, .MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Top.AspNet-Menu-Hover
{
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url(../img/MenuIndicator.png);
}
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:hover li a, .MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:hover li:hover li a, .MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Hover li a
{
    color: #ffefb7;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:hover a, .MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:hover li:hover a, .MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:hover li:hover li:hover a, .MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Hover a, .MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a
{
    color: #FFFFFF;
}
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren li:hover, .MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-Hover
{
    background-color: #5c5c5c;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-Leaf:hover, .MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-Leaf a:hover, .MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-Leaf span:hover
{
    background-color: #5c5c5c;
}
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:hover li a, .MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.Asp-Menu-Hover:hover span
{
    /*color: red;*/
}
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a:hover, .MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.Asp-Menu-Hover span
{
    /*color: White;*/
}

/* --------------------------------------------------------------------------------------------------- */
/* Used when the Menu adapter is NOT used. */
/* These styles are used by the Menu's skin, found in this theme's skin file. */

.Menu-Skin-DynamicHover
{
    background: #165EA9 url(bg-menu-main.png) repeat-x;
}
