#cssmenu {

  font-family: Arial, Verdana, Sans-Serif;

  font-size: 1.15em;

  line-height: 15px;

  text-transform: uppercase;

  text-align: left;

}

#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;

}

#cssmenu > ul li.right {

  float: right;

}

/*SUB MENU IF NEEDED

#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 {

  display: block;

  padding: 18px 15px 11px 15px;

  text-decoration: none;

  color: white;

}

#cssmenu > ul li .current {

  color: #fff;

  background-color:#0078c1;

  padding:18px 15px;

}

#cssmenu > ul li a:hover {

  color: #66aeda;

}

@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: #f0f0f0;

    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: #f0f0f0;

    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 a {

  text-decoration: none;

  color: #0078c1;

}

#cssmenu > ul li .current {

  color: #000;

  background-color:#f0f0f0;

}

#cssmenu > ul li .last {

  border-bottom:5px solid #000;

}

}









/* 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;

  }

}