* {
margin: 0 0 0 0;
padding: 0 0 0 0
}

#hnav{
 background: #000080;
}

#hnav  ul{
  list-style: none;
  margin: 0;
  padding: 0; 
 }
 #hnav  ul  li{
  display: inline-block;
 }

#hnav  a{
  text-decoration: none;
  color: white;
  font-size: 30px;
  font-weight: bold;
  padding: 10px;
  display: block;
  width: auto;
 }

#hnav {text-align:center}

#hnav  li:hover {
  background: red;
 }



#hnav  ul  ul{
  display:  none;
  position:  absolute;
 }
 #hnav  li:hover  ul{
  display:  block;
 }
 #hnav  li  ul  li{
  display:  block;
  margin-top:  5px;
  
 }
 #hnav  li  ul  li  a{
  width:  150px;
  background:  red;
 }










body {
max-width: 1200px;
margin: 0 auto;
color: #0e0e0e;
background: #AAD5FF;
font-family: Arial, verdana, tahoma , serif;
font-size: 18px;
font-style: normal;
font-weight: 400
}
div.outline {
width: 96%;
float: left;
padding: 1% 2%;
margin: 1% 0;
border-radius: 10px;
background: #E6ECFF;
box-shadow: 5px 5px 10px #202020;

}
header {
width: 100%;
background: #000080;
float: left;
margin: 1% 0;
border-radius: 10px;
box-shadow: 5px 5px 10px #202020
}
nav {
width: 100%;
background: #24486B;
float: left;
border-radius: 10px;
box-shadow: 5px 5px 10px #202020
}

nav p {
float: left;
padding: .5% 2%
}
#main h1 {

font-size : 20px;
text-align :left;
text-indent : 10px ;
color : #003399;
margin: 2% 0 }

#main p {
text-align : left;
text-indent : 16px ;
margin: 2% 10% }
#main {
width:100%;
background: #ffffff;
float: left;
margin: 1% 0;
border-radius: 10px;
box-shadow: 5px 5px 10px #202020
}
#main img {
margin: 4% 4%;
border-radius: 5px;
border: solid #000000 1px;
box-shadow: 4px 4px 8px #202020
}

#main img {
max-width: 100% ;
}

footer {
width: 100%;
background: orange;
float: left;
margin: 0 0 .5% 0;
border-radius: 10px;
box-shadow: 5px 5px 10px BLACK
}

address {
font-size : 30px;
text-align : center;
color: #efefef;
padding: 1% 0;
text-shadow: 1px 1px 0px #000080
}