html {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	width: 100%;
	height: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	min-height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	background-image: url("../img/back_img.jpg");
	background-size: 100% 100%;
}

table {
	width: 100%;
	align:center;
	border: 0px;
	cellpadding: 0px;
	cellspacing: 0px;
	display: block;
}

table.cl_menu {
	display: table;
	color: #FFFFFF;
	text-shadow: -1px -1px 0 #222222, 1px -1px 0 #222222, -1px 1px 0 #222222, 1px 1px 0 #222222;
	border-collapse: collapse;
}

td.cl_menu_item {
	height: 100%;
	width: 20%;
	text-align: center;
	font-size: 150%;
	background-color: #1b170c;
}

table.cl_submenu {
	border-collapse: collapse;
	color: #FFFFFF;
	text-shadow: -1px -1px 0 #222222, 1px -1px 0 #222222, -1px 1px 0 #222222, 1px 1px 0 #222222;
}

td.cl_sub_item {
	height: 100%;
	width: 15%;
	text-align: center;
	font-size: 125%;
	background-color: #b78e60;
}

table.cl_header {
	cellspacing: 0;
	cellpadding: 0;
	border-style: none;
	background-image: url('../img/header.jpg');
	background-size: 100% 100%;
	text-shadow: -1px -1px 0 #222222, 1px -1px 0 #222222, -1px 1px 0 #222222, 1px 1px 0 #222222;
}

div.cl_footer {
	width: 100%;
	height: 50px;
	background-color: #026440;
	color: #FFFFFF;
	text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
}

table.cl_content {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	color: #000000;
	font-weight: bold;
}

img.cl_cont_img {
	width: 90%;
	height: 90%;
	margin-top: 10px;
	margin-left: 10px;
}

td.cl_cont_left {
	align: center;
	width: 50%;
}

td.cl_cont_right {
	align: left;
	width: 50%;
	font-size: 150%;
}

td.cl_doc_text {
	width: 100%;
	align: left;
}

textarea.cl_form_text {
	resize: none;
	margin-top: 5px;
	width: 702px;
}

input.cl_form_btn {
	width: 150px;
	height: 50px;
	font-weight: bold;
	font-size: 100%;
}