/*
 *SECTION 1: General Properties
 */

/*
 * HTML/Body
 */

html,body {
	margin: 0;
	padding: 0;
	background: #4b4b4b url(images/yhm_main_background.gif) top left repeat-x;
}

/*
 * General class properties.
 */

.table1pxWhite {
 	border: 1px solid;
	border-style: solid;
	border-color: #ffffff;
}
	
.tdFreddie {
	font-family: arial,sans-serif; 
	font-size: 11px; 
	color: #000000; 
	line-height: 150%;
	background-color: #ffffff;
}

.tdBlack{
	background-color: #000000;
	text-align: right;
	line-height: 150%;
	vertical-align: middle;
}

.tdContactInfo{
	text-align: left;
	vertical-align: top;
	padding-left:50px;
	border-left: 1px solid #000000;
}

.tdContactForm{
	text-align: right;
	vertical-align: top;
}

.tdContactFormPad{
	text-align: right;
	vertical-align: top;
	padding-right:50px;
}

.newsTitle {
	font-family: arial,sans-serif; 
	font-size: 18px; 
	color: #000000;
	font-weight: bold;
	}
	
.newsDate {
	font-family: arial,sans-serif; 
	font-size: 12px; 
	color: #000000;
	font-style: italic;
	}
	
.newsBody{
	font-family: arial,sans-serif; 
	font-size: 16px; 
	color: #000000;
	line-height: 150%;
	}	
	
.newsIndexTitle {
	font-family: arial,sans-serif; 
	font-size: 14px; 
	color: #f8f49c; 
	font-weight: bold;
	text-align: left;
	}
	
.newsIndexDate {
	font-family: arial,sans-serif; 
	font-size: 10px; 
	color: #f8f49c; 
	font-style: italic;
	text-align: left;
	}
	
.newsIndexBody{
	font-family: arial,sans-serif; 
	font-size: 12px; 
	color: #f8f49c; 
	line-height: 150%;
	text-align: justify;
	}	
	
.artistTitle {
	font-family: arial,sans-serif; 
	font-size: 18px; 
	color: #000000;
	font-weight: bold;
	}	
	
.error{
	font-family: arial,sans-serif; 
	font-size: 18px; 
	color: #ff0000;
	font-weight: bold;
	line-height: 150%;
	}	
	
/*
 * General image properties
 */
 
img {
	border: none;
}

.imgMiddle{
	vertical-align: middle;
}

/*
 * Div Properties
 */
 
 #homeContainer {
	position: relative;
	margin: 0 auto;
	width: 987px;
	height: 1094px;
	background: url(images/yhm_home_background.gif) top center no-repeat;
}

 #nav{
	position: absolute;
	margin: 0;
	top: 283px;
	left: 62px;
}

 #cdDescriptionContainer{
	position: absolute;
	margin: 0;
	top: 440px;
	left: 70px;
	width: 182px;
	height: 341px;
	font-family: arial,sans-serif; 
	font-size: 18px; 
	color: #ffffff; 
	overflow: hidden;
	text-align: justify;
}

 #cdImage{
	position: absolute;
	margin: 0;
	top: 332px;
	left: 274px;
	width: 370px;
	height: 379px;
}

 #buyNow{
	position: absolute;
	margin: 0;
	top: 738px;
	left: 303px;
	width: 316px;
	height: 47px;
}

 #latestNewsTitle{
	position: absolute;
	margin: 0;
	top: 331px;
	left: 677px;
	width: 248px;
	height: 47px;
}

 #latestNewsContent{
	position: absolute;
	margin: 0;
	top: 385px;
	left: 677px;
	width: 248px;
	height: 220px;
	overflow: hidden;
	font-family: arial,sans-serif; 
	font-size: 12px; 
	color: #f8f49c; 
	line-height: 180%;
	text-align: justify;
}

 #latestNewsLink{
	position: absolute;
	margin: 0;
	top: 615px;
	left: 677px;
	width: 248px;
	height: 30px;
	overflow: hidden;
	font-family: arial,sans-serif; 
	font-size: 18px; 
	color: #f8f49c; 
	text-align: center;
}

 #mediaPlayer{
	position: absolute;
	margin: 0;
	top: 865px;
	left: 67px;
	width: 260px;
	height: 120px;
	overflow: hidden;
	font-family: arial,sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	color: #000000; 
	text-align: left;
	line-height: 150%;
}

 #mailingList{
	position: absolute;
	margin: 0;
	top: 908px;
	left: 368px;
	width: 275px;
	height: 93px;
	overflow: hidden;
	font-family: arial,sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	color: #000000; 
	text-align: center;
}

 #freddie{
	position: absolute;
	margin: 0 auto;
	top: 678px;
	left: 675px;
}

 #footer{
	position: absolute;
	margin: 0;
	top: 1020px;
	left: 59px;
	width: 870px;
	height: 20px;
	overflow: hidden;
	font-family: arial,sans-serif; 
	font-size: 16px;
	color: #eae719; 
	text-align: center;
}

