@import url(http://fonts.googleapis.com/css?family=Lato);
@charset "UTF-8";
/* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
    padding: 0;
    border: 0;
    list-style: none;
    font-weight: normal;
    text-decoration: none;
    line-height: 1;
    font-family: 'open sans','Lato', sans-serif;
    font-size: 14px;
    position: relative;
}

    #cssmenu a {
        line-height: 1.3;
        padding: 3px 7px 3px 2px;
    }

#cssmenu {
    width: 175px;
    text-align: left;
}

    #cssmenu > ul > li {
        cursor: pointer;
        /* background: #000; */
        border-bottom: 1px solid #EDEFF4;
    }

        #cssmenu > ul > li:last-child {
            /* border-bottom: 1px solid #3e3d3c; */
        }

        #cssmenu > ul > li > a {
            font-size: 13px;
            display: block;
            color: #666666;
            height: 30px;
            /* text-shadow: 0 1px 1px #000; */
            /*
  background: #64676e;
  background: -moz-linear-gradient(#64676e 0%, #4c4e53 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #64676e), color-stop(100%, #4c4e53));
  background: -webkit-linear-gradient(#64676e 0%, #4c4e53 100%);
  background: linear-gradient(#64676e 0%, #4c4e53 100%);
*/
        }

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

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

            #cssmenu > ul > li.active > a {
                /*
  background: #97c700;
  background: -moz-linear-gradient(#97c700 0%, #709400 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97c700), color-stop(100%, #709400));
  background: -webkit-linear-gradient(#97c700 0%, #709400 100%);
  background: linear-gradient(#97c700 0%, #709400 100%);
  color: #4e5800;
  text-shadow: 0 1px 1px #709400;
*/
                /*
background: none repeat scroll 0 0 #655454;
    border-bottom: 1px solid;
    color: #ffffff;
*/
                /* font-weight: bold; */
                color: #000;
            }

        #cssmenu > ul > li.has-sub > a:after {
            content: "";
            position: absolute;
            top: 14px;
            right: 10px;
            border: 5px solid transparent;
            border-left: 5px solid #666666;
            color: #fff;
        }

        #cssmenu > ul > li.has-sub.active > a:after {
            right: 14px;
            top: 14px;
            border: 5px solid transparent;
            border-top: 4px solid #000;
        }

        #cssmenu > ul > li > a:hover {
            font-weight: bold;
        }
    /* Sub menu */
    #cssmenu ul ul {
        padding: 0;
        display: none;
    }

        #cssmenu ul ul a {
            background: transparent;
            display: block;
            color: #666666;
            font-size: 11px;
            border-bottom: 1px solid #EDEFF4;
        }

            #cssmenu ul ul a:hover {
                font-weight: bold;
                color: #000;
            }

.link-click {
    font-weight: bold !important;
    color: #000;
}

#cssmenu ul ul li {
    border-bottom: 0px solid #c9c9c9;
}

    #cssmenu ul ul li.odd a {
        background: transparent;
    }

    #cssmenu ul ul li:last-child {
        border: none;
    }

img.grayscale {
    /* for Webkit browsere, Chrome 19+, Safari 6+ ... */
    -webkit-filter: grayscale(1);
    /* this is for Firefox 3.5+, Firefox mobile */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'gs\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#gs");
    /* for IE6+ */
    filter: gray;
}

#cssmenu > ul > li a img:hover {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none;
}

#cssmenu > ul > li.active a img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none;
}