body { 
	margin:5px 0px 5px 0px; 
	text-align:center;
}

#centerlayer {
		height:99%;
}

#mainlayer {
	position:relative; 
	width:768px;
	height:96%;
	z-index:1; 
	background-image:url(graphics/bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	border-color:#cccccc; border-style:double; 
	border-width:thin;
	padding:300px 20px 30px 150px;
}

#mainlayerhome {
	position:relative; 
	width:768px;
	height:95%;
	z-index:1; 
	background-image:url(graphics/bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	border-color:#cccccc; border-style:double; 
	border-width:thin;
	padding:231px 20px 30px 107px;

}

#menu {
	position:absolute; 
	width:768px; 
	height:33px; 
	z-index:2; 
	left: 40px; 
	top: 180px; 
	text-align:center;
}

#sectiontitle {
	position:absolute; 
	width:260px; 
	height:54px; 
	z-index:2; 
	left: 107px; 
	top: 231px; 
	text-align:left;
}


table.repertoire {
	padding: 5px;
	width:680px;
}

table.repertoire2 {
	padding: 5px;
	width:340px;
}

td.composer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight:bold;
	color:#000033;
	padding:0px 5px 5px 0px;
	vertical-align:top;
	text-align:right;
	width:155px;
}

td.work {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color:#000033;
	padding:0px 5px 5px 0px;
	vertical-align:top;
	text-align:left;
	width:185px;
}

.tooltip {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color:#000033;
	vertical-align:top;
	text-align:left;
}

img.insetphoto {
	border: 2px double #cccccc;
	float:right;
	margin:5px;
}

img.audio {
	border: 0px;
}

p {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color:#000033;
	padding:0px 0px 0px 50px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #003399;
	text-align:left;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight:lighter;
	color:#000033;
}

a:link {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight:bold;
	color:#ff9900;
	text-decoration: none;
}

a:hover {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight:bold;
	color:#ff9900;
	text-decoration: underline;
}

a:active {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight:bold;
	color:#ff9900;
	text-decoration: underline;
}

a:visited {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight:bold;
	color:#ff9900;
	text-decoration: none;
}

a:link.works {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight:normal;
	color:#009900;
	text-decoration: none;
}

a:hover.works {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight:normal;
	color:#009900;
	text-decoration: none;
}

a:active.works {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight:normal;
	color:#009900;
	text-decoration: none;
}

a:visited.works {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight:normal;
	color:#009900;
	text-decoration: none;
}

.quote {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color:#ff3300;
	padding:0px 60px 0px 60px;
}

.quoteby {
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight:bold;
	color:#669966;
	line-height:0px;
	padding:0px 60px 0px 60px;
}