* {
  margin: 0;
  padding: 0;
  }

body {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  }
  
  
 .header {
  position: relative;
  width: 80%;
  margin: 0 auto;
  border: thin solid ;
  background-color: white;
  } 
  
.logo {
  width: 60%;
  }

.topmenu { 
  font-size: 150%;
  background: linear-gradient(rgb(255,255,240),rgb(210,105,30));
  background: -ms-linear-gradient(rgb(255,255,240),rgb(210,105,30));
  background: -o-linear-gradient(rgb(255,255,240),rgb(210,105,30));
  background: -webkit-linear-gradient(rgb(255,255,240),rgb(210,105,30));
  border-top: thin solid;
  }

  .topmenu li {   
    font-family: Times, 'Times New Roman', Georgia, serif;
    display: inline-block;
    border:  solid 0.05em;
    width: 5em;
    text-align: center;
    background: linear-gradient(rgb(255,255,240),rgb(210,105,30));
    background: -ms-linear-gradient(rgb(255,255,240),rgb(210,105,30));
    background: -webkit-linear-gradient(rgb(255,255,240),rgb(210,105,30));
    background: -o-linear-gradient(rgb(255,255,240),rgb(210,105,30));
    }
  
  .topmenu li a {
    padding-top: 0.1em; 
    padding-bottom: 0.1em;
    display: block;
    }
    
  .topmenu li a:hover {
    background-color: rgb(255,228,181);
    }  
  
  .active { 
    background: linear-gradient(rgb(210,105,30),rgb(245,225,200)) !important;
    background: -ms-linear-gradient(rgb(210,105,30),rgb(245,225,200)) !important;
    background: -webkit-linear-gradient(rgb(210,105,30),rgb(245,225,200)) !important;
    background: -o-linear-gradient(rgb(210,105,30),rgb(245,225,200)) !important;
    }
    
a {
  text-decoration: none;
  color: black;
  }
  
  a:focus {
    color: rgb(255,255,0) !important;
    background-color: brown !important;
    font-weight: bold !important;
    }
  
  .page a , .footer a{
    text-decoration: underline;
    }
    
   .page a:hover , .footer a:hover{
    color: rgb(0,0,255);
    }                          

.breadcrumbs {
  position: absolute;
  top: 0;
  clear: both;
  padding: 0;
  margin: 0.1em 0.5em;
  }
  
  .breadcrumbs a {
  text-decoration: underline;  
    }

  .breadcrumbs li {
    font-size: 80%;
    list-style: none;
    display: inline-block;
    padding: 0;
    }

  .breadcrumbs li + li:before {
    content: "> ";
    }

h1, h2 {
  margin: 1em 0.5em;
  }

p {
  margin: 0.8em 0.5em;
  text-indent: 1em;
  }
    
.page {
  position: relative;
  width: 80%;
  margin: 0 auto;
  background-color: white;
  }
dl {
  margin-left: 1em;
  margin-bottom: 1em;
  }
  
  dt {
    font-weight: bold;
    }
  
  .footer dt {
    font-weight: normal;
    }
  
  .inline {
    float: left;
    clear: left;
    margin-right: 0.5em;
    }
    
  .inlinedd {
    float: left;
    } 
    
    .last {
      margin-bottom: 0.5em;
      }
    
h2 {
  clear: left;
  }
  
  dl + h2 {
    margin-top: 4em;
    }
    
ul {
    margin-left: 2rem;
} 
   
li {
    display: block; 
    position: relative;
}
    
  
.footer {         
  position: relative;
  width: 80%;
  margin: 0 auto;
  }
  
.source {
  display: none;
  }
  
address , .sitemap, .date{
  display: inline-block;
  margin: 1rem 1rem;
  }
  
.date {
  font-style: italic;
  }
    
  @media screen and (max-width: 1050px) {
  .header, .page, .footer {
    width: 100%;
    }           
    
  }
    
  @media screen and (max-width: 620px) {
    
  .topmenu {
    background: transparent;
    border: none; 
    }
    
  .topmenu li {
    width: 100%;
    }
    
  .logo {
    width: 100%;
    }
  }