header {
	font-family: times, Arial, sans-serif;
}
body, html{
	font-family: times,serif;
	font-size: 13px;
	text-shadow: 0px 0px 0px;
	padding:0px;
	margin:0px;
	clear: both;
	width:100%;
	height:100%;
}
header h1{
	padding: 10px;
	color: green;
}
nav {
	clear:both ;
	width:550px ;
	height:55px ;

}
ul{
	background-color: #3b5998;
	padding: 0px;
	margin: 0px;
}
li{
	display: inline-block;
	position: relative;
	text-align: justify;
}
li ul{
	visibility: hidden;
	position: absolute;
	width: 222px;
}
li li{
	display: block;
	background-color: #3b5998;
	position: relative;
}
li a{
	font-weight: 200px;
	font-size: 10pt;
	line-height: 12pt;
	color: white;
	padding: 10px 8px;
	border: none;
	display: block;
	box-sizing: border-box;

}
li:hover ul{
	left: inherit;
	visibility: visible;
}
li ul li ul{
	display: none;
	position: absolute;
	width: 222px;
}
li ul:hover li ul{
	display: block;
	left: inherit;
	visibility: visible;
}
li a:hover{
	background-color: orange;
}
nav li a:focus{
	background-color: green;
}
<!--
footer p{
	background-color: #3b5998;
	color: black;
}
-->
li ul li:hover > ul{
	display: block;
    left: inherit;
    visibility: visible;
    position: absolute;
    right: -220px;
    top: 0px;
}
li ul li ul li:hover > ul{
	display: block;
    left: inherit;
    visibility: visible;
    position: absolute;
    right: -220px;
    top: 0px;
}