@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);

#cssmenu {
    width: 270px;
}

    #cssmenu li {
    }

    #cssmenu ul {
        margin: 0px;
        margin-top: 4px;
        padding: 0;
        border: 0;
        list-style: none;
        position: relative;
    }

    #cssmenu a {
        font-weight: normal;
        text-decoration: none;
        line-height: 1;
        font-family: arial, Helvetica, sans-serif;
        font-size: 14px;
    }

    #cssmenu li li {
        margin-top: 0px;
        height: 30px;
    }

    #cssmenu a {
        line-height: 1.3;
    }



    #cssmenu > ul > li > a {
        margin-top: 5px;
        padding-top: 0px;
        padding-right: 40px;
        font-size: 25px;
        font-weight: normal;
        display: block;
        /*background: #ff0000;*/
        color: #ffffff;
        border-bottom: 0px solid #000000;
        text-transform: uppercase;
        text-align: left;
        background-color: #5E5E5E;
        /* These three lines are for transparency in all browsers. */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40);
        opacity: .4;
        position: relative;
        top: 50%;
    }

        #cssmenu > ul > li > a > span {
            /*background: #36171e;*/
            padding: 10px;
            display: block;
            font-size: 13px;
            font-weight: 500;
            height: 30px;
            position: relative;
            top: 50%;
        }

        /*#cssmenu > ul > ul > li:hover {
        background-color: #ff0000;
    }*/

        #cssmenu > ul > li > a:hover {
            text-decoration: none;
        }

    #cssmenu > ul > li.active {
        border-bottom: none;
    }

        #cssmenu > ul > li.active > a {
            color: #fff;
        }

            #cssmenu > ul > li.active > a span {
                /*background: #12080a;*/
            }



    /* Sub menu */
    #cssmenu ul ul {
        display: none;
    }

        #cssmenu ul ul li {
            width: 250px;
            margin-left: 20px;
            border: 0px solid #e0e0e0;
            border-top: 0;
            margin-top: 0px;
            margin-bottom: 4px;
        }

        #cssmenu ul ul a {
            padding: 0px;
            padding-left: 8px;
            padding-top: 6px;
            display: block;
            color: #fff;
            font-size: 13px;
            font-weight: 500;
            text-align: left;
        }

        #cssmenu ul ul li:hover {
            background-color: #5E5E5E;
            /* These three lines are for transparency in all browsers. */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
            filter: alpha(opacity=40);
            opacity: .4;
        }

    #cssmenu ul a:hover {
        color: #cfcccc;
        background-color: #464646;
    }

    #cssmenu ul li ul li:hover {
        color: #cfcccc;
        background-color: #464646;
    }



    #cssmenu ul ul li {
        background-color: #5E5E5E;
        /* These three lines are for transparency in all browsers. */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40);
        opacity: .4;
    }

        #cssmenu ul ul li:hover {
            background-color: #5E5E5E;
        }