#submenu {
  width: 100%;
  overflow: hidden;
  margin: 1em 0 1em 0;
  list-style-type: none;
  border-top: 1px #ddd solid;
}

#submenu ul { list-style-type: none; margin:0; padding: 0; }
#submenu li { float:left; width: 100%; margin:0; padding: 0 }

#submenu a,
#submenu strong {
  display:block;
  width: 90%;
  padding: 1px 0px 1px 10%;
  text-decoration: none;
  background-color:#fff;
  color: #272E1C;
  border-bottom: 1px #eee solid;
}

/* Just in case the skiplink anchor gets into THIS menu, because the tab-navigation was turned off */
/* PLEASE LEAVE THE FOLLING SETTING IN PLACE */
#submenu a#navigation {border-bottom:0; padding:0;}

/* Menu Title */
#submenu li#title {
  width: 90%;
  padding: 1px 0px 1px 10%;
  font-weight: bold;
  color: #272E1C;
  background-color: #fff;
  border-bottom: 4px #8C8F4E solid;
}

#submenu li span {
  display:block;
  width: 90%;
  padding: 1px 0px 1px 10%;
  font-weight: bold;
  border-bottom: 1px #BFBD80 solid;
}

#submenu li span.accessKey {
  display:inline;
  width:auto;
  padding:0;
  border:0 none;
  font-weight:normal;
  text-decoration:underline;
}
#submenu li span.showAccessKey {
  display:inline;
  width:auto;
  padding:0;
  border:0 none;
  font-weight:normal;
  font-style:italic;
  font-size:75%;
}

/* Level 1 */
#submenu li#active,
#submenu li strong {
  width: 90%;
  padding: 1px 0px 1px 10%;
  font-weight: bold;
  color: #fff;
  background-color:#272E1C;
  border-bottom: 1px #eee solid;
}

#submenu li a { width: 90%; padding-left: 10%; background-color:#E2E2C5; color: #272E1C; }
#submenu li a:focus,
#submenu li a:hover,
#submenu li a:active { background-color:#EF2B15; color: #fff; }

/* Level 2 */
#submenu li ul li a,
#submenu li ul li#active,
#submenu li ul li strong,
#submenu li ul li span { width: 85%; padding-left: 15%; }

#submenu li ul li a { background-color:#DCDCBA; color: #272E1C; }
#submenu li ul li a:focus,
#submenu li ul li a:hover,
#submenu li ul li a:active { background-color:#EF2B15; color: #fff; }

/* Level 3 */
#submenu li ul li ul li a,
#submenu li ul li ul li#active,
#submenu li ul li ul li strong,
#submenu li ul li ul li span { width: 80%; padding-left: 20%; }

#submenu li ul li ul li a { background-color:#D6D6AE; color: #272E1C; }
#submenu li ul li ul li a:focus,
#submenu li ul li ul li a:hover,
#submenu li ul li ul li a:active { background-color:#EF2B15; color: #fff; }

/* Level 4 */
#submenu li ul li ul li ul li a,
#submenu li ul li ul li ul li#active,
#submenu li ul li ul li ul li strong,
#submenu li ul li ul li ul li span { width: 75%; padding-left: 25%; }

#submenu li ul li ul li ul li a { background-color:#D1CFA2; color: #272E1C; }
#submenu li ul li ul li ul li a:focus,
#submenu li ul li ul li ul li a:hover,
#submenu li ul li ul li ul li a:active { background-color:#EF2B15; color: #fff; }

/* Level 5 */
#submenu li ul li ul li ul li ul li a,
#submenu li ul li ul li ul li ul li#active,
#submenu li ul li ul li ul li ul li strong,
#submenu li ul li ul li ul li ul li span { width: 70%; padding-left: 30%; }

#submenu li ul li ul li ul li ul li a { background-color:#CBC997; color: #272E1C; }
#submenu li ul li ul li ul li ul li a:focus,
#submenu li ul li ul li ul li ul li a:hover,
#submenu li ul li ul li ul li ul li a:active { background-color:#EF2B15; color: #fff; }

/* Level 6 */
#submenu li ul li ul li ul li ul li ul li a,
#submenu li ul li ul li ul li ul li ul li#active,
#submenu li ul li ul li ul li ul li ul li strong,
#submenu li ul li ul li ul li ul li ul li span { width: 65%; padding-left: 35%; }

#submenu li ul li ul li ul li ul li ul li a { background-color:#C5C38B; color: #272E1C; }
#submenu li ul li ul li ul li ul li ul li a:focus,
#submenu li ul li ul li ul li ul li ul li a:hover,
#submenu li ul li ul li ul li ul li ul li a:active { background-color:#EF2B15; color: #fff; }

/* Level 7 */
#submenu li ul li ul li ul li ul li ul li ul li a,
#submenu li ul li ul li ul li ul li ul li ul li#active,
#submenu li ul li ul li ul li ul li ul li ul li strong,
#submenu li ul li ul li ul li ul li ul li ul li span { width: 60%; padding-left: 40%; }

#submenu li ul li ul li ul li ul li ul li ul li a { background-color:#BFBD80; color: #272E1C; }
#submenu li ul li ul li ul li ul li ul li ul li a:focus,
#submenu li ul li ul li ul li ul li ul li ul li a:hover,
#submenu li ul li ul li ul li ul li ul li ul li a:active { background-color:#EF2B15; color: #fff; }