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

/* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-weight: normal;
    text-decoration: none;
    position: relative;
}

#cssmenu {
    width: 250px;
    margin-top: 40px;
    margin-bottom: 30px;
    min-height: 300px;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    #cssmenu a {
        line-height: 1.3;
    }




    #cssmenu > ul > li {
        background: url("../images/accordion_bg.png") no-repeat;
        overflow: hidden;
    }

        #cssmenu > ul > li > a {
            color: #d7eaff;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
        }

            #cssmenu > ul > li > a > span {
                display: block;
                padding: 15px 10px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                overflow: hidden;
                border-left: 1px solid #044894;
                border-bottom: 1px solid #044894;
            }

            #cssmenu > ul > li:first-child > a > span {
                display: block;
                padding: 15px 10px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                overflow: hidden;
                border:none;
            }

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

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

        #cssmenu > ul > li.has-sub > a span {
            background: url("../images/acordion_Arrow.png") 96% center no-repeat;
        }

        #cssmenu > ul > li.has-sub.active > a span {
            background: url("../images/down_arrow.png") 96% center no-repeat;
        }

    #cssmenu ul ul {
        display: none;
        background: #fff;
    }

        #cssmenu ul ul li {
            padding: 0;
            border-bottom: 1px solid #d4d4d4;
            border-top: none;
            background: #f7f7f7;
            background: -moz-linear-gradient(#f7f7f7 0%, #ececec 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ececec));
            background: -webkit-linear-gradient(#f7f7f7 0%, #ececec 100%);
            background: linear-gradient(#f7f7f7 0%, #ececec 100%);
            margin-left: 20px;
            border-left: 1px solid #d4d4d4;
            border-right: 1px solid #d4d4d4;
        }



        #cssmenu ul ul a {
            padding: 10px 10px 10px 25px;
            display: block;
            color: #454545;
            font-size: 13px;
            font-family: 'Open Sans', sans-serif;
        }

            #cssmenu ul ul a:before {
            }

            #cssmenu ul ul a:hover {
                color: #003877;
                background: url("../images/accordion_arrow.png") 96% center no-repeat;
            }