#wrapper {width: 17cm; margin: 0; background-color: #fff;}
#header 	{margin-bottom: 0.5cm;}
#mainnav { display: none;}
#subnav	{ display: none;}

h4 {display: none;}

#content
{
	width: 17cm;
	float: left;
	background-color: #fff;
	padding: 0;
	margin: 0;
}


#footer	{background-color: #dadfdc; padding: 10px; clear: both; height: 12px; margin: 0; color: #708090; font-size: 10px; text-align: left; padding: 2px 5px 2px 5px; border-top: 0px solid #789; }

body	{margin:0; padding: 0; background-color: #778899; font-family: arial,sans-serif; font-size: 10pt; text-align:center;}
h1		{margin-top: 0; margin-bottom: 0.5em; color: #000; border-bottom: 1px solid #000; font-weight: normal; font: 16pt "Trebuchet MS", arial,sans-serif;}
h2		{font-weight: bold; font-size: 11pt; color: #000;}
p		{margin:0; line-height: 1.5em; color: #000; margin-bottom: 0.5em;}
a		{color: #000; text-decoration: underline;}
a:hover {color: #000;}

.small {font-size: 11px;}

div.row span.left {float: left; text-align: left; width: 49%;}
div.row span.right{float: right;text-align: right;width: 49%;}

#repertoire {}
#repertoire th {font-size: 9pt; font-weight: bold; text-align: left; color: #000; border-bottom: 1px solid #000;}
#repertoire td {font-size: 9pt; padding-right: 20px; border-bottom: 1px solid #cddae3}

#overview {font-size: 11px;}

img.portrait {float: right; margin-left: 20px; margin-bottom: 20px; border: 1px solid #ccc; padding: 5px;}