﻿/**The Main Menu**/

/** The information for each tier cascades downwards, so you have to overwrite the settings of the higher tiers on the lower ones...
 ** TIP: Count the number of ULs in each declaration. That will tell you the level of the menu you're looking at.
 **/

.RDTMenu
{
}

.RDTMenu ul
{
    /* The container for the whole menu. */ /* Use this to define the generic UL behaviour for all levels */
    display: block;
    margin: 0px;
    padding: 0px;
}

.RDTMenu ul li
{
    /* A node at any level in the menu. */ /* Use this to define the generic LI behaviour for all levels */
    display: block;
    list-style: none;
    float: left; /*border-right: 2px solid white;*/
    margin-right: 4px;
    padding: 5px 0px 4px 0px;
    white-space: nowrap;
    background-color: #4F3524;
}

.RDTMenu ul li a
{
    /* A link within a menu node. */ /* Use this to set the generic link behaviour for all levels. */
    color: #ffffff;
    display: block;
    text-decoration: none;
    font-weight: bold;
    border-bottom: none;
    text-transform: uppercase;
    padding: 0px 10px 0px 10px;
}

.RDTMenu ul li a:hover
{
    border-bottom: none;
}

.RDTMenu ul li.AspNet-Menu-Selected
{
    /* A selected node */
    background-color: #E4BE4C;
}

.RDTMenu ul li.AspNet-Menu-Selected a
{
    /* A link within a selected node (link can be any distance below selected node) */
    color: #4F3524;
}

.RDTMenu ul li.AspNet-Menu-ChildSelected
{
    /* A node with a selected child node */
}

.RDTMenu ul li.AspNet-Menu-ChildSelected a
{
    /* A link within a node where one of that node's children (or grandchildren or...) is selected. */
    color: #E4BE4C;
}

.RDTMenu ul li ul, #SubMenuPlaceHolder ul
{
    /* A container in the second level (or lower) */
    position: absolute;
    display: block;
    padding: 0px;
    left: 0px; /*Remove this line to get menu items to float beneath the parent*/
}

.RDTMenu ul li ul li
{
    /* A node in the second level (or lower)` */
    display: none;
    margin: 5px;
    background-color: Transparent;
}

.RDTMenu ul li.AspNet-Menu-Selected ul li, #SubMenuPlaceHolder ul li
{
    /* A second-tier node when its parent node is selected */
    display: block;
    border: none;
    margin: 5px 10px 10px 10px;
    padding: 0px;
}

.RDTMenu ul li.AspNet-Menu-Selected ul li a, #SubMenuPlaceHolder ul li a
{
    /* Links in a second-tier node when its parent node is selected */
    color: #FFFFFF;
    font-weight: normal;
    text-transform: none;
    padding: 0px;
}

.RDTMenu ul li.AspNet-Menu-ChildSelected ul li
{
    /* A second-tier node when its parent or a sibling node is selected */
    display: block;
    border: none;
    margin: 5px 10px 10px 10px;
    padding: 0px;
}

.RDTMenu ul li.AspNet-Menu-ChildSelected ul li.LastChild, .RDTMenu ul li.AspNet-Menu-Selected ul li.LastChild
{
    /* The last (right-most) child node in a group where either the parent or one of the child nodes is selected. */
}

.RDTMenu ul li.AspNet-Menu-ChildSelected ul li a
{
    /* A link in a second-tier node when its parent or a sibling node is selected */
    color: #FFFFFF;
    font-weight: normal;
    text-transform: none;
    padding: 0px;
}

.RDTMenu ul li ul li.AspNet-Menu-Selected, #SubMenuPlaceHolder ul li.AspNet-Menu-Selected
{
    /* A selected second-tier node */
    background-color: Transparent;
}

.RDTMenu ul li ul li.AspNet-Menu-Selected a, #SubMenuPlaceHolder ul li.AspNet-Menu-Selected a
{
    /* A link in a selected second-tier node */
    font-weight: bold;
    text-transform: none;
    color: #E4BE4C;
}

.RDTMenu li.AspNet-Menu-ChildSelected ul li.AspNet-Menu-ChildSelected a
{
    /* A link in a second-tier node with a selected child */ /* Overriding an override */
    color: #E4BE4C;
    font-weight: bold;
}

#SubMenuPlaceHolder ul, #LevelThreeMenu ul
{
    padding: 0px;
    margin: 0px;
}

/*
#LevelThreeMenu ul
{
    float: left;
}
*/
#SubMenuPlaceHolder ul li, #LevelThreeMenu ul li
{
    float: left;
}

#LevelThreeMenu
{
    width: 100%;
    background-color: #4F3524;
}

#LevelThreeMenu ul li a
{
    color: #FFFFFF;
    background-color: #4F3524;
    display: block;
    text-decoration: none;
    font-weight: normal;
    border-bottom: none;
    text-transform: none;
    padding: 0px 10px 0px 10px;
}

