/* Sets page background to black */
body {background-color: black;}
	

h1 { text-align: left; color: white; font-family: sans-serif; }
h2 { text-align: left; color: 99CCFF; font-family: sans-serif; font-size: 8pt; }
h3 { text-align: left; color: 99CCFF; font-family: sans-serif; font-size: 12pt; }

p { text-align: justify; color: white; font-family: sans-serif;}
a { font-size: 13pt; border: ="0";font-family: arial, sans-serif;}
a:link {color: 99CCFF;}
a:active {color: 99CCFF;}
a:visited {color: white;}

div.banner { width: 975px;
	height: 100px;}

div.butchies { width: 250px;
	height: 800px;}
	


/* The navbar elements */
div.navbar1 {position: absolute;
	width: 195px;
	height: 47px;
	top: 260px; }
div.navbar2 {position: absolute;
	width: 195px;
	height: 47px;
	left: 200px;
	top: 260px; }
div.navbar3 {position: absolute;
	width: 195px;
	height: 47px;
	left: 400px;
	top: 260px; }
div.navbar4 {position: absolute;
	width: 195px;
	height: 47px;
	left: 600px;
	top: 260px; }
div.navbar5 {position: absolute;
	width: 195px;
	height: 47px;
	left: 800px;
	top: 260px; }

/* The side Navbar element */
div.navbarside {text-align: center;
	color: white;
	font-family: sans-serif;
	background-color: black;
	position: absolute;
	width: 155px;
	height: 648px;
	top: 330px;}

img.floatleft 
	{ float: center; 
    	margin: 4px;}

/* HOMEPAGE */

/* The Biog element*/
div.biog {text-align: justify;
	font-size: 16pt;
	background-color: black;
	position: absolute;
	width: 550px;
	height: 100px;
	left: 175px;
	top: 310px;}

/* The Text element */
div.text {text-align: justify;
	text-color: white;
	background-color: black;
	position: absolute;
	width: 156px;
	height: 648px;
	left: 749px;
	top: 330px;}

/* The Body Text element */
div.bodytext {text-align: justify;
	color: white;
	font-size: 16pt;
	background-color: black;
	position: absolute;
	width: 550px;
	height: 620px;
	left: 175px;
	top: 430px;}

div.mininoelpic {position: absolute;
	top: 770px;
	width: 110px;
	height: 200px; }
	
div.topfive {position: absolute;
	top: 900px;
	width: 150px;
	height: 370px;
	border-width: 3;
	border-color: 99CCFF;
	background-color: black;
	font-family: sans-serif; }

div.noeltext {position: absolute;
	top: 1170px;
	width: 150px;
	height: 200px;
	background-color: black;
	font-family: sans-serif; }

div.tangoat {position: absolute;
	top: 1450px;
	width: 155px;
	height: 50px;
	background-color: black;
	font-family: sans-serif; }
	
/*The Counter element */
div.counter {position: absolute;
	left: 10px;
	top: 1500px;
	width: 100px;
	height: 50px; }
	
div.starcars { position: absolute;
	left: 10px;
	top: 1584px; }	

div.donovans { position: absolute;
	left: 380px;
	top: 1584px; }	

/* MUSIC PAGE */

/* The Music Text element */
div.musictext1 {text-align: justify;
	text-color: white;
	font-size: 16pt;
	background-color: black;
	position: absolute;
	width: 780px;
	height: 400px;
	left: 195px;
	top: 330px;}

div.speakers { position: absolute;
	left: 10px;
	top: 390px;
	width: 170px;
	height: 170px; }
	
div.laptop { position: absolute;
	left: 10px;
	top: 580px;
	width: 170px;
	height: 170px; }

div.youtubemusic {position: absolute;
	left: 195px;
	top: 790px;
	width: 780px;
	height: 600px; }

div.musictext2 {text-align: justify;
	text-color: white;
	font-size: 16pt;
	background-color: black;
	position: absolute;
	width: 780px;
	height: 620px;
	left: 195px;
	top: 1500px;}

/* MEDIA PAGE */

div.gigsyoutubemusic {position: absolute;
	left: 50px;
	top: 320px;
	width: 780px;
	height: 600px; }

div.slideshow {position: absolute;	
	width: 800px;	
	height: 400px;	
	left: 50px;	
	top: 1070px;} 


	/* The Media picture frame element */
div.pictureframe {text-align: justify;
	text-color: white;
	font-size: 16pt;
	background-color: black;
	position: absolute;
	width: 625px;
	height: 400px;
	left: 50px;
	top: 1510px;}
	
/* The Media first element */
div.media1st {text-align: justify;
	text-color: white;
	font-size: 16pt;
	background-color: black;
	position: absolute;
	width: 625px;
	height: 450px;
	left: 50px;
	top: 1510px;}

/* The Media second element */
div.media2nd {text-align: justify;
	text-color: white;
	font-size: 16pt;
	background-color: black;
	position: absolute;
	width: 300px;
	height: 400px;
	left: 50px;
	top: 2050px;}

/* The Media third element */
div.media3rd {text-align: justify;
	text-color: white;
	font-size: 16pt;
	background-color: black;
	position: absolute;
	width: 300px;
	height: 400px;
	left: 375px;
	top: 2050px;}
	
	/* The Media fourth element */
div.media4th {text-align: justify;
	text-color: white;
	font-size: 16pt;
	background-color: black;
	position: absolute;
	width: 300px;
	height: 400px;
	left: 50px;
	top: 2350px;}
	
	/* The Media fifth element */
div.media5th {text-align: justify;
	text-color: white;
	font-size: 16pt;
	background-color: black;
	position: absolute;
	width: 300px;
	height: 400px;
	left: 375px;
	top: 2350px;}

/*GIGS PAGE*/

/* The Gigs Text element */
div.gigstext {text-align: justify;
	padding: 2em;
	text-color: white;
	font-size: 16pt;
	background-color: black;
	position: absolute;
	width: 650px;
	height: 880px;
	left: 172px;
	top: 310px;}

div.rugby {position: absolute;
	left: 45px;
	top: 140px; }
	
/* The Gigs Box element */
div.gigsbox {
	position: absolute;
	left: 250px;
	top: 2600px;}	

/* CONTACTS PAGE*/

/* The Contacts Text element */
div.contactstext {text-align: justify;
	padding: 2em;
	text-color: white;
	font-size: 16pt;
	background-color: black;
	position: absolute;
	width: 975px;
	height: 500px;
	left: 3px;
	top: 310px;}

/* The Noel Pubs element*/
div.noelpubs {position: absolute;
	width: 975px;
	height: 300px;
	left: 3px;
	top: 1140px;}
