@charset "utf-8";
/* CSS Document */
html {
	scrollbar-face-color: #CCCCCC;
	/*scrollbar-shadow-color: #FF9900;
	scrollbar-highlight-color: #663300;
	scrollbar-3dlight-color: #FFFF00;
	scrollbar-darkshadow-color: #00FFFF;*/
	scrollbar-track-color: #666666;
	scrollbar-arrow-color: #FFFFFF;}

body {
	background-color:#000000;
	color:wheat;
	background-image:url(../images/OriginalImageFrontCoverNoFace273x450.jpg);
	background-repeat:no-repeat;
	background-position:left 60px;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	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 */
}
.twoColFixLtHdr #container {
	width: 780px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-top: 0px solid white;
	border-left: 0px solid white;
	border-right: 0px solid white;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding-left: 10;
	background-color: transparent;
	} 

.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 15px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

h1 {
	text-align:center; 
	position:absolute; top: 10px; left: 10px;
	color:#CCCCFF
}
h2 {font-size:16pt;
	
}
h3 { padding-top: 20px;}
blockquote {
	font:"Times New Roman", Times, serif;
	font-style: italic;
}
img {border:none;}

input  {background-color:#D6DEE4;}
textarea  {background-color:#D6DEE4;}

a { color: #FFFFFF; text-decoration:none;}
a:link { color:#FFFFFF; text-decoration:none; } 
a:visited  { color:#FFFFFF; text-decoration:none; } 
a:hover { color:#FFFFFF; text-decoration:underline; } 
a:active { color:#FFFFFF; text-decoration:none; }

a.menu:link { color:#F5F5DC; text-decoration:none; } 
a.menu:visited  { color:wheat; text-decoration:none; } 
a.menu:hover { color:#FFCC66; text-decoration:none; } 
a.menu:active { color:wheat; text-decoration:none; }

a.inText:link { color:#F5F5DC; text-decoration:none; } 
a.inText:visited  { color:wheat; text-decoration:none; } 
a.inText:hover { color:#FFCC66; text-decoration:none; } 
a.inText:active { color:wheat; text-decoration:none; }


a.brokenWindow1bSmall {
    display: block; /* a tag must be a block */
	left: 122px; 
	top:60px;
	width: 76px;
	height: 153px;
	border:none;
}
a.brokenWindow1bSmall:hover { /* definition of the "image" class for <a> tag when hovered onto */
     width: 76px; /* width of reactive image */
     height: 153px; /* height of reactive image */
	 background-image:url(../images/Window76x1531BTopLeft.jpg);
     background-repeat: no-repeat;
} 
#smallBio {
	position:absolute; 
	left: 122px; 
	top:60px; 
	width: 76px;
	height: 153px;
}


a.brokenWindow1cSmall {
    display: block; /* a tag must be a block */
	left: 197px; 
	top:60px;
	width: 76px;
	height: 153px;
	border:none;
}
a.brokenWindow1cSmall:hover { /* definition of the "image" class for <a> tag when hovered onto */
     width: 76px; /* width of reactive image */
     height: 153px; /* height of reactive image */
	 background-image:url(../images/Window76x1531CTopRight.jpg);
     background-repeat: no-repeat;
} 
#smallCD {
	position:absolute; 
	left: 197px; 
	top:60px; 
	height: 153px;
	width: 76px;
}


a.brokenWindow2bSmall {
    display: block; /* a tag must be a block */
	left: 122px; 
	top:213px;
	width: 76px;
	height: 153px;
	border:none;
}
a.brokenWindow2bSmall:hover { /* definition of the "image" class for <a> tag when hovered onto */
     width: 76px; /* width of reactive image */
     height: 153px; /* height of reactive image */
	 background-image:url(../images/Window76x1532BbottomLeft.jpg);
     background-repeat: no-repeat;
} 
#smallLyrics {
	position:absolute; 
	left: 122px; 
	top:213px; 
	height: 153px;
	width: 76px;
}


a.brokenWindow2cSmall {
    display: block; /* a tag must be a block */
	left: 197px; 
	top:213px;
	width: 76px;
	height: 153px;
	border:none;
}
a.brokenWindow2cSmall:hover { /* definition of the "image" class for <a> tag when hovered onto */
     width: 76px; /* width of reactive image */
     height: 153px; /* height of reactive image */
	 background-image:url(../images/Window76x1532CBottomR.jpg);
     background-repeat: no-repeat;
} 
#smallContact {
	position:absolute; 
	left: 197px; 
	top:213px; 
	width: 76px;
	height: 153px;
}

#footer {
	text-align:center;
	font-size:10px; 
	font-weight: normal; 
}

#titleImage {
	border:none;
}
#navlist li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}
.lay { 
	display: none; 
	position: relative;
	}
.lyrics { 
	display: none; 
	position: absolute;
	top: 370px;
	left: 20px;
	width: 375px;
}