body {background-color: black}

h1 	{
	color: white;
	background-color: black;
	text-align: left;
	font-family: Arial Black;
	font-size: 40px;
	padding: 0px;
	line-height: 100%;
	margin: 0;}

h1 a {height: 108px;
	
	display: block;
	background: white url(images/title.jpg) no-repeat center center;
	}

h2 	{color: #CCCCCC;
	background-color: transparent;
	clear:both;
	font-family: Tahoma;
	font-size: 12pt;
	padding: 0;
	margin: 0 0 10px 0;}

#alignment {
	width: 700px;
	margin: auto;
	}

#content {
border:dotted 2px white;
padding:10px;
margin:0px 0px 0 0;
font-family:Tahoma;
font-size:10pt;
text-align:justify;
color:#ffffff;
height: 376px;
width:540px;
float: left;
overflow: auto;
background:#000000;
	}
#side{
width:120px;
height:400px;
float:right;
background:url(images/collage.jpg) no-repeat;
}

#banner{
width:150px;
height:85px;
float:right;
background:url(images/myspace.gif) no-repeat;
}

#container{
overflow:hidden;}
p {margin:0 0 20px 0}

#next {
     padding:10px;
     border:0px;
     overflow:hidden;
	 float:right;
}
div#next img {
     float:left;
}
div#next p {
     font-size:18px;
     color:#ffffff;
     margin:0;
     padding:0;
}

a.johnlydon{
color:#0000FF;
}
a.johnlydon:hover
{
color: #FF0000;
}

a.externallink{font-size:20px;
color:#0000FF;
}
a.externallink:hover
{
color: #FF0000;
}


/*class is dot to use many times and id is # use once */
.nextgig
{color:white;
font-size:18px
}
#nav
	{
		width:100%;
		clear:both;
		
	}

#nav ul
	{
	margin: 0px;
	padding: 0px;
	}
#nav ul li
	{
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}

#nav ul li a
{
display: block;
padding: 5px 10px 5px 0px;
color: #999999;
font-family: Tahoma;
text-indent:-9999%;
float:left;
}

#footer
{
font-size: 10px;
color: red;
font-family: arial;
margin: 20px 0 0 0;
}

#nav ul li a.biog 
	{
	text-indent:-9999%;
	background:url(images/biographies.png) no-repeat;
	width:250px;
	height:61px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
#nav ul li a.gigs 
	{
	text-indent:-9999%;
	background:url(images/gigs.png) no-repeat;
	width:113px;
	height:61px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

#nav ul li a.music 
	{
	text-indent:-9999%;
	background:url(images/music.png) no-repeat;
	width:109px;
	height:61px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
#nav ul li a.myspace
	{
	text-indent:-9999%;
	background:url(images/myspace.png) no-repeat;
	width:228px;
	height:61px;
	margin: 0 0 0 0;
		padding: 0 0 0 0;
	}

	#nav ul li a.biog:hover
	{
	text-indent:-9999%;
	background:url(images/biographies2.png) no-repeat;
	width:250px;
	height:61px;
	}
#nav ul li a.gigs:hover
	{
	background:url(images/gigs2.png) no-repeat;
	width:113px;
	height:61px;
		}

#nav ul li a.music:hover
	{
	background:url(images/music2.png) no-repeat;
	width:109px;
	height:61px;
	}
	
#nav ul li a.myspace:hover
	{
	background:url(images/myspace2.png) no-repeat;
	width:228px;
	height:61px;
	}



#form01 {
margin:0px 0px 0 0;
font-family:Tahoma;
font-size:10pt;
text-align:justify;
color:#ff0000;
}