:root {
	--back: #591cOb;
	--front: #DCE1E3;
	--highlight: #5C5F58;
	--link: #B73225;
}

body {
	background-color: #591c0b;
	color: black;
	font-family: verdana;
	font-size: 12pt;
	background-image: url('/images/bg_image.jpg');
	background-size: cover;
}

.top a {
	padding: 10px;
	padding-left: 104px;
	font-weight: 700;
	font-family: Broadway;
	font-size: 20pt;
	text-decoration: none;
	color: red;
}

.menu {
	padding: 10px;
}

.menu #hi {
	font-weight: 600;
}

.box {
	float: center;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	width: 95%;
	min-height: 450px;
	border: 5px solid grey;
	border-style: groove;	
	font-size: 12pt;
	background-color: #F2F3F4;
	color: black;
}

.box a {
	color: red;
	padding: 0px;
	text-decoration: none;
	font-size: 12pt;
	font-weight: 500;
}

.box #hi {
	color: black;
	font-weight: 600;
}

.info {
	padding: 10px;
	padding-left: 25px;
}

.info #hi {
	color: #05204A;
	font-weight:600;
}

.info a {
	padding-left: 21px;
	text-decoration: none;
	font-size: 11pt;
	color: red;
	font-weight: 600;
}

dt {
	color: blue;
	font-weight: 600;
}



/* Hierarchtical Menu */

.tree-menu{
    max-width: 175px;
/*    margin: 10px auto; */
}

input {
	font-size: 11pt;
/*	font-size: 1em; */
}

.tree-menu ol.tree {
	padding-left: 1px;
}

.tree-menu li {
	list-style-type: none;
	user-select: none;
	color: var(--header);
/*	color: #313131; */
	position: relative;
	margin-left: -15px;
    border-left: 1px dotted #aaa;
}

.tree-menu li label {
	padding-left: 37px;
	cursor: pointer;
	background: url("/images/folder-horizontal.png") no-repeat 15px 2px;
	display: block;
}

.tree-menu li input {
	width: 1em;
	height: 1em;
	position: absolute;
	left: -0.5em;
	top: 0;
	opacity: 0;
	cursor: pointer;
}

.tree-menu li input+ol {
	height: 1em;
	margin: -16px 0 0 -44px;
	background: url("/images/toggle-small-expand.png") no-repeat 40px 0;
}

.tree-menu li input+ol>li {
	display: none;
	margin-left: -14px !important;
	padding-left: 1px
}

.tree-menu li.file {
	margin-left: -1px !important;
}

.tree-menu li.file a {
	display: inline-block;
	padding-left: 21px;
	color: red;
	font-size: 11pt;
	font-weight: 600;
	text-decoration: none;
	background: url("/images/document.png") no-repeat 0 0;
}

.tree-menu li input:checked+ol {
	height: auto;
	margin: -21px 0 0 -44px;
	padding: 25px 0 0 80px;
	background: url("/images/toggle-small.png") no-repeat 40px 5px;
}

.tree-menu li input:checked+ol>li {
	display: block;
	margin: 0 0 0.063em;
}

.tree-menu li input:checked+ol>li:first-child {
	margin: 0 0 0.125em;
}