* {
  box-sizing: border-box;
}
#body { padding: 0px 0px 0px 0px; }
#header { width: 100%; margin: 0; background-color: #e6ddcc; /*1% 16.66% 1% 8.33%;*/
  /*float: left;*/
  /*background-color: #000080;*/}
#headertop { width: 100%; /*height: 200px;*/ float: left; }
#headernav {
  margin: 1% 1.5% 1% 0; /*padding: 0 0 1% 0;*/ float: left; }
#headerleft { width: 20%; float: left; /*background-color: #000080;*/ }
#headermiddle { width: 60%; float: left; /*background-color: #000080;*/ color:#1b3800; text-align:center; }
#headerright { width: 20%; float: right; /*background-color: #800080;*/}
a:link { color: #cc0000; }
a:visited { color: #ff9900; }
a:hover { background-color: #990000; color: #e6ddcc; }
.menuleft { width: 20%; float: left; /*background-color: #000080;*/ }
.menuright { width: 20%; float: right; /*background-color: #000080;*/ }
.menu {
  float:left;
  width:60%;
  text-align:center;
}
.menu a {
  float: left;
  background-color:#367d00;
  padding:8px;
  margin-top:7px;
  display:block;
/*  width:20%; */
  color:#fffacd;
}
.left {
  float:left;
  width:20%;
  text-align:center;
  height: 100%;
}
.image {
  float:left;
  width:100%;
  text-align:center;
}
.content {
  background-color: #181818;
  float:left;
  width:80%;
  height: 100%;
  padding:0 20px;
  color: #e6ddcc;
}
.right {
  background-color: #202020;
  float:left;
  width:20%;
  /* padding:15px;
  margin-top:7px;*/
  text-align:center;
  color: #e6ddcc;
}


@media screen and (max-width: 540px) {
#headerleft { width: 100%; float: left; }
#headermiddle { width: 100%; float: left; }
#headerright { width: 100%; float: left; }
}

@media screen and (max-width: 738px) {
#headerleft { width: 20%; float: left; }
#headermiddle { width: 80%; float: left; }
#headerright { width: 100%; float: left; }
.menu { width: 20%; float: left; }
.content { width: 80%; float: right; }
.right { width: 100%; float: left; }
}

@media screen and (max-width: 1024px) {
/*#headernavrow { margin: 0 0 0 0.5%; }*/ /*@+2017-03-15 05:58:10-*/
#headernavmenu { width: 49.5%; height: 3.2em; margin: 0 0.5% 0.5% 0;
  vertical-align: middle; display: table-cell; }
#headerleft { width: 100%; float: left; }
#headermiddle { width: 100%; float: left; }
#headerright { width: 100%; float: left; }
}