body
{
position: relative;
background-color: #000055;
min-width: 974px;
font-size: 95%;
font-family: "Trebuchet MS", Helvetica, sans-serif;
/*font-family: "Times New Roman", Times, serif;*/
}

/*The background image*/
img.bgImage
{
position: fixed;
bottom: 0px;
left: 0px;
z-index: -1;
}

/*Div containing the site logo*/
div.header img
{
display: block;
margin-left: auto;
margin-right: auto;
border: 1px none #00DD00; 
}

/*Container for the logo image to keep it centred*/
div.header
{
font-family: Arial;
position: relative;
border: 2px none #00DD00;
}

/*The navigation links*/
div.nav 
{
margin-top: 5px;
margin-bottom: 3px;
border: 2px none red;
}

/*The images used in the navigation div*/
div.nav img
{
display: inline;
margin-left: 1.5%;
margin-right: 1.5%;
border: 1px none #00DD00; 
}

/*The main text area on each page*/
div.main
{
-moz-border-radius: 15px;
border-radius: 15px;
margin-left:auto;
margin-right:auto;
color: #000000;/*ffffff;*/
background-color: #99D9EA; /*aabbcc;*/
padding: 10px;
bottom: 0px;
border: 2px solid #000000;
height: 100%;
min-height: 1150px;
width: 100%;
min-width: 974px;
max-width: 974px;
z-index:1;
display: block;
visibility: visible;
}

/*The text titles on each page, used for game titles*/
div.main h1
{
text-align: center;
font-size: 350%;
z-align: 1;
margin-bottom:0px;
margin-top: 0px;
}

/*Centres text and images in the given div, used on the homepage*/
div.centre
{
display: block;
margin-left: auto;
margin-right: auto;
}

/*Used for the places where we have an image and text link to somewhere such as the hacking
index page or the individual game links*/
div.imgtextpair
{
display: inline-block;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 300px;
border: 2px none red;
font-size: 150%;
}

/*Like the above but used when there is a single item on its own that has to be centred*/
div.imgtextpairsingle
{
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 300px;
border: 2px none red;
font-size: 150%;
}

/*A container for the img text pairs which keeps them all centred on each line*/
div.selections
{
margin-left: auto;
margin-right: auto;
text-align: center;
border: 2px none green;
}

/*The heading image on each page*/
img.header
{
display: block;
margin-left: auto;
margin-right: auto;
}

/*The show and hide button*/
img.ShowHideImage
{
position: absolute;
display: inline;
margin-left: auto;
margin-right: auto;
float: left;
}

/*The title for the 'What's been happening section'*/
p.blurbheader
{
margin-left: 3%;
margin-bottom: -1%;
font-size:125%;
font-weight:bold;
}

/*The text in the above section*/
p.blurb
{
margin-left: 5%;
margin-right: 5%;
}

/*The title for the updates*/
p.updateheader
{
margin-left: 12%;
margin-bottom: -1%;
font-size:125%;
font-weight:bold;
}

/*The majority of text on the site*/
p.normal
{
margin-left: 5%;
margin-right: 5%;
}

/*Underlined text*/
p.underline
{
text-decoration:underline;
}

/*Colors links green*/
.green a:link
{
color: #00B600;
}
.green a:visited
{
color: #007700;
}
.green a:hover
{
color: #00DD00;
}
.green a:active
{
color: #00DD00;
}

/*Colors links green permenatly*/
.greenPerm a:link
{
color: #00DD00;
}
.greenPerm a:visited
{
color: #00DD00;
}
.greenPerm a:hover
{
color: #00DD00;
}
.greenPerm a:active
{
color: #00DD00;
}

/*Removes the underline from links, used for titles*/
.noLine a:link
{
text-decoration:none;
}
.noLine a:visited
{
text-decoration:none;
}
.noLine a:hover
{
text-decoration:none;
}
.noLine a:active
{
text-decoration:none;
}

/*Increases font sizes, used for titles*/
.large
{
font-size: 150%;
}

div.tableDiv
{
margin: 0px 160px 0px 160px;
padding:0px;
border: 0px solid red;
}

div.main2
{
color: #000000;
background-color: #FFFFFF;
margin: 0px 150px 0px 150px;
padding: 10px;
bottom: 0px;
border: 2px solid #00DD00;
height: auto;
}

div.main2 h1
{
text-align: center;
font-size: 350%;
}

div.spacer1
{
background-color: #000000;
margin: 0px 150px 0px 150px;
padding: 0px;
bottom: 0px;
border: 0px solid #00DD00;
height: 25px;
}

.links1
{
font-size: 50px;
font-family: "Segoe Print",Modern,"Comic Sans MS",arial;
text-align: center;
}
.font1
{
font-family: "Segoe Print",Modern,"Comic Sans MS",arial;
}
.para1
{
font-family: "Times New Roman",arial,"Segoe Print",Modern,"Comic Sans MS",arial;
line-height: 0.05cm;
margin-bottom: 0.15cm;
}
.centre
{
text-align: center;
}
.right
{
text-align: right;
}
.list1
{
margin-left: 30%;
}

/*creates borders around tables*/
.bordered
{
border: 1px solid black;
}
.bordered td
{
border: 1px solid black;
}
.bordered tr
{
border: 1px solid black;
}


.table1 /*Used for the Main pages' pictures and file data*/
{
margin-left: auto;
margin-right: auto;
padding: 1px;
float: left;
border: medium none rgb(255,255,0);
}

.table1 td /*Used for the Main pages' pictures*/
{
width: 300px;
text-align: center;
padding: 0px;
margin: 0px;
border: 0px none rgb(0,255,0);
}

.table2 /*Used for Video Main*/
{
margin-left: auto;
margin-right: auto;
border: medium none rgb(255,0,0);
}

/*Used for the update text*/
.update 
{
margin-left: 15%;
margin-right: auto;
margin-bottom: 0px;
}

/*Used for multiple updates in the update text*/
.updatecontinued 
{
margin-top: 0px;
margin-bottom: 0px;
margin-left: 24.7%;
margin-right: auto;
}

/*used for notes and downloads section*/
.notesnumber 
{
margin-left:2%;
margin-right: auto;
margin-top:0px;
margin-bottom:0px;
}

/*used for notes and downloads section*/
.notestable 
{
margin-left: 4%;
margin-right: auto;
}

/*used for notes and downloads section*/
.notestable td 
{
padding-left: 25px;
padding-right: 25px;
}

.videotabletop
{
margin-left: auto;
margin-right: auto;
border: medium solid rgb(0,0,0);
}
.videotabletop td
{
text-align: left;
border: medium solid rgb(0,0,0);
}


.videotable
{
margin-left: auto;
margin-right: auto;
border: medium solid rgb(0,0,0);
border-top: medium none rgb(0,0,0);
}
.videotable td
{
text-align: left;
border: medium solid rgb(0,0,0);
}

/*Used to display all the main images such as game screenshots*/
.img1 
{
height: 224px;
width: 300px;
padding: 0px;
margin: 0px;
border: 0px none;
}

/*Used for screen shots on the project pages*/
.img2
{
height: 224px;
width: 300px;
margin-left: 5%;
margin-right: 5%;
border: 0px none;
}

.img3
{
height: 31px;
width: 88px; 
border: 0px none;
margin-bottom: 10px;
}