/*
 * HTML element wide
 */
   Body {
      background-color: #708090;
      color: white;
      margin: 0;
      padding: 0;
      line-height: 1em;
      font-family: sans-serif;
      font-size: 0.75em;
   }
   A {
      color: #FF8C8C;
      text-decoration: none;
   }
   A:hover {
      text-decoration: underline;
   }
   h1 {
      margin-top: 0.3em;
		font-size: 2em;
/*		line-height: 1.2em;		
	   width: 10em; 
/*		
      background-color: Black;
      font-size: 1.5em;
      font-weight: bolder;
/*      height: 1em; */
/*		margin: 0;
      margin-top: 0.3em;
      padding: 0.2em; 
      text-align: left;		
      vertical-align: bottom; */
   }
	h3 {
		margin-top: 0.3em;
	}
   img {
      border: none;
      margin: 0px;
      padding: 2px;
   }
/*
 * Banner
 */
   #BannerOuter {
      left: 0px;
      position: absolute;
      top: 2em;
      width: 100%;
   }
   
   * html #BannerOuter {
      left: 50%;
      margin-left: -300px;

   }
   
  	#Banner {
		background-color: black;
		border-bottom: 1px solid #778899;
      height: 5em;
      left: 0em;    
		margin: 0;
      margin-left: auto;
      margin-right: auto;
		padding: 0;
		padding-bottom: 1em;
		width: 50em; 
   }
   
   
   * html #Banner {

		}
   #Banner P.Page { 
		color: #708090;
		display: inline;
		font-weight: bolder;
      font-size: 3em;
		float: right;
		line-height: 1em;
      margin: 0;
		margin-top: 0.2em;
      margin-top: -0.5em;      
		margin-right: 0.2em;
		padding: 0em;
		text-align: right;
		white-space: nowrap;
		width: 6em;
   }
   #Banner img {
		float: left;
		margin: 0;
		padding: 0;
		height: 5em;
   }
	#Banner P.Site {
		color: black;
		font-size: 2em;
		height: 1.1em;
		line-height: 1.1em;
		margin: 0;
		margin-top: -4em;
		padding: 0;
		position: absolute;
		right: 0em;
		top: 3em;
	}

/*
 * Menus
 */
   #Hmenu {
	   margin: 1em;
		float: left;
   }
   #NavBar {
      float: left;
      left: 0px;
      top: 90px;
      width: 130px;
   }
/*
 * Content
 */    
   #Centered {
   	background-color: black;
		margin: auto;
		margin-top: 2em;
		padding: 1em;
		width: 50em;
		text-align: center;
   }

   #Content {
      padding-top: 6em;
      min-height: 30em;
      line-height: 1.5em;
   }
   /* Tan Hack for IE MinHeight */
   * html #Content {
      height: 30em;
   }
	#Content A {
/*		color: #FFA07A; */
	}
   #Footer {
		border-top: 1px solid #778899;
      background-color: Black;
      color: white;
      clear: both;
		font-size: 0.9em;
      padding: 1em;
   }

