body {
    margin:0;
	font-family:Helvetica, Arial, Sans-Serif;
    height:100%;
}
		
#headbar {
    top:0;
    background-color:#012254;
	width:100%;
	height:25px;
    line-height:25px;
	color:white;
    text-align:right;
    font:Verdana;
    font-size:0.8em;
    font-weight:bold;
}

#titlebar {
	background-color:white;
	width:100%;
	height:30px;
    line-height:30px;
	color:black;
    text-align:center;
    font:Verdana;
    font-size:1.2em;
    font-weight:bold;
}

#graybartop {
	background-color:#C0BBAC;
	width:100%;
	height:55px;
    line-height:55px;
	color:black;
    font:Verdana;
    font-size:1.2em;
    font-weight:bold;
}

#content {
	font:Verdana;
	font-size:0.8em;
	background-color:white;
	
	/* position:center;
	position:absolute;
    top:80%;
    left:50%;
    transform:translate(-80%, -50%); */
	
	position:fixed;
	bottom: 100px;
	width:100%;
	text-align:center;
}

#graybarbottom {
    position:absolute;
    bottom:25px;
    background-color:#C0BBAC;
	width:100%;
	height:65px;
	/* text-align:center;
	display: flex;
	flex-direction: row;
	justify-content: center; */
	display: flex;
	justify-content: center;
	align-items: center;
}

#footbar {
    position:absolute;
    bottom:0;
	background-color:#012254;
	width:100%;
	height:25px;
    line-height:25px;
	color:white;
    text-align:right;
    font:Verdana;
    font-size:0.8em;
    font-weight:bold;
}
        
div#footbar a:link { color: #FFFFFF; }
div#footbar a:visited { color: #FFFFFF; }
div#footbar a:hover { color: #FFFFFF; }
div#footbar a:active { color: #FFFFFF; }