html,body  {
    background:
    linear-gradient(
      rgba(0, 0, 0, 0.60), 
      rgba(0, 0, 0, 0.60)
    ),
    linear-gradient(135deg, #9EFFF1 22px, #000000 22px, #000000 24px, transparent 24px, transparent 67px, #000000 67px, #000000 69px, transparent 69px),
    linear-gradient(225deg, #9EFFF1 22px, #000000 22px, #000000 24px, transparent 24px, transparent 67px, #000000 67px, #000000 69px, transparent 69px)0 64px
    ;
    background-color:#376180;
    background-size: 64px 128px;
    margin: 0px 0px 0px 0px;
    height: 100%;
}
.container {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    align-items: center;
}

.content {
    flex: 1;
    background-color: #ABEDFF;
    max-width: 1200px;
    min-width: 70vw;
	/* Not Working */
    /*box-shadow: 20px 0 10px -10px black, -20px 0 10px -10px black;*/
	padding: 5px;
    border-left: 3px solid black;
    border-right: 3px solid black;
    box-shadow: inset 0 7px 9px -7px black;
    padding-top: 9px;
	font-size:20px;
}

.header {
    height: 80px;
    background-color: rgb(62, 179, 254);
    width: 100vw;
	box-shadow: 0 16px 6px -6px black;
	display: flex;
	flex-direction: row;
	align-items: flex-end;

}

.footer {
    height: 40px;
    background-color: rgb(62, 179, 254);
    width: 100vw;
	box-shadow: 0 -10px 6px -6px black;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
}
.footernotes {
    flex: 0 1 auto;
    padding:0px 20px 10px 20px;
    font-family: Helvetica, Arial,  sans-serif;
}

.namespace, .headerItem{
    display: block;
    padding: 2px 5px 10px;
	margin: 2px 5px 0px;
    font-family: Helvetica, Arial,  sans-serif;
	text-align: center;
	cursor: default;
}

.namespace {
    padding: 5px;
    font-family: Helvetica, Arial,  sans-serif;
    font-weight: bold;
    font-size: 60px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: rgb(167, 4, 4);
}

.contentItem {
    margin: 5px;
	padding: 10px;
    font-family: Helvetica, Arial,  sans-serif;
}
.headerItemButton {
	display:block;
	margin: 2px 5px 0px;
	padding: 5px 5px 10px;
	text-align: center;
	border-top: 2px solid rgb(167, 4, 4);
	border-left: 2px solid rgb(167, 4, 4);
	border-right: 2px solid rgb(167, 4, 4);
	text-decoration: none;
	color: black;
	font-family: Helvetica, Arial,  sans-serif;
}
.headerItemButton:hover {
	background-color: #ABEDFF;
}
.headerItemButton:visited { 
	color: black;
}
.headerItemButton_selected {
	font-family: Helvetica, Arial,  sans-serif;
	display:block;
	margin: 2px 5px 0px;
	padding: 5px 5px 10px;
	text-align: center;
	border-top: 3px double rgb(167, 4, 4);
	border-left: 3px double rgb(167, 4, 4);
	border-right: 3px double rgb(167, 4, 4);
	text-decoration: none;
	color: black;
	cursor: default;
}

.headerDivider {
     border-left: 1px solid #333;
     border-right: 1px solid #222; 
	 margin: 5px;
	 height: 25px;
}