/* ------------( menu ) ----------- */
#menu {
  width: 174px;
}

#nav, #nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav {
	margin-bottom: 1em;
}	
#nav li {
	display: inline;
	padding: 0;
	margin: 0;
}

#nav li a {
	display: block;
	padding: 6px 10px;
	background: #eee;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	border-right: 16px solid #ddd;
	letter-spacing: 0.1em;
}

#nav li a:hover {
	background: #ddd;
}

#nav li li a {
	padding: 3px 4px 3px 20px;
	border-style: none;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0;
}
	






/* ------------( submenus ) ----------- */

#nav li a.menu_0 {
  border-right: 16px solid #5f90bd;
}

#nav li li a.submenu_0 {
  background-color: #def3f8;
  color: #5f90bd;
}

#nav li li a.submenu_0:hover {
  background-color: #5f90bd;
  color: #fff;
}
#nav li a.menu_1 {
  border-right: 16px solid #5f90bd;
}

#nav li li a.submenu_1 {
  background-color: #dfe9f2;
  color: #5f90bd;
}

#nav li li a.submenu_1:hover {
  background-color: #5f90bd;
  color: #fff;
}
#nav li a.menu_2 {
  border-right: 16px solid #ff7f00;
}

#nav li li a.submenu_2 {
  background-color: #ffe5cc;
  color: #ff7f00;
}

#nav li li a.submenu_2:hover {
  background-color: #ff7f00;
  color: #fff;
}
#nav li a.menu_3 {
  border-right: 16px solid #5ac1da;
}

#nav li li a.submenu_3 {
  background-color: #def3f8;
  color: #5ac1da;
}

#nav li li a.submenu_3:hover {
  background-color: #5ac1da;
  color: #fff;
}
#nav li a.menu_4 {
  border-right: 16px solid #99cf16;
}

#nav li li a.submenu_4 {
  background-color: #ebf5d0;
  color: #99cf16;
}

#nav li li a.submenu_4:hover {
  background-color: #99cf16;
  color: #fff;
}
#nav li a.menu_5 {
  border-right: 16px solid #ffbf00;
}

#nav li li a.submenu_5 {
  background-color: #fff2cc;
  color: #ffbf00;
}

#nav li li a.submenu_5:hover {
  background-color: #ffbf00;
  color: #fff;
}
#nav li a.menu_6 {
  border-right: 16px solid #812b92;
}

#nav li li a.submenu_6 {
  background-color: #e6d5e9;
  color: #812b92;
}

#nav li li a.submenu_6:hover {
  background-color: #812b92;
  color: #fff;
}
#nav li a.menu_7 {
  border-right: 16px solid #ff0000;
}

#nav li li a.submenu_7 {
  background-color: #ffcccc;
  color: #ff0000;
}

#nav li li a.submenu_7:hover {
  background-color: #ff0000;
  color: #fff;
}
#nav li a.menu_8 {
  border-right: 16px solid #404040;
}

#nav li li a.submenu_8 {
  background-color: #d9d9d9;
  color: #404040;
}

#nav li li a.submenu_8:hover {
  background-color: #404040;
  color: #fff;
}

.hide_menu {
  height: 0;
  width: 0;
  overflow: hidden; 
  position: absolute;
  left: -2000px;
}

.show_menu {
  visibility: visible;
  left: 0;
}