@charset "UTF-8";
/* Global */
#cssmenu { /* Whole panel */
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 1;
  width: 180px;
  background: #0099FF;
  zoom: 1;
  font-size: 14px;
  text-shadow: 0 -1px 1px #002233;  
}
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul ul { /* Disable default list formatting */
  list-style: none;
  margin: 0;
  padding: 0;
}
/* First tier and below */
#cssmenu:before {
  content: '';
  display: block;
}
#cssmenu:after {
  content: '';
  display: table;
  clear: both;
}
#cssmenu a { /* Links - general */
  display: block;
  padding: 15px 20px;
  color: #ffffff;
  text-decoration: none; /* Blocks underlines */
}
#cssmenu li { /* This would be list items -outside- of a list, which is odd, and possibly not needed? */
  position: relative;
}
#cssmenu ul {
  position: relative;
  z-index: 597;
  float: left;
  width:165px;
}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  line-height: 1em;
  vertical-align: middle;
  position: relative;
  float: none;
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenu ul li:hover > ul { /* Hovering over ul li (tier 1 list item) makes the next child menu visible) */
  visibility: visible;
}
/* First-Tier Specific */
#cssmenu > ul {
  width: 180px;
}
#cssmenu > ul > li > a {
  border-right: 4px solid #1b9bff;
  color: #ffffff;
}
#cssmenu > ul > li > a:hover {
  color: #ffffff;
}
#cssmenu > ul > li.active a {
  background: #1b9bff;
}
#cssmenu > ul > li a:hover,
#cssmenu > ul > li:hover a {
  background: #1b9bff;
}
#cssmenu ul li.has-sub > a:after { /* Formatting for after the <a> item within menu items which contain a sub-menu,  */
  content: '>';
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -6px;
}
/* Second tier */
#cssmenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 598;
  width: 100%;
  top: 1px;
  left: 99%;
  margin-top: 1px;
  width: 180px;
  background: #0099FF;
  border-radius: 0 3px 3px 0;
  border: 1px solid #0082e7;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
}
#cssmenu ul ul li {
  float: none;
  font-weight: normal;
  border-bottom: 1px solid #0082e7;
}
#cssmenu ul ul li.first {
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}
#cssmenu ul ul li.last {
  -webkit-border-radius: 0 0 3px 0;
  -moz-border-radius: 0 0 3px 0;
  border-radius: 0 0 3px 0;
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a {
  background: #4eb1ff;
  color: #ffffff;
}
#cssmenu ul ul a {
  color: #ffffff;
}
#cssmenu ul ul a:hover {
  color: #ffffff;
}

/* Top menu header */
/* CURRENTLY NOT WORKING AS INTENDED
#cssmenu > ul > li:first-child {

background:#0F0;

  background: #66665e;
  background: -moz-linear-gradient(#66665e 0%, #45463d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d));
  background: -webkit-linear-gradient(#66665e 0%, #45463d 100%);
  background: linear-gradient(#66665e 0%, #45463d 100%);
  border: 1px solid #45463d;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

#cssmenu ul > li:first-child > a {
  padding: 10px 5px;
  background: url(images/pattern.png) top left repeat;
  border: none;
  border-top: 1px solid #818176;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  text-align: center;
  font-size: 16px;
  text-shadow: 0 -1px 1px #000000;
}
#cssmenu ul > li:first-child > a:after { /* Formatting for after the <a> item within menu items which contain a sub-menu,  */ 
 /* content: '<';
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -6px;
}
#cssmenu ul > li:first-child > a > span {
  padding: 0;
}*/