/*
 * FoH
 */
	#FoH {
		width: 100%;
		text-align: left;
	}

	#FoH H2 {
		color: #D5D5D5;
		font-size: 66px;
		line-height: 1em;
		margin: 0;
		margin-bottom: 0.25em;
		padding: 0;
		text-align: right;
	}
   DIV.Column1 {
	 clear: left;
	 float: left;
	 width: 49%;
   }
   
   DIV.ReadListenBuy {
      background-color: #404040;
   }
   DIV.ReadListenBuy A {
		background-repeat: no-repeat;
		background-position: top left;
      padding-left: 1.5em;      
      display: block;
      float: left;
      width: 33%;
   }
   DIV.ReadListenBuy A.Read {
		background-image: url("/Images/Read-16.gif");
   }
   DIV.ReadListenBuy A.Read:hover {
		background-image: url("/Images/Read-16-hover.gif");
   }
   DIV.ReadListenBuy A.Listen {
		background-image: url("/Images/Play-16.gif");
      margin-left: 3em;
   }
   DIV.ReadListenBuy A.Listen:hover {
		background-image: url("/Images/Play-16-hover.gif");
   }
   DIV.ReadListenBuy A.Buy {
		background-image: url("/Images/Buy-16.gif");
      text-align: right;
      float: right;
      width: 5.5em;
   }
   DIV.ReadListenBuy A.Buy:hover {
		background-image: url("/Images/Buy-16-hover.gif");
   }


   
   DIV.Radio {
      clear: none;
      float: left;
   }
   DIV.Radio A {
		background-image: url("/Images/Play-16.gif");
		background-repeat: no-repeat;
		background-position: top left;
      padding-left: 1.5em;      
   }
   DIV.Radio A:hover {
		background-image: url("/Images/Play-16-hover.gif");
		background-repeat: no-repeat;
		background-position: top left;
      padding-left: 1.5em;      
   }

   DIV.Column2 {
   clear: none;
	 float: right;
	 width: 50%;
	 padding: 0;
	 margin: 0;
}
   DIV.Column2 H4 {
	 text-align: right;
	 font-size: 1.2em;
}
	UL.SongList {
	   border-left: 1px solid #2B2B2B;
		float: right;
		margin: 0;
		padding: 0;
		padding-left: 1em;
	   list-style: inside;
		text-align: right;
	}

   #P1 A {
	   background-image: url("/Images/FOH-icon-bw.jpg");
      background-repeat: no-repeat;
   	background-position: top left;
	   display: block;
		float: left;
	   height: 66px;	
    	width: 66px;
    }
   #P1 A:hover {
		background-image: url("/Images/FOH-icon.jpg");
    }
   #P2 A {
	   background-image: url("/Images/FOH-p2-icon-bw.jpg");
      background-repeat: no-repeat;
   	background-position: top left;
	   display: block;
    	width: 66px;
	   height: 66px;	
    }
   #P2 A:hover {
		background-image: url("/Images/FOH-p2-icon.jpg");
    }
	#P3 A {
	   background-image: url("/Images/FOH-p3-icon-bw.jpg");
      background-repeat: no-repeat;
   	background-position: top left;
	   display: block;
    	width: 66px;
	   height: 66px;	
    }
   #P3 A:hover {
		background-image: url("/Images/FOH-p3-icon.jpg");
    }
    
   #P4 A {
	   background-image: url("/Images/FOH-p4-icon-bw.jpg");
      background-repeat: no-repeat;
   	background-position: top left;
	   display: block;
	   height: 66px;	
		float: right;
    	width: 132px;
    }
   #P4 A:hover {
		background-image: url("/Images/FOH-p4-icon.jpg");
    }

   #P6 A {
	   background-image: url("/Images/FOH-p6-icon-bw.jpg");
      background-repeat: no-repeat;
   	background-position: top left;
	   display: block;
	   height: 66px;	
		margin-left: 40px;
		position: absolute;
    	width: 66px;
    }
   #P6 A:hover {
		background-image: url("/Images/FOH-p6-icon.jpg");
    }
   #P7 A {
	   background-image: url("/Images/FOH-p7-icon-bw.jpg");
      background-repeat: no-repeat;
   	background-position: top left;
	   display: block;
    	width: 66px;
	   height: 66px;	
    }
   #P7 A:hover {
		background-image: url("/Images/FOH-p7-icon.jpg");
    }
   /*
    * These DIV for pages assume all the positioning is done within the page HTML
    *
    */
   #PageIcon {
      padding: 0em;
      position: absolute;
      margin: 0em;
      width: 50em;
      height: 66px;
   }
   * html #PageIcon {
      margin-left: -300px;
		}   
   #PageIcon A {
      background-repeat: no-repeat;
   	background-position: top left;
	   display: block;
      float: right;
      width: 66px;
      height: 66px;
      text-align: right;
   }
   #PageIcon A.P2 {
	   background-image: url("/Images/FoH-p2-icon-bw.jpg");
   }
   #PageIcon A.P2:hover {
		background-image: url("/Images/FoH-p2-icon.jpg");
    }
   #PageIcon A.P7 {
	   background-image: url("/Images/FoH-p7-icon-bw.jpg");
   }
   #PageIcon A.P7:hover {
		background-image: url("/Images/FoH-p7-icon.jpg");
    }
    	
	Span.Yellow {
		color: yellow;
	}
/*
 * Paragraph styles
 */
	P.Preface {
		margin: auto;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		width: 450px; 
	}
	P.Tiny {
		font-size: 0.8em;
	}
   P.Lyrics { 
      line-height: 1.4em;
   }

   PRE.Lyrics {
      font-family: sans-serif;
      font-size: 100%;
   }

