/* Change this colour to change the main background colour -- it's white here */

body {	
	background-color: #01029c;
}

/* Any titles appear like this: */

/* Font family is what it is, align is where it is, size is size and colour is colour */

h1 {	
	font-family: arial, serif;
	text-align: left;
	font-size: 250%;
	color: #0A2978;
}

/* Smaller titles */

h2 {	
	font-family: arial, serif;
	text-align: left;
	font-size: 150%;
	color: #0A2978;
}

h3 {	
	font-family: arial, serif;
	text-align: left;
	font-size: 125%;
	color: #0A2978;
}

/* Links come out like this: */

a {	
	color: #000000;
	font-family: arial, serif;
}

/* When the mouse is hovering over a link, change the colour */

a:hover {	
	color: #0A2978;
}

/* Get rid of the nasty outline when you make a picture a link */

img{
	border: 0px;
}

/* Layout information for the menu */
/* All the font and colour attributes can be changed easily at the bottom there */

.menu{
	position: absolute;
	top: 175px;
	left: 20px;
	width: 175px;
	overflow: hidden;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-family: arial, serif;
	font-style: normal;
	background-color: #EEEEEE;
	color: #000000;
	text-align: left;
	font-size: 75%;
 }

/* And the logo */

.logo{
	position: absolute;
	top: 20px;
	left: 40px;
	width: 135px;
	height: 135px;
}

/* And the main body of the text */
/* Again, to change the colour just set the attributes at the bottom */

.main{
	position: absolute;
	top: 20px;
	left: 225px;
	height: auto;
	width: 80%;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	font-family: arial, serif;
	font-style: normal;
	color: #000000;
	background-color: #EEEEEE;
 }

.centered{
	text-align: center;
}

/* This is just for the list... */

li{	
	padding-left: 1em;
}

/* Get's rid of the bullet point and sets it all out generally nicer */

.menulist{
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* Table settings follow: */

/* To center something, we confuse the browser into setting both left and right margins automatically */

.centeredtable{
	width: 95%;
	margin: 0 auto;
	text-align: center;
}

/* To change the style of the table borders, the background, etc */
/* The border here is for the border around the entire table */

table {
    border:1px outset black;
    background-color:#eeeeee;
    text-align: center;
    margin:0px auto;
    }
	
/* Padding in the actual cells */
td{
        padding: 0.2em;
    }
	
/* And the border here coresponds to the actual border of each individual cell */
td {
        border: 1px outset black;
    }