@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@charset "UTF-8";
/* Base Styles */
#cssmenu {
   width:600px;
 }
#cssmenu ul,
#cssmenu li,
#cssmenu a {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	text-decoration: none;
	line-height: 1;
	font-family: 'VERDANA',;
	font-size: 14px;
	position: relative;
	}
	
#cssmenu a {
	line-height: 1.3;
	}
	

 #cssmenu ul {list-style:none;}
 
#cssmenu > ul > li {
  margin: 0 0 2px 0;
}
#cssmenu > ul > li:last-child {
  margin: 0;
}
#cssmenu > ul > li > a {
  font-size: 15px;
  display: block;
  color: #ffffff;
  background: rgba(204, 0, 0, 0.6)255, 0, 0, 1);
 border-bottom: 1px solid #fff;
  }
#cssmenu > ul > li > a > span {
  display: block;
 padding: 4px 6px;
  font-weight: bold;
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
  background: rgba(255, 0, 0, 1);

}
#cssmenu > ul > li.active {
  
}
#cssmenu > ul > li.active > a {
  background: #ffffff;
   color: #ff0000;
  }
#cssmenu > ul > li.active > a span {
padding-left:10px;
}
#cssmenu > ul > li.has-sub > a span {
  background: url(../img/nav/down.png) 85% center no-repeat;
}
#cssmenu > ul > li.has-sub.active > a span {
  background: url(../img/nav/up.png) 85% center no-repeat;
}
/* Sub menu */
#cssmenu ul ul {
 padding: 4px 6px;
  display: none;
}


#cssmenu ul ul a {
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  background:#ff0000;
  padding:4px 10px;
  
}

 #cssmenu ul ul a::before {
     content: "\1f80a";	
	 font-size: 16px;
  font-weight: bold;
  padding-right:4px;
  }


#cssmenu ul ul a:hover {
  color: #ff0000;
  background:#fff;

}
.rb-side-nav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    
}

.has-sub li{
list-style-image: url(../img/nav/list-right-two.png);
}