BODY.splash { 
  margin: 1em;
  font-family: Verdana Narrow;
  line-height: 1.1;
  background: #000010;
/*  background-image: url('images/StickMen7.gif');		*/
  color: #FFA800; 	
  onLoad="JSFX_StartEffects()";
}
BODY.general {
  overflow: auto; /* need this to ensure that IE8 has a scroll bar */
  scrollbar-base-color:#333333;
  height:100%;
  margin: 1em;
  font-family: Verdana Narrow;
  line-height: 1.1;
  background: #000010;
/*  background-image: url('images/StickMen.Sky10.gif');		*/
  color: #FFA800; 	
  onLoad="JSFX_StartEffects()";
}
BODY.discography {
  overflow: auto; /* need this to ensure that IE8 has a scroll bar */
  scrollbar-base-color:#333333;
  height:100%;
  margin: 1em;
  font-family: Verdana Narrow;
  line-height: 1.1;
  background: #CCCC99;
/*  background-image: url('images/StickMen.Sky10.gif');		*/
  color: #000000; 	
  onLoad="JSFX_StartEffects()";
}


/*  LEFT & RIGHT SIDEBAR  */
<title>Fixed left-sidebar and right-sidebar</title>
<style type="text/css">
 body{
  margin:0;
  padding:0 right-sidebar-<length> 0 left-sidebar-<length>;
 }
 div#left-sidebar{
  position:absolute;
  top:100;
  left:0;
  width:left-sidebar-<length>;
  height:100%;
 }
 div#right-sidebar{
  position:absolute;
  top:100;
  right:0;
  width:right-sidebar-<length>;
  height:100%;
 }
 @media screen{
  body>div#left-sidebar{
   position:fixed;
  }
  body>div#right-sidebar{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }
</style>
<div id="left-sidebar"> left-sidebar </div>
<div id="right-sidebar"> right-sidebar </div>
<div id="content"> content </div>
/* End LEFT & RIGHT SIDEBAR  */

	/* This code is to establish a footer for the nav	*/
		html, body{
		height:95%;
		margin:0;
		padding:0;
		min-height:95%;
		}
		#contents{
		min-height:95%;   
		margin:0; 
		position:relative;
		}
		/* holly hack to target IE win Only \*/
		* html #contents{
		height:95%;
		}
		/* end hack */
		
		#footer{
		position:relative; 
		top:-5%;
		height:5%;
		}
		 * html #footer{ /*IE */
		top:0;
		}
		| * > #footer{ /* Opera using CSS3 selectors that other browsers will support later, look out */
		top:0;
		}
		
		#footer
		{
		height:10px;
		width:100%; 
		background-color: #000010;
		}
 
/*
img.cd
	{
	border: 5px solid darkred;"
	}	/*  SRC="images/CoverShot.jpg" ALT="When Giants Fall - Momentum" width="200" height="200" */
*/

	

H1, H3, H4, H5, H6, H8, P, UL, OL, DIR, MENU, DIV, 
DT, DD, ADDRESS, BLOCKQUOTE, PRE, BR, HR, FORM, DL { 
  display: block }

B, STRONG, I, EM, CITE, VAR, TT, CODE, KBD, SAMP, 
IMG, SPAN, H6 { display: inline }

LI { display: list-item }

H1, H4, H8 { margin-top: 1em; margin-bottom: 1em }
H5, H6 { margin-top: 1em }
H1 { text-align: left }
H1, H6, H8 { font-weight: bold }
H5 { font-style: italic }

