/*
        CSS Styles for WebDDM example menu:
                mainmenu
*/

.container
{
        background-color: #ffffff;
}

.container_green
{
        border: 0px #000000 solid;
        background-color: #ADD2AD;
        padding: 0px;
}

.container_blue
{
        border: 0px #000000 solid;
        background-color: #B2CDDD;
}
.container_sand
{
        border: 0px #000000 solid;
        background-color: #FFC98A;
}
.container_red
{
        border: 0px #000000 solid;
        background-color: #DD8195;
}

/* Styles for item cells and hyperlinks */
.mainmenu_off, .mainmenu_rollover
{
        font-size: 11px;
        color: #000000;
        text-decoration: none;
}
.mainmenu_off_green
{
        font-size: 11px;
        color: #ADD2AD;
        text-decoration: none;
        padding: 0px;
}

.mainmenu_rollover_green
{
        font-size: 11px;
        color: #ADD2AD;
        text-decoration: none;
        padding: 0px;
}
.mainmenu_off_blue, .mainmenu_rollover_blue
{
        font-size: 11px;
        color: #6699CC;
        text-decoration: none;
}
.mainmenu_off_sand, .mainmenu_rollover_sand
{
        font-size: 11px;
        color: #CC9933;
        text-decoration: none;
}
.mainmenu_off_red, .mainmenu_rollover_red
{
        font-size: 11px;
        color: #CC3366;
        text-decoration: none;
}

/* Define text color/size/etc settings for items and links */
#mainmenu td.mainmenu_off_green,
#mainmenu td.mainmenu_rollover_green,
#mainmenu td.mainmenu_rollover_green a:link,
#mainmenu td.mainmenu_rollover_green a:visited,
#mainmenu td.mainmenu_rollover_green a:hover,
#mainmenu td.mainmenu_rollover_green1 a:link,
#mainmenu td.mainmenu_rollover_green1 a:visited,
#mainmenu td.mainmenu_rollover_green1 a:hover,
#mainmenu td.mainmenu_off_green a:link,
#mainmenu td.mainmenu_off_green a:visited,
#mainmenu td.mainmenu_off_green a:hover,
#mainmenu td.mainmenu_off_green1 a:link,
#mainmenu td.mainmenu_off_green1 a:visited,
#mainmenu td.mainmenu_off_green1 a:hover,
#mainmenu td.mainmenu_rollover_blue a:link,
#mainmenu td.mainmenu_rollover_blue a:visited,
#mainmenu td.mainmenu_rollover_blue a:hover,
#mainmenu td.mainmenu_off_blue a:link,
#mainmenu td.mainmenu_off_blue a:visited,
#mainmenu td.mainmenu_off_blue a:hover,
#mainmenu td.mainmenu_rollover_blue1 a:link,
#mainmenu td.mainmenu_rollover_blue1 a:visited,
#mainmenu td.mainmenu_rollover_blue1 a:hover,
#mainmenu td.mainmenu_off_blue1 a:link,
#mainmenu td.mainmenu_off_blue1 a:visited,
#mainmenu td.mainmenu_off_blue1 a:hover,
#mainmenu td.mainmenu_rollover_sand a:link,
#mainmenu td.mainmenu_rollover_sand a:visited,
#mainmenu td.mainmenu_rollover_sand a:hover,
#mainmenu td.mainmenu_off_sand a:link,
#mainmenu td.mainmenu_off_sand a:visited,
#mainmenu td.mainmenu_off_sand a:hover,
#mainmenu td.mainmenu_rollover_sand1 a:link,
#mainmenu td.mainmenu_rollover_sand1 a:visited,
#mainmenu td.mainmenu_rollover_sand1 a:hover,
#mainmenu td.mainmenu_off_sand1 a:link,
#mainmenu td.mainmenu_off_sand1 a:visited,
#mainmenu td.mainmenu_off_sand1 a:hover,
#mainmenu td.mainmenu_rollover_red1 a:link,
#mainmenu td.mainmenu_rollover_red1 a:visited,
#mainmenu td.mainmenu_rollover_red1 a:hover,
#mainmenu td.mainmenu_off_red1 a:link,
#mainmenu td.mainmenu_off_red1 a:visited,
#mainmenu td.mainmenu_off_red1 a:hover,
#mainmenu td.mainmenu_rollover_red a:link,
#mainmenu td.mainmenu_rollover_red a:visited,
#mainmenu td.mainmenu_rollover_red a:hover,
#mainmenu td.mainmenu_off_red a:link,
#mainmenu td.mainmenu_off_red a:visited,
#mainmenu td.mainmenu_off_red a:hover
{
        font-size: 11px;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: bold;
}


