/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);*/
#cssmenu {
font-family: Lato, sans-serif;
  font-size: 10px;
  line-height: 15px;
  text-transform: uppercase;
  text-align: left; position:relative; z-index:999; float:right;
}
#cssmenu > ul {
  width: auto;
  list-style-type: none;
  padding: 0;
  margin: 0;
  
}
#cssmenu > ul li#responsive-tab {
  display: none;
  /* Hide for large screens */

}
#cssmenu > ul li {
  display: inline-block;
  *display: inline;
  zoom: 1; margin:0;
}
#cssmenu > ul li.right {
  float: right;
}
#cssmenu > ul li.has-sub {
  position: relative;
}
#cssmenu > ul li.has-sub:hover ul {
  display: block;
}
#cssmenu > ul li.has-sub ul {
  display: none;
  width: 250px;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #ffffff;
  border: 1px solid #ece6e8;
  border-bottom: 3px solid #d9ced2;
  border-top: 0 none;
}
#cssmenu > ul li.has-sub ul li {
  display: block;
}
/*#cssmenu > ul li.has-sub > a {
  background-image: url('images/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#cssmenu > ul li.has-sub > a.active,
#cssmenu > ul li.has-sub > a:hover {
  background: #d80041 url('images/caret.png') no-repeat;
  background-position: 90% 195%;
}*/
#cssmenu > ul li a {
 color: #333334;
	display: block;
	
	font-size: 14px;
	line-height:108px;
	padding: 0px 20px;
	text-transform:none;
	font-weight:bold;
	position:relative;
	transition:all 300ms linear;
	border-bottom:3px solid #dddddd;
	
}
#cssmenu > ul li a.active,
#cssmenu > ul li a:hover {
 background: #ededed;
transition: all 300ms linear;
padding: 0px 20px;
margin: 0px 0 0 0;
border-bottom: 3px solid #88c354;
}
@media (max-width: 767px) {
#cssmenu { float:left; margin:14px 0 20px 0; float:right; width:100%;}
  #cssmenu > ul {
    width: 85%; float:right;/* background:#88c354;*/
  }
  #cssmenu > ul li#responsive-tab {
    display: block; /*background:#f1f1f1;*/ background:none;
  }
  #cssmenu > ul li#responsive-tab a {
    /*background: url("../images/menu.png") no-repeat;
    background-position: 95% -77%;*/ padding:15px 15px; line-height:normal; color:#333333; /*border-bottom:1px solid #e3e3e3;*/ background:none; border:none;
  }
  #cssmenu > ul li#responsive-tab a:hover {
    /*background-color: #e6e6e6;
    background-position: 95% 162%;*/ background:none;
  }
  #cssmenu > ul li {
    display: none; background:#88c354;
  }

  #cssmenu > ul li a{ line-height:44px; border-bottom:1px solid #9bcf6e; color:#fff;}
   #cssmenu > ul li a:hover{ background:#0099cd;border-bottom:1px solid #9bcf6e;}
  #cssmenu > ul li.right {
    float: none;
  }
  #cssmenu > ul li.has-sub {
    position: relative;
  }
  #cssmenu > ul li.has-sub ul {
    display: block;
    position: static;
    width: 100%;
    background: #ffffff;
    border: 0 none;
  }
  #cssmenu > ul li.has-sub ul li {
    display: block !important;
  }
  #cssmenu > ul li.has-sub ul li a span {
    display: block;
    padding-left: 24px;
  }
  #cssmenu > ul li.has-sub > a {
    background-image: none;
  }
  #cssmenu > ul li{ background:none; border:none;}
    #cssmenu > ul li a{ background:#88c354; border-bottom:1px solid #9ed46e;}
	 #cssmenu > ul li a:hover{ background:#0099cd; border-bottom:1px solid #47b3d8;}
}
/* Make sure they show even if hidden in mobile view by JS */
@media (min-width: 767px) {
  #cssmenu > ul > li.collapsed {
    display: inline-block !important;
    *display: inline;
    zoom: 1;
  }
  #cssmenu > ul ul li.collapsed {
    display: block !important;
  }

}
@media only screen and (min-width:768px) and (max-width:989px){
#cssmenu > ul li a{ padding:0px 5px; font-size:13px;}
#cssmenu > ul li a.active,
#cssmenu > ul li a:hover {padding:0px 5px;}
}