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

html, body {
	margin: 0;
	min-height: 100dvh; 
	background-color: #02135F;
}

a:link { color: #3D9FFE; }
a:visited { color: #7FB0DF; }
a:hover { color: #ACE5FE; }
a:active { color: #FFFFFF; }

#site {
	margin: auto;
	width: 467px;
	min-height: 100dvh;
    display: flex;
    flex-direction: column;
	background-color: #000000;
	border-top: 6px double #02135F;
	border-left: 6px double #02135F;
	border-right: 6px double #02135F;
}

.fl {
	margin: -50px auto auto auto;
	width: 460px;
	padding-left: 4px;
	color: #FFFFFF;
	font-family: Verdana, sans-serif;
	font-size: 10pt;
}

#navlist {
padding: 0 1px 1px;
margin-bottom: 30px;
font: bold 12px Verdana, sans-serif;
}

#navlist li {
list-style: none;
margin: 0;
border-top: 1px solid gray;
display: inline;
}

#navlist li a {
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #071CF0;
background: #121F44;
text-decoration: none;
}

#navlist li a:link { color: #3D9FFE; }
#navlist li a:visited { color: #7FB0DF; }

#navlist li a:hover {
border-color: #7686F7;
color: #91C7FE;
background: #7B87A1;
}

h1 {
	width: 90%;
	background-color: #000413;
	color: #071CF0;
	font-size: 16pt;
	border-left: 8px solid #071CF0;
	letter-spacing: 1em;
	padding-left: 2px;
}

h2 {
	width: 100%;
	color: #3D9FFE;
	font-size: 12pt;
	text-align: center;
}

h3 {
	width: 100%;
	color: #3D9FFE;
	font-size: 10pt;
	text-align: center;
}

em {
	color: #ACE5FE;
}

div.footer{
	margin: auto;
	background-color: #000000;
	width: 467px;
	color: #071CF0;
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size: 8pt;
	padding-bottom: 10px;
	padding-top: 30px;
	border-bottom: 6px double #02135F;
	border-left: 6px double #02135F;
	border-right: 6px double #02135F;
}