@charset "utf-8";
/* CSS Document */

/*force your pages to always have a scrollbar */
html {
       overflow-y: scroll;
    }

body {
background-color:#000000;
}
/* site layout*/
#outercontainer{
	position:relative;
	left:0px;
	top:0px;
	width:740px;
	height:550px;
	margin-left: auto;
	margin-right: auto;	
}
#outercontainer2{
	position:relative;
	left:0px;
	top:0px;
	width:720px;
	height:auto;
	margin-left: auto;
	margin-right: auto;	
}

/* header*/
#header {
	position:absolute;
	left:0px;
	top:0px;
	width:740px;
	height:160px;
    background-image: url(../images/header.jpg);
}
/* head navigation bar*/
#headnav{
	position:absolute;
	left:0px;
	top:160px;
	width:740px;
	height:30px;
	background-image: url(../images/headnavbar.jpg);
}
/* side navigation block image*/
#sidenav {
	position:absolute;
	left:0px;
	top:190px;
	width:130px;
	height:360px;
	background-color: #000000;
	background-image:url(../images/sidenav.jpg);
}
/* side navigation table*/
	#navtable{
    position:absolute;
    left:10px;
	top:30px;
	width:115px;
	height:310px;
}
/* main content part of site */
#content{
	position:absolute;
	left:130px;
	top:190px;
	width:610px;
	height:360px;
	background-color: #000000;
}
/*holds home text*/
#hometext{
position:absolute;
left:10px;
top:10px;
width:590px;
height:340px;
background-colour:#000000;
}
/*holds uni text*/
#unitext{
position:absolute;
left:10px;
top:10px;
width:590px;
height:340px;
background-colour:#000000;
}
/*holds contact paragraphs*/
#contacttext{
	position:absolute;
	left:10px;
	top:10px;
	width:590px;
	height:340px;
	background-color: #000000;
}
/*holds other */
#other{
	position:absolute;
	left:10px;
	top:10px;
	width:590px;
	height:340px;
	background-color: #000000;
}
/*holds about page title*/
#abouttext{
	position:absolute;
	left:10px;
	top:10px;
	width:590px;
	height:340px;
	background-color: #000000;
}
/*holds my photo image*/
#myphoto{
	position:absolute;
	left:20px;
	top:60px;
	width:88px;
	height:124px;
	background-image: #000000;
}
/*holds my stats*/
#stats{
	position:absolute;
	left:118px;
	top:60px;
	width:472px;
	height:130px;
	background-color: #000000;
}

/* holds semester 1 text and links*/
#semester1list{
    position:absolute;
    left:20px;
	top:20px;
	width:270px;
	height:400px;
}
/* holds semester 2 text and links*/
#semester2list{
    position:absolute;
    left:310px;
	top:20px;
	width:270px;
	height:400px;
}
/*holds phototext*/
#phototext{
	position:absolute;
	top:10px;
	left:10px;
	width:590px
}
/* holds research text*/
#researchtext{
	position:absolute;
	top:10px;
	left:10px;
	width:700px
}
/*holds videotext*/
#videotext{
	position:absolute;
	top:10px;
	left:10px;
	width:590px
}
/* holds synopsistext*/
#synopsistext{
	position:absolute;
	top:10px;
	left:10px;
	width:700px
}
/* holds structure*/
#structure{
	position:absolute;
	top:10px;
	left:10px;
	width:350px
}
/*holds structure images*/
#image1{
    height:397px;
	width:500px;
	position:absolute;
	top:40px;
	left:100px;
	background-color: #FFFFFF;
	}
	#image2{
    height:397px;
	width:500px;
	position:absolute;
	top:440px;
	left:100px;
	background-color: #FFFFFF;
	}
	#image3{
    height:397px;
	width:500px;
	position:absolute;
	top:840px;
	left:100px;
	background-color: #FFFFFF;
	}
	#image4{
    height:192px;
	width:250px;
	position:absolute;
	top:1240px;
	left:100px;
	background-color: #FFFFFF;
	}

/* link appearances*/
a {
	color: #ADB3FA;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
}
 	
a:hover {
	color: #FFFFFF;
}

a:active {
	color: #FFFFFF;
}
/* text appearances*/
.center {
   text-align:center;
   }

h2{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:15px; font-weight:bold; text-decoration:none; color:#ADB3FA}
.white{color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px}
.blue{color:#ADB3FA; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px}