ul#css3menu, ul#css3menu ul
{
  margin: 0;
  list-style: none;
}

ul#css3menu
{
  background-color: #000;
  border: solid 0px #000;
  text-transform: uppercase;
}

ul#css3menu .submenu
{
  z-index: 99;
  border: solid 1px #000;
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  float: left;
  background-color: #777;
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0 0px 0px 0px;
  -webkit-border-radius: 0;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  padding: 0px 0px 0px 0px;
  white-space: nowrap;
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.35);
}

ul#css3menu li:hover > *
{
  display: block;
}

ul#css3menu li:hover
{
  position: relative;
}

ul#css3menu ul .submenu
{
  position: absolute;
  left: 100%;
  top: 0;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

ul#css3menu
{
  padding: 1px 0px 1px 0px;
  display: block;
  font-size: 0px;
  float: left;
}

ul#css3menu ul
{
  padding: 0px 0px 0px 0px;
}

ul#css3menu .column
{
  /* float: left; */
  width: 100%;
}

ul#css3menu li
{
  display: block;
  /* white-space: nowrap; */
  font-size: 0px;
  float: left;
}

ul#css3menu > li, ul#css3menu li
{
  margin: 0px 0px 0px 0px;
}

ul#css3menu ul > li
{
  margin: 10px 0 0;
}

ul#css3menu a:active, ul#css3menu a:focus
{
  outline-style: none;
}

ul#css3menu a, ul#css3menu > li > div:first-child /* B */
{
  display: block;
  vertical-align: middle;
  text-align: center; /* A was left */
  text-decoration: none;
  /* font: 11px Arial,Helvetica,sans-serif; */
  font-size: 12px;
  color: #fff;
  cursor: default;
  padding: 8px 10px;
  background-color: #000000;
  background-repeat: repeat;
  border-width: 0px;
  border-style: none;
  border-color: #000;
}

ul#css3menu ul li
{
  float: none;
  margin: 1px 0 0;
}

/* dropdown menu */
ul#css3menu ul a
{
  cursor: pointer;
  text-align: left;
  padding: 10px 10px 10px 10px;
  background-color: #fff;
  border-width: 0px;
  border-style: solid;
  border-color: #3a4e59;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  /* font: 11px Arial,Helvetica,sans-serif; */
  font-size: 12px;
  color: #000;
  text-decoration: none;
}
ul#css3menu ul li:hover > a
{
  background-color: #2a404d;
  border-style: solid;
  border-color: #3a4e59;
  /* font: 11px Arial,Helvetica,sans-serif; */
  font-size: 12px;
  color: #9fd9b9;
  text-decoration: none;
}
ul#css3menu a#menu1 + div a { background-color: #FFF; color: #000; } ul#css3menu a#menu1 + div a:hover, ul#css3menu div#menu1 + div a:hover { background-color: #669933; color: #fff; }
ul#css3menu a#menu2 + div a { background-color: #FFF; color: #000; } ul#css3menu a#menu2 + div a:hover, ul#css3menu div#menu2 + div a:hover { background-color: #ff9414; color: #fff; }
ul#css3menu a#menu3 + div a { background-color: #FFF; color: #000; } ul#css3menu a#menu3 + div a:hover, ul#css3menu div#menu3 + div a:hover { background-color: #ffd25b; color: #000; }
ul#css3menu a#menu4 + div a { background-color: #FFF; color: #000; } ul#css3menu a#menu4 + div a:hover, ul#css3menu div#menu4 + div a:hover { background-color: darkgray; color: #000; }
ul#css3menu a#menu5 + div a { background-color: #FFF; color: #000; } ul#css3menu a#menu5 + div a:hover, ul#css3menu div#menu5 + div a:hover { background-color: #ff9414; color: #000; }
ul#css3menu a#menu6 + div a { background-color: #FFF; color: #000; } ul#css3menu a#menu6 + div a:hover, ul#css3menu div#menu6 + div a:hover { background-color: darkgoldenrod; color: #fff; }
ul#css3menu a#menu7 + div a { background-color: #FFF; color: #000; } ul#css3menu a#menu7 + div a:hover, ul#css3menu div#menu7 + div a:hover { background-color: #f386af; color: #fff; }
ul#css3menu a#menu8 + div a { background-color: #FFF; color: #000; } ul#css3menu a#menu8 + div a:hover, ul#css3menu div#menu8 + div a:hover { background-color: dodgerblue; color: #fff; }
ul#css3menu a#menu9 + div a { background-color: #FFF; color: #000; } ul#css3menu a#menu9 + div a:hover, ul#css3menu div#menu9 + div a:hover { background-color: #ccff99; color: #000; }
ul#css3menu a#menu10 + div a { background-color: #FFF; color: #000; } ul#css3menu a#menu10 + div a:hover, ul#css3menu div#menu10 + div a:hover { background-color: #ffffcc; color: #000; }
ul#css3menu a#menu11 + div a { background-color: #FFF; color: #000; } ul#css3menu a#menu11 + div a:hover, ul#css3menu div#menu11 + div a:hover { background-color: #559000; color: #000; }

/* top menu items */
ul#css3menu li:hover > a
{
  cursor: pointer;
  color: #fff;
  background-color: #ccc;
  border-style: none;
  /* font: 11px Arial,Helvetica,sans-serif; */
  font-size: 12px;
  text-decoration: none;
}

ul#css3menu li:hover > a#menu1:hover { background-color: #669933; color: #fff; } .toproot:hover > #menu1 { background-color: #669933; color: #fff; }
ul#css3menu li:hover > a#menu2:hover { background-color: #ff9414; color: #fff; } .toproot:hover > #menu2 { background-color: #ff9414; color: #fff; }
ul#css3menu li:hover > a#menu3:hover { background-color: #ffd25b; color: #000; } .toproot:hover > #menu3 { background-color: #ffd25b; color: #000; }
ul#css3menu li:hover > a#menu4:hover { background-color: darkgray; color: #000; } .toproot:hover > #menu4 { background-color: darkgray; color: #000; }
ul#css3menu li:hover > a#menu5:hover { background-color: #ff9414; color: #000; } .toproot:hover > #menu5 { background-color: #ff9414; color: #000; }
ul#css3menu li:hover > a#menu6:hover { background-color: darkgoldenrod; color: #fff; } .toproot:hover > #menu6 { background-color: darkgoldenrod; color: #fff; }
ul#css3menu li:hover > a#menu7:hover { background-color: #f386af; color: #fff; } .toproot:hover > #menu7 { background-color: #f386af; color: #fff; }
ul#css3menu li:hover > a#menu8:hover { background-color: dodgerblue; color: #fff; } .toproot:hover > #menu8 { background-color: dodgerblue; color: #fff; }
ul#css3menu li:hover > a#menu9:hover { background-color: #ccff99; color: #000; } .toproot:hover > #menu9 { background-color: #ccff99; color: #000; }
ul#css3menu li:hover > a#menu10:hover { background-color: #ffffcc; color: #000; } .toproot:hover > #menu10 { background-color: #ffffcc; color: #000; }
ul#css3menu li:hover > a#menu11:hover { background-color: #559000; color: #000; } .toproot:hover > #menu11 { background-color: #559000; color: #000; }
ul#css3menu li:hover > a img.def
{
  display: none;
}
ul#css3menu li:hover > a img.over
{
  display: inline;
}

ul#css3menu li:hover > a:hover
{ 
  height: 100%;
}
.toproot:hover > a, .toproot:hover > div:first-child /* B */
{ 
  height: 100%;
}

ul#css3menu img
{
  border: none;
  vertical-align: middle;
  margin-right: 8px;
}

ul#css3menu img.over
{
  display: none;
}

ul#css3menu span
{
  display: block;
  overflow: visible;
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 0px;
}

ul#css3menu ul span
{
  background-image: url("arrowsub.png");
  padding-right: 24px;
}

ul#css3menu.topmenu
{
  width: 100%;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;

  display: inline-flex; /* A */
}

ul#css3menu li.topmenu > a
{
  line-height: 26px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

ul#css3menu li.topmenu:hover > a
{
  line-height: 26px;
}

ul#css3menu li.toproot > a
{
  line-height: 20px;
  border-radius: 0px 0px 0 0;
  -moz-border-radius: 0px 0px 0 0;
  -webkit-border-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
}