/* CSS Document */

.thebody { background-color:#000000; color: #FFFFFF; }
 
.mainheading  { margin-top:30; margin-left: 130; height: 50; width: 600; position: relative; }
.mainhead   { margin-top:50; margin-left: 350; height: 50; width: 400; position: relative; }
.subhead  { margin-top: 5; margin-left: 150; position: absolute; left: 180px; top: 145px; }

.hkheading  { margin-top:30; margin-left: 65; height: 88; width: 800; position: relative;}

#chead   { font-family: Verdana, Arial, Helvetica, sans-serif; color: #6699FF; font-size:18px; text-decoration: underline; }

#divContainer { position:absolute;  top:150; left:440; background-color: #ffffff;} 
#divContent { position:absolute; top: 5; left: 5; bottom: 30; right: 5; } 
#invis  { text-decoration: none; }
#texthead  { font-family: Arial, Helvetica, sans-serif; font-size: 20px; letter-spacing: 1.75px; 
             color: #FFFFFF; }
.halhead   {  margin-top: 45; margin-left: 100; height: 100; width: 720; position: relative;} 
.hal  { margin-left: 165; margin-top: 30; padding: 1px 1px 1px 1px; z-index: 3; position: absolute;
			  background-color: #CCCCCC; border-color: #336699; border-width: 3px; border-style: solid; 
			  width: 150; height: 143;}

#inav { color: #000000; margin: 1px 2px 1px 2px; text-decoration: none; }
a#inav:hover  { color:#6699cc; background-color:#FFFFFF; text-decoration: none; }
#navbar { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; 
			font-size:9px; font-weight: 700;  border: solid; border-color: #000000; }

#cdtitle  { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; 
			font-size: 14px; font-weight: 700; }

#song { font-family: Verdana, Arial, Helvetica, sans-serif; color: #6699cc; font-size: 14px; font-style: italic; font-weight: 800; background: #ffffff; }

#songlist { font-family: Verdana, Arial, Helvetica, sans-serif; color: #6699cc; font-size: 10px; 
            font-weight: 800; background: #ffffff; }

#cdcover   { position: absolute; left: 20;  }

#cdcontent  { position: absolute; right: 20; }

#cdlist  { position: absolute;  right: 50; }

p.ac  { text-align: center; }
p.aj  { text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 14px; font-weight: 700; }
			
.lcontent1  { margin-top: 30; margin-left: 150; width: 351px; height: 332px;
	          position: absolute; left: 177px; top: 150px; padding: 3px 3px 1px 3px;
			  background-color: #CCCCCC; border-color: #336699; border-width: 3px; border-style: solid;}

.rcontent1   { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size:36px; 
	margin-left:600; margin-top: 120; position: absolute; left: -193px; top: 420px; width: 200; height: 22px; }
			   
.hklink  { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; 
            font-size: 22px; text-decoration:none; }

a.hklink:hover   { color: #6699CC; text-decoration:none; }

.lcontent  { margin-top: 10; margin-left: 600;  left: 50px; top: 175px;
	          height: 298px; position: absolute;  }
			  
.icontent  { margin-top: 0; margin-left:430; width: 350px;
	          height: 298px; position: absolute; left: 40px; top: 177px;  }

.rcontent  { margin-top: 0; margin-left: 375; width: 220px; 
	          height: 298px; position: absolute; left: 50px; top: 173px;  }


.hbuttons  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 200px;
	font-size: 24px;
	margin-left: 125;
	margin-top: 280;
	position: absolute;
	left: 29px;
	top: 43px;
	background-color: #000000;
	padding: 1px 1px 1px 1px;
	height: 186px;
	padding: 10px 10px 10px 10px; text-align: center;
}

.vbuttons  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 200px;
	font-size: 24px;
	margin-left: 125;
	margin-top: 150;
	position: absolute;
	left: 29px;
	top: 43px;
	background-color: #000000;
	padding: 1px 1px 1px 1px;
	height: 186px;
	padding: 10px 10px 10px 10px; text-align: center;
}

.backdrop  { background-color: #000000; padding: 5px; }
		   
a.hklink2  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; 
                font-size: 14px; letter-spacing: 2x; text-decoration: none;
				background-color: #000000; }

a.hklink2:hover  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #6699cc; 
                      font-size: 14px; letter-spacing: 2px; }

a.hklink3  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; 
                font-size: 14px; letter-spacing: 2x; text-decoration: none; font-weight: bold;  }

a.hklink3:hover  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #6699cc; 
                      font-size: 14px; letter-spacing: 2px; font-weight: bold; }
					  
					  
.hklink2r  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; 
                font-size: 14px; letter-spacing: 2x; text-decoration: none; }

a.hklink2r:hover  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; 
                      font-size: 14px; letter-spacing: 2px; background-color: #ffffff; }

.hklink4  { text-decoration: none; }

.hklink5  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; 
                font-size: 10px; letter-spacing: 2x; text-decoration: none; }

a.hklink5:hover  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #6699cc; 
                      font-size: 10px; letter-spacing: 2px; }

.hklink6  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; 
                font-size: 10px; letter-spacing: 2x; text-decoration: none; }

a.hklink6:hover  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; 
                      font-size: 10px; letter-spacing: 2px;  background: #6699cc; }
								  
.scrollarea  { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;
	font-size: 18px; margin-left: 100; margin-top: 70; position: absolute;
	left: 82px; top: 72px; height: 325px; width: 234px; background-color: #000000;
	visibility: visible; overflow: visible; z-index: -1; }

/* End of Stylesheet */