:root {
  --mwidth: 65px;
	--padding: 9px;
}

.menu {
	display: block;
	position: relative;
	float: left;
	line-height: 30px;
	background-color: #35533a;
	border: none;
	width: 100%;
	border-radius: 25px;
	padding: 3px;
}
.leftmenu{
	border-radius: 25px 0px 0px 25px;
}
.rightmenu{
	border-radius: 0px 25px 25px 0px;
}
#topmenu ul ul ul{
	left: 100%;
	top: 0;
	/* margin-left:1px; */
}
.menu ul ul{
	left: 100%;
	top: 0;
	/* margin-left:1px; */
}
.menutitle{
	white-space: nowrap;
	/* margin: 10px; */
	color: #ccffd5;
	text-decoration: none;
  text-align: left;
	padding: var(--padding);
	cursor: default;

}
.menuitem {
	display: block;
	position: relative;
	float: left;
	line-height: 30px;
	background-color: #35533a;
	border: none;
	min-width: var(--mwidth);
	/* white-space: nowrap; */
	text-align: center;
	
}

.menuitem a{
	/* margin: 10px; */
	color: #ccffd5;
	text-decoration: none;
	/* padding: var(--padding); */
	white-space: nowrap;
  display: block;
	padding-left: var(--padding);
	margin-right: 10px;
}
.menuitem:hover {
	background-color: #426e4a;
	border-radius: 25px;
	/* box-shadow: 8px 8px 16px 0px rgba(0,0,0,1); */
}
.menuitem li:hover {
	/* background-color: #fff; */
	/* border-radius: 25px; */
}
.dropdown {
	display: block;
	position: relative;
	float: left;
	line-height: 30px;
	background-color: #35533a;
	border: none;
	min-width: var(--mwidth);
	text-align: center;
}
.dropdown ul{
	list-style: none;
	margin: 0;
	text-align: left;
  min-width: var(--mwidth);
}
.dropdown ul ul ul{
	left: 100%;
	top: 0;
	/* margin-left:1px; */
}
.dropdown a{
	white-space: nowrap;
	/* margin: 10px; */
	color: #ccffd5;
	text-decoration: none;
  text-align: left;
	/* padding: var(--padding); */

}
.dropdown:hover {
	background-color: #426e4a;
	border-radius: 25px 25px 0px 0px;
}
.dropdown:hover > ul {
	display:block;
	position:absolute;
	background-color: #426e4a;
	border-radius: 0px 0px 25px 25px;
	box-shadow: 8px 8px 16px 0px rgba(0,0,0,1);
}
.dropdown li:hover {
	background-color: #35533a;
  border-radius: 25px;
}
.submenu {
	white-space: nowrap;
	display: block;
	position: relative;
	/* float: left; */
	line-height: 30px;
	background-color: #35533a;
	border: none;
	min-width: var(--mwidth);
	text-align: left;
	padding-right: 9px;
}
.submenu ul{
	list-style: none;
	margin: 0;
	text-align: left;
  min-width: var(--mwidth);
}
.submenu ul ul ul{
	left: 100%;
	top: 0;
	/* margin-left:1px; */
}
.submenu a{
	/* margin: 10px; */
	border: 0px;
	padding: 0px;
	color: #ccffd5;
	text-decoration: none;
	text-align: left;
	/* padding: var(--padding); */
	white-space: nowrap;
}

.submenu:hover {
	background-color: #426e4a;
	/* border-radius: 25px 25px 0px 0px; */
}
.submenu:hover > ul {
	display:block;
	position:absolute;
	/* background-color: #fff; */
	border-radius: 0px 25px 25px 25px;
	box-shadow: 8px 8px 16px 0px rgba(0,0,0,1);
}
.submenu li:hover {
	/* background-color: #fff; */
  border-radius: 25px;
}

.subchild {
	display: none;
  /* padding: 14px 10px; */
}
.subchild li {
	/* background-color: #fff; */
	line-height: 30px;
	width:100%;
}
.subchild li a{
	/* margin: 10px; */
	color: #ccffd5;
	text-decoration: none;
  text-align: left;
	/* padding: var(--padding); */
	white-space: nowrap;
}
.subchild:hover {
	/* background-color: #fff; */
	/* border-radius: 25px 0px; */
}
.subchild li:hover {
	border-radius: 25px 0px;
}

.parent {
  display: block;
  position: relative;
  /* float: left; */
  line-height: 30px;
  background-color: #4FA0D8;
}
.parent a{
	/* margin: 10px; */
	color: #ccffd5;
	text-decoration: none;
	white-space: nowrap;
}
.parent:hover > ul {
	display:block;
	position:absolute;
	/* background-color: #fff; */
}
.parent li:hover {
	/* background-color: #fff; */
	/* border-radius: 25px; */
}
.child {
	display: none;
  padding: 6px 18px 6px 3px;
}
.child li {
	background-color: #426e4a;
	line-height: 30px;
	width:100%;
	padding-left: 3px;
	padding-right: 6px;
}
.child li a{
	color: #ccffd5;
	text-decoration: none;
  text-align: left;
	white-space: nowrap;
  display: block;
	padding-left: var(--padding);
	margin-right: 10px;
}
.child:hover {
	background-color: #426e4a;
	/* border-radius: 25px 0px; */
}
.child .submenu:hover {
	background-color: #35533a;
	border-radius: 25px 0px 0px 25px;
}
.child li:hover {
	/* border-radius: 25px 0px; */
}
.child .submenu li:hover {
	background-color: #426e4a;
	/* border-radius: 25px 0px; */
}
.child .submenu ul {
	background-color: #35533a;
	/* border-radius: 25px 0px; */
}
.child .submenu li {
	background-color: #35533a;
	/* border-radius: 25px 0px; */
}

.child .submenu .child .submenu li:hover {
	background-color: #35533a;
	/* border-radius: 25px 0px; */
}
.child .submenu .child .submenu ul {
	background-color: #426e4a;
	/* border-radius: 25px 0px; */
}
.child .submenu .child .submenu li {
	background-color: #426e4a;
	/* border-radius: 25px 0px; */
}

.expand{
	font-size:12px;
	float:right;
	/* margin-right:3px; */
	border-radius: 25px 0px 0px 0px;
}
.menubar {
	padding-top: 30px;
	padding-bottom: 70px;
	display: inline-block;
  font-family: Arial;
	border-radius: 25px;
	width: 790px;
  float: none;
  text-align: left;
}
ul{
  list-style: none;
  margin: 0;
  padding: 0px;
   min-width:10em;
}
ul ul ul{
  left: 100%;
  top: 0;
  /* margin-left:1px; */
}
.padded {
	/* padding: 0px 20px 0px 0px; */
}