#subNav{
	position: relative;
	margin: 0 auto;
	width: 987px;
	height: 314px;
}

 #subContent{
	position: relative;
	margin: 0 auto;
	width: 987px;
	min-height: 100%;
	background: url(images/yhm_sub_background.gif) top center repeat-y;
}

#subText{
	padding-top: 20px;
	padding-right: 70px;
	padding-bottom: 10px;
	padding-left: 70px;
	font-family: arial,sans-serif; 
	font-size: 12px;
	color: #000000; 
	text-align: left;
}

#subNewsText{
	padding-top: 20px;
	padding-right: 70px;
	padding-bottom: 10px;
	padding-left: 70px;
	font-family: arial,sans-serif; 
	font-size: 12px;
	color: #000000; 
	text-align: left;
}

#subAboutText{
	padding-top: 20px;
	padding-right: 70px;
	padding-bottom: 10px;
	padding-left: 70px;
	font-family: arial,sans-serif; 
	font-size: 18px;
	color: #000000; 
	text-align: left;
}

#subArtistText{
	padding-top: 20px;
	padding-right: 70px;
	padding-bottom: 10px;
	padding-left: 70px;
	font-family: arial,sans-serif; 
	font-size: 16px;
	color: #000000; 
	text-align: left;
}

#subGenreText{
	padding-top: 20px;
	padding-right: 70px;
	padding-bottom: 10px;
	padding-left: 70px;
	font-family: arial,sans-serif; 
	font-size: 18px;
	color: #000000; 
	text-align: left;
	background: url(images/watermark_freddie.gif) top center no-repeat;
}

#subGenreCategoryText{
	padding-top: 20px;
	padding-right: 70px;
	padding-bottom: 10px;
	padding-left: 70px;
	font-family: arial,sans-serif; 
	font-size: 16px;
	color: #000000; 
	text-align: left;
	background: url(images/watermark_freddie.gif) top center no-repeat;
}

 #subFooter{
	position: relative;
	margin: 0 auto;
	width: 987px;
	height: 87px;
	font-family: arial,sans-serif; 
	font-size: 16px;
	color: #eae719; 
	text-align: center;
	padding-top: 10px;
	background: url(images/yhm_sub_footer.gif) top center no-repeat;
}


