body { 
     font-family: "Century Schoolbook L",serif;
     background-image: url(Images/background.png);
     text-align: justify;
     color: #43437a;
     padding: 0;
     margin: 0;
}

h1 { 
     color: silver;
     background-color: #43437a; /* #3c3c6e; #3a3a6c; #54549c; */
     font-style: italic;
     font-variant: small-caps;
     font-weight: bold;
     padding: 0.5em 0 0.5em 1em;
     margin: 0;
}

.shadow1, .shadow2, .shadow3 .shadow4 {
     /* display:inline-table; */
     position: relative;
  }

.shadow1 {  
     position: relative;
     float:left;
     top: 30px;
     left: 30px;
     background:url(Images/shadow.png) right bottom no-repeat;
         
}

.shadow3 { 
     position: relative;
         top: -27px;
         left:27px;
         background:url(Images/corner_tr.png) right top no-repeat; 
         }
.shadow2 { 
     position: relative;
         left: -27px; 
         background:url(Images/corner_bl.png) left bottom no-repeat;
         }
.shadow4 { 
     position: relative;
         left: -27px;
         background-color: white;
         padding: 10px 10px 10px 10px; 
         }


.navigation {
   font-size:smaller;
   background-color: white;
   padding: 0em 0em 0em 1em;
   margin: 0;
}

.navigation ul { 
   display: inline;
   /* list-style-position:inside; */
   list-style-type:none;
   padding: 0;
   margin: 0;
}

.navigation ul>li { 
   display: inline;
   list-style-type:disc;
}
.navigation ul>li:before {
   content: "->";
}

.main { 
     display: table;
     width: 100%;
     /* margin: 1em 0em 0em 0em; */
     /* margin: 1em; */
 }

.content {
     display: table-cell;
     padding: 2em; 
}

.content h1 { 
     color: #43437a;
     background-color: white;
     padding: 0;
     margin: 0;
     font-variant: normal;
     font-style: normal;
}

.menu {  
     position: relative;
     right: 0em;
     display: table-cell; 
     padding: 2em;
}

.menu ul { 
     list-style-type: none; 
     font-family: sans,"Sans Serif",Helvetica,Arial,sans-serif;
     padding: 0px;
     margin: 0px;
     border-color: gray;
     border-bottom-style: solid;
     border-bottom-width: 1px;
     border-right-style: solid;
     border-right-width: 1px;
     border-left-style: solid;
     border-left-width: 1px;
}

a { 
     color: gray;  
     font-family: sans,"Sans Serif",Helvetica,Arial,sans-serif;
     font-weight: bold;
     text-decoration: none;
}

a:hover { 
     font-weight: bold;
     text-decoration: underline;
}

.menu ul>li {  
     border-color: gray;
     border-top-style: solid;
     border-top-width: 1px;
     padding: 5px;     
}


.menu ul>li:hover {  
     color: silver; 
     background-color: #43437a;
}


.menu ul>li a { 
     color:  #43437a;
     background-color: white;                     
}

.menu ul>li:hover a { 
     color: silver; 
     background-color: #43437a;      
}

.menu ul>li a:hover { 
     color: silver; 
     background-color: #43437a;      
}

.menu ul>li ul {
     margin: 5px -5px -5px -5px;  
     padding: 0px 0 5px 5px ;
     border: 0;
     font-size: smaller;
}

.menu ul>li:hover ul {  
     color:  #43437a;
     background-color: white; 
}

.menu ul>li:hover ul>li a { 
     color:  #43437a;
     background-color: white;                     
}

.menu ul>li:hover ul>li:hover a { 
     color: silver; 
     background-color:  #43437a;                  
}

.menu ul>li ul>li {
     border: none;
     padding: 0 0 0 5px ;
}

.footer { 
     position: relative;
     bottom: 0pt;
     background-color: white;
     text-align: center;
     font-size: x-small;
     margin: 2em 0 0 0 ;
     width: 100%;
}

img.figure {
  float: right;
  border: none;
  padding: 5px;
}

img.figure-left {
  float: left;
  border: none;
  padding: 5px;
}