﻿.ctf_main_menu
{
    position: relative;
    z-index: 1; /* IE6 hack */
    width: 984px;
    background-color: #ffffff;
}

.menu_group
{
    float: left;
    width: 327px;
    margin-right: 1px;
}

.menu_clear
{
    height: 1px;
    margin: 0px;
    padding: 0px;
    clear: both;
    background-color: #ffffff;
    overflow: hidden; /* IE6 */
}

.menu_group.priorities, .menu_group.priorities ul
{
    background-color: #74b3b7;
}

.menu_group.resources, .menu_group.resources ul
{
    background-color: #dd363d;
}

.menu_group.events, .menu_group.events ul
{
    background-color: #b4cf50;
}

.menu_group.priorities h2:hover, .menu_group.priorities ul a:hover, .menu_group.priorities .inviso, .menu_group.priorities:hover h2
{
    background-color: #439396;
}

.menu_group.resources h2:hover, .menu_group.resources ul a:hover, .menu_group.resources .inviso, .menu_group.resources:hover h2
{
    background-color: #a0191d;
}

.menu_group.events h2:hover, .menu_group.events ul a:hover, .menu_group.events .inviso, .menu_group.events:hover h2
{
    background-color: #8ba23c;
}

.menu_group h2, .menu_group inviso
{
    color: #ffffff;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 9.75pt;
    text-transform: uppercase;
    padding: 7px 6px 7px 30px;
    height: 16px;
    cursor: pointer;
}

.menu_group h2
{
    margin: 0px;
}

.inviso
{
    visibility: hidden;
    position: absolute;
    z-index: 2;
    width: 291px;
    top: 0px;
    border-top-width: 0px;
}

.inviso:hover
{
    visibility: visible;
}

.menu_group ul
{
    position: absolute;
    font-family: Verdana, Arial, Sans-Serif;
    color: #ffffff;
    width: 327px;
    height: 276px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    border: solid 1px #ffffff;
    margin-left: -1px;
    overflow: hidden;
    z-index: 2;
    visibility: hidden;
}

.menu_group:hover ul
{
    visibility: visible;
}

.menu_group.nohover:hover ul
{
    visibility: hidden;
}

.menu_group.nohover.hovering ul
{
    visibility: visible;
}

.menu_group.nohover.hovering .inviso
{
    visibility: visible;
}

.menu_group.nohover ul:hover
{
    visibility: visible;
}

.menu_group ul a
{
    display: block;
    width: 293px;
    color: #ffffff;
    text-decoration: none;
    padding: 4px 4px 5px 30px;
    font-weight: bold;
    font-size: 9pt;
    line-height: 14px;
}

.menu_group ul .more a
{
    font-size: 8pt;
    font-weight: normal;
    height: 13px;
    padding: 5px 4px 5px 30px;
}

.menu_group ul a:hover
{
}

.menu_group ul a .pointy
{
    visibility: hidden;
    position: absolute;
    left: 14px;
    font-size: 9pt;
    font-weight: normal;
}

.menu_group ul a:hover .pointy
{
    visibility: visible;
}