body{
	padding:20px;
	MARGIN:10px;
	
}
img{
	padding:0px;
	MARGIN:6px;
	width:%;
	

}


h1, h2, h3{
	color:#00008B;
}

nav{
	width:100%;
	background: #13219f

;
}

nav > ul {
	padding:10px;
	MARGIN:20px;
}
nav  > ul::after {
	content:"";
	display:block;
	clear:both;
}
nav > ul  > li{
	float:left;
	position:relative;
	
}
nav > ul  > li > a {
	padding:10px 15px;
	color:#fdfefe

;
}
nav li {
	list-style:none;
display:inline-block;
text-decoration:none;
border: none;
	
	color:#111;
}
nav a {
	display:inline-block;
	text-decoration:none;
        border: none;
	list-style:none;
	color:#d0d3d4
;


}
.submenu{ 
    display:none;
}
nav li a:hover, nav li a:focus, nav li a:active,nav li.active a, 
    nav ul:hover li.active a:hover {
	background: #0aaa9e; 
;
   
;
        border: none;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}

nav li:hover .submenu{
	display:inline-block;
	position:absolute;
	top:100%;
	left:0px;
	z-index:1000;
}
.submenu li {
	border-bottom:1px solid #ccc;
}
.submenu  li a {
	background:#010101;
	color:white;
	padding: 15px 30px;
  font-size:15px;
   width:150px;  
}
sub

.footer-basic {
  padding:40px 0;
  background-color:#ffffff;
  color:#FFDFDD;

}


.footer-basic ul {
  padding:0;
  list-style:none;
  text-align:center;
  font-size:40px;
  line-height:1.6;
  margin-bottom:10;
}

.footer-basic li {
  padding:0 10px;
}

.footer-basic ul a {
  color:inherit;
  text-decoration:none;
  opacity:0.8;
}

.footer-basic ul a:hover {
  opacity:1;
}

.footer-basic .social {
  text-align:center;
  padding-bottom:25px;
}

.footer-basic .social > a {
  font-size:24px;
  width:40px;
  height:40px;
  line-height:40px;
  display:inline-block;
  text-align:center;
  border-radius:50%;
  border:1px solid #ccc;
  margin:0 8px;
  color:inherit;
 color:#000;
  opacity:0.75;
}

.footer-basic .social > a:hover {
  opacity:0.9;
}

.footer-basic .copyright {
  margin-top:15px;
  text-align:center;
  font-size:13px;
  color:#aaa;
  margin-bottom:0;
}