/*
 * Link Properties
 */

 
 	A.body {font-family: arial,sans-serif; font-size: 12px; color: #ffffff; text-decoration:underline;}
 	A.body:visited {font-family: arial,sans-serif; font-size: 12px; color: #ffffff;text-decoration: underline;}
 	A.body:active {font-family: arial,sans-serif; font-size: 12px; color: #ffffff;text-decoration: underline;}
 	A.body:hover {font-family: arial,sans-serif; font-size: 12px; color: #000000; text-decoration: none; background-color: #ffffff;}

 	A.newslink {font-family: arial,sans-serif; font-size: 18px; color: #eae719; text-decoration:underline; font-weight: bold;}
 	A.newslink:visited {font-family: arial,sans-serif; font-size: 18px; color: #eae719; text-decoration: underline; font-weight: bold;}
 	A.newslink:active {font-family: arial,sans-serif; font-size: 18px; color: #eae719; text-decoration: underline; font-weight: bold;}
 	A.newslink:hover {font-family: arial,sans-serif; font-size: 18px; color: #4d4c4c; text-decoration: none; background-color: #eae719; font-weight: bold;}

 	A.mediaplayer {font-family: arial,sans-serif; font-size: 12px; color: #000000; text-decoration:underline;}
 	A.mediaplayer:visited {font-family: arial,sans-serif; font-size: 12px; color: #000000;text-decoration: underline;}
 	A.medialplayer:active {font-family: arial,sans-serif; font-size: 12px; color: #000000;text-decoration: underline;}
 	A.mediaplayer:hover {font-family: arial,sans-serif; font-size: 12px; color: #eae719; text-decoration: none; background-color: #000000;}

 	A.aboutText {font-family: arial,sans-serif; font-size: 18px; color: #000000; text-decoration:underline; font-weight: bold;}
 	A.aboutText:visited {font-family: arial,sans-serif; font-size: 18px; color: #000000;text-decoration: underline; font-weight: bold;}
 	A.aboutText:active {font-family: arial,sans-serif; font-size: 18px; color: #000000;text-decoration: underline; font-weight: bold;}
 	A.aboutText:hover {font-family: arial,sans-serif; font-size: 18px; color: #f8f49c; text-decoration: none; background-color: #000000; font-weight: bold;}

 	A.genreCategory {font-family: arial,sans-serif; font-size: 16px; color: #000000; text-decoration:underline;}
 	A.genreCategory:visited {font-family: arial,sans-serif; font-size: 16px; color: #000000;text-decoration: underline;}
 	A.genreCategory:active {font-family: arial,sans-serif; font-size: 16px; color: #000000;text-decoration: underline;}
 	A.genreCategory:hover {font-family: arial,sans-serif; font-size: 16px; color: #eae719; text-decoration: none; background-color: #000000;}

	#newsBody A{font-family: arial,sans-serif; font-size: 14px; color: #000000; text-decoration: underline; font-weight: bold;}
 	#newsBody A:visited {font-family: arial,sans-serif; font-size: 14px; color: #000000;text-decoration: underline; font-weight: bold;}
 	#newsBody A:active {font-family: arial,sans-serif; font-size: 14px; color: #000000;text-decoration: underline; font-weight: bold;}
 	#newsBody A:hover {font-family: arial,sans-serif; font-size: 14px; color: #f8f49c; text-decoration: none; background-color: #000000; font-weight: bold;}


 /*
 * Form Properties
 */
  
select.form1 {
  font-family: verdana,tahoma,arial,sans-serif; 
  font-size: 10px; 
  color: #000000;
  }
  
option.form1 {
  font-family: verdana,tahoma,arial,sans-serif; 
  font-size: 8px; 
  color: #000000;
  border: 0px solid;
  border-color: #ffffff;
  }
  
input.mailingList{
   width: 250px;
   height: 25px;
   color: #000000;
   font-family: arial,sans-serif; 
   font-size: 20px;
   text-align: center;
   background-color: #ffffff;
   border: 1px solid;
   border-top-color: #000000;
   border-left-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   }
   
input.mailingListSubmit{
   color: #000000;
   width: 100px;
   height: 25px;
   font-family: verdana,tahoma,arial,sans-serif; 
   font-size: 14px;
   font-weight: bold;
   background-color: #eae719; 
   border: 1px solid;
   border-top-color: #000000;
   border-left-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   }
   
input.mailingListSub{
   width: 200px;
   height: 20px;
   color: #000000;
   font-family: arial,sans-serif; 
   font-size: 18px;
   text-align: left;
   background-color: #ffffff;
   border: 1px solid;
   border-top-color: #000000;
   border-left-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   }
   
.formComments{
   width: 200px;
   height: 200px;
   color: #000000;
   font-family: arial,sans-serif; 
   font-size: 18px;
   text-align: left;
   background-color: #ffffff;
   border: 1px solid;
   border-top-color: #000000;
   border-left-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   }