body { font-size:12pt; font-family: 'Lucida Sans', helvetia, arial, sans-serif; }
a { color:black; }
#logo { padding:20px;text-align:left;}
#logo img{width:700px; max-width:70%;filter: drop-shadow( 3px 3px 2px rgba(80, 80, 88, .5));}
#menu { margin:0; padding:0; width:100%; height:37px; color:#1a486b; background-color:#00007e; font-weight:normal; text-decoration:none; clear: right; }
#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; overflow:hidden; text-align: left; height:24px; text-decoration: none; color: #fff; 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:#c2440b; }
#menu li:hover li.current a { color:#fff; background-color:#c2440b; }
#menu li a:hover{ color:#fff; background-color:#c2440b; }
#menu li a:hover{ color:#fff; background-color:#c2440b; }
#menu ul li a:hover {	color: #fff; background-color: #c2440b; }
#menu li:hover ul { z-index:1999; display: block; position: absolute; margin:0; padding:0; }
#menu li:hover li { float: none; }
#menu li:hover a { color: #fff; background-color: #00007e; }
#menu li:hover li a:hover { color: #fff; background-color: #c2440b; }
h1 { font-size:1.5em; text-align:left; font-weight:bold; color:#000; }
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 { background-color:#fff; }
#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; }
#picinfo { position:absolute; bottom:20px; padding:5px; left:calc(10% - 7px); background:rgba(255,255,255,0.7); width:80%; border:2px solid white; border-radius: 10px; color:#000; font-size:0.9em; }
@media screen {
	body {text-align:left;background-color:#fff;}
	#page { width:1000px; margin: auto; padding-bottom:30px; background:url('images/background.png') no-repeat; background-size: 40% auto; background-position:top right; }
/*	#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; }
	#pictures { position:relative; width:340px; max-width:calc(100% - 20px); min-height:500px; height:inherit; background-size:100% auto; display:inline-block; margin:10px; border-radius:20px; }
}
@media screen and (max-width: 1010px) {
	#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; }
	#logo img { width:100%;}
	#logo h1 { font-size:1em; }
	#logo h3 { font-size:0.6em; }
	#side { display:none; }
	#body { margin: 5px; 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:27px; font-weight: normal;  }
	#menu ul li a { font-size:8pt; font-weight: normal; height:14px;}
	#menu ul li.current a { font-size:8pt; }
	#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; }
}