:root {--condition-bg-color: #c37e43;
	--condition-head-bg-color: #318e02;
	--content-bg-color: #fffaf0;
	--content-color: #000080;
	--font-family: Arial, Helvetica, sans-serif;
	/* --font-family: blacker_pro_display_condensed; */
	--font-size: 12pt;
	--foot-bg-color: #27417d;
	--head-bg-color: #27417d;
	--head-text-color: #ffffff;
	--index-body-bg-color: #c0c0c0;
	--index-body-padding: 7px;
    --link-image-height: 40px;
	--menu-level-1-bg-color: #4d4d4d;
	--menu-level-2-bg-color: #666666;
	--menu-level-3-bg-color: #808080;
	--menu-level-4-bg-color: #999999;
	--nav-menu-bg-color: #666666;
	--page-title-text-color: #d2691e;
	--pool-blue: #0000ff;
	--pool-green: #006600;
	--pool-red: #cc0000;
	--pool-yellow: #ffff00;
	--pool-yellow-gold: #ffd700;
	--sub-menu-bg-color: #888888;
	--sub-title-text-color: #c37e43;}
	
* {-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: var(--font-family);
	font-size: var(--font-size);}
	
html,body {display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background-color: var(--content-bg-color);
	color: var(--content-color);}

#page-head {background-color: var(--head-bg-color);
	display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
	padding: 3px;}

#page-title {color: var(--page-title-text-color);
	font-size: larger;
	font-weight: bold;}

#page-sub-title {color: var(--sub-title-text-color);
	font-size: large;
	font-weight: bold;}

#page-content {flex: 1 1 auto;
	overflow: hidden;}

#content-wrapper {overflow: auto;
	height: 100%;}

#page-foot {display: flex;
	flex: 0 0 auto;
	height: 45px;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	position: relative;
	background-color: var(--foot-bg-color);}

.foot-image-link {height: 35px;
	padding: 0 5px;}

#page-foot .icon-image {height: 100%;}

p {margin: revert;}

.menu-toggle {display: none;}

.menu-item {cursor: pointer;}

.toggle-switch {font-size: inherit;
	border: groove goldenrod;
	border-width: 0 .2em .2em 0;
	border-radius: .15em;
	box-shadow: .055em .055em 0 rgba(0, 0, 0, 0.3);
	display: inline-block;
	padding: .1875em;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	margin: 0 0 .125em .5em;
	cursor: pointer;}

.toggle-switch[data-open] {transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	margin-left: .625em;}

.pool-blue {color: var(--pool-blue);}

.pool-green {color: var(--pool-green);}

.pool-red {color: var(--pool-red);}

.pool-yellow {color: var(--pool-yellow);}

.pool-yellow-darker {color: var(--pool-yellow-gold);}