/*
 * NewsItem Divs
 */
   .NewsItem {
      background-color: #151515;
      border-top: 1px solid gray;
      border-left: 1px solid gray;
	  border-bottom: 1px solid silver;
	  border-right: 1px solid silver;
      float: left;  
      line-height: 1.2em;
      margin: 0.5em;
      padding: 0;
      padding-bottom: 0.25em;
      padding-top: 0.25em;
      overflow: hidden;
      width: 46%; 
   }
   .NewsItem Img {
      margin: 3px;
      margin-top: 0px;
      padding: 0px;
   }
   .NewsItem P {
      border: none;
      margin: 0;
      padding: 0;
   }
	.Wide {
		width: 98%;
	}
   .Small {
      width: 22%; 
   }
   .Left {
      float: left; 
   }
   .Right {
      float: Right; 
      text-align: Right;
   }
   .Clear {
      clear: both;
   }
   .ClearLeft {
      clear: Left;
   }


/*
 * Divs
 */
   DIV.AlignedLeft {
      margin-left: 0em;
      margin-right: 1em;
      text-align: left;
   }
   DIV.AlignedLeft P {
      margin-left: 0em;
      margin-right: 1em;
      text-align: left;
   }
   
/*
 * Play bar
 */
   DIV.Play {
    	position: absolute;
      float: left;
	  	top: 8em;
	  	text-align: left;
		width: 10em;
      z-index: 1;
   }
   DIV.Play	Div.Small {
      background-color: yellow;
      color: black;
	 	font-size: smaller;
      font-weight: bolder;
      margin-top: 1em;
		padding-top: 0;
      padding: 0.1em;
		width: 100%;
		text-align: center;
	}
   DIV.Play A {
		display: block;
		margin: 0;
      margin-top: 1em;
      margin-left: 1em;

		padding: 0;
		padding-left: 2em;
		padding-top: 0.25em;
   }
	DIV.Play	A.Stream {
		background-image: url("/Images/Play-16.gif");
		background-repeat: no-repeat;
		background-position: top left;
	}
	DIV.Play	A.Stream:hover {	
		background-image: url("/Images/Play-16-hover.gif");
	}
	DIV.Play	A.Download {
		background-image: url("/Images/Download-16.gif");
		background-repeat: no-repeat;
		background-position: top left;
	}
	DIV.Play	A.Download:hover {	
		background-image: url("/Images/Download-16-hover.gif");
	}

	DIV.Play A.Buy {
		background-image: url("/Images/Buy-16.gif");
		background-repeat: no-repeat;
		background-position: top left;
	}

	DIV.Play A.Buy:hover {	
		background-image: url("/Images/Buy-16-hover.gif");
	}
/*
 * Search Central
 */	
   DIV.SearchCentral {
     margin-left: 1em;
     margin-top: 1em;
     padding-top: 4em;
   }
   DIV.SearchCentral Form {
	  margin: 0.5em;
	  padding: 0;
   }
	
   DIV.SearchCentral Div.Form Input {
      border: 1px solid silver;
		font:  large sans-serif;
    height: 25px;
		margin: 0;
		padding: 0;
      width: 10em;
   }
   DIV.SearchCentral Div.Form Input.Submit {
      border: 1px solid silver;
	height: 28px;
		margin: 0;
		padding: 0;
      width: 7em;
		vertical-align: top;
   }
   
   
   /*
 *
 */
   #Contact {
   }	
	#Contact TABLE {
		width: 100%;
	}
	#Contact TABLE TD.Label {
		text-align: right;
	}
	#Contact TABLE TD.Data {
		text-align: left;
	}
   #Contact Textarea {
   	height: 6em;
		width: 50%;
		
   }
/*
 * Reviews
 */
DIV.Review {
   padding-bottom: 1em;
}
DIV.Review H2 {
   font-size: 1.1em;
   font-weight: bold;
   font-style: italic;
   margin: 0;
   padding: 0;
}
DIV.Review P {
   margin: 0;
   margin-left: 1em;
   padding: 0;
}
DIV.Review IMG {
   padding: 0;
   margin: 0;
}
/*
 * EOF
 */