* {
  box-sizing: border-box;
}
body {
background: #F0FFF0;
font-family:"times new roman",serif;
color: #000000;
}
a:link {color: black;
	text-decoration:none;
	font-weight:bold;
	}
a:visited {color: black;
	text-decoration:none;
	font-weight:normal;
	}
a:hover {color: black;
	text-decoration:underline;
	font-weight:bold;
	}
.header {
min-height:50px;
color:black;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
overflow:hidden;
text-align:center;
width:100%;
border-bottom:1px black solid;
}
.menu {
  float:left;
  width:20%;
  padding:15px;
  margin-top:10px;
  text-align:center;
  display:block;
}
.main {
  float:left;
  width:60%;
  margin-top:10px;
  padding:0 20px;
  text-align:left;
}
.right {
  float:left;
  width:20%;
  padding:15px;
  margin-top:7px;
  text-align:center;
  display:block;
}
.mainleft {
  float:left;
  width:45%;
  display:block;
}
.mainright {
	float:left;
	width:45%;
	padding-left:10px;
	display:block;
}
.footer {
text-align:center;
padding:10px;
margin-top:10px;
font-size:-1;
width:100%;
border-top:1px black solid;
}
.keyimg {
 height:auto;
}
.col1 {
width:15%;
}
.col2 {
width:85%;
}
.title {
	padding-top:2px;
	padding-bottom:2px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	font-weight:bold;
}

  img.cover {
    height: auto;
  }
@media only screen and (max-width:800px) {
  /* For mobile phones: */
  .main {
    width:100%;
  }
  .menu {
    width:100%;
	border-bottom:1px solid black;
	border-top:1px solid black;
  }
  .header {
	border-bottom:0px;
  }
  .right {
    width:100%;
	border-top:1px solid black;
  }
  .mainleft {
	width:100%;
  }
  .mainright {
	width:100%;
	padding-left:0px;
  }
  .keyimg {
    width:75%;
    height:auto;
  }
    img.cover {
    height: auto;
    width:95%;
  }
}