html,
body {
	margin: 0px;
	font-size: calc(14px + (26 - 16) * ((100vw - 360px) / 1560));
	/*font-size: calc(14px + (36 - 14) * ((100vw - 320px) / (2560 - 320)));*/
	font-family: Times New Roman, serif;
	color: #0e4b20;
	background-color: #fffff0;
}

#header {
	width: 100%;
	min-height: calc(80px + (26 - 16) * ((100vw - 360px) / 1560));
	max-height: calc(140px + (26 - 16) * ((100vw - 360px) / 1560));
	font-family: Tahoma, sans-serif;
	background-color: #005500;
	position: fixed;
	top: 0; left: 0;
}

#header2 {
	width: calc(10vw + 75%);
	min-height: calc(60px + (26 - 16) * ((100vw - 360px) / 1560));
	max-height: calc(120px + (26 - 16) * ((100vw - 360px) / 1560));
	background-color: #a0aF4b;
	border-color: #909F3b;
	border-right-style: ridge;
	border-bottom-style: ridge;
}

.title {
  white-space: nowrap;
  font-size: calc(20px + (26 - 16) * ((100vw - 360px) / 1560));
	color: #f0e0c0;
	text-shadow: 2px 2px 5px #0e4b20;
	padding-top: calc(1vh);
	padding-left: calc(1vw + 10px);
}

.title2 {
  white-space: nowrap;
  font-size: calc(13px + (26 - 16) * ((100vw - 360px) / 1560));
	color: #f0e0c0;
	text-align: right;
	text-shadow: 2px 2px 5px #0e4b20;
	padding-right: calc(1vw + 5px);
}

#body {
  margin-top: calc(100px + (26 - 16) * ((100vw - 360px) / 1560));
	min-width: calc(360px + (26 - 16) * ((100vw - 360px) / 1560));
	max-width: calc(800px + (26 - 16) * ((100vw - 360px) / 1560));
	height: 95%;
	padding-left: calc(2vw + 10px);
	padding-right: calc(2vw + 10px);
}

#footer {
	width: 100%;
	min-height: calc(30px + (26 - 16) * ((100vw - 360px) / 1560));
	max-height: calc(50px + (26 - 16) * ((100vw - 360px) / 1560));
  bottom: 0%;
	color: #a0aF4b;
	background-color: #005500;
  position: fixed;
	font-family: Tahoma, sans-serif;
	font-size: calc(11px + (26 - 16) * ((100vw - 360px) / 1560));
}

.footerTable {
	width:100%;
	height:100%;
	padding-top: 2px;
	padding-left: calc(1vw + 10px);
}

a:link {
	color: #0e4b20;
	text-shadow: 0px 0px #f0e0c0;
}

a:visited {
	color: #0e4b20;
	text-shadow: 0px 0px #f0e0c0;
}

a:hover {
	color: #0e4b20;
	text-shadow: 1px 1px 2px #f0e0c0;
}

a:active {
	color: #f0e0c0;
	text-shadow: 0px 0px #f0e0c0;
}

.heading {
  font-size: calc(18px + (28 - 16) * ((100vw - 360px) / 1560));
	font-weight: normal;
	text-shadow: 1px 1px 2px #0e4b20;
	padding-top: 5px;
	padding-bottom: 5px;
}

.boldem {
	font-size: calc(18px + (28 - 16) * ((100vw - 360px) / 1560));
	font-weight: normal;
	font-style: italic;
	text-shadow: 1px 1px 2px #0e4b20;
	padding: 8px;
	color: #005500;
}

.logoImg {
	width: 110px;
	height: 72px;
	float: left;
	margin-right: 10px;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

fade {
	position:  absolute;
	bottom:  0px;
	display: block;
	width:  100%;
	height: 10px;
	background-color: #005500;
	background-image:  linear-gradient(to bottom,
			rgba(80, 160, 80, 0),
			rgba(80, 160, 80, 0.9)
	100%);
}
