@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
@import url(https://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;
  line-height: 24px;
  font-family: Arial;
  font-size: 1em;
  position: relative;
  color: #545454;
}
#cssmenu {text-align: left;}
#cssmenu a:hover {color: #487842; text-decoration: none;}
#cssmenu > ul > li:first-child {
}
#cssmenu > ul > li:first-child > a {border: none; padding: 12px 10px; font-size: 14px;}
#cssmenu > ul > li:first-child > a > span {
  padding: 0;
}
#cssmenu > ul > li:first-child:hover {
}#cssmenu > ul > li:first-child > a.icon {position: absolute; display: block;
    width: 24px;
    top: 2px;
    right: 10px; border: none;}

#cssmenu > ul > li {
}
#cssmenu > ul > li:hover {
}
#cssmenu > ul > li > a.icon {position: absolute; display: block; width: 24px; top: 14px; right: 0px; border: none;}
#cssmenu > ul > li > a.icon:hover .fa-chevron-circle-right:before {content: '\f13a';}
#cssmenu > ul > li > a {font-size: 14px; font-weight: bold; display: block; padding-right: 20px; color: #4c4c4c; border-top: 1px solid #dddddd;}
#cssmenu > ul > li > a > span {display: block; padding: 12px 10px;}
#cssmenu > ul > li > a:hover {text-decoration: none; color: #487842;}
#cssmenu > ul > li.active {
  border-bottom: none;
}

#cssmenu ul ul {
  display: none;
}
#cssmenu ul ul li {
  padding: 0;
  border-top: 1px solid #dddddd;
}
#cssmenu ul ul li:last-child {
  border-bottom: none;
}
#cssmenu ul ul a {
  padding: 10px 10px 10px 25px;
  display: block;
  color: #4c4c4c;
  font-size: 14px;
}
#cssmenu ul ul a:before {
  content: '\00BB';
  position: absolute;
  left: 10px;
  color: #4c4c4c;
}
#cssmenu ul ul a:hover,
#cssmenu ul ul a:hover:before  {
  color: #487842;
}

#cssmenu > ul > li.selected {
  color: #487842!important;
}

#cssmenu > ul > li.selected>a {
  color: #487842!important;
}
#cssmenu > ul > li.selected>a.icon .fa-chevron-circle-right:before {content: '\f13a';}
#cssmenu ul ul li.selected>a {
  color: #487842!important;
}
#cssmenu ul ul li.selected>a:before {
  color: #487842;
}