body, td		/* body parameters */
	{	
		margin: 0px;
		font-family: Verdana, Arial, Helvetica, san-serif;
		font-size: 12px;
		color: #ffffff;
		background-color: #000000;	
	}

th		/* style for names on bio pages */
	{	
		font-family: Georgia, Times New Roman, Times, serif;
		font-size: 18px; 
		text-align: left;
		color: #c0c0c0;
	}
		
tbody	/* style for bio texts */
	{
		font: Verdana, Arial, Helvetica, san-serif;
		font-size: 12px; 
		text-align: justify;
		color: #ff0000;
		z-index: 18;
	}
				
.top		/* location of bsbb logo */
	{
		width: 240px;
		height: 700px;
		position: absolute;
		top: 0px; left:0px;
		z-index: 1;
	}

.mainimg	/* position of main page image */
	{
		float: left;
		width: 200px; height: 133px; border: 0;
		padding-top: 3px;
		padding-right: 8px;
		z-index: 17;
		
	}


.main		/* main text box */
	{
		width: 450px;
		height: 262px;
		padding: 5px;
		text-align: justify;
		position: absolute;
		top: 150px; left: 280px;
		z-index: 2;
	}

	
.navleft		/* left side navigation */
	{	
		width: 100px;
		padding: 2px;
		position: absolute;
		top:150px; left: 5px;
		z-index: 3;
	}

.navbottom	/* bottom of page navigation */
	{
		width: 450px;
		padding: 5px;
		text-align: center;
		position: absolute; 
		top: 500px; left: 280px;
		z-index: 4;
	}

.contactinfo p	/* contact info text alignment */
	{	
		text-align: center;
	}
	
.contactinfo	/*contact info position */
	{
		width: 450px;
		height: 100px;
		padding: 12px;
		position: absolute;
		top: 150px; left: 280px;
		z-index: 5;
	}
	
	
.contactnumber 	/* chuck's number */
	{
		font-size: 16px;
		font-style: italic;
		color: #ff0000;
		position: absolute;
		top: 212px; left: 366px;
		width: 297px; height: 14px;
		z-index: 9;
	}

.contactwebmaster	/* position of a link to contact webmaster */
	{
		font-size: 13px;
		font-style: italic;
		position: absolute;
		top:345px; left: 650px;
		z-index: 10;
	}
		
.comments	/* contact the webmaster via email */
	{
		width: 450px;
		height: 50px;
		border: 1px solid #c0c0c0;
		padding: 12px;
		text-align: justify;
		position: absolute;
		top: 300px; left: 280px;
		z-index: 6
	}
				
		/* link parameters */
a:link	{ color: #ffffff; text-decoration: none; }
a:visited	{ color: #ff7f00; text-decoration: none; }
a:hover	{ color: #ff7f00; text-decoration: none; }
a:active	{ color: #ff7f00; text-decoration: none; }

.mainheading		/* heading of main body */
	{
		font-size: 18px;
		color: #c0c0c0;
		padding: 2px;
		margin-top: 2px;
		margin-bottom: 2px;
		position: absolute;
		top: 110px; left: 280px;
		z-index: 7;	
	}

.activepage		/* subtitle of active page */
	{
		width: 300px;
		border-bottom: 1px solid #ff7f00;
		font-size: 14px;
		font-style: italic;
		color: #ff7f00;
		margin-top: 2px;
		margin-bottom: 2px;                                            
		position: absolute;
		top: 45px; left: 250px;
		z-index: 8;
	}
	
.activepage2		/* subtitle of sections on bio pages */
	{
		font-size: 14px;
		font-style: italic;
		color: #ff7f00;
		margin-top: 2px;
		margin-bottom: 2px;
		position: absolute;
		top: 45px; left: 250px;
		z-index: 8;
	}
.clicknames		/*note to surfers to click names to view bio */
	{
		font-size: 9px;
		position: absolute; 
		top: 65px; left: 250px;
	}
	
h3		/* second line of subtitle on bio psges */				
	{
		font-size: 13px;
		font-style: italic;	
	}

		/* h5 parameters */
h5
	{
		font-size: 14px;
		font-style: italic;	
	}
	
.names		/* band names */
	{
		width: 450px;
		height: 150px;
		font-size: 12px;
		text-align: center;
		padding: 2px;
		position: absolute;
		top: 150px; left: 280px;
		z-index: 11;
	}

.names2		/* active page with name on bio pages */
	{
		width: 450px;
		position: absolute;
		top: 150px; left: 280px;
		z-index: 19; 
		
	}
		
		
				
.calendar		/* calendar */
	{	
		text-align: center;
		position: absolute;
		top: 150px; left: 350px;
		width: 300px; height: 100px;
		color: #ffffff;
	}
	

.sitedesign	/* credit for site design */
	{
	width: 450px;
	height: 12px;
	font-size: 10px;
	text-align: center;
	position:absolute;
	top: 645px; left: 280px;
	z-index: 12;
	}

.sitedesign2	/* credit for site design2 */
	{
	width: 450px;
	height: 12px;
	font-size: 10px;
	text-align: center;
	position:absolute;
	top: 645px; left: 350px;
	z-index: 12;
	}
	
	
.gallery	/* photo gallery 1 */
	{
		width: 450px;
		height: 150px;
		position:absolute;
		top: 150px; left: 250px;
		z-index: 14;
	}

.gallery2	/* photo gallery 2 */
	{
		width: 500px;
		height: 125px;
		position: absolute	;
		top: 150px; left: 250px;
		z-index: 15;
	}
	
.photocredits	/* photo credit for gallery 1 */
	{
		width: 450px;
		height: 12px;
		font-size: 10px;
		text-align: center;
		position: absolute;
		top: 675px; left: 280px;
		z-index: 15;
	}

.photocredits2	/* photo credit for gallery 2 */
	{
		width: 450px;
		height: 12px;
		font-size: 10px;
		text-align: center;
		position: absolute;
		top: 660px; left: 350px;
		z-index: 15;
	}
	
.logocredit /* BSBB logo design credit */
	{
		width: 450px;
		height: 12px;
		font-size: 10px;
		text-align: center;
		position:absolute;
		top: 660px; left: 280px;
		z-index: 13;
	}
	

.links, .gallerytext	/* body on links page */
	{
		width: 450px;
		height: 100px;
		font-size: 14px;
		text-align: center;
		position: absolute;
		top: 150px; left: 280px;
	}

#ieinfo 	/* IE warning */
	{
	width: 460px;
	height: 20px;
	font-size: 10px;
	text-align: center;
	position: absolute;
	top: 626px;
	left: 195px;
	z-index: 16;

	} 

.vcssicon	/* position of w3c css validation icon*/
	{
		position: absolute;
		top: 320px;
		left: 5px;
		z-index: 20;
	}
			
.vxhtmlicon	/* position of w3c validation icon */
	{
		position: absolute;
		top: 355px;
		left: 5px;
		z-index: 21;
	}