/*This is coding for styles.css*/
/*The rule here lets older browsers know that the new HTML5 elements need to be treated like block elements*/
header,
nav,
article,
footer {
	display: block;
}

/**Page Layout**/
body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px; /*This gives the text a measurement to take 'em' from. Defaults to 16 if not given a size*/
	background-color: #002B7C;
	/*This is the red body colour that shows outside of the container*/
	margin: 10px;
}

#container {
	width: 960px;
	margin: auto; /*this will make the container float in the middle of the screen*/
	padding: 2px; /*This provides the tiny 'border' effect. The color will be the same as container (not body) background color*/
	background-color:  #002B7C;     	
}




nav {
	width: 920px;
	padding: 5px 5px; /* The space between the info and top */
	background-color: #002B7C;/* Background colour*/
	overflow: hidden; /* this makes sure nav wraps around the floated list.*/
	margin-top: 30px;
}

nav ul {
	list-style: none; /*This removes the bullet from the list items*/
	margin: 0;
	padding: 0; /*These collapse the margin and padding*/
	float: left; /*This goes left and collapses the width to fit the links inside it*/

}

nav ul li {
	list-style: none;
	margin: 0 2em 0 0; /*adds space between links in nav*/
	padding: 0;
	float: left; /*The float: left puts the elements side by side and is a technique for laying out horizontal elements.*/
}	

nav ul li a{
	color: #fff; /*Text colour*/
	text-decoration: none; /*Takes off underline*/
	font-size: 1.3em;
	font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 10px 0;
	display: inline-block; /*this makes it easy to fill the browser width and wrap nicely when the browser is resized*/
}
nav ul li a:hover {
color:#FFFF00}

	


article{
	width: 920px; /*take padding 40px from 960*/
	padding: 20px;
	background:#fff; /* The colour behind the info*/
	float: left;
}

h1 {
	font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: ;
	font-size: 1.5;
	color: #191919;
}





article p {
    font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
}

article p1 {
	padding: 20px;
}
footer {
	width: 940px;
	clear: both;
	padding: 10px 10px;
	overflow: hidden; /* this makes sure footer wraps around the footer elements*/ 
	text-align: center;
	background-color: #fff;
}

footer p {
	color: #000000; /* Text*/ 

}


	
	

	  
table { 
       background-color: #ffffff;
	   text-align: center;
	   float: right;
	   font-size: 1.2em;
	   text-align: right;
	   
}


h2 { 
	font-size: 17px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-top: 10px;
}
img{
	height: 471px;
	width: 655px;
	float: right;
	margin: 10px;
	padding-right: 113px;
	padding-top: 61px;
}

<meta name="viewport" content="width=device-width, initial-scale=1.0">