@media all {
	body { 
		font-family: Meta, Arial, Helvetica, sans-serif; 
		font-size: 1em; 
		background-color: #0a84ac; 
		padding: 0; 
		margin: 0;
		display: grid;
		height: 100vh;
		grid-template-rows: auto 1fr auto; 
	}
	
	#Header { position: relative; height: 80px; background-color: #FFFFFF; border-bottom: 1px solid #999; padding: 0 50px; }
	#banner-flex { position: relative; height: 80px; max-width: 924px; margin: 0 auto;}
	#oebanner { position: absolute; bottom: 3px; left: 0; }
	
	#page-container {
		background: url(/home/images/body-bg-top.gif) 0 0 repeat-x;
		padding: 0 50px;
	}
	#content-container { max-width: 884px; margin: 20px auto; padding: 20px; background-color: #F9F9F9; border: 1px solid #999; }
	
	#content-container h1.large-title { font-size: 1.3em;}
	#content-container .alerts, #content-container .diagnostics { margin: 40px 0; }
	#content-container .alerts h2 { font-size: 1.15em;}
	#content-container .diagnostics p, #content-container .diagnostics blockquote { font-size: 0.85em; color: #999; }
	
	#footer {
		background: #E0E0E0;
		border-top: 1px #BBB dashed;
		padding: 20px;
		text-align: center;
		line-height: 1;
		font-size: 0.8em;
	}
	#footer h2 {
		position: absolute;
		left: -999px;
		width: 990px;
		visibility: visible;
	}
	#footer ul {
		list-style-type:none;
		margin: 0 0 0.5em 0;
		padding:0;
	}
	#footer li {
		display: inline;
		float: none;
	}
	#footer li::after {
		content: ' |';
	}
	#footer li:last-child::after {
		content: '';
	}
	#footer p { margin: 0.3em; padding: 0; }
}