#pageProperties		
{
	background-color: #F0F8FF;
	padding-left: -2%;
	padding-right:-2%;
	padding-top: -10px;
}

#content
{
padding-bottom: 20px;
}

html,body	
{
	background-color: #F0F8FF;
	padding-left: -2%;
	padding-right:-2%;
	padding-top: -10px;
	height: 100%;
}

.topLogo
{
	width: 600px;
	margin-top: -10px;
	margin-bottom: -20px;
}

.socialMedia
{
	padding: 3px;
	display: inline;
	width: 65px;
}

.mainText		/*Provides formatting for the entire sites main text content*/
{
display:block;
width: 1200px; 								
margin: 10px; 								/*10px margin around the element*/
padding: 10px; 								/*A further 10 pixels padding around the element to make sure there is enough space when close to other elements*/
font-family: Arial,Helvetica,sans-serif; 	/*Sets the font*/
font-size:18px; 							/*Sets the font size to use in pixels*/
margin-left: auto;
margin-right: auto;
}

ul {
  text-align: left;
  display: inline;
  margin: 0;
}

ul li {
  font-family:Arial,Helvetica,sans-serif;
  font-size: 18px;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 5px; 
  background-color:#54A0D4;
  color:#FFFFFF;
  cursor: pointer;
  text-transform:uppercase;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
ul li:hover {
  background: #09467F;
  color: #fff;
  text-decoration:none;
}
ul li ul {
  padding: 0;
  position: absolute;
  top: 32px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  text-decoration:none;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
ul li ul li { 
  background: #09467F; 
  display: block; 
  color: #fff;
  width: 100%;
  text-decoration:none;
}
ul li ul li:hover { background: #54A0D4; }
ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  width: 100%;
  text-decoration:none;
}

nav {
    width: 100%;
	background: #F0F8FF;
    border: 1px solid #ccc;
    border-right: none;
	text-decoration:none;
}
nav ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
	text-decoration:none;
}
nav ul li {
    list-style: none;
    text-decoration:none;
    text-align: center;
    border-left: 1px solid #F0F8FF;
    border-right: 1px solid #F0F8FF;
    width: 16.66%; 
    width: calc(100% / 6);
    box-sizing: border-box;
}

.navLink:link,	/*Format the navigation bar view for both before and after being visited (i.e. dont show a purple link)*/
.navLink:visited 
{
font-family:Arial,Helvetica,sans-serif; /*Set the font*/
font-size: 18px; 						/*Set the font size in pixels*/
color:#FFFFFF; 							/*Set the colour of the characters, currently white*/
background-color:transparent; 				/*Set the background colour, currently the sites secondary blue*/
text-align:center; 						/*Center the text within each block*/
text-decoration:none; 					/*Stop the links from being underlined*/
text-transform:uppercase; 				/*Always display the text in uppercase*/
}

.navLink:hover 	/*Sets the formatting of the navigation bar link when the mouse is hovering over it*/
{
background-color:transparent; /*Set the block to change to a darker blue when hovered over*/
}

.footer		/*Provides formatting for the individual web page headings*/
{
display: block;
font-family:Arial,Helvetica,sans-serif; /*Set the font*/
color: white; 							/*Colour of the characters set here*/
font-size:12px; 						/*Font size to use in pixels*/
background: #54A0D4; 					/*Colour of the background, set to the secondary blue*/
text-align: center;						/*Align the text to the middle*/
position: fixed;
bottom: 0;
width: 99%;
}