/* Navigation CSS Cuwing www.curalia.se */
/* Version: CVS $Id: navigation.css,v 1.6 2009/07/14 13:04:17 curalia Exp $ */


/* -----------------------------------------------
    NAVIGATION LEVEL-ONE START
----------------------------------------------- */

#navDiv
/* navDiv */
{
    height: auto;
    padding-top: 1px;
}

.fullNav
/* 5 menus */
{
    margin-left: 0;
}

.paddedNav
/* 4 menus */
{
    margin-left: 201px;
}

#navDiv ul
/* navDiv ul */
{
    list-style-type: none;
    padding: 0;
}

#navDiv ul li
/* navDiv ul li */
{
    display: block;
    float: none;
    padding: 0;
    margin: 0 10px 0 0;
}

#navDiv ul li div a
/* navDiv ul li div a */
{
    display: block;
    width: 20px;
    height: 23px;
    padding: 9px 22px 0 33px;
    margin: 0;
    font-size: 60%;
    font-weight: bold! important;
    color: #000! important;
    text-decoration: underline! important;
    text-transform: uppercase;
    white-space: nowrap;
}

#navDiv ul li div a
{
    width /* IE-hack */: auto;
}

.navLevelOneGray
{
    background: url('css-img/navigation_dot_Gray.gif') no-repeat left top;
}

.navLevelOneGold
{
    background: url('css-img/navigation_dot_Gold.gif') no-repeat left top;
}

.navLevelOneBrown
{
    background: url('css-img/navigation_dot_Brown.gif') no-repeat left top;
}

.navLevelOneGreen
{
    background: url('css-img/navigation_dot_Green.gif') no-repeat left top;
}

.navLevelOneRed
{
    background: url('css-img/navigation_dot_Red.gif') no-repeat left top;
}

.navLevelOneOff
{
    color: #000;
    background: #FFF url('css-img/navigation_corner.gif') no-repeat right top;
}

.navLevelOneOn
{
    color: #000;
    background: #D9D9D9 url('css-img/navigation_corner.gif') no-repeat right top;
}

/* -----------------------------------------------
    NAVIGATION LEVEL-ONE STOP
----------------------------------------------- */


/* -----------------------------------------------
    NAVIGATION SUB-LEVEL START
----------------------------------------------- */

.mBox
/* navigation sub-level container */
{
    position: relative;
    visibility: visible;
    color: #000;
    background: #D9D9D9;
    border-right: #FFF 1px solid;
    border-left: #FFF 1px solid;
    border-bottom: #FFF 1px solid;
    padding: 1px;
}

.mBoxChild
/* navigation child sub-level container */
{
    position: relative;
    visibility: visible;
    color: #000;
    background: #D9D9D9;
    border: #FFF 1px solid;
    padding: 1px;
}

#navDiv ul li div ul
/* sub-level ul */
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#navDiv ul li div ul li
/* sub-level ul li */
{
    padding: 0;
    margin: 0;
}

#navDiv ul li div ul li div a
/* sub-level link ul li div a */
{
    width: 177px;
    height: 16px;
    padding: 4px 12px 0 17px;
    font-weight: normal! important;
    text-decoration: none! important;
}

#navDiv ul li div ul li div a
/* sub-level link ul li div a */
{
    width /* IE-hack */: auto;
}

a.sublevelGray:hover, a.sublevelGray:active
/* sub-level link Gray */
{
    color: #000;
    background: #FFF url('css-img/navSubOnGray.gif') no-repeat left top! important;
}

a.sublevelGold:hover, a.sublevelGold:active
/* sub-level link Gold */
{
    color: #000;
    background: #FFF url('css-img/navSubOnGold.gif') no-repeat left top! important;
}

a.sublevelBrown:hover, a.sublevelBrown:active
/* sub-level link Brown */
{
    color: #000;
    background: #FFF url('css-img/navSubOnBrown.gif') no-repeat left top! important;
}

a.sublevelGreen:hover, a.sublevelGreen:active
/* sub-level link Green */
{
    color: #000;
    background: #FFF url('css-img/navSubOnGreen.gif') no-repeat left top! important;
}

a.sublevelRed:hover, a.sublevelRed:active
/* sub-level link Red */
{
    color: #000;
    background: #FFF url('css-img/navSubOnRed.gif') no-repeat left top! important;
}

a.sublevelChildGray:hover, a.sublevelChildGray:active
/* sub-level link with child Gray */
{
    color: #000;
    background: #FFF url('css-img/navSubChildOnGray.gif') no-repeat left top! important;
}

a.sublevelChildGold:hover, a.sublevelChildGold:active
/* sub-level link with child Gold */
{
    color: #000;
    background: #FFF url('css-img/navSubChildOnGold.gif') no-repeat left top! important;
}

a.sublevelChildBrown:hover, a.sublevelChildBrown:active
/* sub-level link with child Brown */
{
    color: #000;
    background: #FFF url('css-img/navSubChildOnBrown.gif') no-repeat left top! important;
}

a.sublevelChildGreen:hover, a.sublevelChildGreen:active
/* sub-level link with child Green */
{
    color: #000;
    background: #FFF url('css-img/navSubChildOnGreen.gif') no-repeat left top! important;
}

a.sublevelChildRed:hover, a.sublevelChildRed:active
/* sub-level link with child Red */
{
    color: #000;
    background: #FFF url('css-img/navSubChildOnRed.gif') no-repeat left top! important;
}

.sublevel_off
/* sub-level default off */
{
    background: url('css-img/navSub.gif') no-repeat left top;
}

.sublevelChildGray_on
/* sub-level with child Gray On */
{
    color: #000;
    background: #FFF url('css-img/navSubChildOnGray.gif') no-repeat left top;
}

.sublevelChildGray_off
/* sub-level with child Gray off */
{
    background: url('css-img/navSubChild.gif') no-repeat left top;
}

.sublevelChildGold_on
/* sub-level with child Gold On */
{
    color: #000;
    background: #FFF url('css-img/navSubChildOnGold.gif') no-repeat left top;
}

.sublevelChildGold_off
/* sub-level with child Gold off */
{
    background: url('css-img/navSubChild.gif') no-repeat left top;
}

.sublevelChildBrown_on
/* sub-level with child Brown On */
{
    color: #000;
    background: #FFF url('css-img/navSubChildOnBrown.gif') no-repeat left top;
}

.sublevelChildBrown_off
/* sub-level with child Brown off */
{
    background: url('css-img/navSubChild.gif') no-repeat left top;
}

.sublevelChildGreen_on
/* sub-level with child Green On */
{
    color: #000;
    background: #FFF url('css-img/navSubChildOnGreen.gif') no-repeat left top;
}

.sublevelChildGreen_off
/* sub-level with child Green off */
{
    background: url('css-img/navSubChild.gif') no-repeat left top;
}

.sublevelChildRed_on
/* sub-level with child on Red */
{
    color: #000;
    background: #FFF url('css-img/navSubChildOnRed.gif') no-repeat left top;
}

.sublevelChildRed_off
/* sub-level with child Red off */
{
    background: url('css-img/navSubChild.gif') no-repeat left top;
}

/* -----------------------------------------------
    NAVIGATION SUB-LEVEL STOP
----------------------------------------------- */