﻿/**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.
 **/

.LucidMenu
{
    float: right;
}

.LucidMenu ul
{
    /* The container for the whole menu. */
    /* Use this to define the generic UL behaviour for all levels */
    display: block;
    margin: 0px;
    padding: 0px;
}

.LucidMenu 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-left: 2px solid white;
    padding: 5px 0px 4px 0px;
    white-space: nowrap;
}

.LucidMenu 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;
}

.LucidMenu ul li a:hover
{
    border-bottom: none;
}

.LucidMenu ul li.AspNet-Menu-Selected
{
    /* A selected node */
    background-color: #0099FF;
    background-image: url(img/texture-lblue.gif);
}

.LucidMenu ul li.AspNet-Menu-Selected a 
{
    /* A link within a selected node (link can be any distance below selected node) */
}

.LucidMenu ul li.AspNet-Menu-ChildSelected
{
    /* A selected node */
    background-color: #0099FF;
}

.LucidMenu ul li.AspNet-Menu-ChildSelected a 
{
    /* A link within a node where one of that node's children (or grandchildren or...) is selected. */
}

.LucidMenu ul li ul
{
    /* A container in the second level (or lower) */
    position: absolute;
    display: block;
    padding: 0px;   
}

.LucidMenu ul li ul li
{
    /* A node in the second level (or lower)` */
    display: none;
    margin: 5px;
}

.LucidMenu ul li.AspNet-Menu-Selected ul li
{
    /* A second-tier node when its parent node is selected */
    display: block;
    clear: both;
    border: none;
    margin: 0px;
    padding: 0px;
    margin-top: 6px;
}

.LucidMenu ul li.AspNet-Menu-Selected ul li a
{
    /* Links in a second-tier node when its parent node is selected */
    color: #999999;
    font-weight: normal;
    text-transform: none;
    padding: 0px;
}

.LucidMenu ul li.AspNet-Menu-ChildSelected ul li
{
    /* A second-tier node when its parent or a sibling node is selected */
    display: block;
    clear: both;
    border: none;
    margin: 0px;
    padding: 0px;
    margin-top: 6px;
}

.LucidMenu ul li.AspNet-Menu-ChildSelected ul li.LastChild, .LucidMenu 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. */
}

.LucidMenu 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: #999999;
    font-weight: normal;
    text-transform: none;
    padding: 0px;
}

.LucidMenu ul li ul li.AspNet-Menu-Selected
{
    /* A selected second-tier node */
    background-color: Transparent;
    background-image: none;
}

.LucidMenu ul li ul li.AspNet-Menu-Selected a
{
    /* A link in a selected second-tier node */
    font-weight: bold;
    text-transform: none;
    color: #0099FF;
}