@charset "utf-8";
/* CSS Document */
body,td,th {
	color: #333;
}
a:link {
	color: #06F;
}
a:visited {
	color: #039;
}
a:hover {
	color: #09F;
}
a:active {
	color: #690;
}


.container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 0.2fr auto 0.2fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "Header Header Header"
    "Content Content Content"
    "Footer Footer Footer";
}

.Header { grid-area: Header; }

.Content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 10px 10px;
  grid-auto-flow: row;
  grid-template-areas:
    "contentCol01 contentCol02 contentCol03";
  grid-area: Content;
}

.contentCol01 { grid-area: contentCol01; }

.contentCol02 { grid-area: contentCol02; }

.contentCol03 { grid-area: contentCol03; }

.Footer {
	grid-area: Footer;
	background-color: #666;
	color: #FFF;
	padding: 20px auto;
}