.centeredContainer {
	margin:auto;
	width:90vmin;
/*	height: 80vmax;*/

padding-top:2em;
}

.outerBorder {

	border-color:DarkGray;
	border-right-width:0.5ch;
	border-left-width:0.5ch;
	border-top-width:0.5em;
	border-bottom-width:0.5em;
	border-style:solid;
}

.middleBorderBand {
	background-color:DarkGray;
	border:solid 0.6vmin white 
}

.innerBorder {
	border-color:DarkGray;
	border-right-width:0.5ch;
	border-left-width:0.5ch;
	border-top-width:0.5em;
	border-bottom-width:0.5em;
	border-style:solid;
}

.topBar {
	background-color:DarkTurquoise;
	color:white;
	margin:auto;
	text-align:center;
}
/*
.menuBar {
	background-color:black;
	color:white;
	margin: 0;
	padding-left: 1ch;
	text-align:left;
}
*/
.mobileContent {

	background-color:RoyalBlue;
	color:white;
	padding-top:1em;
	padding-bottom:1em;

	padding-left:1ch; 
	padding-right:1ch;
}

p {
	margin-bottom:1em;
	padding: 0; 
/*	text-align: justify;*/
}

a {
	text-decoration: none;
	color:lime;

}


h1 {
	color:yellow;
	font-weight: normal;
	font-size:5vmin;
	margin:0;
	padding: 0; 
/*	text-align: justify;*/
}

@font-face {
	font-family:"IBM_VGA";
	font-display: optional;
	src:url("../font/Web437_IBM_VGA_8x16.woff") format("woff");
	font-display: block;
}

html {
	visibility: hidden;
	font-family: "IBM_VGA", monospace;
	font-weight: normal;
	font-style: normal;
	line-height: 1.0;
	background-color: dimgray;

}

@media only screen and (orientation: portrait) 		/* mobile mode */
	{
		#portait		{	display: block;
							font-size: 5vmin;
									
									
								
						}
		#landscape		{	display: none;	
						}
		body			{	margin:0;
							padding: 0; 

						}
	}
/*
@media only screen and (orientation: landscape) 
	{
		#portait		{	display: none;
						}
		#landscape		{	display: block;
							font-size: 1.0em;
						}
		body			{
							width:100vmax;
							height:100vmin;
							margin: 0;
							padding: 0; 
							background-color:greenyellow;		
						}
	}
*/
/*
.topnav {
  overflow: hidden;
  background-color:black;
  position: relative;
}
*/
.menuBar #menuItems {
	display: none;
	margin-top:1em;
	margin-bottom:-1em; /* fudge but seems ok */
}

.menuBar a {
	background-color: DarkGray;
	color: white;
	text-align: left;
	text-decoration: none;
	display: block;
	width:20ch;
	padding-left:1ch;
}

.menuBar a.menuTopItem {
	background: black;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	padding-left:1ch;
	padding-top:0;
	padding-bottom:0;
	margin:0;
	text-align: left;
}

.menuBar a:hover {
  background-color: DarkGray;
  color: black;

}