.main{
margin-left:auto;
margin-right:auto;
width:960px;
background-color:black;
/* border: 1px solid gold;*/
height: 96%;
}

/* this is the very top part of the page currently just used for decorative effect*/
.masthead{

	top: 25px;
	background-color: Black;
    padding: 10px; 
	/*border-bottom: 1px solid gold; */
	border-top: 1px solid gold;
}

#right{
	text-align:right;
	color:gold;
	font-size:medium;
	padding:0 2% 0;
}
#center{
	text-align:center;
	color:gold;
	font-size:large;
}

	#left{
	text-align:left;
	color:gold;
	padding:0  1% 0;
}
body {
	margin:0;
	background:Black; /* Main background colour*/
	padding:1px;
	font:11px Verdana,Arial;
	color: gold;
 } 

#h1 {
 color: gold;
 }
 
#mainnav {
	position:absolute;
	margin-left: .25em; 
	width: 98%;
}

#mainnav ul {
	list-style: none;
	/* margin-left: 1em; 
	padding-left:0; */
	
}

#mainnav li {
	display: inline;
	font-size: 95%;
	border-width: .01em;
	/*border-left: 1px solid gold;*/
	text-align:center;
}

/* this part of the navigation shows the colors of the links and the effect that are given
when used*/
#mainnav a:link,a:visited  {
	text-decoration: none;
	color: gold;
	background-color: transparent;
}

#mainnav a:hover{
	color:red;
}

#navcontainer {
	position: relative;
	top: 10px;
	margin:0.5em; 
	width: 98%;
	text-align:center;
	padding-left: 0.01em;
	border-top: 1px solid gold;	
	border-bottom: 1px solid gold;
	padding:  7px 0px 19px ;
}