/* Menu item cell styles */
#mainmenu td.mainmenu_off
{
        background-color: #ffffff;
        text-align: center;
}
#mainmenu td.mainmenu_rollover
{
        background-color: #DEDFDE;
        text-align: center;
        border: 0px #636563 solid;
        font-weight: bold;
}

#mainmenu td.mainmenu_off_green
{
        background-color: #ADD2AD;
        text-align: left;
        padding: 0px;
        padding-left: 0px;
        border: 0px;
}
#mainmenu td.mainmenu_rollover_green
{
        background-color: #669966;
        text-align: left;
        padding: 0px;
        padding-left: 0px;
        border: 0px;
        font-weight: bold;
}

#mainmenu td.mainmenu_off_green1
{
        background-color: #ADD2AD;
        text-align: left;
        padding: 0px;
        padding-left: 7px;
        border: 0px;
}
#mainmenu td.mainmenu_rollover_green1
{
        background-color: #669966;
        text-align: left;
        padding: 0px;
        padding-left: 7px;
        border: 0px;
        font-weight: bold;
}

#mainmenu td.mainmenu_off_blue
{
        background-color: #B2CDDD;
        text-align: left;
        padding: 0px;
        border: 0px;
}
#mainmenu td.mainmenu_rollover_blue
{
        background-color: #6699CC;
        text-align: left;
        padding: 0px;
        border: 0px;
        font-weight: bold;
}
#mainmenu td.mainmenu_off_blue1
{
        background-color: #B2CDDD;
        text-align: left;
        padding: 0px;
        padding-left: 7px;
        border: 0px;
}
#mainmenu td.mainmenu_rollover_blue1
{
        background-color: #6699CC;
        text-align: left;
        padding: 0px;
        padding-left: 7px;
        border: 0px;
        font-weight: bold;
}
#mainmenu td.mainmenu_off_sand
{
        background-color: #FFC98A;
        text-align: left;
        padding: 0px;
        border: 0px;
}
#mainmenu td.mainmenu_rollover_sand
{
        background-color: #CC9933;
        text-align: left;
        padding: 0px;
        border: 0px;
        font-weight: bold;
}
#mainmenu td.mainmenu_off_sand1
{
        background-color: #FFC98A;
        text-align: left;
        padding: 0px;
        padding-left: 7px;
        border: 0px;
}
#mainmenu td.mainmenu_rollover_sand1
{
        background-color: #CC9933;
        text-align: left;
        padding: 0px;
        padding-left: 7px;
        border: 0px;
        font-weight: bold;
}
#mainmenu td.mainmenu_off_red
{
        background-color: #DD8195;
        text-align: left;
        padding: 0px;
        border: 0px #ffffff solid;
}
#mainmenu td.mainmenu_rollover_red
{
        background-color: #CC3366;
        text-align: left;
        padding: 0px;
        border: 0px;
        font-weight: bold;
}
#mainmenu td.mainmenu_off_red1
{
        background-color: #DD8195;
        text-align: left;
        padding: 0px;
        padding-left: 7px;
        border: 0px #ffffff solid;
}
#mainmenu td.mainmenu_rollover_red1
{
        background-color: #CC3366;
        text-align: left;
        padding: 0px;
        padding-left: 7px;
        border: 0px;
        font-weight: bold;
}



/* Menu item link styles */
#mainmenu td.mainmenu_rollover a:link,
#mainmenu td.mainmenu_rollover a:visited,
#mainmenu td.mainmenu_rollover a:hover
{
        line-height: 18px;
        display: block;
        font-weight: bold;
}