body { font-size:12pt; font-family: Verdana, Arial, Helvetica, sans-serif; }
a { color:black; }
i { color:green; }
s { color:red; }
#logo { padding:20px;text-align:left;}
#logo img{width:50%;}
#menu { margin:0; padding:0; width:100%; height:37px; color:#1a486b; background-color:rgba(255,255,255,0.5); font-weight:normal; text-decoration:none; clear: right; border-bottom:2px solid #777777; }
#menu ul{ list-style:none; margin:0; padding:0; border:0; }
#menu ul li { display: block; position: relative; float: left; }
#menu li ul { z-index:1999; display: none; }
#menu ul li a { display: block; text-align: left; height:24px; text-decoration: none; color: #777777; font-size:15pt; font-weight: normal; padding: 6px 10px 7px 10px; white-space: nowrap; }
#menu .more::after { content: "⌄"; }
#menu li.current a { color:#fff; background-color:#777777; }
#menu li:hover li.current a { color:#fff; background-color:#777777; }
#menu li a:hover{ color:#fff; background-color:#777777; }
#menu li a:hover{ color:#fff; background-color:#777777; }
#menu ul li a:hover {	color: #fff; background-color: #777777; }
#menu li:hover ul { z-index:1999; display: block; position: absolute; border: 2px solid #777777; border-top:0; margin:0; padding:0; }
#menu li:hover li { float: none; }
#menu li:hover a { color: #777777; background-color: #fff; }
#menu li:hover li a:hover { color: #fff; background-color: #777777; }
h1 { font-size:1.5em; text-align:left; font-weight:normal; color:#777777; }
h2 { font-size:1.2em; }
h3 { font-size:0.8em; text-align:left; margin-block-start: -1em; margin-block-end: 0; color:#555; font-weight:normal; }
#logo h1 { font-size:1.2em; font-style:italic; color:#555; }
#body li { font-size:0.9em; /* margin:5px; */ }
#body ol, #body ul { padding-left:20px; margin:5px; overflow: hidden; }
.button { float:left; text-align:center; font-size:0.8em; color: #999; margin-right:20px; margin-bottom:10px; /* background: no-repeat top center/contain url('img/teamback.jpg'); */ }
.button a { color: #333; }
/*.button img { filter: drop-shadow(2px 2px 4px black); }*/
.small { font-size:0.8em; }
@media screen {
	body {text-align:left;background-color:#fff;}
	#page { width:1000px; margin: auto; padding-bottom:30px; background:url('img/background.jpg') no-repeat 0 0; background-size: 1000px auto; }
/*	#body { margin-right:290px; } */
	#side { position:relative; clear:both; width:250px; float: right; text-align: center; color:black; background-color:rgba(238,238,238,0.8); border-left:2px solid #777777; margin: 20px 0 10px 20px; }
	#footer { display:none; }
}
@media screen and (max-width: 1010px) {
	#page { width: 100%; margin:0; background:url('img/background.jpg') no-repeat 0 0; background-size: 100% auto; }
	#menu { height:34px; font-weight: normal;  }
	#menu ul li a { font-size:13pt; font-weight: normal; height:21px;}
	#menu ul li.current a { font-size:13pt; }
}
@media screen and (max-width: 600px) {
	body {margin:0;}
	#page { width: 100%; margin:0; background:url('img/background.jpg') no-repeat 0 0; background-size: 100% auto; }
	#logo img { width:100%;}
	#logo h1 { font-size:1em; }
	#logo h3 { font-size:0.6em; }
	#side { display:none; }
	#body { margin: 0; padding:5px; clear:both; clear:both; }
	#footer { min-height: 50px; display:block; font-size:0.9em; margin-top:5px; }
	#menu { height:31px; font-weight: normal;  }
	#menu ul li a { font-size:11pt; font-weight: normal; height:18px;}
	#menu ul li.current a { font-size:11pt; }
	#menu ul li { max-width:25%; }
	#menu li ul li { max-width:100%; }
}
@media screen and (max-width: 400px) {
	#logo h1 { font-size:0.9em; }
	#logo h3 { font-size:0.6em; }
	#menu { height:28px; font-weight: normal;  }
	#menu ul li a { font-size:9pt; font-weight: normal; height:15px;}
	#menu ul li.current a { font-size:9pt; }
	#menu ul li { max-width:25%;  }
	#menu li ul li { max-width:100%; }
}
@media print {
	body{text-align:left;background-color:#fff;margin:1.5cm;}
	#side { display:none; }
	#body { margin:0; padding:0; }
	#logo { margin:0; padding:0; text-align:right; }
	#footer { min-height: 50px; display:block; font-size:0.9em; margin-top:5px; }
	#menu { display:none; }
}
