@charset "UTF-8";
/* CSS Document */
html,body{
	height:100%;
}
body{
	width:98%;
	margin:auto;
}
header{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:36px;
	text-align:center;
	color:#1184B9;
	width:400px; /*HERE IS THE PROBLEM*/
	padding:10px;
	background-color:white;
}
main{
	background-color:#9ED867;
	}

article{
	background-color:#64C223;
	width:57%;
	float:right;
	min-height:70%;
	padding: 10px;
	text-align:centre;
}
aside{
	background-color:#64C223;
	width:39%;
	float:left;
	
}
p{
	padding:15px;
	font-size:14px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	}
	
	a{color:#505050;
	}
a:hover{
	color:#FFFFFF}

/* START NAV MENU */
nav {
  font-weight:200; 
  height:30px;
  width:auto;
}
nav ul {
  font-size: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
nav ul li {
  display:block;
  float: left;
  text-align:center;  
  width:14.1%;
}
nav ul li a {
  display: block;
  text-decoration:underline;
  color: black;
  font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
} 
nav ul li a:hover { 
  color:black;
}
nav li:hover ul {
  display: block;
  position:absolute;
}
nav li:hover li {
  float: none;
  font-size: 15px;
}
nav li ul { 
  display: none;
  width:14%;

}

nav li:hover a { 
  background:#0CC627; 
  height:30px; 
  padding-left:10px;
  padding-right:10px; 

}
 
nav ul li ul li{
  text-align:left; /* Top-level items are centered, but nested list items are left-aligned */
  width:auto;
}
nav li:hover li a:hover { 
  background-color:white;
}
.current{
	color:white;
	font-weight:bold
}
/*end nav menu*/