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

body {
	background-image: url(images/background_01.jpg);
	/*text-align: center; */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#container {
    border: 0px solid yellow;
	margin: 0 auto;
	
	position: relative;
	top: 0px;
	width: 1000px;
}

#nav {
	/*background-color: #808080;*/
	width: 175px;
	height: 700px;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
}

#main {
border: 0px solid #ff00ff;
	/*background-color: #ff0000;*/
	width: 650px;
	height: 700px;
	position: absolute;
	top: 0px;
	left: 175px;
	
}

#right {
border: 0px solid green;
	background-image: url(images/right_bg.jpg);
	width: 175px;
	height: 700px;
	position: absolute;
	top: 0px;
	left: 825px;
	
}

#main_content {
border: 0px solid blue;
	background-image: url(images/main_bg.jpg);
	background-repeat: no-repeat;
	width: 640px;
	margin-left: 10px;
	font-family: Times, Times New Roman, serif;
	font-size: 10pt;
	line-height: 12pt;
	letter-spacing: .5pt;
}

#signup td {
	padding-right: 10px;
	padding-top: 10px;
	font-family: Times, Times New Roman, serif;
	font-size: 9pt;
	line-height: 10pt;
	letter-spacing: 1pt;
}

td {
	
	font-family: Times, Times New Roman, serif;
	font-size: 10pt;
	line-height: 12pt;
	letter-spacing: .5pt;
}
#media_colmn_1 {
 	border: 0px solid #ff00ff;
	width: 250px;
	position: absolute;
	top: 180px;
	left: 20px;
	
}

#media_colmn_2 {
    border: 0px solid #ff00ff;
	/*background-color: #ff0000;*/
	width: 350px;
	
	position: absolute;
	top: 0px;
	left: 260px;

}

#song_title {
    font-family: Times, Times New Roman, serif;
	font-size: 11pt;
	line-height: 16pt;
	letter-spacing: .5pt;

}

H2 {
    font-family: Times, Times New Roman, serif;
	font-size: 14pt;
	line-height: 16pt;
	letter-spacing: .5pt;
	margin: 10 0 0 0;
	padding: 0 0 0 0;

}

#song_title A:link { text-decoration: none; color:#000;  }
#song_title A:visited { text-decoration: none ; color:#000; } 
#song_title A:hover { text-decoration: none ; color: #999;   }
#song_title A:active { text-decoration: none ; color: #333;   }




A:link { text-decoration: underline; color:#000;  }
A:visited { text-decoration: underline ; color:#000; } 
A:hover { text-decoration: underline ; color: #999;   }
A:active { text-decoration: none ; color: #333;   }

#screenoverlay
{
	background-color: #27211c; /* The color to display*/
	
	/*background-image: url(images/background_01.jpg);
	background-position: center;*/

	/* The transparency of the background */
	opacity: .75;
	filter: alpha(opacity=75);

	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;

	/* Set the overlay so it appears above the page content */
	z-index: 1000;
}

#topbox
{
	position: absolute;

	/* Default positioning, that will be overridden by the javascript */
	left: 0px;
	top: 0px;

	padding: 5px;
	width: 400px;
	height: 375px;
	background-color: #FFFFFF;
	
	padding-right: 60px;
	font-family: Times, Times New Roman, serif;
	font-size: 9pt;
	line-height: 10pt;
	letter-spacing: 1pt;

	/*Must use a z-index greater than the screen overlay*/
	z-index: 1001;
	
	background-image: url(images/background_01.jpg);
	background-position: center;
	
	/*background-color: #ece6d8;*/
}