body{
	background-color: #333333;
	font-family: "Trebuchet MS";
	color: #ffffff;
	font-size: 16px
}

div.basic
{	
	position: relative;
	margin: auto;
	width: 950px;
	background-color: #888888
}

img.theme{height: 100px}
div.top{width: 100%;background-color:#333333}

div.left
{
position:absolute;
line-height: 25px;
width: 175px;
font-weight: bolder;
font-size: 18px;
background-color: #888888
}

ul.chlang
{
	list-style-type: none;
}

ul.menu
{
	margin-top: 30px;
	list-style-type: none
}


a.chlang:link,a.chlang:visited,a.chlang:hover
{
	color: #ffffff;
	font-size: 16px;
	font-weight: normal
}



a.chlang:active
{
color: #ffffff;
font-size: 16px;
font-weight: bold
}

a.left:link{color: #ffffff;text-decoration: none}
a.left:visited {color: #ffffff;text-decoration: none}
a.left:hover {color: #ff0000;text-decoration: none}
a.left:active {color: #ffffff;text-decoration: none}

a.current:link{color: #ffffff;text-decoration: none}
a.current:visited {color: #ffffff;text-decoration: none}
a.current:hover {color: #ff0000;text-decoration: none}
a.current:active {color: #ffffff;text-decoration: none}

a.main:link{color: #ffffff;font-style: oblique}
a.main:visited {color: #ffffff;font-style: oblique}
a.main:hover {color: #ff0000;font-style: oblique}
a.main:active {color: #ffffff;font-style: oblique}


a.agenda:link{color: #ffffff;font-style: normal}
a.agenda:visited {color: #ffffff;font-style: normal}
a.agenda:hover {color: #ff0000;font-style: normal}
a.agenda:active {color: #ffffff;font-style: normal}

a.mailme:link{color: #663333;text-decoration: none;font-size: 12px; margin-left: 10px}
a.mailme:visited {color: #663333;text-decoration: none;font-size: 12px; margin-left: 10px}
a.mailme:hover {color: #663333;text-decoration: none;font-size: 12px; margin-left: 10px}
a.mailme:active {color: #663333;text-decoration: none;font-size: 12px; margin-left: 10px}

#a.black:link{color: #663333;text-decoration: none;font-size: 12px; margin-left: 10px}
#a.black:visited {color: #663333;text-decoration: none;font-size: 12px; margin-left: 10px}
#a.black:hover {color: #663333;text-decoration: none;font-size: 12px; margin-left: 10px}
#a.black:active {color: #663333;text-decoration: none;font-size: 12px; margin-left: 10px}

a.black{
	color: black;
}

div.main
{
position:relative;
top: 0px;
left: 200px;
text-align: left;
max-width: 600px;
padding-top: 20px;
padding-bottom: 20px;
min-height:500px
}

h1
{
margin-top: 20px;
color: #999999;
font-size: 18px
}

h2
{
margin-bottom: 10px;
font-weight: bold;
font-size: 16px
}

h3
{
margin-bottom: 0px;
font-weight: normal;
font-size: 16px;
font-variant: small-caps
}

h4
{
margin-top: 50px;
color: #663333;
font-size: 48px
}

h5
{
margin-top: 50px;
color: #cccccc;
font-size: 72px
}




.p
{
margin-top: 20px;
margin-bottom: 20px
}

td.date
{
width: 80px;
padding-top: 0px
}

td.performance
{
width: 200px
}

td.location
{
width: 150px
}

td.venue
{
width: 150px
}



td.composer
{
width: 270px
}

td.piece
{

}

td.thumbframe
{
vertical-align: top;
padding: 10px
}

table.thumb
{
border=0;
padding: 5px;
text-align: center;
caption-side: bottom
}

img.thumb
{
padding: none;
border-width: 7px;
border-color: #FFFFFF;
border-style: double;
margin: 5px;
width: 150px
}


td.thumbinfo
{
text-align: center;
font-size: 20px;
font-weight: bold
}

div.reviews{
	position:absolute;
	top:175px;
	left:700px;
	background-color:#FFFFFF;
	color: black;
	width:220px;
}

div.reviews2{
	position:absolute;
	top:120px;
	left:695px;
	background-color:#FFFFFF;
	width:230px
}

div.reviews3{
	position:relative;
	top:-300px;
	left:630px;
	background-color:#DDDDDD;
	color: black;
	width:300px;
	height:100%
}

}

div.reviews4{
	position:relative;
	top:-540px;
	left:180px;
	background-color:#DDDDDD;
	color: black;
	width:425px;
	height:100%
}