*
	{
		padding: 0;
		margin: 0;
	}

	html
	{
		/*height: 100%;*/
	}

	body
	{
		margin: 0 auto;
		padding: 0;
		font: 85% "trebuchet ms", arial, sans-serif;
		line-height: 140%;
		text-align: center;
		color: #CCCCCC;
		background-color: #000000;
		/*height: 100%;*/
	}

	p, h2, h3, h4, h5, th
	{
		padding: 10px 0px;
	}

	h2, h3, h4, h5, th
	{
		font-family: georgia, "times new roman", serif;
 		color: #FFFFFF;
		font-size: 13pt;
	}

#containertest
	{
		margin: 0 auto;
		width: 95%;
		background-color: #000000;
		border: 1px solid #555555;
  		background-image: url(background/test.jpg);
		background-repeat: no-repeat;
		background-position: 0px 0px;
}


	#containerhome
	{
		margin: 0 auto;
		width: 95%;
		background-color: #000000;
		border: 1px solid #555555;
  		background-image: url(background/back7.jpg);
		background-repeat: no-repeat;
		background-position: 0px 140px;
	}

	#container
	{
		margin: 0 auto;
		width: 95%;
		background-color: #000000;
		border: 1px solid #555555;
  		background-image: url(background/rotator.jpg);
		background-repeat: no-repeat;
		background-position: 0px 140px;
	}

	#containerhistory
	{
		margin: 0 auto;
		width: 95%;
		background-color: #000000;
		border: 1px solid #555555;
  		background-image: url(background/back6.jpg);
		background-repeat: no-repeat;
		background-position: 0px 140px;
	}

	#containergigs
	{
		margin: 0 auto;
		width: 95%;
		background-color: #000000;
		border: 1px solid #555555;
  		background-image: url(background/back13.jpg);
		background-repeat: no-repeat;
		background-position: 0px 140px;
	}

	#containermusic
	{
		margin: 0 auto;
		width: 95%;
		background-color: #000000;
		border: 1px solid #555555;
  		background-image: url(background/back8.jpg);
		background-repeat: no-repeat;
		background-position: 0px 140px;
	}

	#containergallery
	{
		margin: 0 auto;
		width: 95%;
		background-color: #000000;
		border: 1px solid #555555;
	}

	#containercontact
	{
		margin: 0 auto;
		width: 95%;
		background-color: #000000;
		border: 1px solid #555555;
  		background-image: url(background/back11.jpg);
		background-repeat: no-repeat;
		background-position: 0px 140px;
	}


	#header
	{
		text-align: center;
		margin-top: 0px;
		margin-bottom: 0px;
		float: right;
		width: 700x;
		height: 170px;
		background-image: url(./jp.images/graphics/knocksep.jpg);
		background-repeat: no-repeat;
		background-position: top right;
	}

	.logo
	{
		float: left;
		padding: 20px 50px;
	}

	#menu ul
	{
		margin-left: -10px;
		margin-top: 90px;
	}

	#menu a
	{
		text-decoration: none;
		padding: 0px;
	}


	#menu li
	{
		list-style-type: none;
		display: inline;
		padding: 6px;
		margin: 0px;
	}

	#menu a:hover
	{
		text-decoration: none;
	}

	.linkalign
	{
		vertical-align: middle;
	}


	#contents
	{
		text-align: left;
		display: inline;
		float: right; 
		width: 430px;
		margin: 0px 90px 0px 0px;
	}


	#contentssmall
	{
		text-align: left;
		display: inline;
		float: right; 
		width: 430px;
		margin: 0px 90px 100px 0px;
	}
	
	#lowercontents
	{
		text-align: left;
		margin: 0px 90px;
	} 
		
	#contentsleft
	{
		float: left;
		width: 280px;
	}

	#contentsright
	{
		float: right;
		width: 430px;
		margin-left: 0px;
	}
	
	.left
	{
		float: left;
	}
	
	.right
	{
		float: right;
	}

	
	#strip
	{
		text-align: center;
		height: 80px;
		margin: 20px;
	}

	#strip img
	{
		border: 1px solid #444444;
		margin: 5px;
	}

	#footer
	{
		padding: 5px;
		padding-bottom: 10px;
		margin: 0px;
		/*position: absolute;
		bottom: 0;
		left: 0;*/
		font-size: 90%;
		width: 99%;
		height: 1.5em;
		background: transparent;
	}

	#footer a, a:link, a:visited
	{
		text-decoration: none;
		font-weight: normal;
		color: #AAAAAA;
	}

        #footer a:hover, a:active
	{
		color: #FFFFFF;
	}
		


	a:link img, a:visited img, a:focus img, a:hover img, a:active img 
	{
		border: none;
	}



	#gigtable
	{
		margin: 80px 0px;
		border-top: 1px solid #555555;
		border-bottom: 1px solid #555555;
		color: #ffffff;
		width: 420px;
	}

	#gigtable td, #gigtable th
	{
		vertical-align: top;
		padding: 8px 4px;
	}
	
	
	div.icenter
    	{
    		text-align: center;
    		margin-top: 0px;
    		margin-bottom: 0px;
    		padding: 0px;
    	}


	#musiccolumn
	{
		margin: 0px;
		margin-right: 40px;
		text-align: left;
		font-size: 9pt;
	}

	#musiccolumn img
	{
		border: 1px solid #FFFFFF;
		float: left;
		margin: 10px;
		margin-left: 0px;
	}


	#gallery
	{
		margin: 40px 30px 200px 30px;
		position: relative;
		padding-bottom: 200px;
	}

	#gallery p
	{
		text-align: center;
	}

	#gallery img
	{
		border: 1px solid #555555;
		float: left;
		margin: 10px;
	}

	#photo
	{
		text-align: center;
		margin: 30px 140px;
	}

	#photo img
	{
		border: 1px solid #555555;
		margin: 40px 0 200px 0;
	}
	

	.email
	{
		vertical-align: top;
	}
	
	.pad
	{
		padding: 20px;
	}

	.imgpad
	{
		margin: 0px 90px 20px 20px;
	}
	
	#spacer
	{
		padding: 0px;
		margin: 0px;
		clear:both;
	}

	a, a:link, a:visited
	{
		text-decoration: none;
		font-weight: bold;
		color: #FFFFFF;
	}

	a:focus, a:hover, a:active
	{
		text-decoration: underline;
		font-weight: bold;
		color: #FFFFFF;
	}
	
	.spacer
	{
		clear: both;
	}

	.hpright
	{
		float: right;
		margin-left: 280px;
		width: 300px;
		margin-right: 0px;
	}

	.hpleft
	{
		margin-left: 0px;
		margin-right: 20px;
		width: 40%;
		padding-top: 10px;
		border-top: 1px solid #555555;
	}

	#flyers
	{
		text-align: center;
	}

	}

	#flyers img
	{
		border: 1px solid #555555;
		margin: 2px;
	}
	

