@font-face {
   font-family: "fnt"; src: url("ng.woff");
   font-weight: normal; font-style: normal;}
@font-face {
   font-family: "fnt"; src: url("ngb.woff");
   font-weight: bold; font-style: normal;}
@font-face {
   font-family: grotesk; src: url("freeav.otf");
}
body {
   font:13pt fnt, serif; margin:0px; padding:0px;}
a {
   color:#04199f; text-decoration:none;}
a:hover {
   color:#30f; text-decoration:underline;}
h1, h3 {
   font:16pt grotesk, sans-serif; color:#041961;}
h1 {
   margin:50px 0px 0px; padding-bottom:3pt; text-align:center;}
h3 {
   font-size:14pt; margin:12pt 0px 6pt 0px;}
img.iconMenu {
   height:32px; position:fixed; left:10px; top:7px; display:none;}
nav ul, ul#mnuMob {
   width:100%; margin:0px; padding:6pt 0px; text-align:center;
   font:16px grotesk, sans-serif; background:#041961;
   position:fixed; top:0px; left:0px;}
nav a {
   color: #fff;}
nav li, ul#mnuMob li {
   list-style:none; display:inline; margin:0px; padding:6pt 12pt;}
li.selected {
   background:#04199f;}
ol li {
   margin-bottom:3pt;}
ul#mnuMob {
   display:none;}
p {
   padding: 3pt; margin: 0px;}
p, li {
   -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto;}
div#body {
   width:1000px; max-width:98%; margin:auto; margin-bottom:24pt;}
div#about p {
   text-indent:-1.5em; margin-left:1.5em;}
div#photo + p {
   margin-top:12pt; text-align:center;}
div#photo {
   display:block; width:160px; margin:12pt auto;}
div#photo img {
   border:1px solid gray; width:150px;
   box-shadow: 2px 2px 3px 2px #999; cursor: pointer;}
div#links p {
   margin-left:12pt;}
div#docs p {
   margin-left:1em; text-indent:-1em;}
@media (max-width: 960px) {
   img.iconMenu {
      display:block;}
   nav li {
      display:block; padding:2px 3pt;}
   nav ul {
      display:none;}
   ul#mnuMob {
      display:inline-block;}
}