﻿.SteelgateMenu ul.AspNet-Menu /* Tier 1 */
{
    /*width: 13em;  This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */
    padding:4px;
    font-weight:bold;
}

.SteelgateMenu ul.AspNet-Menu ul  /* Tier 2 */
{
    background-color: #F5F5F5;
    top:15px;
    left:-10px;
    width:175px;
    border-bottom: #9b0000 solid;
    border-left: #9b0000 1px solid;
    border-right: #9b0000 1px solid;
    border-top: #9b0000 1px solid;
    font-weight:normal;
}

.SteelgateMenu ul.AspNet-Menu ul ul  /* Tier 3+ */
{
    top: -0.5em;
    left: 6em;
}

.SteelgateMenu li /* all list items */
{
    padding-left:10px;
    padding-right:10px;
}

.SteelgateMenu a, .SteelgateMenu span
{
    background-position: right;
    color: #ffffff;
    padding: 4px 4px 4px 4px;
}

.SteelgateMenu li:hover, .SteelgateMenu li.AspNet-Menu-Hover
{
    /*background-color: #F5F5F5;
    text-decoration:underline;*/
}

.SteelgateMenu li.AspNet-Menu-Leaf a, /* leaves */
.SteelgateMenu li.AspNet-Menu-Leaf span
{
    background-image: none !important;
    text-decoration:none;
}

/*.SteelgateMenu li:hover a,  hovered text 
.SteelgateMenu li:hover span,
.SteelgateMenu li.AspNet-Menu-Hover a,
.SteelgateMenu li.AspNet-Menu-Hover span,*/
.SteelgateMenu li:hover li:hover a,
.SteelgateMenu li:hover li:hover span,
.SteelgateMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.SteelgateMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.SteelgateMenu li:hover li:hover li:hover a,
.SteelgateMenu li:hover li:hover li:hover span,
.SteelgateMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.SteelgateMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: #9b0000;
    /*background: transparent url(activeArrowRight.gif) right center no-repeat;*/
}

.SteelgateMenu li:hover a
{
    color:#ffffff;
    text-decoration:underline;
}

.SteelgateMenu li:hover li a, /* the tier above this one is hovered */
.SteelgateMenu li:hover li span,
.SteelgateMenu li.AspNet-Menu-Hover li a,
.SteelgateMenu li.AspNet-Menu-Hover li span,
.SteelgateMenu li:hover li:hover li a,
.SteelgateMenu li:hover li:hover li span,
.SteelgateMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.SteelgateMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: #333333;
    text-decoration:none;
}

.SteelgateMenu .AspNet-Menu-Selected /* this tier is selected */
{
    /*border: solid 1px #00ff00 !important;*/
    color:White;
}

.SteelgateMenu .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
    /*border: solid 1px #ff0000 !important;*/
    color:White;
}

.SteelgateMenu .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{
    /*border: solid 1px #0000ff !important;*/
}

.AspNet-Menu-Link
{
    margin-left:5px;
}

#EntertainmentMessage
{
    padding-top: 2em;
    clear: both;
}