@media screen {
.head {
 height: 160px;
 border-bottom: 2px dashed silver;
 background-color: #fffff0;
 padding: 0px;
 margin: 0px;
 text-align: center;
 }
.head_left {
  max-width: 200px;
  min-width: 190px;
  background-color: #fffff0;
  border-right: 2px dotted teal;
  border-bottom: 2px dashed silver;
  padding: 0px;
  margin: 0px;
}
.side {
  max-width: 200px;
  min-width: 190px;
  background-color: #fffff0;
  padding-top: 10px;
  padding-left: 25px;
  padding-right: 35px;
  padding-bottom: 0px;
  border-right: 2px dotted teal;
  vertical-align: top;
  margin:0px;
  overflow: hidden;
 }
.main {
  padding-right: 50px;
  padding-top:20px;
  padding-left:20px;
  padding-bottom: 15px;
  margin:0px;
  width:99%;
  }
.foot {
  height: 60px;
  width: 100%;
  background-color: #fffff0;
  border-top: 1px dotted gray;
  font-family: Verdana serif;
  font-size: 10px;
  color: silver;
  text-align: center;
  margin:0px;
  padding:0px;
}
body {
  background-color: #ffffc0;
  font-family: Verdana serif;
  font-size: 16px;
  color: black;
  text-align: justify;
  margin: 0px;
  padding: 0px;
  }

.sb a:link { text-decoration: none; font-size: 16px; color: purple; }
.sb a:visited { text-decoration: none; font-size: 16px; color: purple; }
.sb a:hover { text-decoration: none; font-size: 16px; color: olive; background-color: aqua; }
.sb a:active { text-decoration: none; font-size: 16px; color: lime; background-color: aqua; }

a:link { text-decoration: none; color: purple; }
a:visited { text-decoration: none; color: purple; }
a:hover { text-decoration: none; color: olive; background-color: aqua; }
a:active { text-decoration: none; color: lime; background-color: aqua; }

.error { font-size: 20px; color: red; }
}