body 
{
	margin:20px 0px 0px 0px;
	background-color:#ffffff;
}

#mainlayer
{
	position:absolute;
	width:100%;
	height:594px;
	background-image: url("/graphics/bgrepeat.jpg");
	background-repeat:repeat-x;
}

#maincontent
{
	position:absolute;
	height:485px;
	width:100%;
	right:1px;
	top:103px;
	z-index: 1; overflow:auto; padding-right: 27px;
	
}

#compmenu
{
	position:absolute;
	z-index:1;
	left:0px;
	top:0px;
	width:281px;
	height:241px;
	background-image: url("/graphics/comp_but_bg_stripe.gif");
}

#compbut1
{
	position:absolute; 
	width:83px; 
	height:63px; 
	z-index:1; 
	left: 89px; 
	top: 6px;
}

#compbut2
{
	position:absolute; 
	width:83px; 
	height:63px; 
	z-index:1; 
	left: 189px; 
	top: 31px;
}

#compbut3
{
	position:absolute; 
	width:1px; 
	height:63px; 
	z-index:1; 
	left: 3px; 
	top: 68px;
}

#compbut4
{
	position:absolute; 
	width:83px; 
	height:63px; 
	z-index:1; 
	left: 104px; 
	top: 104px;
}

#compbut5
{
	position:absolute; 
	width:83px; 
	height:63px; 
	z-index:1; 
	left: 10px; 
	top: 169px;
}

#mainbut1
{
	position:absolute; 
	width:90px; 
	height:70px; 
	z-index:1; 
	left: 9px; 
	top: 306px;
	background-image: url("/graphics/but_composer_bg.gif");
}

#mainbut2
{
	position:absolute; 
	width:90px; 
	height:70px; 
	z-index:1; 
	left: 99px; 
	top: 381px;
	background-image: url("/graphics/but_pianist_bg.gif");
}

#mainbutbig
{
	position:absolute; 
	width:200px; 
	height:170px; 
	z-index:1; 
	left: 2px; 
	top: 281px;
	background-image: url("/graphics/but_big2_bg.gif");
	background-repeat:no-repeat;
}



#mainbut1b
{
	position:absolute; 
	width:190px; 
	height:50px; 
	z-index:1; 
	left: 10px; 
	top: 306px;
	background-image: url("/graphics/but_big_composer.gif");
}

#mainbut1boff
{
	position:absolute; 
	width:190px; 
	height:50px; 
	z-index:1; 
	left: 10px; 
	top: 306px;
}

#mainbut2b
{
	position:absolute; 
	width:190px; 
	height:50px; 
	z-index:1; 
	left: 10px; 
	top: 381px;
	background-image: url("/graphics/but_big_pianist.gif");
}

#mainbut2boff
{
	position:absolute; 
	width:190px; 
	height:50px; 
	z-index:1; 
	left: 10px; 
	top: 381px;
}




#mainbuttopleft1
{
	position:absolute; 
	width:90px; 
	height:70px; 
	z-index:1; 
	left: 199px; 
	top: 26px;
	background-image: url("/graphics/but_composer_bg.gif");
}

#mainbuttopleft2
{
	position:absolute; 
	width:90px; 
	height:70px; 
	z-index:1; 
	left: 99px; 
	top: 101px;
	background-image: url("/graphics/but_pianist_bg.gif");
}

#miscmenu
{
	position:absolute; 
	width:300px; 
	height:10px; 
	z-index:4; 
	right: 10px; 
	top: 78px;
}

#quotes
{
	position:absolute; 
	width:200px; 
	z-index:3; 
	right:5px; 
	top:20px;
	padding:0px 5px 0px 0px;
}

p
{
	padding: 0px 0px 0px 450px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: small;
	color: #FFFFFF;
}

p.rpadding
{
	padding: 0px 200px 0px 450px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: small;
	color: #FFFFFF;
}

p.rpadding2
{
	padding: 0px 200px 0px 450px;
	font-family: "Times New Roman", Times, serif;
	font-size: small;
	color: #FFFFFF;
}

p.rpadding3
{
	padding: 0px 200px 0px 450px;
	font-family: Tahoma, Verdana, Arial;
	font-size: small;
	color: #FFFFFF;
}

p.rpadding4
{
	padding: 0px 200px 0px 450px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	color: #FFFFFF;
}

p.extrapadding
{
	padding-left:500px;
}


p.quote1
 { color: #69f; font-style: italic; font-weight: bold; font-size: medium; font-family: "Lucida Handwriting", "Comic Sans MS", Arial; text-align: right; padding: 0px 0px 0px 0px }

p.quote2
 { color: #69f; font-style: italic; font-weight: bold; font-size: medium; font-family: "Comic Sans MS", "Lucida Handwriting", Arial; text-align: center; padding: 0px 0px 0px 0px }

p.quote3
 { color:#000000; font-style: italic; font-weight: bold; font-size: medium; font-family: Courier, "Courier New", Arial, Helvetica; text-align: left; padding: 0px 0px 0px 0px }

p.quote4
 { color: #FFFFFF; font-style: italic; font-size: small; font-family: Tahoma, Verdana, Arial; text-align: left; padding: 10px 0px 0px 450px }

p.quote5
 { color: #FFFFFF; font-style: italic; font-weight: bold; font-size: small; font-family: Courier, "Courier New", Arial, Helvetica; text-align: right; padding: 10px 0px 0px 450px }

.quoteby
 { color: #ffffff; font-style:normal; font-weight:normal; font-size: small; font-family: Courier, "Courier New", Arial, Helvetica; padding: 0px 0px 0px 0px }
 
.quoteby2
 { color: #ffffff; font-style:normal; font-weight:normal; font-size: small; font-family: Tahoma, Verdana, Arial; }

a:link {
	color:#99CCFF;	
	text-decoration: none;
	font-weight:bold;
}

a:hover {
	color: #cc0033;
}

a:active {
	color: #0000FF;
	text-decoration: none;
}

a:visited {
	color: #CC0033;
	text-decoration: none;
}

a.listen:link {
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
}

a.listen:hover {
	color: #cc0033;
}

a.listen:active {
	color: #0000FF;
	text-decoration: none;
}

a.listen:visited {
	color: #ffffff;
	text-decoration: none;
}


table
{
	padding: 0px 0px 0px 450px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: small;
	color: #FFFFFF;
}

h1
{
	padding: 0px 0px 0px 450px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: x-large;
	letter-spacing: 10px;
	font-weight:bold;
	color: #FFFFFF;
	line-height:300%;
}

h2
{
	padding: 0px 0px 0px 450px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: large;
	letter-spacing: 3px;
	font-weight:bold;
	color:#FF3333;
}

table.comps
{
	width: 400px;
	border: 0px;
	margin: 0px 0px 0px 450px;
	padding: 0px 0px 0px 0px;
}

img.audio
{	
	border:0px;
	width:20px;
	height:19px; 
	vertical-align:text-bottom;
}

/* compositions:title */
td.a
{
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

/* compositions:date */
td.b
{
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:right;
	color: #FFFFFF;
}

/* compositions:duration */
td.c
{
	width: 100px;
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:right;
	color: #FFFFFF;
}

/* compositions:forces */
td.d
{
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;
	color: #FFFFFF;
	padding: 0px 0px 10px 0px;
}

/* compositions:further info */
td.e
{
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding: 0px 0px 20px 0px;
}

#photocredit

{
	position:absolute; 
	width:143px; 
	height:17px; 
	z-index:5; 
	left: 40px; 
	top: 570px; 
	background-image:url(/graphics/photocredit.gif); 
	background-repeat:no-repeat
}