body {
 font-family: Bitstream Vera Sans, Verdana, Arial, Helvetica, sans-serif;
 font-size: 80%;
 background-color: #ffffff;
 padding: 0px;
 margin: 0px;
}

img.right {
 float: right;
 margin-left: 1em;
 margin-bottom: 0.2em;
}
/*----- Layout table -----*/
table.layout {
 width: 100%;
 border-collapse: collapse;
}

table.layout td.top_bar {
	color: #000000;
	background: #ccccff;
	padding: 0.5em;
}

table.layout td.top_bar h1 {
	padding: 0px;
	margin: 0px;
}

table.layout td.top_bar a:link,
table.layout td.top_bar a:visited,
table.layout td.top_bar a:active {
	color: #000000;
	text-decoration: none;
}

table.layout td.top_bar a:hover {
	color: #000000;
	background: #ccccff;
	text-decoration: none;
}

table.layout td.top_bar img {
 margin-right: 1em;
}

table.layout td.left_menu {
	text-align: center;
	width: 12em;
	color: #000000;
	background: #ccccff;
	vertical-align: top;
	padding-right: 0.6em;
	padding-left: 0.6em;
	padding-top: 1em;
	padding-bottom: 3em;
	margin: 0px;
	font-weight: bold;
}

td.left_menu a,
td.left_menu a:link,
td.left_menu a:visited,
td.left_menu a:active
{
 display: block;
 padding: 0.3em;
 color: #000066;
 background: #e0e0ff;
 text-decoration: none;
}

td.left_menu a:hover {
 color: #000000;
 background: #ffff00;
}

/*----- Footer -----*/

table.layout td.footer {
	font-size: 70%;
	font-style: italic;
	color: #999999;
	padding: 0.5em;
}

table.layout td.footer a:link,
table.layout td.footer a:visited,
table.layout td.footer a:active {
  width: 8em;
	color: #999999;
}

/*----- Body -----*/

table.layout td.body {
 vertical-align: top;
 margin: 0px;
 padding: 0px;
 padding: 2em;
 padding-bottom: 5em;
}

table.layout td.body h2 {
 color: #000000;
 background: #f0f0ff;
 padding: 0.3em;
 margin: 0px;
 margin-bottom: 0.5em;
}

table.layout td.body h3 {
 color: #000000;
 background: #f6f6ff;
 padding: 0.5em;
 padding-left: 0.3em;
 margin-top: 1em;
 margin-bottom: 0.2em;
}
/*----- Links -----*/

A:link, A:visited, A:active {
	color: #000099;
	}

A:hover {
	color: #000000;
	background: #ffff00;
}

/*----- Events -----*/

div.event {
	border: 1px solid #a46674;
	background: #fffffc;
	text-align: center;
	padding: 0px;
	padding-bottom: 0.5em;
	margin-bottom: 2em;
}

table.layout td.body div.event h3.event_title {
  font-size: 140%;
  color: #993300;
  background: #fff6f6;
	margin: 0px;
	margin-bottom: 0.5em;
}

sup {
	font-size: 75%;
}

div.event p {
	margin-left: 1em;
	margin-right: 1em;
}

p.performer {
 color: #006600;
 margin: 0px;
}
span.soloist {
	font-weight: bold;
}

p.venue {
	color: #000099;
	font-weight: bold;
	font-size: 110%;
	margin: 0px;
	margin-bottom: 0.1em;
}

p.date {
	color: #000099;
	margin: 0px;
}

table.items tr.main td {
	font-size: 200%;
	padding: 0.35em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

table.items td {
	font-size: 140%;
	padding: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

table.items td.item_title {
	text-align: right;
	font-weight: bold;
	color: #aa0000;
}

table.items td.composer {
	text-align: left;
	font-style: italic;
	color: #aa0000;
}

em {
	color: #000099;
	font-style: italic;
}

table.timetable td,
table.timetable th {
 text-align: left;
 vertical-align: top;
 padding: 0.1em 0.5em;
}

div.photo {
 display: -moz-inline-box;  /* Moz */
 display: inline-block;  /* Op, Saf \*/
 vertical-align: top;  /* IE Mac */
 text-align: center;
 padding: 6px;
 margin-right: 20px;
 margin-bottom: 20px;
 color: #000000;
 background-color: #f6f6f6;
 font-size: 90%;
 width: 300px;
}

div.photo div,
div.photo img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 border: none;
}

div.photo p {
 display: block;
 margin-top: 5px;
 margin-bottom: 0;
 margin-left: auto;
 margin-right: auto;
}