/*  Donnys web pages ... the lyrics pages
 written by Donny with some help from various sites*/
body { background: #00007b	 url(images/b1a.jpg) repeat-x fixed left bottom; color: #ffeeff; font-family: Arial}
p {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt;  color: #FFFFFF}
A:hover { text-decoration: none;
	background : #000;
	color: #000080
}
A:link, A:visited {color:#FFff00 }
h1, .head1 { font-size: 20pt; font-style:italic; font-weight: bold; color:#00ffff;
	}
h2, .head2 {font-size: 16pt; font-style:italic; color:#00ffff;
	}
h3 {font-size: 14pt; font-style:normal; color:#00ffff;
}
/* pre {font-family:Arial; font-size:12pt; white-space:pre-wrap} */

.menu1 {  padding:5px 5px; font-family: Arial, Helvetica, sans-serif; color: #FFFF00; 
		font-size: 11pt; font-style: normal; font-weight: normal; color: #FFFFFF; 
        text-align: center; float: right; position:relative; white-space: normal; height: auto; width: auto; 
        background-color: #000099; background-image: url(images/grad.jpg); 
        background-repeat: repeat-x; background-position: left bottom; 
        border-color: #FFFFFF #FFFFFF #000000 #000000; border-style: solid; 
        border-top-width: thin; border-right-width: thin; 
        border-bottom-width: thin; border-left-width: thin; 
        margin: 5px 5px}
.normal {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt;  color: #00FFFF}
.thetitle {  font-family: "Times New Roman", Times, serif; font-size: 36px; font-style: italic; 
	font-weight: bold; 	text-align: center; padding: 0px; color:#bbffff; 
}
.quote {  font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-style: normal; font-weight: normal; 
	color: #FFFFFF; text-align: center}
.pagetitle {  width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 24pt; text-align: center; 
       font-style: italic; font-weight: bold; color: #ddeeff; 
       background-color: #000090; border-style: double; padding: 0px; margin: 3px; 
       background: url(images/b1a.jpg) bottom left repeat-x;
}
.pagetitleOld {  width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 24pt; text-align: center; 
       font-style: italic; font-weight: bold; color: #000000; 
       background-color: #000099; border-style: solid; padding: 0px; margin: 3px;
       background-image: url(images/grad.jpg); background-repeat: repeat-x; background-position: left bottom;
}

.songtitle {  font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-style: normal; font-weight: bold; 
		color: #FFFF00; text-align: center}
.artist {  font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-style: italic; font-weight: bold; 
		color: #FFFF00; text-align: center}
.lyrics {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; font-weight: normal; 
		color: #bbffff; text-align: center}
.coment {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: italic; font-weight: normal; text-align: center; 
		border-color: #000066 #000066 black black; float: none; color: #FFFFFF;
		border-style: none; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin}
.writtenby {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: italic; font-weight: normal; 
		color: #FFFF00; text-align: center}
.topmenu {  font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-style: normal; 
	color: #FFFF00; text-align: right
	}
#main {
	width:auto;
	margin : auto;
}
ul {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px;
	text-indent: 5px;
	width : 180px;
	border-color : #ffffff;
	border-style: none; 
	border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; 
}
li { font-size : 14px; 
	text-align : left;
	font-family : Arial, Helvetica, sans-serif;
	display: block;
	padding: 0px;
	height : 32px;
	overflow : hidden;
}
li:hover, li a:hover{
	background: #000040;
	color: #FFFFFF;
}
#leftlist {
	z-index:5;
	position:relative;
	float: left;
	padding: 5px 5px 15px 5px;
}
#topartists {
	position:relative;
	background : url('./images/grad.jpg') repeat-x bottom #000090;
}
#topartists .boxtop, #random .boxtop {
	font-size : 20px;
	background : url('./images/grad.jpg');
}
#topartists .boxend, #random .boxend {
	display : block;
	height : 1px;
	visibility : hidden;
}
#random {
	position:relative;
	float: right;
	background : url('./images/grad.jpg') repeat-x bottom #000090;
}
#latest {
	position:relative;
}
#bottom {
	position:relative;
	clear:left;
	width: 100%;
	border-width : 0px;
	border-top-width : 7px;
	border-style : double;
	border-color : #ffffff;
	padding : 15px 5px;
	text-align : center;
}
#headline {
	position:relative;
	width: 100%;
	border-width : 0px;
	border-bottom-width : 7px;
	border-style : double;
	border-color : #ffffff;
	padding : 0px 0px 0px 0px;
	text-align : center;
}
.lists { font-size : 10pt}
		
.tipold {font:10px/12px Verdana,Arial,Helvetica,sans-serif; border:solid 1px #666666; width:250px;
      padding:1px; position:absolute; z-index:100; visibility:hidden; color:#333333;
      top:20px; left:90px; background-color:#ffffcc}
.tip {font-family : Arial, Helvetica; font-size:14pt;  font-weight: bold; border: solid 5px #003399; width: 35%; 
      text-align: center;
      background-image: url(images/Fence.jpg); background-repeat: repeat;
      padding: 3px 2%; position:absolute; z-index:100; visibility:hidden; color:#000000;
      top:20px; left:90px; background-color:#bbaa11}