@charset "UTF-8";
/* CSS Document */


body{
	background-color:#EDEDED;
    font-family:"Courier New", Courier, monospace;
}


div{
	background-color:transparent !important;
	border:0px solid white !important;*/
}

a:link{
	color:inherit;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a:visited{
	color:inherit;
	text-decoration:none;
}

@font-face {
    font-family:gill;
    src: url(Gill.otf);
}

@font-face {
    font-family:gillbold;
    src: url(Gillbold.ttf);
}

#header{
	order:1;
	flex-grow:0;
	height:140px;
	background-color:red;
	
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

#header-menu{
	width:calc(100% - 100px);
	height:50px;
	border:1px solid yellow;
	border-bottom:1px solid #CCC !important;
	background-color:pink;
	
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
}

#header-title{
	order:1;
    font-family:"Courier New", Courier, monospace;
	font-size:20px;
	/*border:solid 3px black !important;
	background-color:#EDEDED;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;*/
}

#header-menu-item-container{
	order:2;
	
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	border:solid 2px white;
	width:550px;
}

.header-menu-item{
	border:solid 1px black;
	font-size:15px;
	margin-left:20px;
}

.header-menu-item:hover{
	cursor:pointer;
	text-decoration:underline;
}

#home-main-filler{
	order:2;
	flex-grow:1;
	background-color:lightblue;
}

#wrapper{
	display:flex;
	flex-direction:column;
	
	width:100vw;
	height:auto;
	position:absolute;
	top:0px;
	left:0px;
}

#main{
	order:2;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;

	background-color:green;
	height:auto;
	min-height:350px;
	border:solid 3px lightblue;
}

#footer{
	order:3;
	
	border:solid 2px white;
	width:100%;
	background-color:black;
	height:50px;

	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

#footer-menu{
	border:solid 2px white;
	width:calc(100% - 100px);
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	color:gray;
}

.footer-menu-item{
	font-size:13px;
	padding-top:3px;
}