@charset "UTF-8";

*, *:root, *:before, *:after, *:link, *:visited, *:focus, *:hover, *:active, *:first-child, *:last-child,
*:nth-child(even), *:nth-child(odd), *:first-of-type, *:last-of-type, *:nth-of-type(odd), *:nth-of-type(even), 
*:target, *:enabled, *:disabled, *:checked, *:indeterminate, *:required, *:optional, *:read-only, *:read-write,
*:only-of-type, *:empty, *:lang, *:not(:root), *::root, *::before, *::after, *::link, *::visited, *::focus, *::hover, 
*::active, *::first-child, *::last-child, *::nth-child(even), *::nth-child(odd), *::first-of-type, *::last-of-type, 
*::nth-of-type(odd), *::nth-of-type(even), *::target, *::enabled, *::disabled, *::checked, *::indeterminate, 
*::required, *::optional, *::read-only, *::read-write, *::only-of-type, *::empty, *::lang, *::not(::root) {
    margin: 0;
    padding: 0;
    border: 0;
	box-sizing: content-box;
}
.errors {
    background: #0CF;
    color: #F20;
    margin: 0 auto;
    padding: .5rem;
    border: 1px solid #2F2;
    border-radius: .5rem;
}
/* 3D effects for headline */
html {
    width: 100%;
    height: 100%;
     background-attachment: fixed;
}
body {
	width: 85%;
	margin: 0 auto;
}
a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    background: none;
}
#upper {
	grid-area: upper;
	width: 100%;
	margin: 0 auto;
	top: 0;
	left: 0;
    background-color: transparent;
    z-index: 2;
    display: grid; 
    grid-template-rows: 4rem 15rem;
    grid-template-columns: auto;
    grid-column-gap: 2rem;
    justify-content: center;
    grid-template-areas:
    "upr_nav"
    "header";
}
nav {
    width: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
}
.nav_0, .nav_1 {
	-webkit-padding-start: 0;
    width: 100%;
    list-style: none;
    list-style-type: none;
    height: 2rem;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #000;
    border-radius: .5rem;
}
.nav_0 {
    background-color: #3BFF20;
}
.nav_1 {
    background-color: #FF1B2E;
}
.nav_0 li a:link, .nav_0 li a:visited.
 .nav_1 li a:link, .nav_1 li a:visited{
    background: transparent;
	line-height: 1.3rem;
	text-align: center;
	font-size: calc((1rem + 2vw)/2.75); 
	text-decoration: none;
	padding: 0 1.2rem;
}
.nav_0 li a:link, .nav_0 li a:visited {
    color: #FF1B2E;
}
.nav_1 li a:link, .nav_1 li a:visited {
    color: #3BFF20;
}
.nav_0 li a:hover, .nav_1 li a:hover {
	color: #C0A;
	background: linear-gradient(#969696, #c8c8c8);
	text-decoration: underline;
    border-radius: .5rem;
}
.nav_0 li a:active, .nav_1 li a:active {
	color: #000;
	background: -moz-radial-gradient(center, #0F0, #F00);
	background: -webkit-radial-gradient(center, #0F0, #F00);
	background: radial-gradient(center, #0F0, #F00);
	text-decoration: none;
}
nav.top {
	grid-area: upr_nav;
	width: 100%;
}
header {
	 grid-area: header;
	 width: 100%;
	 margin: 0 auto 3rem;
    background-color: transparent;
    display: grid; 
    grid-template-rows: 7rem 4rem;
    grid-template-columns: auto;
    grid-column-gap: 2rem;
    justify-content: center;
    grid-template-areas:
    "seven"
    "nine";
}
.index, .page, .main {
	text-decoration: none;
}
.Seven-Dee, a h1 .Seven-Dee {
    grid-area: seven;
    display: block;
    font-family: arab_005, bilbo-regular, serif;
    color: #F03;
    font-size: 6.5rem;
    margin: 0 auto;
    text-align: center;
    text-shadow: .25rem .25rem .4rem rgba(0, 0 , 0, .8), 0 -.25rem .2rem rgba(123, 123, 123, .6);
    text-decoration: none;
    margin-bottom: -1rem;
}
.Nine-Dee, a h1 .Nine-Dee {
    grid-area: nine;
    font-family: note_this, Arial, sans-serif;
    color: #6F3;
    font-size: 3.5rem;
    display: block;
    margin: 0 auto;
    text-align: center;
    text-shadow: .35rem .35rem .5rem rgba(0, 0 , 0, .8), 0 -.35rem .3rem rgba(133, 133, 133, .65);
    margin-bottom: -1rem;
}
/*
header h2 {
    display: block;
    color: #3FF;
    font-family: black_jack, morpheus, serif;
	font-size: 4.5rem;
    margin: 0 auto;
	text-align: center;
    text-decoration: none;
    text-shadow: 2px 2px #F33, -2px -2px #F04, 4px 2px #F0F, -4px -2px #D0F;
}
*/
.top {
	margin-top: -.25rem;
}
.base {
	text-align: center;
	color: #000;
}
table {
	grid-area: table;
	width: 100%;
	margin: 0 auto 4rem;;
}
caption {
	width: 100%;
	height: 4rem;
	margin: 0 auto;
	font-size: 2.75rem;
	font-weight: bolder;
}
thead {
	width: 100%;
	margin: 0 auto;
}
tfoot {
	width: 100%;
	margin: 0 auto;
}
td { 
    height: 2.25rem;
    width: 50%;
    overflow: hidden;
    white-space: nowrap;
	font-size: calc((1.5rem + 2vw)/2.5);
	font-family: morpheus, serif;
	color: #005;;
}
#data td#first {
    text-align: left;
    padding-left: 3rem;
}
#data td#last {
    text-align: right;
    padding-right: 3rem;
}
footer {
	grid-area: footer;
	width: 100%;
	margin: 0 auto;
	bottom: 0;
	left: 0;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	align-items: center;
}
/**********************************************************************************************/
#contact {
    display: block;
    margin: 1rem auto;
	cursor: pointer;
	padding-top: .5rem;
	text-align: center;
	width: 8rem;
	height: 1.8rem;
	background: linear-gradient(#D9D9D9, #858585);
    box-shadow: inset 0 0 .25rem #F03;
    border-radius: .2rem;
    text-decoration: none;
	outline: .2rem solid #3D3;
    z-index: 3;
}
#contact::before {
	content: 'Contact Us';
	color: #F03;
	text-align: center;
	font-variant: small-caps;
	font-size: 1.25rem;
}
#contact:hover {
	background: linear-gradient(#858585, #D9D9D9);
    box-shadow: inset 0 0 .25rem #0D0;
	outline: .2rem solid #F33;
}
#contact:hover::before {
	content: 'Contact Us';
	font-weight: bolder;
	color: #0D0;
	text-decoration: none;
}
#contact:active {
    box-shadow: inset 0 0 #CCC;
    color: #404;
    background: #A73;
    box-shadow: inset 0 0 .25rem #404;
	outline: .2rem solid #000;
}
/**********************************************************************************************/