html, body {height: 96%}

body{
	background: rgb(207, 209, 196);
	/*background: #333;*/
}

.centeredmain{
	height: 100%;
	width: 100%;
	display: flex;
	margin: auto;
	align-items:center;
	justify-content:center;
}

ul.menuwrap{
	padding: 0px;
	width: 100%;
}

li.homeitem{
	display: none;
	float: left;
}

ul.menuwrap li{
	display: block;
/*	float: left;*/
	border: 1px solid #ccc;
	padding: 5px 5px;
}


.menuitem{
	text-align: center;
}

h1{
	font-size: 6vmin; /*clamp(14pt, 6vmin, 24pt);*/
}

h2{
	font-size: clamp(14pt, 5vmin, 24pt);
}

body{
	font-size: clamp(8pt, 3vmin, 14pt);
}

.menuitem a{
	color: #01629F;
	font-size: clamp(6pt, 3vmin, 12pt);
}

.menuitem--sel a{
	color: #000;
	text-decoration: none;
}

.menuitem img{
	opacity: 0.5;
}

.menuicon{
	height: 100%;
	max-height: 32px;
}

.menuitem:hover img{
	opacity: 0.75;
}

.menuitem--sel img{
	opacity: 1;
}

.menuitem:hover a{
	color: #A70CD3;
}

li.logitem{
	float: right;
}

.logo{
	width: 100%;
	max-width: 200px;
}

.button_mem{
	width: 100%;
	max-width: 300px;	
}

.button_mem--join{
	background: #0f0;
}

.button_mem--forgot{
	background: #ff0;
}

.button_mem--login{
	background: #0f0;
}

.button_mem--resend{
	background: #ccc;
}

.div_mem{
	margin: 10px;
}

#addthis{
	position: fixed;
	right: 0px;
	width: 300px;
	background: #fff;
	border: 3px solid #000;
	padding: 10px;
	margin: 10px;
}

.add-android{
	top: 5px;
}

.add-apple{
	bottom: 5px;
}

thead td{
	font-weight: bold;
}

input[type="text"]{
	width: 90%;
	max-width: 400px;
}

table{
	border-collapse: collapse;
}

.subtd{
	border: 1px solid #ccc;
}

.tdcenter{
	text-align: center;
}

/*input[type=checkbox]{
	width: 10%;
	max-width: 60px;
}*/

.nav-btn{
	padding: 3px 10px;
}

.nav-btn > a{
	text-decoration: none;
}

.invisible{
	display: none;
}

pre{
	line-height: 1;
}