article, footer, header, nav, section, video 
	{ display:block; 
	}

#container {  
	width: 90%; /* makes the width of the page 90% */ 
	padding:10px;  
	margin-right: auto;	
	margin-left: auto; 
	text-align:left;  
	margin-top: 50px;  
	border:5px solid #000000;  
	background-color: #FFFFFF;  
	/* adding a rounded corner to the border */ 
	-moz-border-radius: 20px 20px 20px 20px;  
	-webkit-border-radius: 20px 20px 20px 20px;  
	border-radius: 20px 20px 20px 20px;
	/* adding a shadow effect to the border */ 
	-webkit-box-shadow: rgba(0,0,0, .6) 18px 13px 6px;  
	-moz-box-shadow: rgba(0,0,0, .6) 18px 13px 6px;  
	box-shadow: rgba(0,0,0, .6) 18px 13px 6px;	
	} 
		
header 
	{background-image:url('../images/carp.png'); 
	background-position:bottom;  
	height:400px;  
	background-color: #59C0F1;  
	background-repeat:no-repeat;
	background-size: 400px;
	text-align: center;
	} 

#content {  
	display: table;	
	 width:100%;  
	 border-top: 1px solid #000; 
	 }
	

article {  
	display :table-cell;  
	background-color:#666;  
	color:white;  font-size:16px;  
	margin:0px;
	padding:10px; 
	-moz-border-radius: 20px 20px 20px 20px; 
	-webkit-border-radius: 20px 20px 20px 20px; 
	border-radius: 20px 20px 20px 20px; 
	font-family: sans-serif;
	font-size: 16px
	}	

section {
	font-family: sans-serif;
	font-size:2em
	}	
	
nav {  
    height:30px;  
    padding:5px;  
    text-align:center;  
    font-size: medium;  
    background-color:#000000;  
    -moz-border-radius:  0px 0px 15px 15px;  
    -webkit-border-radius: 0px 0px 15px 15px;  
    border-radius:  15px 15px 0px 0px; 
    margin: 0 0 15px 0;
    padding: 25px 0 12px 10px;
    border-style: solid;
    Border-width: 5px 0 0 0;
    border-color: #FDFFE0;
    overflow: hidden;
    } 

 

 


 /* remove the bullet points */
nav ul { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    float: left;
    }     
    
nav ul li {  
    list-style: none; 
    margin: 0 2.5em 0 0; 
    padding: 0; 
    float: left; 
    font-size: 1.2em; 
    }

 


 /* This puts a rectangle with rounded corners and a slight box shadow around the links. */
nav ul li a {     
    padding:10px;   
    color: #fff;
    text-align:center;   
    text-decoration:none;   
    border: 0px solid #298EBE;   
    margin: 0px 0px;   
    -moz-border-radius: 0px;   
    -webkit-border-radius: 0px;   
    border-radius: 0px;  
    float: center;
    }

 

/* put color inside navigation buttons */
nav ul a:link, nav ul a:visited {  
    background: rgba(0,0,0,1); 
    }

 

/* When in hover change text colour to white  */ 
nav ul li a:hover { 
    color: #fff; 
    }     

 

/* When in hover or focus states change colour of buttons */ 
nav ul a:hover, nav ul a:active, nav ul a:focus {  
    background: rgba(170,170,170,170); 
    }     
    
body {
margin:0;
padding:0;
font-family:sans-serif;
font-size:14px;
}

 

figcaption {
    font-size:0.8em;
    font-family: sans-serif;   
}

 

figure {float:right}



 

footer {  
    height:30px;  
    padding:5px;  
    text-align:center;  
    font-size: 14px;  
    background-color:#298EBE;  
    -moz-border-radius:  0px 0px 15px 15px;  
    -webkit-border-radius: 0px 0px 15px 15px;  
    border-radius:  0px 0px 15px 15px; 
    }