html { 	background: black;}
body {
 /*font size for IE users*/
 font-size: 10px;
 background: black;
}
html>body {
 /*font size for all other browsers*/
 font-size: 8pt;
 background: black;
}

BODY { font-family: Arial, Helvetica  }
.band { font-size: 8pt; font-weight: bold; color: #adffef; font-weight: bold; overflow: hidden;}
.song { font-size: 8pt; color: #555555; overflow: hidden;}
.year { font-size: 7pt; color: #555555; overflow: hidden; }
.byline,.index_byline { font-size: 8pt; color: gray; overflow: hidden; }

/* Use these for items like contacts, etc. */
.heading { font-size: 8pt; font-weight: bold; line-height: 1.2; color: black; overflow: hidden; }
.error { font-size: 10pt; font-weight: bold; line-height: 1.2; color: red; overflow: hidden; }
.capline { font-size: 8pt; color: #555555; overflow: hidden;}
.line { font-size: 8pt; color: #555555; overflow: hidden; }
.line a { font-size: 8pt; color: #555555; overflow: hidden; } /* So email links look right */
.line a:hover { font-size: 8pt; color: #555555; overflow: hidden; } /* So email links look right */
.line a:visited { font-size: 8pt; color: #555555; overflow: hidden; } /* So email links look right */
.emptyline { color: white; font-size: 1pt; height: 8px; font-weight: bold; overflow: hidden; } /* Takes up space, but invisible */


div.whiteback {
	position:absolute;
	left:45px;
	top:117px;
	width:712px;
	height:600px;
	border: 1px solid gray;
}

.songgraphic { display:block }

DIV.movie {
	padding: 20px; padding-bottom: 10px; padding-top: 10px;
	border: 0px;
}
.movielogo { padding: 20px; padding-bottom: 0px; }

div.moviebyline {
	padding-left: 20px;
	}

.moviesonginfo { padding-left: 20px;
	}
.movieband { font-size: 8pt; font-weight: bold; color: #555555; font-weight: bold; overflow: hidden;}
.moviesong { font-size: 8pt; color: #555555; overflow: hidden;}
.movieyear { font-size: 7pt; color: #555555; overflow: hidden; }

a:link,a:visited,a:active,a:hover
	{text-decoration: none;  }

img { border:0px; }

/* image alignment classes */
img.center {
	display: block;
	margin: 20px auto;
	width: auto;
}

.main { position: absolute; width:80%; background: red; margin-left:auto; margin-right:auto;}
.side { position: absolute; width: 10%; min-width: 10%; background: green; }

/* Next three styles align things horizontally in IE (and Mozilla) */
/* http://www.quirksmode.org/css/centering.html */
td {
	vertical-align: top;
	text-align: center;
}
table {

	width: 100%;
	height: 100%;
}
div.container {
	position: relative;
	margin: 0 auto;
	width: 780px;
	text-align: left;
}

/* Navigation menus */

.menu_text {

	font-size: 8pt; 
	font-weight: bold; 
	color: #666666;
	overflow: hidden;
}

.menu_selected A {
	 color: #498AE9;
}

.menu_unselected A {
	color: #666666;
}

.menu_button {
	overflow: hidden;
	padding-left: 15px;
	padding-right: 15px;
 }

.menu_upper A {
 	color: black;
	width:90px;
	height:1em;
	overflow: hidden;
}

.menu_lower A {
 	 color: rgb(250,32,131);
	width:90px;
	height:1em;
	overflow: hidden;
	 }

.menu_lower, .menu_upper {

	 line-height: 1em;
	 overflow: hidden;
	 padding: 1px 0px;
}


div.mainmenu {
	position:absolute;
	left:47px;
	top:120px;
	width:662px;
	height:44px;
	padding-left: 0px;
	padding-top: 2px;
	overflow:hidden;

}



.floatleft
{

	float:right;
}

div.bottomright {
	position:absolute;
	left:800px;
	top:600px;
	width:1px;
	height:1px;
	overflow: hidden;
}