body {
	background-color: rgba(160, 225, 255, 0.2);
	border: 0;
	padding: 0;
	margin: 0;
}

h1 {
	margin: 5px;
}
.container {
	background-color:lightgray;
	max-width: 902px;
	margin: auto;
}

.menu-rtborder {
	background-color: gray;
	padding: 0;
	margin: 0;
	text-align: center;
	border-left: 0;
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.menu-noborder {
	background-color: gray;
	padding: 0;
	margin: 0;
	text-align: center;
	border: 0;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
.copy {
	background-color: gray;
	padding: 0;
	margin: 0;
	color: white;
	text-align: center;
	border: 0;
	border-top: 1px solid black;
}
.menu:link {
	text-decoration: none;
	color: white;
}

.menu:visited {
	color: white;
}

.menu:active {
	color: magenta;
}

.menu:hover {
	color: magenta;
}

.bodytext:link {
	text-decoration: none;
	color: darkred;
}

.bodytext:visited {
	color: darkred;
}

.bodytext {
	color: magenta;
}

.bodytext:hover {
	color: magenta;
}

.logo {
	height: 120px;
	background-color: skyblue;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
}

.item0a {
	grid-area: bannera;
}
.item0b {
	grid-area: bannerb;
}
.item0c {
	grid-area: bannerc;
}
.item1 {
	grid-area: menu1;
}

.item2 {
	grid-area: menu2;
}

.item3 {
	grid-area: menu3;
}

.item4 {
	grid-area: menu4;
}

.item5 {
	grid-area: upperleft;
}

.item6 {
	grid-area: uppermiddle;
}

.item7 {
	grid-area: upperright;
}

.item8 {
	grid-area: midleft;
}

.item9 {
	grid-area: midmiddle;
}

.item10 {
	grid-area: midright;
}

.item11 {
	grid-area: lowerleft;
}

.item12 {
	grid-area: lowermiddle;
}

.item13 {
	grid-area: lowerright;
}

.item14 {
	grid-area: footer;
}
/*
.item15 {
	grid-area: 1of6;
}

.item16 {
	grid-area: 2of6;
}

.item17 {
	grid-area: 3of6;
}

.item18 {
	grid-area: 4of6;
}

.item19 {
	grid-area: 5of6;
}

.item20 {
	grid-area: 6of6;
}
*/
.grid-container {
	display: grid;
	grid-template-columns: 75px 75px 75px 75px 75px 75px 75px 75px 75px 75px 75px 75px;
	grid-template-areas:
	'bannera bannera bannera bannera bannerb bannerb bannerb bannerb bannerc bannerc bannerc bannerc'
	'menu1 menu1 menu1 menu2 menu2 menu2 menu3 menu3 menu3 menu4 menu4 menu4'
	'upperleft upperleft uppermiddle uppermiddle uppermiddle uppermiddle uppermiddle uppermiddle uppermiddle uppermiddle upperright upperright'
	'midleft midleft midmiddle midmiddle midmiddle midmiddle midmiddle midmiddle midmiddle midmiddle midright midright'
	'lowerleft lowerleft lowermiddle lowermiddle lowermiddle lowermiddle lowermiddle lowermiddle lowermiddle lowermiddle lowerright lowerright'
	'footer footer footer footer footer footer footer footer footer footer footer footer';
	grid-gap: 0;
	border: 1px solid black;
	padding: 0;
}

.grid-container > div {
	background-color: lightgray;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.callus {
	background-color: skyblue;
	font-family: "Ibarra Real Nova";
	font-size: 30px;
	font-weight: bold;
	color: black;
	text-align: center;
	margin:0;
	border: 0;
	padding: 0;
	padding-top:3px;
	padding-bottom:3px;
}
.machines {
	background-color: skyblue;
	font-family: "Ibarra Real Nova";
	font-size: 16px;
	font-weight: bold;
	color: black;
	text-align: right;
	margin:0;
	border: 0;
	padding-left: 0;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.plainleft {
	text-align:left;
	margin: 8px;
}

.plaincenter {
	text-align:center;
	margin: 8px;
}

.plainright {
	text-align:right;
	margin: 8px;
}

.plainjustify {
	text-align:justify;
	margin: 8px;
}

.top {
	vertical-align: top;
}
.middle {
	vertical-align: middle;
}
.bottom {
	vertical-align: bottom;
}

.boldtext {
	font-size: 12px;
	font-weight: bold;
}

/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
	width: 100%; /* Full width */
	padding: 3px; /* Some padding */ 
	border: 1px solid #ccc; /* Gray border */
	border-radius: 4px; /* Rounded borders */
	box-sizing: border-box; /* Make sure that padding and width stays in place */
	margin-top: 3px; /* Add a top margin */
	margin-bottom: 5px; /* Bottom margin */
	resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

form label {
	width: 100%;
	text-align: left;
	padding-left: 20px;
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
	background-color: darkred;
	color: white;
	padding: 3px 5px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
	background-color: darkgreen;
}

/* slideshow control */
ul{
	list-style: none outside none;
	padding-left: 0;
	margin: 0;
}

.content-slider li{
	background-color: #ed3020;
	text-align: center;
	color: #FFF;
}

.content-slider h3 {
	margin: 0;
	padding: 70px 0;
}

.newspaper {
  column-count: 2;
  column-gap: 20px;
  text-align: justify;
}

.colbreak  {
  break-after: column;
  margin: 8px;
}