/* GLOBAL NORMALIZING STYLES
-------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body  {
	text-align: center;
	font-family: Times;
	font-size: 10px;
	color: #000000;
	background: #D9D9D9 url(../images/backgnd_tile1.jpg) repeat-y center;
	margin-top: 0px;
}

p {
	color : #000000;
	font-size: 16px;
	font-weight : bold;
	font-family : Courier New, serif;
	text-decoration : none;
}

p.dropcap:first-letter  
{
	color : #000000;
	font: bold  350% Courier New, serif;
	font-weight : bold;
	float: left;
	margin-right: 5px;
	margin-top: 0px;
}

H1  {
	color : #000000;
	font-size: 18px;
	line-height : 25px;
	font-family : Times, Times Roman;
	text-decoration : none;
}

H2  {
	color : #000000;
	font-size: 15px;
	font-family :  Times, Times Roman;
	text-decoration : none;
}

H3  {
	color : #000000;
	font-size: 13px;
	line-height : 16px;
	font-family :  Times, Times Roman;
	text-decoration : none;
}

H4  {
	color : #000000;
	font-size: 12px;
	font-family :  Times, Times Roman;
	text-decoration : none;
}

H5  {
	color : #000000;
	font-size: 10px;
	font-family :  Times, Times Roman;
	text-decoration : none;
}

/* link style one */

A  {
	color : #800000;
	text-decoration : none;
}

A:Visited  {
	color : #800000;
	text-decoration : none;
}

A:Active  {
	color : #800000;
	text-decoration : none;
}

A:Hover  {
	color : #990D0D;
	text-decoration : underline;
}

/* link style two */
div.menubtm A:Active  {
	color : #990D0D;
	font-family : Courier New, serif;
	text-decoration : none;
}

div.menubtm A:Link  {
	color : #990D0D;
	font-family : Courier New, serif;
	text-decoration : none;
}

div.menubtm A:Visited  {
	color : #990D0D;
	font-family : Courier New, serif;
	text-decoration : none;
}

div.menubtm A:Hover  {
	font-family : Courier New, serif;
	color : #A626C6;
	text-decoration : none;
}

.headerTitle
  {
	font-family: Times;
	font-size : 30px;
	position: relative;
	line-height : 35px;
	color : #FFFFFF;
	font-weight : normal;
	left: 300px;
	top: 60px;
}


li
{
list-style: url(../images/bullet.gif) circle inside;
}


.lyrics_bg
{
	position: absolute;
	top: 75px;
	left: 270px;
	width: 400px;
	height: 350px;
	background: url(../images/lyrics_bg.gif);
}

.lyrics
{
	scroll: auto;
	position: absolute;
	text-align: center;
	overflow: auto;
	top: 75px;
	left: 270px;
	width: 400px;
	height: 350px;
}

.page
{
	position: relative;
	background: #FFFFFF;
	float: auto;
	top: 0px;
	left: 0px;
	width: 931px;
	height: 569px;
	margin-left: auto;
  	margin-right: auto;
}

.popUp
{
	position: relative;
	background: #000000;
	float: auto;
	top: 0px;
	left: 0px;
	width: 500px;
	margin-top: 10px;
	margin-left: auto;
  	margin-right: auto;
}

.mainHeader
{
	position: relative;
	top: 0;
	left: 0;
	width: 931;
	height: 119;
	background: url(../images/hdr_title.jpg) no-repeat left bottom;
}

.menu
{
	font-family: Times;
	position: absolute;
	z-index: 1;
	font-size : 15px;
	color : #000000;
	line-height : 44px;
	text-align : right;
	font-weight : bold;
	text-decoration : none;
	top: 132;
	left: 102;
	width: 150;
	height: 450;
}

.playerAudio
{
	position: absolute;
	top: 375;
	left: 0;
	width: 200;
	height: 30;

}

.mainLeftimg
{
	position: absolute;
	top: 119;
	left: 0;
	width: 282;
	height: 449;
	background: url(../images/menu_back.jpg) no-repeat left;
}

.mainImg
{
	position: absolute;
	top: 119;
	left: 282;
	width: 649;
	height: 448;
	background: url(../images/mainImg_a.jpg) no-repeat left;
}

.mainImg2
{
	position: absolute;
	top: 119;
	left: 282;
	width: 649;
	height: 448;
	background: url(../images/mainImg_c.jpg) no-repeat left;
}

.mainImg3
{
	position: absolute;
	top: 119;
	left: 282;
	width: 649;
	height: 448;
	background: url(../images/pvg_duoton2.jpg) no-repeat left;
}

.mainImg4
{
	position: absolute;
	top: 119;
	left: 282;
	width: 649;
	height: 448;
	background: url(../images/pvg_smile_main.jpg) no-repeat left;
}

.mainImg5
{
	position: absolute;
	top: 119;
	left: 282;
	width: 649;
	height: 448;
	background: url(../images/darkhalfclose_main.jpg) no-repeat left;
}

.content
{
	position: absolute;
	text-align: left;
	top: 30px;
	left: 20px;
	width: 575px;
	height: 360px;
}

.footerImg
{
	position: absolute;
	top: 567px;
	left: 0px;
	width: 931px;
	height: 25px;
	background: url(../images/footer_image.jpg) no-repeat left;
}

.footerTxt
{
	position: absolute;
	top: 605px;
	left: 0px;
	width: 931px;
	height: 25px;
}
.clownImg
{
	display: block;
	float: right;
	overflow: auto;
	width: 280;
	height: 320;
	margin: 0px;
}

.photo
{
	z-index: 1;
	position: absolute;
	top: 50px;
	left: 0px;
}

.photo_a
{
	z-index: 2;
	position: absolute;
	top: 75px;
	left: 215px;
}

.photo_b
{
	z-index: 3;
	position: absolute;
	top: 100px;
	left: 400px;
}


/* Login box location and formating */

#column1, column2
{
margin-right: 0 auto;
float: left;
}

#column1
{
	position: relative;
	background: #000000;
	top: 10px;
	left: 0px;
	width: 300;
}

#column2
{
	position: relative;
	background: #000000;
	top: 100px;
	left: 350px;
	width: 300;
}

#bgTable
{
	font-family: Arial Black;
	float: none;
	background: url(../images/login_bg.gif);

}

#form
{
	font-family: Arial Black;
	position: relative;
	top: 10;
	left: 15;
	width: 323;
	height: 150;
}




.btext
{
	z-index: 1;
	position: absolute;
	font-size : 18px;
	line-height : 20px;
	font-family : Courier New;
	color : Black;
	text-align : left;
	font-weight : bold;
	text-decoration : none;
	top: 110;
	left: 0;
	width: 350;
	height: 250;
}


.bdtext
{
	z-index: 1;
	position: absolute;
	font-size : 10px;
	font-family : Courier New, serif;
	color : Black;
	line-height : 1.2;
	text-align : left;
	font-weight : normal;
	text-decoration : none;
	top: 120;
	left: 0;
	width: 250;
	height: 250;
}




/* FLOAT CLEARING STYLES - IE7 COMPATIBLE 
--------------------------------------------------------------------- */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#oneSizeLarger
{
	font-size: 14px;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */