#site-menu {
  background: rgb(240,240,240); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkYzRUQ1MTgxRjlBMTFFM0FGQjJCNDdCQ0I4MkE3RDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkYzRUQ1MTkxRjlBMTFFM0FGQjJCNDdCQ0I4MkE3RDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRjNFRDUxNjFGOUExMUUzQUZCMkI0N0JDQjgyQTdENSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRjNFRDUxNzFGOUExMUUzQUZCMkI0N0JDQjgyQTdENSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvRiGgkAAAAkSURBVHjaYvj//z8DCKuqqqaBaEYQgQyY1NTU0pAFMFQABBgAKcEQowsz06AAAAAASUVORK5CYII=');
 background: -moz-linear-gradient(top,  rgba(240,240,240,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(240,240,240,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
  
  border-radius: 0px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.20);
font-family: "Fjalla One";


}

/* Level 1+ */
#site-menu ul {
  position: relative;
  display: inline-table;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#site-menu ul:after {
  clear: both;
  display: block;
  content: "";
}
#site-menu ul li {
  display: inline-block;
  margin: 0px;
}
#site-menu ul li:hover {
  background: rgba(255,255,255,0.3);
}
#site-menu ul li a {
  display: block;
  padding: 10px 10px;
  color: inherit;
  text-decoration: none;
}

/* Edge separator */
#site-menu ul li a {
  border-left: 1px rgba(255,255,255,0.25) solid;
  border-right: 1px rgba(0,0,0,0.05) solid;
}
#site-menu ul li:first-child a {
  border-left: none;
}
#site-menu ul li:last-child {
  border-right: 1px rgba(255,255,255,0.25) solid;
}

/* Level 2+ */
#site-menu ul ul {
  position: absolute;
  
  padding: 0px;
  
  background: rgba(245,245,245,0.95);

  -webkit-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
  
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0, 0.3);
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0, 0.3);
	box-shadow: 0px 1px 1px rgba(0,0,0, 0.3);
  
  z-index: 999;
}
#site-menu ul ul li {
  position: relative;
  border-right: none !important;
  display: block;
}
#site-menu ul ul li a {
  border: none;
  width: 200px;
}

/* Edge separator */
#site-menu ul ul li a {
  border-top: 1px rgba(255,255,255,0.25) solid;
  border-bottom: 1px rgba(0,0,0,0.05) solid;
}
#site-menu ul ul li:first-child a {
  border-top: none;
}
#site-menu ul ul li:last-child a {
  border-bottom: none;
}

/* Drop shadow */
#site-menu ul ul li:first-child {
  -webkit-box-shadow: inset 0px 4px 2px -3px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 4px 2px -3px rgba(0, 0, 0, 0.25);
}

/* Level 3+ */
#site-menu ul ul ul {
  position: absolute;
  left: 100%;
  top:0;
}

/* Show/Hide Dynamics */
#site-menu ul ul {
  display: none;
}
#site-menu ul li:hover > ul {
  display: inline-block;
  max-width: 800px;
}