@charset "UTF-8";
/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/bg.gif);
	background-repeat:no-repeat;
	background-position: 50% 50px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 819px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	position: relative;
	margin: 5px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #navigation {
	margin: 0;
	background: #FFFFFF;
  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #mainContent {
	margin: 0;
	z-index: 1;
	background: #FFFFFF;
}

.oneColFixCtrHdr #wfloater {
	margin: 0;
	height: 345px;
	overflow: auto;
	position: absolute;
	left: 50px;
	top: 80px;
	width: 370px;
	padding: 10px;
	z-index: 2;
	font-size: 12px;
	color: #FFFFFF;
}

.oneColFixCtrHdr #tfloater {
	margin: 0;
	height: 445px;
	overflow: auto;
	position: absolute;
	left: 380px;
	top: 80px;
	width: 370px;
	padding: 10px;
	z-index: 2;
	font-size: 12px;
	color: #333333;
}

.oneColFixCtrHdr #cfloater {
	margin: 0;
	height: 110px;
	position: absolute;
	left: 190px;
	top: 420px;
	width: 530px;
	z-index: 3;
	font-size: 12px;
	line-height: 16px;
	color: #ffffff;
}

.oneColFixCtrHdr #footer {
	margin: 0;
	height: 185px;
	background:#FFFFFF;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.oneColFixCtrHdr #videosBtn {
	margin: 0;
	position: absolute;
	left: 9px;
	top: 60px;
	z-index: 4;
}


#content {
	height: 260px;
}

/* .musicparagraph .musiccontainer {
	margin: 0;
	height: 248px;
	overflow: auto;
} */

/* .oneColFixCtrHdr #floater {
	margin: 0;
	height: 296px;
	overflow: auto;
	position: absolute;
	left: 50px;
	top: 80px;
	width: 320px;
	padding: 10px;
	z-index: 2;
	font-size: 12px;
	color: #333333;
} */

table.musictable {
	margin: 0;
	position: absolute;
	left: 245px;
	top: 147px;
	width: 535px;
	height: 290px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: left;
	z-index: 1;
}

table.genretable {
	margin: 0;
	position: absolute;
	left: 228px;
	top: 105px;
	height: 20px;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: left;
}

.genrespacing {
padding-left: 10px;
}

.genrespacingnolink {
padding-left: 5px;
color: #FFFF99;
}

a.genre:link {
color: #CCCC99;
}

a.genre:visited {
color: #CCCC99;
}

a.genre:active {
color:#FFFF99;
}

a.genre:hover {
color:#FFFF99;
}

#websiteintro {
	position: absolute;
	top: 420px;
	left: 20px;
	margin:0;
	padding:0;
	z-index:100;
}

table.musicparagraph {
	margin: 0;
	position: absolute;
	padding-right: 37px;
	left: 245px;
	top: 147px;
	width: 574px;
	height: 260px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: left;
	overflow: auto;
}

table.musicparagraph ul {
	margin-top: 5px;
}

.musicparagraph .musiccontainer a:link {
color: #ffffff;
}

.musicparagraph .musiccontainer a:visited {
color: #ffffff;
}

.musicparagraph .musiccontainer a:active {
color: #ffffff;
}

.musicparagraph .musiccontainer a {
line-height: 20px;
}

table.musictable {
	margin: 0;
	position: absolute;
	left: 240px;
	top: 130px;
	width: 535px;
	height: 290px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: left;
}

.musictable #musiccontainer {
	height: 248px;
	overflow: auto;
}

.titles {
	line-height:20px;
}
.songs {
	padding-right:50px;
}

#songlist {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 212%;
}

#lyricslist {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 212%;
}

#mp3list object {
	margin-bottom: 10px;
	padding: 0;
}



.oneColFixCtrHdr #afloater {
	margin: 0;
	height: 110px;
	position: absolute;
	left: 250px;
	top: 448px;
	width: 350px;
	z-index: 5;
	font-size: 11px;
	text-align: left;
	line-height: 14px;
}

a.music:link { 
	color: #CCCC99;
	}
a.music:visited { 
	color: #CCCC99;
	}
a.music:active { 
	color: #333333;
	}
a.music:hover { 
	color: #FFFF99;
	}


a.contact:link { 
	color: #CCCC66;
	}
a.contact:visited { 
	color: #FFFFFF;
	}
a.contact:hover { 
	color: #CCCCCC;
	background-color: #333333;
	text-decoration: none;
	}
a.contact:active { 
	color: #333333;
	}
	
a.test:link { 
	color: #333333;
	}
a.test:visited { 
	color: #777777;
	}
a.test:active { 
	color: #333333;
	}
	
a.awards:link { 
	color: #ffffff;
	}
a.awards:visited { 
	color: #777744;
	}
a.awards:active { 
	color: #333333;
	}
	
.author {
	color: #999999;
	margin:0px;
	padding:0px;
	}

#preview {
	position: absolute;
	top: 450px;
}

.songcontainer {
	margin: 0;
	padding-right: 7px;
	padding-left: 4px;
	padding-bottom: 0;
	padding-top: 0;
}

.songlist {
	margin: 0;
	padding-top: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 20.5px;
}


#words li {
list-style: square;
margin-left: -23px;
padding-left: 0px;
font-size: 8pt;
text-decoration:underline;
padding-top: 5px;
line-height: 14px;
}

ul li a:link {
color: #CCCC99;
}

ul li a:visited {
color: #CCCC99;
}

ul li a:active {
color: #333333;
}

.dropcap {
float:left;
color:#996666;
font-size:70px;
line-height:50px;
padding-top:2px;
padding-right: 2px;
font-family: Times, serif, Georgia;
} 

#about a {
	color:#663300;
	text-decoration:underline;
}

#about a:link {
	color:#663300;
}

#about a:active {
	color:#333333;
}

#about a:visited {
	color:#663300;
}

#about a:hover {
	color:#333333;
}
.style3 {
	font-size: 18px;
	font-weight: bold;
	padding-top: 15px;
}
.style4 {font-size: 12px;
}