html, body {
	font-family: Arial, sans-serif;
	background-color: white;
	margin: 0;
	height: 100%;
	width: 100%;
}

a {
	text-decoration: none;
	color: #004488;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 150%;
	color: #004488;
	border-bottom: 1px #999999 dashed;
}

h2 {
	font-size: 125%;
	color: #004488;
	border-bottom: 1px #999999 dashed;
}

h3 {
	font-size: 100%;
	color: #004488;
	border-bottom: 1px #999999 dashed;
}

img {
	border: none;
}

label {
	display: block;
	width: 200px;
	float: left;
	clear: left;
}

th,td {
	vertical-align: top;
	font-size: smaller;
}

fieldset {
	width: 620px;
	padding: 5px;
	background-color: #eee;
}

legend {
	display: block;
	padding: 3px;
	background-color: white;
	color: black;
	border: 1px solid black;
	font-weight: bold;
}

table.listing, table.listing2 {
	width: 100%;
}

table.listing tr, table.listing2 tr {
	vertical-align: top;
}

.adminbottom {
	position:absolute;
	left: 330px;
	right:10px;
	margin-top:30px;
	text-align: right;
}

.hidden {
	background-color: #bbb;
}

header {
	background-image: linear-gradient(#545454, #171717);
	min-height: 96px;
}

header span {
	float: right;
	clear: right;
	color: #ffffff;
	font-size: 75%;
	margin: 10px 10px 0px 0px;
}

header span a {
	color: #b1dfff;
}

header picture {
	padding-top: 8px;
	width: 100%;
	max-width: 300px;
}

nav ul {
	text-align: left;
	border: #595959 1px solid;
	padding: 0;
	margin: -5px 0px 1px 0px;
	background-image: linear-gradient(#5a5a5a, black, black);
	font-size: 80%;
}

nav ul li {
	text-align: center;
	background-image: linear-gradient(#5a5a5a, black, black);
	display: inline-block;
	padding: 0px 1em;
}

nav ul li a {
	color: #ffffff;
	text-decoration: none;
}

nav ul li:hover {
	background-image: linear-gradient(#0b6dc8,#0744a2,#0744a2);
}

main {
	margin: 1.0em;
	padding-bottom: 4.0em;
}

#main {
	column-count: 1;
	-webkit-column-count: 1;
	-moz-column-count: 1;
	
	column-gap: 30px;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	 
	column-rule-style: none;
	-webkit-column-rule-style: none;
	-moz-column-rule-style: none;
}
@media only screen and (min-width: 840px) { #main { column-count: 2;-webkit-column-count: 2; -moz-column-count: 2; } }
@media only screen and (min-width: 1400px) { #main { column-count: 3;-webkit-column-count: 3; -moz-column-count: 3; } }

#main  article {
	break-inside: avoid;
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	
	margin: 0px 0px 10px 0px;
	padding: 0.5em;
	border: 1px solid #999999;
	background-color: #efefef;
}

#main article.head {
	column-span: all;
	-webkit-column-span: all;
	
	border: 1px solid #cedff2;
	background-color: #f5faff;
}

footer {
	display: flex;
	border-top: 1px #000000 solid;
	background-color: #eeeeee;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

footer div {
	font-size: 70%;
	vertical-align: middle;
	flex: 50%;
}

footer img {
	border: none;
	height: 36px;
}

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.active {
	color: red;
}

.jsecoin {
	display:inline-block;
	border:1px solid black;
	padding:3px;
	margin:3px;
	font-size:small
}

.asadmin {
	display: block;
	height: 400px;
	max-height:400px;
	width:600px;
	overflow-x:auto;
	border:1px solid black;
}

.svgimage {
	text-align:center;
	height: 500px;
	max-height:500px;
	width:100%;
	margin: 10px auto;
}

input.register {
	width: 100%;
	max-width: 500px;
}

.link {
	color: blue;
	cursor: pointer;
}

.link:hover {
	text-decoration: underline;
}

img.link:hover {
	text-decoration: none;
}