a.link1:link {color: red; text-decoration: none }
a.link1:visited {color: red; text-decoration: none }
a.link1:hover {color: darkred; text-decoration: none }
a.link2:link {color: white; text-decoration: none ;margin-left:20px;margin-right:20px}
a.link2:visited {color: white; text-decoration: none }
a.link2:hover {color: gray; text-decoration: none }
a.link3:link {color: midnightblue; text-decoration: none }
a.link3:visited {color: midnightblue; text-decoration: none }
a.link3:hover {color: mediumblue; text-decoration: none }
a.link_logo:link {color: white; text-decoration: none ;margin-left:10px;margin-right:10px}
ul.list_none{list-style-type:none;}
/* h3 {text-decoration: underline;} */
p.resizeimage {
   max-width: 600px;
   min-width: 240px;
}
p.resizeimage img { width: 100%; }

.clearfix:after {
    content: "";
     clear: both;
   display: block;
}

body {
    margin: 0px;
    padding: 0px;    
/*    text-align: justify;
    text-justify: inter-ideograph;*/
}

.header_bg
{
    width: 100% ;
    height: auto;
    margin: 0;
    padding: 0;
    background-color: midnightblue;
}

.header_img
{
    width: 100% ;
    height: auto;
    margin: 0;
    padding: 0;
    background-color: midnightblue;
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.header {
     background-color: midnightblue;
     font-size: 24pt;
     font-family: sans-serif;
     text-align: center;
     color: white;
     margin: 0;
     padding-top: 20px;
     padding-bottom: 5px;
}

.links {
     background-color: midnightblue;
     font-size: 14pt;
     font-family: helvetica;
     text-align: center;
     color: white;
     margin: 0;
     padding-top: 5px;
     padding-bottom: 20px;
}

.wrapper {
     float: right;
     margin: 0;
     width: 100%;
     margin-left: -300px;
}
 
.content {
     padding-left: 10px;
     padding-right: 10px;
     margin-left: 280px;
     font-family: helvetica;
     line-height: 140%;
     border: medium solid midnightblue;
     text-align: justify;
     text-justify: inter-ideograph;
}
 
.sidebar {
     padding-left: 10px;
     padding-right: 10px;
     width: 240px;
     height: auto;
     font-family: helvetica;
     line-height: 140%;
     border: medium solid midnightblue;
}
 
.content_footer {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
    margin-left: 280px;
    font-family: helvetica;
}

.footer {
    height: auto;
    margin: 20px;
    padding: 20px;
}

@media (max-width: 800px) {
     .wrapper, .content, .sidebar {
          float: none;
          margin: 0;
          width: auto;
     }
}

#menu{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}
#menu a{
  display: midnightblue;
  padding: 12px 0 10px;
  background: midnightblue;
  text-decoration: none;
  font-size: 12pt;
  font-family: sans-serif;
  color: white;
  text-align: center;
}
#menu a:hover{
  text-decoration: none;
  color: gray;
  background: midnightblue;
}

.fixed {
  position: fixed;
  top: 0px;
}

/*
#menu {
    position: fixed;
    top: 0px;
    left: 0px;
}
#menu a {
    background: midnightblue;
    text-decoration: none;
    font-size: 12pt;
    font-family: sans-serif;
    color: white;
    width: auto;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 0px;
}
#menu a:hover {
    text-decoration: none;
    color: gray;
    background: midnightblue;
}
*/

#pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#pagetop a {
    background: midnightblue;
    text-decoration: none;
    font-size: 12pt;
    font-family: sans-serif;
    color: white;
    width: 50px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 0px;
}
#pagetop a:hover {
    text-decoration: none;
    color: gray;
    background: midnightblue;
}

div.imagebox {
    float: right;
    font-size: 80%;
    color: gray;
 }