@charset "utf-8";
body {
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	background: #7E02CA;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 5;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

p, td, {
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
}

p {
	margin-top: 1em;
	padding: 0 10px 0 10px;
}
.clearall {
	clear: both;
}

hr {
	color: #C9F;
background-color: #C9F;
height: 3px;
width:100%;
border:0;
}

.oneColFixCtr #container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.norm {
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.small-text {
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;

}
h1 {
	font-size: 1.3em;
	font-weight: bold;
	color: #7E02CA;
}
h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #7E02CA;
}


/* top level nav bar */

#nav {
font-family:  Arial, Helvetica, sans-serif;
	background-color: #7E02CA;
	padding: 5px;
	font-weight:bold;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li {
	display: inline;
}
#nav a:link { 
	padding: 5px 20px 5px 20px; 
	color: #FFFFFF;
	background-color: #7E02CA;
	text-decoration: none;
}
#nav a:active { 
	padding: 5px 20px 5px 20px; 
	color: #FFFFFF;
	background-color: #7E02CA;
	text-decoration: none;
}
#nav a:visited { 
	padding: 5px 20px 5px 20px; 
	color: #FFFFFF;
	background-color: #7E02CA;
	text-decoration: none;
}
#nav a:hover {
	color: #000000;
	background-color:#C9F;
}
/* tab colour control */
body#main li.main a:link, body#main li.main a:visited  {
	color: #000000;
	background-color: #C9F;
	}
body#main li.main a:hover  {
	color: #000000;
	background-color: #C9F;
	}	
body#audio li.audio a:link, body#audio li.audio a:visited  {
	color: #000000;
	background-color: #C9F;
	}
body#audio li.audio a:hover  {
	color: #000000;
	background-color: #C9F;
	}	
body#goss li.goss a:link, body#goss li.goss a:visited  {
	color: #000000;
	background-color: #C9F;
	}
body#goss li.goss a:hover  {
	color: #000000;
	background-color: #C9F;
	}	
body#aboutus li.aboutus a:link, body#aboutus li.aboutus a:visited  {
	color: #000000;
	background-color: #C9F;
	}
body#aboutus li.aboutus a:hover  {
	color: #000000;
	background-color: #C9F;
	}	

body#contact li.contact a:link, body#contact li.contact a:visited  {
	color: #000000;
	background-color: #C9F;
	}
body#contact li.contact a:hover  {
	color: #000000;
	background-color: #C9F;
	}	
















/* Sitepoint book 362  NOT USED POST 29 May 2009 */

.redbox {
background :  #7E02CA;
width :900px;
}

.redtop {
background: url(/images/p10-rt.gif) no-repeat right top;
}

.redbottom {
background: url(/images/p10-rb.gif) no-repeat right top;
}

.whitebox-full {
background :  #fff;
width :870px;
margin: auto;
}
.whitebox-50left {
background :  #fff;
width :485px;
margin: auto;
}

.whitebox-50right {
background :  #fff;
width :485px;
margin: auto;
}


.whitetop {
background: url(/images/w10-rt.gif) no-repeat right top;
}

.whitebottom {
background: url(/images/w10-rb.gif) no-repeat right top;
}