

/*Adapted from http://cssmenumaker.com/menu/modern-jquery-accordion-menu
*/

@charset "UTF-8";
/* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a,
#cssmenu h7 {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-size: 14px;
  position: relative;
}
#cssmenu {
}
#cssmenu a,
#cssmenu h7 {
  line-height: 1.3;
}
#cssmenu > ul > li:first-child {
	margin-bottom: 1em;
}
#cssmenu > ul > li:first-child > a {
  border: none;
  font-family: 'Ubuntu', "Lucida Grande", "Helvetica Neue", Roboto, "Segoe UI", Calibri, Arial, sans-serif;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  text-shadow: 0 1px 1px #000000;
  margin-top: -0.65em; /* Pull up by padding-top so that the distance of the text
      to #search-box is just #search-box's margin-bottom, but the link is still
      clickable above. */
}
#cssmenu > ul > li:first-child > a > span {
  padding: 0;
}
#cssmenu > ul > li:first-child:hover {
  background: transparent;
}
#cssmenu > ul > li {
}
#cssmenu > ul > li:hover {
  
  background: #444;
  background: -moz-linear-gradient(#444 0%, #444 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444), color-stop(100%, #444));
  background: -webkit-linear-gradient(#444 0%, #444 100%);
  background: linear-gradient(#444 0%, #444 100%);
}
#cssmenu > ul > li > a {
  font-size: 14px;
  display: block;
  color: #ffffff;
  text-shadow: 0 1px 1px #444;
  -moz-transition: background 0.4s;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
  padding: 0.65em 1em;
}
#cssmenu > ul > li > a > span {
  display: block;
}
#cssmenu > ul > li.active:not(.has-sub):not(:first-child) > a {
  background-color: #444;
}
#cssmenu > ul > li.active.has-sub > a {
  background-color: #AF2323;
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
}
#cssmenu > ul > li.has-sub > a span {
  background: url(../images/icon_plus.svg) 96% center no-repeat;
}
#cssmenu > ul > li.has-sub.active > a span {
  background: url(../images/icon_minus.svg) 96% center no-repeat;
}
/* Sub menu */
#cssmenu ul ul {
  background: #fff;
  border-right: 1px solid #a2a194;
  border-left: 1px solid #a2a194;
}
body.have-javascript #cssmenu ul ul {
  display: none;
}
body.have-javascript #cssmenu ul ul ul {
  display: block;
}
#cssmenu ul ul li {
  padding: 0;
  
  background: #f7f7f7;
  background: -moz-linear-gradient(#f7f7f7 0%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ececec));
  background: -webkit-linear-gradient(#f7f7f7 0%, #ececec 100%);
  background: linear-gradient(#f7f7f7 0%, #ececec 100%);
}
#cssmenu ul ul > li.active {
  background: #d7b7b7;
}
#cssmenu ul ul a,
#cssmenu ul ul h7 {
  padding: 10px 10px 10px 25px;
  display: block;
  color: #666;
  font-size: 12px;
  font-weight: normal;
  padding-top: 4px;
  padding-bottom: 4px;
  word-wrap: break-word;
  border-bottom: 1px solid #d4d4d4;
}
#cssmenu ul ul h7 {
  color: #666;
}
#cssmenu ul ul a:before,
#cssmenu ul ul h7:before {
  content: "»";
  position: absolute;
  left: 10px;
  color: #AF2323;
}
#cssmenu ul ul ul {
  border: 0;
}
#cssmenu ul ul li.active > a:after {
  content: "►";
  position: absolute;
  right: 10px;
  color: #AF2323;
}
#cssmenu ul ul a:hover {
  color: #AF2323;
}

#cssmenu ul ul ul a,
#cssmenu ul ul ul h7 {
  padding-left: 40px;
}
#cssmenu ul ul ul a:before,
#cssmenu ul ul ul h7:before {
  left: 25px;
}

#cssmenu ul ul ul ul a,
#cssmenu ul ul ul ul h7 {
  padding-left: 55px;
}
#cssmenu ul ul ul ul a:before,
#cssmenu ul ul ul ul h7:before {
  left: 40px;
}

#cssmenu ul ul ul ul ul a,
#cssmenu ul ul ul ul ul h7 {
  padding-left: 70px;
}
#cssmenu ul ul ul ul ul a:before,
#cssmenu ul ul ul ul ul h7:before {
  left: 55px;
}


