body  {
  display: grid;
  grid-gap: 6px;
  grid-template-rows: auto auto 1fr auto;
  grid-template-columns: 200px 1fr;
  grid-template-areas:
    "menu menu"
    "sidebar main"
    "footer footer";
  box-sizing: border-box;
  max-width: 1050px;
}

.menu { grid-area: menu; }

.menu-box {
  display: flex;
  border: 4px ridge var(--white);
  border-radius: 10px;
  padding: 7px;
  background: url(/images/cloth-trq.png);
  gap: 15px;
  justify-content: center;
}

.main-text {
	background-image: url(/images/dots1.jpeg);
	background-repeat: repeat;
	padding: 20px;
}
.main-container{
	text-align: left;
	margin-bottom: 10px;
	grid-area: main;
	border-width: 7px;
    border-style: solid;
    border-image: url(/images/border_a.png) 7 fill round;

}

ul {
  list-style-type: none;
  padding-left: 0;
	margin: 0px 20px 0px 20px;
}

ul ul li{
  margin: 5px;
}


ul li::marker {
  content: url(/images/sprout1.gif);
}

ul ul li::marker {
  content: url(/images/yllw-cross.png);
}