/* common html */
:root {
	--bg-color: #1787cb;
	--bg-reverse-color: white;
	--bg-color-bw: #6e9dbb;
	--contain-wide: 1280px;
	}

a {color: #1475b1; ; ;var(--bg-color); text-decoration: none; font-size: 16px; font-weight: bold;}
	

html {height: 100%;}
body {
	font: normal 16px arial;
	padding: 0;
	margin: 0;
	color: #eee;
	overflow-y: scroll;
	}




/* buttons */
.auto-button {
	border: none;
	xpadding: 5px 10px 5px 10px;
	font-weight: bold;
	font-size: 16px;
	min-width: 5em;
	border-radius: 1px;
	background-color: var(--bg-color);
	color: var(--bg-reverse-color);
	cursor: pointer;
	border-radius: 5px;
	text-transform: uppercase;
	}

.med-button {
	border: none;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	font-size: 16px;
	min-width: 5em;
	border-radius: 1px;
	background-color: var(--bg-color);
	color: var(--bg-reverse-color);
	cursor: pointer;
	border-radius: 5px;
	text-transform: uppercase;	
	}


.big-button {
	border: none;
	padding: 15px 50px 15px 50px;
	font-weight: bold;
	font-size: 16px;
	min-width: 5em;
	border-radius: 1px;
	background-color: var(--bg-color);
	color: var(--bg-reverse-color);
	cursor: pointer;
	border-radius: 5px;
	text-transform: uppercase;
	}


	
/* ------------------------------------------ */
.big-header {
	border: none;
	padding: 15px 50px 15px 50px;
	font-weight: bold;
	font-size: 16px;
	min-width: 5em;
	border-radius: 1px;
	background-color: var(--bg-color);
	color: var(--bg-reverse-color);
	border-radius: 5px;
	text-transform: uppercase;
	margin-bottom: 15px;
	}