#cssmenu {
 /* font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  font-family:Arial;*/
  
  font-family: 'Open Sans', sans-serif;
  font-size:13px;
  line-height: 15px;
  text-transform: uppercase;
  text-align: left;
  border-top:solid 1px #B4B4B3;
  border-bottom:solid 1px #B4B4B3;
  
}
#cssmenu > ul {
  width: auto;
  list-style-type: none;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  /*background:#C77705;*/
 /* border: 1px solid #ece6e8;
  border-bottom: 1px solid white;*/
 /* -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;*/
 
   background: -moz-linear-gradient(top, #FCB827 0%, #F7AC0C 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FCB827), color-stop(100%, #F7AC0C));
    background: -webkit-linear-gradient(top, #FCB827 0%, #F7AC0C 100%);
    background: -o-linear-gradient(top, #FCB827 0%, #F7AC0C 100%);
    background: -ms-linear-gradient(top, #FCB827 0%, #F7AC0C 100%);
  
      
   
}

#cssmenu > ul li#responsive-tab {
  display: none;
  /* Hide for large screens */

}
#cssmenu > ul li {
  display: inline-block;
  
  *display: inline;
  zoom: 1;
 
  /* border-right:dotted 1px #E5B625;*/
}
#cssmenu > ul li.right {
  float:left;
}
#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: 210px;
  position: absolute;
  margin: 0;
  margin-top:3px;
  padding: 0;
  list-style-type: none;

    
     background: -moz-linear-gradient(top, #FCB827 0%, #F7AC0C 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FCB827), color-stop(100%, #F7AC0C));
    background: -webkit-linear-gradient(top, #FCB827 0%, #F7AC0C 100%);
    background: -o-linear-gradient(top, #FCB827 0%, #F7AC0C 100%);
    background: -ms-linear-gradient(top, #FCB827 0%, #F7AC0C 100%);
 /* 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:#F7F7F7;*/
 background-position: 90% 195%;
 background-color:#CC0505;
    /*background: -moz-linear-gradient(top, #CC9B05 0%, #E8B004 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CC9B05), color-stop(100%, #E8B004));
    background: -webkit-linear-gradient(top, #CC9B05 0%, #E8B004 100%);
    background: -o-linear-gradient(top, #CC9B05 0%, #E8B004 100%);
    background: -ms-linear-gradient(top, #CC9B05 0%, #E8B004 100%);*/
}
#cssmenu > ul li a {
  display: block;
  padding: 12px 35px 12px 35px;
  text-decoration: none;
  color:#610C01;
 border-right:dotted 1px white;
  font-weight:bold;
 
}
#cssmenu > ul li a.active,
#cssmenu > ul li a:hover {
 
    color:white;
     background-color:#CC0505;
   /* background: -moz-linear-gradient(top, #CC9B05 0%, #E8B004 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CC9B05), color-stop(100%, #E8B004));
    background: -webkit-linear-gradient(top, #CC9B05 0%, #E8B004 100%);
    background: -o-linear-gradient(top, #CC9B05 0%, #E8B004 100%);
    background: -ms-linear-gradient(top, #CC9B05 0%, #E8B004 100%);*/
}
@media (max-width: 600px) {
  #cssmenu > ul {
    width: 100%;
  }
  #cssmenu > ul li#responsive-tab {
    display: block;
  }
  #cssmenu > ul li#responsive-tab a {
    /*background: url('images/menu.png') no-repeat;*/
    background-position: 95% -35%;
  }
  #cssmenu > ul li#responsive-tab a:hover {
    background-color:green;
    background-position: 95% 135%;
  }
  #cssmenu > ul li {
    display: none;
  }
  #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:green;
    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:15px;*/
  }
  #cssmenu > ul li.has-sub > a {
    background-image: none;
  }
}
/* Make sure they show even if hidden in mobile view by JS */
@media (min-width: 600px) {
  #cssmenu > ul > li.collapsed {
    display: inline-block !important;
    *display: inline;
    zoom: 1;
  }
  #cssmenu > ul ul li.collapsed {
    display: block !important;
  }
}