/*	https://www.w3schools.com/css/default.asp	*/
	BODY {background-color:#FCFCFC;} 
	TD{text-decoration: none; font-family: "Century Gothic", "Arial", "Verdana"; font-size:14px; color:#F8F8F8} 

.whi 	h1{text-decoration: none; font-family: "Century Gothic", "Arial"; font-size:36px; color:#FFFEE0;}
.whi 	h2{text-decoration: none; font-family: "Century Gothic", "Arial"; font-size:32px; color:#FFFEE0;}
.whi 	TD{text-decoration: none; font-family: "Century Gothic", "Arial"; font-size:14px; color:#FFFEE0;}
.whi 	TH{text-decoration: none; font-family: "Century Gothic", "Arial"; font-size:24px; color:#FFFEE0; font-weight: bold;}
.whi 	A{text-decoration: none; font-family: "Century Gothic", "Arial"; font-size:14px; color:#FFFEE0;}
.whi 	A:hover{text-decoration: none; font-family: "Century Gothic", "Arial"; font-size:14px; color:#FFFEE0; font-weight: bold;}
.whi	INPUT{text-decoration: none; font-family: "Courier New"; font-size:14px; color:#282866;}
.whi	SELECT{text-decoration: none; font-family: "Courier New"; font-size:14px; color:#282866;}
.whi	OPTION{text-decoration: none; font-family: "Courier New"; font-size:14px; color:#282866;}
.whi	TEXTAREA{text-decoration: none; font-family: "Courier New"; font-size:14px; color:#282866;}
.whi	BUTTON{text-decoration: none; font-family: "Courier New"; font-size:14px; color:#FFFEE0; background-color:#C0EEA8; text-align: center;}

.blk 	h1{text-decoration: none; font-family: "Century Gothic", "Arial"; font-size:36px; color:#180000; margin-top: 20px; margin-bottom: 10px;}
.blk 	h2{text-decoration: none; font-family: "Century Gothic", "Arial"; font-size:24px; color:#180000; margin-top: 10px; margin-bottom: 5px;}
.blk 	TD{text-decoration: none; font-family: "Century Gothic", "Arial"; font-size:14px; color:#180000;}
.blk 	TH{text-decoration: none; font-family: "Century Gothic", "Arial"; font-size:24px; color:#180000; font-weight: bold;}
.blk 	A{text-decoration: none; font-family: "Century Gothic", "Arial"; font-size:14px; color:#180000;}
.blk 	A:hover{text-decoration: none; font-family: "Century Gothic", "Arial"; font-size:14px; color:#180000; font-weight: bold;}
.blk	INPUT{text-decoration: none; font-family: "Courier New"; font-size:14px; color:#282866;}
.blk	INPUT:read-only{text-decoration: none; font-family: "Courier New"; font-size:14px; color:#6868A6;}
.blk	SELECT{text-decoration: none; font-family: "Courier New"; font-size:14px; color:#282866;}
.blk	OPTION{text-decoration: none; font-family: "Courier New"; font-size:14px; color:#282866;}
.blk	TEXTAREA{text-decoration: none; font-family: "Courier New"; font-size:14px; color:#282866;}
.blk	INPUT[type=submit]{text-decoration: none; font-family: "Century Gothic"; font-size:14px; color:#180000; text-align: center; font-weight: bold; padding: 4px 8px; width: 150px;}
.blk	INPUT[type=button]{text-decoration: none; font-family: "Century Gothic"; font-size:14px; color:#180000; text-align: center; font-weight: bold; padding: 4px 8px; width: 150px;}

.adm 	h1{text-decoration: none; font-family: "Courier New", "Century Gothic", "Arial"; font-size:36px; color:#180000;}
.adm 	h2{text-decoration: none; font-family: "Courier New", "Century Gothic", "Arial"; font-size:32px; color:#180000;}
.adm 	TD{text-decoration: none; font-family: "Courier New", "Century Gothic", "Arial"; font-size:18px; color:#180000;}
.adm 	TH{text-decoration: none; font-family: "Courier New", "Century Gothic", "Arial"; font-size:24px; color:#180000; font-weight: bold;}
.adm 	A{text-decoration: none; font-family: "Courier New", "Century Gothic", "Arial"; font-size:18px; color:#180000;}
.adm 	A:hover{text-decoration: none; font-family: "Courier New", "Century Gothic", "Arial"; font-size:18px; color:#180000; font-weight: bold;}
.adm	INPUT{text-decoration: none; font-family: "Courier New", "Century Gothic", "Arial"; font-size:18px; color:#282866;}
.adm	SELECT{text-decoration: none; font-family: "Courier New", "Century Gothic", "Arial"; font-size:18px; color:#282866;}
.adm	OPTION{text-decoration: none; font-family: "Courier New", "Century Gothic", "Arial"; font-size:18px; color:#282866;}
.adm	TEXTAREA{text-decoration: none; font-family: "Courier New", "Century Gothic", "Arial"; font-size:18px; color:#282866;}

.lst 	TD{text-decoration: none; font-family: "Century Gothic", "Verdana", "Courier New"; font-size:12px; color:#180000;}
.lst 	TH{text-decoration: none; font-family: "Century Gothic", "Verdana", "Courier New"; font-size:12px; color:#180000; font-weight: bold;}
.lst 	A{text-decoration: none; font-family: "Century Gothic", "Verdana", "Courier New"; font-size:12px; color:#180000;}
.lst 	A:hover{text-decoration: none; font-family: "Century Gothic", "Verdana", "Courier New"; font-size:12px; color:#180000; font-weight: bold;}
.lst	INPUT{text-decoration: none; font-family: "Courier New"; font-size:12px; color:#282866;}
.lst	SELECT{text-decoration: none; font-family: "Courier New"; font-size:12px; color:#282866;}
.lst	OPTION{text-decoration: none; font-family: "Courier New"; font-size:12px; color:#282866;}
.lst	TEXTAREA{text-decoration: none; font-family: "Courier New"; font-size:12px; color:#282866;}
.lst	INPUT[type=submit]{text-decoration: none; font-family: "Century Gothic"; font-size:14px; color:#180000; text-align: center; font-weight: bold; padding: 4px 8px; width: 150px;}
.lst	INPUT[type=button]{text-decoration: none; font-family: "Century Gothic"; font-size:14px; color:#180000; text-align: center; font-weight: bold; padding: 4px 8px; width: 150px;}

.hdr 	TD{text-decoration: none; font-family: "Century Gothic", "Arial"; font-size:20px; color:#FFFEE0;}
.msg	H1{text-decoration: none; font-family: "Courier New"; font-size:24; color:#FF2020;} 
.msg	TH{text-decoration: none; font-family: "Courier New"; font-size:14; color:#FF2020; font-weight:bold;} 
.msg	TD{text-decoration: none; font-family: "Courier New"; font-size:14; color:#FF2020;} 
.msg	P{text-decoration: none; font-family: "Courier New"; font-size:14; color:#FF2020;} 
.msg	INPUT[type=button]{text-decoration: none; font-family: "Century Gothic"; font-size:14px; background-color:#FF4444; color:#FFFF80; text-align: center; font-weight: bold; padding: 4px 8px;}
.mnu	TD{text-decoration: none; font-family: "Verdana", "Arial"; font-size:16px; background-color:#4C4C4C; color:#FCFCFC;} 
.mnu	TH{text-decoration: none; font-family: "Verdana", "Arial"; font-size:16px; font-weight:bold; background-color:#4C4C4C; color:#FCFCFC;} 
.mnu	A{text-decoration: none; font-family: "Verdana", "Arial"; padding: 6px 6px; font-size:16px; background-color:#4C4C4C; color:#FCFCFC;} 
.mnu	A:hover{text-decoration: none; font-family: "Verdana", "Arial"; padding: 6px 6px; font-size:16px; background-color:#4C4C4C; color:#FCFCFC;} 

.sel 	TD{text-decoration: none; font-family: "Century Gothic", "Arial"; font-size:14px; color:#180000;}
.sel 	TD:hover{font-family: "Century Gothic", "Arial"; font-size:14px; color:#180000; background-color: #BDF896; font-weight: bold;}
.sel 	A{text-decoration: none; font-family: "Century Gothic", "Arial"; font-size:14px; color:#180000;}
.sel 	A:hover{font-family: "Century Gothic", "Arial"; font-size:14px; color:#180000; background-color: #9DE876; font-weight: bold;}

.kal 	h1{text-decoration: none; font-family: "Brooklyn", "Bodoni MT", "Times New Roman", "Century Gothic", "Verdana"; font-size:36px; color:#180000;}
.kal 	h2{text-decoration: none; font-family: "Brooklyn", "Bodoni MT", "Times New Roman", "Century Gothic", "Verdana"; font-size:32px; color:#180000;}
.kal 	TD{text-decoration: none; font-family: "Brooklyn", "Bodoni MT", "Times New Roman", "Century Gothic", "Verdana"; font-size:14px; color:#180000;}
.kal 	TH{text-decoration: none; font-family: "Brooklyn", "Bodoni MT", "Times New Roman", "Century Gothic", "Verdana"; font-size:24px; color:#180000; font-weight: bold;}
.kal 	A{text-decoration: none; font-family: "Brooklyn", "Bodoni MT", "Times New Roman", "Century Gothic", "Verdana"; font-size:14px; color:#180000;}
.kal 	A:hover{text-decoration: none; font-family: "Brooklyn", "Bodoni MT", "Times New Roman", "Century Gothic", "Verdana"; font-size:14px; color:#180000; font-weight: bold;}
.kal	INPUT{text-decoration: none; font-family: "Courier New"; font-size:14px; color:#282866;}
.kal	SELECT{text-decoration: none; font-family: "Courier New"; font-size:14px; color:#282866;}
.kal	OPTION{text-decoration: none; font-family: "Courier New"; font-size:14px; color:#282866;}
.kal	TEXTAREA{text-decoration: none; font-family: "Courier New"; font-size:14px; color:#282866;}

.dropbtn {background-color: #4C4C4C; color: #FCFCFC; padding: 6px; font-size: 16px; border: none;}
.dropdown {position: relative; display: inline-block;}

.dropdown-content {display: none; font-size: 12px; position: absolute; color: #FCFCFC; background-color: #4C4C4C; min-width: 200px; z-index: 1;}
.dropdown-content a {color: #FCFCFC; font-size: 12px; padding: 6px 6px; text-decoration: none; display: block;}
.dropdown-content a:hover {background-color: #FCFCFC; color: #4C4C4C; font-size: 12px;}

.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #4C4C4C; color: #FCFCFC;}