H7 { margin-top: 1em; margin-bottom: 1em }
H7 { text-align: left }
H7 { font: 90% Arial Bold }
H7 { color: #FFFFFF; }

H1 { font: 100% Arial Bold }	/*{ font-size: xx-large } */
H1, H8 { color: #FFA800; }		/*using this for band titles that are also links */
H2 { color: #000010; }
H3 { font: 90% Times New Roman bold }
H6 { font: 175% Times New Roman }
H8 { font: 110% Arial Bold }
/* H8 { text-align: right } */


B, STRONG { font-weight: bolder }  /* relative to the parent */
I, CITE, EM, VAR, ADDRESS, BLOCKQUOTE { font-style: italic }
PRE, TT, CODE, KBD, SAMP { font-family: monospace }

PRE { white-space: pre }

ADDRESS { margin-left: 3em }
BLOCKQUOTE { margin-left: 3em; margin-right: 3em }

UL, DIR { list-style: disc }
OL { list-style: decimal }
MENU { margin: 0 }              /* tight formatting */
LI { margin-left: 3em }

DT { margin-bottom: 0 }
DD { margin-top: 0; margin-left: 3em }

/*HR { border-top: solid}        /* 'border-bottom' could also have been used ?not sure where this came from: COLOR=WHITE SIZE =1 WIDTH=400  */


		/****** DITCHED THESE IN FAVOR OF THE LINK FADE SCRIPT	*/
			A:link { color: FF8429 }           /* unvisited link */
			A:visited { color: FFA800 }        /* visited links */
			A:active { color: CCA800 }        /* active links */

/* setting the anchor border around IMG elements
   requires contextual selectors */

		/*	A:link IMG { border: 2px solid blue }
			A:visited IMG { border: 2px solid red }
			A:active IMG { border: 2px solid lime }
			
		***************************************************************
		*/


/*	TABLE STYLE 	*/

/*	Splash Page 	*/

table.splash {
	border-width: 0px 0px 0px 0px;				/* Top Right Bottom, Left  */
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: red red orange orange;
	border-collapse: separate;
/*	background-color: #000010;				
/*	background-image: url('images/EmpireRat_2.JPG');
	background-attachment: fixed		*/		/* Image does not move/scroll with page 	*/
}
table.splash th {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
/*	border-color: gray gray gray gray;	*/
/*	background-color: white;	*/
	-moz-border-radius: 0px 0px 0px 0px;
}
table.splash td {
	border-width: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;				/* Top Right Bottom, Left  */
	border-style: inset inset inset inset;
	border-color: red green blue gray;	
/*	background-color: white;	*/
	-moz-border-radius: 0px 0px 0px 0px;
}


/************	Doscogrphy Table 	************/

/*  border="0" cellspacing="04"  height="" align="left"   */
<style type="text/css">
	.Disc{
		width:100%; 
		border-collapse:collapse;
		text-align: left;
}
	}
	.Disc td{ 
		padding:8px; border:#4e95f4 1px solid;
	}
	/* provide some minimal visual accomodation for IE8 and below */
	.Disc tr{
		background: #b8d1f3;
	}
	/*  Define the background color for all the ODD background rows  */
	.Disc tr:nth-child(odd){ 
		background: #555555;
	}
	/*  Define the background color for all the EVEN background rows  */
	.Disc tr:nth-child(even){
		background: #444444;
	}
</style>







/************	NAVIGATION 	************/

table.nav {

	border-width: 0px 0px 0px 0px;				/* Top, Right, Bottom, Left  */
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: orange orange orange orange;
	border-collapse: separate;
	background-color: #000010;
/*	background-image: url('images/wgf_lOGO4.1.jpg');	*/
	background-attachment: fixed			*/		/* Image does not move/scroll with page 	*/
}
table.nav th {
	border-width: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;	
/*	background-color: #000010;			*/
/*	-moz-border-radius: 0px 0px 0px 0px;		*/
}
table.nav td {

	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;				/* Top, Right, Bottom, Left  */
	border-style: inset inset inset inset;
	border-color: black green blue gray;
/*	background-image: url('images/wgf_NavBG2.jpg');			/* Something I tried */	
/*	background-color: 000010;	*/
	-moz-border-radius: 0px 0px 0px 0px;
}


/************	General 	************/

table.general {
	border-width: 0px 0px 0px 0px;				/* Top, Right, Bottom, Left  */
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: orange orange orange orange;
	border-collapse: separate;
	background-color: #000010;
/*	background-image: url('http://www.wanderinginfiniti.com/5.gif');	*/
	background-attachment: fixed		*/		/* Image does not move/scroll with page 	*/
}
table.general th {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: #;	/*000010*/
	-moz-border-radius: 0px 0px 0px 0px;
}
table.general td {
	border-width: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;	/* Top, Right, Bottom, Left  */
	text-align: center;
	border-style: inset inset inset inset;
	border-color: orange orange orange orange;
/*	background-image: url('images/wgf_NavBG2.jpg');			/* Something I tried */	
/*	background-color: 000010;	*/
	-moz-border-radius: 0px 0px 0px 0px;
}


	table.gear {
			font-family: Verdana, Sans-Sherif;

		  	font-color:   #000000;
		}

table.disc {
    margin-left:auto; 
    margin-right:auto;
	border-width: 02px 02px 02px 02px;				/* Top Right Bottom, Left  */
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: red red orange orange;
	border-collapse: separate;
	background-color: #ffffff;			
/*	background-image: url('images/EmpireRat_2.JPG');
	background-attachment: fixed		*/		/* Image does not move/scroll with page 	*/
}
table.disc th {
	border-width: 04px 0px 04px 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
/*	border-color: gray gray gray gray;	*/
/*	background-color: white;	*/
	-moz-border-radius: 0px 0px 0px 0px;
}
table.disc td {
	border-width: 02px 02px 02px 02px;
	padding: 2px 2px 2px 2px;				/* Top Right Bottom, Left  */
	border-style: inset inset inset inset;
	border-color: black black black black;	
/*	background-color: white;	*/
	-moz-border-radius: 0px 0px 0px 0px;
}
/* --------------------


/* ************ DHTML DropDown ******************** */

/*	<style type="text/css">	*/


a.attach, a.attach:visited, div.attach
{
  display: block;
  width:   200px;

  border:  1px solid darkgrey;
  padding: 3px 5px;

  background: #FFA800;

  text-decoration: none;
  font-family: Verdana, Sans-Sherif;
  font-weight: 900;
  font-size: .7em;
  color:   #000000;
}

a.attach, a.attach:visited { border-bottom: none; }
/*	div#attach_menu_child             { border-bottom: 2px solid grey; }	(only applies to original menu child, it's not a general variable)*/

form.attach
{
  position: absolute;
  visibility: hidden;

  border:  10px #CCCCCC;
  padding: 0px 5px 2px 5px;

  background: #CCCCCC;
}

form.attach b
{
  font-family: Verdana, Sans-Sherif;
  font-weight: 900;
  font-size: 1.9em;
}

input.attach { margin: 1px 0px; width: 170px; }

/*	</style>	*/