/*********************************BAND BIOS*********************************************************/

/* Based on some code I found at this wonderful website: www.cssplay.co.uk */

span
	{
		display: block;
	}

/*.para
	{
		position: absolute;
		width: 300px;
		height: 200px;
		top: 700px;
		left: 520px;
		z-index: 1;
		text-align: left;
		padding-bottom: 200px;
	}	
*/

#bandpics
	{
		position: relative;
		width: 200px;
		height: 200px;
		margin: 40px;
		top: -40px;
		left: 396px;
		display: block;
		margin-bottom: 70px;
		font-size: 9pt;	
	}

a.bandpics, a.bandpics:link, a.bandpics:hover
	{
		font-weight: normal;
		text-decoration: none;
	}


a.bandpics, a.bandpics:visited 
		
	{
		display: inline;
		color:#000; 
		text-decoration:none;
		border: 1px solid #aaaaaa;
		width: 60px; 
		height: 60px;
		float: left;	
		margin: 2px; 
		position:relative; 
		cursor:default;
	}

a.tam {background-image: url(./jp.images/tamb.jpg);}
a.gaz {background-image: url(./jp.images/gazb.jpg);}
a.paul {background-image: url(./jp.images/paulb.jpg);}
a.dannym {background-image: url(./jp.images/dannymb.jpg);}
a.dannyd {background-image: url(./jp.images/dannydb.jpg);}
a.cammy {background-image: url(./jp.images/cammyb.jpg);}
a.lucy {background-image: url(./jp.images/lucyb.jpg);}

a.bandpics span 
	{
		visibility:hidden;
		display:block;
		position:absolute; 
		width: 240px; 
		height: 240px;
		text-align: left; 
		color: #CCCCCC;
		background-color: #000000;
		cursor:default;
	}

/*a.tam span {left: 260px; top: 0px;}
a.gaz span {left: 184px; top: 0px;}
a.paul span {left: 108px; top: 0px;}
a.dannym span {left: 260px; top: -76px;}
a.dannyd span {left: 184px; top: -76px;}
a.cammy span {left: 108px; top: -76px;}
a.lucy span {left: 260px; top: -152px;}
*/

a.tam span {left: 220px; top: -4px;}
a.gaz span {left: 154px; top: -4px;}
a.paul span {left: 88px; top: -4px;}
a.dannym span {left: 220px; top: -70px;}
a.dannyd span {left: 154px; top: -70px;}
a.cammy span {left: 88px; top: -70px;}
a.lucy span {left: 220px; top: -136px;}


a.bandpics:hover span img 
	{

		border: 1px solid #666666;
		float: left;
		margin: 2px;
		margin-bottom: 10px;
	}


a.bandpics:hover span strong
	{
		font-family: georgia, serif;
		color: #EEEEEE;
	}

a.bandpics:hover 
	{
		white-space:normal; 
		border: 0px;
		z-index:100;
	}

a.tam:hover
	{
		background-image: url(./jp.images/tamf.jpg);
		border: 1px solid #ffffff;
	}


a.gaz:hover
	{
		background-image: url(./jp.images/gazf.jpg);
		border: 1px solid #ffffff;
	}

a.paul:hover
	{
		background-image: url(./jp.images/paulf.jpg);
		border: 1px solid #ffffff;
	}

a.dannym:hover
	{
		background-image: url(./jp.images/dannymf.jpg);
		border: 1px solid #ffffff;
	}


a.dannyd:hover
	{
		background-image: url(./jp.images/dannydf.jpg);
		border: 1px solid #ffffff;
	}

a.cammy:hover
	{
		background-image: url(./jp.images/cammyf.jpg);
		border: 1px solid #ffffff;
	}

a.lucy:hover
	{
		background-image: url(./jp.images/lucyf.jpg);
		border: 1px solid #ffffff;
	}

a.bandpics:hover span 
	{
		visibility:visible; 
		z-index:100;
	}

span h4
	{
		padding: 0;
		margin: 0;
	}

/**************************END BAND BIOS *******************************************************/