/*
   box-shadow: inset 5px 5px 5px #e6e6e6

*/



body {
    font-size: 100%;
    background-color: #d9d9d9;
}

img { border: 0; }

h1 {
    float: left;
    margin-left: 140px;
    border: 7px solid #FFFFFF;
    border-radius: 5px;
    background-color: #ffffff;
    margin-top: -105px;
   }
   
h2 {
   margin-left: 140px;
   margin-right: 140px;
   margin-top: 10px;
   background-color: #ffffff;
   text-align: center;
   border-radius: 5px;
   text-align: center;

   }
   

div.d1 {
   font: 1em arial, sans-serif;
   color: #000000;
   text-align: left;
   margin-right: 140px;
   margin-left: 140px;
   border: 10px solid #FFFFFF;
   background-color: #FFFFFF;
   border-radius: 5px;
   line-height: 130%;
   margin-top: -6px;
   line-height: 23px;
  
} 


.d1 a:visited, .d1 a:active, .d1 a:link {text-decoration: none; color: #003366;}
.d1 a:hover {text-decoration: underline; color: #003366;} 



    
h3 {
   margin-top: -3px;
   margin-left: 140px;
   margin-right: 140px;
   background-color: #ffffff;
   border-radius: 5px;
   text-align: center;

  }
   
h4 {
   font: 0.80em arial, sans-serif;
   color: black;
   text-align: center;
   margin-top: -5px;
   line-height: 150%;

   }
   
h4 a:visited, h4 a:active, h4 a:link {text-decoration: none; color: #003366;}
h4 a:hover {text-decoration: underline; color: #003366;}   
   
   
   
ul {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    background-color: #003366;
    margin-left: 400px;
    margin-right: 140px;
    margin-top: 120px;
    border-radius: 5px;
    color: #ffffff;

}



li {
    float: left;
}

li a {
    display: block;
    font: bold 1.04em arial, sans-serif;
    text-align: center;
    padding: 10px 14px;
    text-decoration: none;
    color: #ffffff;

}




li a:hover:not(.active) {
    background-color: #ec7525; color: #ffffff;
}

.active {
    background-color: #ec7525; color: #ffffff;
}


dl {font: 1em arial, sans-serif;
    padding-left: 1em;
}