body {
	background-color: #000;
	text-align: center;
	margin: 0 auto;
	padding: 0;	
}

#mainbg {
	position: relative;
	width: 802px;
	height: 519px; 
	background-image: url(../images/mainbg.jpg);
	text-align: center;
	margin: 0 auto;
	padding: 0;	
}

#maintoc {
	position: absolute;
	top: 40px;
	right: 40px;
	width: 250px;
	height: 439px; 
	
	margin: 0 auto;
	padding: 0;		
}

#mainpad {
	height: 80px;
}

#copyright {
	color: #330000;
	padding-top: 5px;
	padding-bottom: 20px; 
}

.undertxt {
	font-size: 13px;
	font-family: georgia, "book antiqua", garamond, palatino, "times new roman", serif;
	letter-spacing: 6px;
	//text-transform: uppercase;
	padding-top: 2px;
	font-variant: small-caps;
	font-stretch: wider;
}

#menu { text-align: left;  margin-left: 30px; }

#menu a {
   position: absolute;
   height: 30px;
   top: 35px; 
   text-decoration: none;
   border: none;
}

#menu a .topic { display: block; color: #FFF; font-size: 20px; letter-spacing: 2px; font-family: georgia, "book antiqua", garamond, palatino, "times new roman", serif; font-variant: small-caps; font-style: italic; }
#menu a .topicdesc { display: block; color: #CC9966; font-size: 13px; letter-spacing: 1px; font-family: georgia, "book antiqua", garamond, palatino, "times new roman", serif; }

a#music           { top: 120px; width: 185px; }
a#dance             { top: 172px; width: 185px; }
a#theatre         { top: 220px; width: 185px; }
a#concept             { top: 270px; width: 185px; }
a#artefacts        { top: 320px; width: 185px; }
a#connections           { top: 372px; width: 185px; }

#menu a:hover     { border-bottom: 1px dotted #fff; }