/* LAST EDITED BY HANNAH RICE, 31/01/15 */

/* BACKGROUND IMAGE */
html 
	{background: url(../images/background.png) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #F5F5F5;}


/* ALL PAGE CONTENT IN THIS BOX */
#container
	{width:1200px; 
	margin: auto;
	}

#socialmedia
	{width: auto;
	height: auto;}

#header
	{width:1000px;
	margin: auto;
	text-align: center;}
	
#ads
	{width:1000px;
	margin: auto;
	text-align: center;
	padding-top: 10px;}
	
#contentindex   /* HOME PAGE ONLY */
	{width:1000px;
	margin: auto;
	text-align: center;}
#contentindex a
	{color:#3C144F;}
#contentindex a:hover 
	{color: #666699;
	background-color: rgba(0, 0, 0, 0);}
	
#content   /* ALL PAGES MAIN CONTENT BOX */
	{width:1000px;
	height: auto;
	margin: auto;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #E6E4F0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 10px;}
#content a
	{color:#3C144F;}
#content a:hover 
	{color: #666699;
	background-color: rgba(0, 0, 0, 0);}

#copyright
	{clear: both;
	width: auto;
	height: auto;
	margin: auto;
	text-align: center;
	color: white;
	font-size: 70%;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #252525;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top:10px;
	margin-bottom:10px;}
#copyright a
	{color: white;}
#copyright a:hover 
	{color: #666699;
	background-color: rgba(0, 0, 0, 0);}
	
#wrap	{
	width: auto; /* Spans the width of the page */
	height: 30px;  
	z-index: 100; /* Makes sure that your menu remains on top of other page elements */
	position: relative;
	text-align: center;
	margin-bottom: 50px;
	}

.navbar	{
	height: 30px;
    padding: 0;
	margin-top: 30px;
	display: inline-block;
	position: center; /* Ensures that the menu doesn’t affect other elements */

	}
.navbar li 	{
			height: 30px;
			width: 150px;  /* Each menu item is 150px wide */
			float: left;  /* This lines up the menu items horizontally */
			text-align: center;  /* All text is placed in the center of the box */
			list-style: none;  /* Removes the default styling (bullets) for the list */
			font-family: Verdana, Geneva, sans-serif;
			font-size: 120%;	
			font-weight: bold;			
			padding: 0;
			margin: 0;}
			
.navbar a	{							
		padding: 2px;  /* Adds a padding on the top and bottom so the text appears centered vertically */
		text-decoration: none;  /* Removes the default hyperlink styling. */
		color: #282d38;
		display: inline-block;
		text-align: center;}

.navbar a:hover {color: #583e72; background-color: white; text-decoration: underline overline;} 

.navbar a:active {color: #0000FF;}


#homepage1 {width:300px; min-height:837px; float: left; padding-right: 20px;}
#homepage2
	{float: none;
	display: block;
	padding-bottom: 15px;
	margin-bottom:20px;}
#homepage2 img
	{padding-left:20px;}
#homepage2 a:hover
{opacity: 0.70;}
.clear{clear: both;}


    .Table
    {
        display: table;
		text-align: left;
		margin: auto;
    }
    .Title
    {
        display: table-caption;
        text-align: left;
        font-weight: bold;
        font-size: larger;
    }
    .heading
    {
        display: table-row;
        font-weight: bold;
        text-align: left;
    }
    .row
    {
        display: table-row;
    }
    .cell
    {
        display: table-cell;
        border: solid;
        border-width: thin;
		border-color: #9D9A96;
        padding-left: 5px;
        padding-right: 5px;
    }

/* RECORDS PAGE, PHP FORMATTING */
#recordname
{width:1000px; height: auto;}
#recordimage
{float: left;
	display: block;
	padding-bottom: 15px;
	margin-bottom:20px;}
#recordinfo
{float: left;
	display: block;
	padding-bottom: 15px;
	margin-bottom:20px;
	margin-left:20px;}
#recordcontent  
	{width:1000px;
	height: auto;
	margin: auto;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 10px;}
#recordscontent a
	{color:#3C144F;}
#recordcontent a:hover 
	{color: #666699;
	background-color: rgba(0, 0, 0, 0);}
	
/*ARTICLES PAGES*/	
#articles1 
	{width:650px; 
	height:auto; 
	float: left; 
	padding-right: 20px; 
	display: inline;
	text-align: left;
	}
#articles2
	{float:left; 
	width:300px; 
	padding-left:20px;
	height:auto;
	display: inline;
	padding-bottom: 15px;
	margin-bottom:20px;
	text-align: left;
	}
#articles2 a:hover
{opacity: 0.70;}
.clear{clear: both;}
.rightsidelinks { margin-bottom:15px;}
#articlecontent   /* ARTICLE PAGES BACKGROUND COLOUR BOX */
	{position: relative;
	width:1000px;
	margin: auto;
	text-align: center;
	min-height: inherit;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #E6E4F0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 10px;}
	
.wrapper p { padding-left:10px; max-width:640px; margin:0px;}
.wrapper {display:inline-block; float:left;}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}
html .clearfix { height: 1%; }
.clearfix { display: block; }

/* SEARCH BOX ON EACH PAGE */
#searchDiv
	{width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: center;
	background-color: #E6E4F0;
	padding: 10px;}
	#search_form{margin: 0px;}
#searchfield {height: 40px; padding-left:5px; font-size: 18px;}

/* ABOUT PAGE */
#about1 
	{width:650px; 
	height:auto; 
	float: left; 
	padding-right: 20px; 
	padding-left: 20px; 
	display: inline;
	text-align: left;
	background-color: #E6E4F0;
	}
#about2
	{float:left; 
	width:280px; 
	padding-left:20px;
	height:auto;
	display: inline;
	padding-bottom: 15px;
	margin-bottom:20px;
	margin-right:10px;
	text-align: left;
	background-color: #E6E4F0;
	}
#about2 a:hover
{opacity: 0.70;}
.clear{clear: both;}
.rightsidelinks { margin-bottom:15px;}