/* CSS Document */

@charset "utf-8";
body { margin:0; padding:0; color:#000000; background-color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; }
div { display:block; clear:none; }
#container { border:1px solid #666666; margin:1%; width:98%; }
header {display:flex; align-items:center; font-size:14px; border-bottom:2px solid #003366;}
header div { flex-grow:1; padding:4px; } /*margin:auto;*/
nav { width:100%; display:inline-flex; flex-wrap:wrap; justify-content:flex-end; border:2px solid #FEFEFE; border-right:none; border-left:none; 
  background-color:#003366; text-align:right; }
nav a { padding:5px 6px; border-left:2px solid #FEFEFE;
  font-weight:bold; font-size:15px; color:#FFFFFF; text-decoration:none; }
nav a:hover { color:#FF3333; }

section { clear:both; padding:0 15px 0 0; display:inline-flex; }  /* margin:0 25px 20px 0; */
aside { flex-basis:150px; background-color:#AFC1D6; padding:10px 8px; text-align:center; }
aside a { clear:both; display:block; margin:4px 0; padding:4px 0;
  color:#000099; font-size:15px; text-decoration:none; }
aside a:hover { color:#CC3333; }

main { padding-left:32px; font-size:14px; flex-basis:auto; }

footer { color:#666666; font-size:12px; text-align:center; clear:both; border-top:2px solid #BFCCD9; padding:0 4px; }
footer p { text-indent:unset; }
footer a { color:#666666; font-size:10px; text-decoration:none; }
#navhide {display:none;}
.sitemap tr td {border-bottom:1px dotted #CCCCCC;} table.sitemap {margin:20px 0;}

#flexa {display:flex; justify-content:space-around; align-items:stretch;}
#flexa a{text-align:center; border:3px solid blue; padding:8px 12px; box-shadow: 6px 6px 12px #888; font-size:2vw; border-radius:8px; background-color:#DEF; cursor:pointer;}

ul { margin:5px; } li { margin:8px 0; list-style-position:inside; }
iframe { margin:0; padding:0; clear:none; }
h1, h2, h3 { color:#000099; font-size:20px; margin:5px 0 12px 0; text-indent:-15px; }
h1 { font-size:26px; color:#990000; margin:12px 0 12px 0; }
h2 { font-size:22px; color:#000099; margin:18px 0 8px 0; }
h3 { font-size:20px; color:#009900; margin:5px 0 12px 0; }
small { font-size:12px; }

p, h, f {display:block; margin:6pt 0 12pt 0; } /* Declare Defaults */
p.hanging, h { text-indent:-24px; margin-left:-15px; padding-left:24px; }
p.indent, p { text-indent:24px; margin-left:-15px; }
p.flush, f { text-indent:0; margin-left:-15px; }

main a { color:#0000FF; }
main a:visited { color:#9966FF; }
main a:hover { color:#FF0000; }

form.f1 label { width:150px; float:left; text-align:right; padding-right:6px; margin-top:6px; }
.f1 label.no { width:auto; float:none; text-align:left; }
.f1 input, .f1 select { width:200px; margin-top:6px; }
.f1 input.no, .f1 select.no { width:auto; }
.f1 textarea { width:290px; margin-top:6px; }
input[type=radio] { margin-top:10px; }