#menuContainer
{
    position:relative;
    margin: 0 auto;
    width:920px;
    padding-top:10px;
    z-index:100;
}

    #menuContainer #menuHeader
    {
        position:relative;
        width:285px;
        height:32px;
        background-color:rgb(0,135,160);
        cursor:pointer;
        background-image:url('/gfx/menuButton.png');
    }

    #menuContainer #menuItems
    {
        position:absolute;
        top:42px;
        left:0px;

        width:285px;
        box-sizing:border-box;
        padding:2px 2px 0px 2px;
        background-color:rgb(255,255,255);
        visibility:hidden;
        height:0px;
        text-decoration:none;
    }

        #menuContainer #menuItems a, #menuContainer #menuItems a:visited
        {
            text-decoration: none;
        }

        #menuContainer #menuItems .item
        {
            position:relative;
            height:34px;
            box-sizing:border-box;
            padding:3px 3px 3px 10px;
            width:100%;
            border-bottom-style:solid;
            border-bottom-width:2px;
            border-bottom-color:rgb(255,255,255);
            cursor:pointer;
            color:rgb(0,0,0);
            font-weight:bold;
            font-size:17px;
        }

            #menuContainer #menuItems .item:hover
            {
                text-decoration:underline;
            }

@media (min-width:1215px)
{
    #menuContainer
    {
        position:absolute;
        padding-top:0px;
        margin:0;
        top: 37px;
        left: -6px;
        width: 285px;
    }

    #menuContainer #menuItems
    {
        position:relative;
        top:auto;
        left:auto;
    }
}

#mainPageMenu
{
    display: none;
}

@media (min-width:1215px)
{
    #mainPageMenu
    {
        position: absolute;
        top: 84px;
        height: calc(100% - 84px);
        width: 40px;
        z-index: 99;
        cursor: pointer;
        display: block;
    }

        #mainPageMenu #mainPageMenuComplement
        {
            position: absolute;
            left: 0px;
            top: 453px;
            width: 48px;
            height: 100%;
            background-image: url('/gfx/mainPageV.png');
            background-repeat: repeat-y;
        }

        #mainPageMenu #menuText
        {
            position: absolute;
            left: 40px;
            top: 501px;
            width: 100px;
            font-size: 17px;
        }

            #mainPageMenu #menuText span
            {
                transform: rotate(90deg) translateX(1px);
                -moz-transform: rotate(90deg) translateX(1px);
            }
}

#subMenuContainer
{
    position:relative;
    padding-top:10px;
    padding-bottom:10px;
    width:920px;
    margin: 0 auto;
    box-sizing:border-box;
    padding-left:10px;
    color:rgb(0,0,0);
    font-weight:bold;
    z-index:99;
    text-decoration:none;
}

    #subMenuContainer .subMenuHeader
    {
        font-size:20px;
        margin-bottom:1px;
        text-decoration:none;
    }

    #subMenuContainer .subMenuHeader:hover
    {
        text-decoration:underline;
    }

    #subMenuContainer #subMenuItems
    {
        font-size:16.5px;
        line-height:25px;
    }

    #subMenuContainer .secondLevelItems
    {
        font-weight:normal;
    }

    #subMenuContainer a, #subMenuContainer a:visited, #subMenuContainer #subMenuItems a, #subMenuContainer #subMenuItems a:visited
    {
        text-decoration:none;
    }

        #subMenuContainer #subMenuItems a
        {
            color:rgb(0,0,0);
        }

        #subMenuContainer #subMenuItems span
        {
            position:relative;
        }

        #subMenuContainer #subMenuItems .subItem
        {
            position:relative;
            /*float:left;*/
            margin-right:20px;
        }

        #subMenuContainer #subMenuItems span:hover
        {
            text-decoration:underline;
        }

        #subMenuContainer #subMenuItems span.visited
        {
            color:rgb(0,135,160);
        }

        #subMenuContainer #subMenuItems .section
        {
            font-size:15.4px;
            font-weight:normal;
            cursor:pointer;
        }

@media (min-width:1215px)
{
    #subMenuContainer
    {
        position: absolute;
        top: 80px;
        left: 0px;
        margin: 0;
        width:100%;
        padding-top:0px;
        padding-bottom:0px;
    }

        #subMenuContainer #subMenuItems .subItem
        {
            position: relative;
            float: none;
            margin-right:0px;
        }
}