* {
    box-sizing: border-box;
}   
a:link {
  color: black;
}
a:visited {
  color: black;
}
a:hover {
  color: green;
}
a:active {
  color: blue;
}
body{
		background-color: #DDDDDD; font-family: arial, helvetica, sans-serif; text-align: center;
}
.page {
	 width: 100%; height: auto; margin:auto; background-color:  #DDDDDD; max-width: 1200px;
}
.banner1 {
	width: 100%; height: auto; padding: 1px; color:#009900;margin: auto; background-color: rgb(190,190,190); border: 5px double #DDDDDD; display: flex; justify-content: space-between;

  font-size: 15px; text-align: center;
}
.hdr{
	width:100%; height:auto; margin-bottom: 10px; margin-top: 5px; padding: 5px; background-color: rgb(190,190,190); color:#000000; border: 5px double #DDDDDD; text-align: center;
	}
.menu1 {
	width: 100%; height: auto; padding: 1px; color:black; margin: auto; background-color: rgb(190,190,190); border: 5px double #DDDDDD; display: flex;  align-items: flex-start;

  font-size: 15px; text-align: center; flex-direction: row; flex-wrap: wrap;
  }		
  .menu1 > div {
  background-color: #DDDDDD; width: 125px; margin: 2px; text-align: center; line-height: 25px; font-size: 15px; color:black;
  }		

@media (max-width: 700px) {
.treeL, .treeR, .hdr {display: none;
    flex: 100%;
    }

.treeL{
		 margin-left: 5px; margin-top: 5px;
		 }
.treeR{
		margin-right: 5px; margin-top: 5px;
		}
.finish{
		clear: both;
		}
		}		

.content{
		width: 100%; height: auto; margin-top: 20px; margin-bottom:20px; background-color: #DDDDDD; color: #000000; text-align: center; padding: 5px; border: 5px double #C0C0C0;
		overflow: auto;
		}
.foot{
		clear: both; height: auto; margin-top: 50px; padding-top:10px; padding-bottom:1px; width: 100%; background-color: rgb(190,190,190); color:#000000; border: 5px double #DDDDDD;
		}