body
{
	background-color: white;
	color		: black;
}
:link
{
	color		: blue;
}
:visited
{
	color		: purple;
}

h1
{
	clear		: both;
	font-family	: sans-serif;
}

h2
{
	clear		: both;
	font-family	: sans-serif;
}

h3
{
	clear		: both;
	font-family	: sans-serif;
	font-style	: italic;
	margin-bottom	: 0.2em;
}

h4
{
	clear		: both;
	font-family	: sans-serif;
	margin		: 2em 0 0.5em 0;
}

blockquote.cite
{
	font-style	: italic;
}

blockquote.lyrics
{
}

.mainTitle
{
	text-align	: center;
}

p
{
	text-align	: justify;
	margin		: 0 0 1em 0;
}

p.header
{
	display		: none;
	text-align		: center;
	margin		: 0;
}

p.piecePerformer
{
	font-weight	: bold;
	margin		: 1em 0 0 0;
}

p.pieceTitle
{
	margin		: 0;
}

p.eventSummary
{
	margin		: 0.3em 0;
}

p.linkSummary
{
	margin		: 0.3em 0;
}

p.address
{
	margin		: 0 2em;
}

p.illustrationCaption
{
	text-align	: center;
	font-style	: italic;
}

p.illustrationCredit
{
	text-align	: left;
	font-style	: italic;
}

table.page
{
	border-spacing	: 0;
	min-width	: 40em;
}

table.fullContent
{
	border-collapse	: collapse;
	clear				: both;
	min-width			: 160px;
	width			: 100%;
}

table.minContent
{
	max-width	: 100%;
	border-spacing	: 1em 0.1em;
}

table.filled
{
	background-color: #DCF;
	border-top	: 1px solid #009;
	border-bottom	: 1px solid #009;
}

tr.head
{
	font-weight	: bold;
}

td
{
	vertical-align	: top;
	outline-width	: 0;		padding		: 0;	margin	:	0;
}

td.head
{
	font-style	: italic;
}

td.number
{
	text-align	: right;
}

td.sectionLogo
{
	text-align	: right;
	vertical-align	: middle;
	width		: 100px;
}

table.illustration
{
	background-color: #DCF;
	padding         : 8px;
	margin		: 8px;
	width		: 1px;
	border-top	: 1px solid #64B;
	border-bottom	: 1px solid #64B;
}

img.illustration
{
	margin		: 8px;
	border-top	: 1px solid #64B;
	border-bottom	: 1px solid #64B;
}

.floatRight
{
	float		: right;
	clear		: right;
}

.floatLeft
{
	float		: left;
	clear		: left;
}

img.illustrationPicture
{
	border-width	: 2px;
	border-style	: solid;
}

/* linkLogos are for use with logos which look ugly with a border around them.  Only use this style when there's a text version of the URL nearby for people to see and click on. */
img.linkLogo
{
	border-width	: 0;
	border-style	: none;
	margin-left	: 8px;
	float		: right;
}

ul.menu
{
	list-style-type	: none;
	text-indent	: -0.5em;
	margin-left	: 1em;
	padding-left	: 0;
	padding-right	: 0.5em;
}

td.sectionMenu
{
	padding		: 0;
	width		: 13em;
	background-color: #DCF;
	border-left	: 1px solid #64B;
	border-right	: 1px solid #64B;
}

td.sectionBorderLeft
{
	width			: 16px;
	background-color	: #FFF;
	background-image	: url("shadow.png");
	background-repeat	: repeat-y;
}

td.sectionBorderTopLeft
{
	height			: 13px;
	width			: 16px;
	background-color	: #FFF;
	background-image	: url("shadow_lines.png");
	background-repeat	: no-repeat;
}

td.sectionBorderBottomLeft
{
	height			: 13px;
	width			: 16px;
	background-color	: #FFF;
	background-image	: url("shadow_lines.png");
	background-repeat	: no-repeat;
}

div.borderImageTopLeft
{
	display			: none;
}

div.borderImageTopRight
{
	float			: right;
	height			: 13px;
	width			: 32px;
	background-image	: url("fade_lines.png");
	background-repeat	: no-repeat;
	background-color	: white;
}

div.borderImageBottomLeft
{
	display			: none;
}

div.borderImageBottomRight
{
	float			: right;
	height			: 13px;
	width			: 32px;
	background-image	: url("fade_lines.png");
	background-repeat	: no-repeat;
	background-color	: white;
}

td.sectionBorderTop
{
	height			: 13px;
	background-color	: #FFF;
	background-image	: url("music_lines.png");
	background-repeat	: repeat-x;
}

td.sectionBorderBottom
{
	height			: 13px;
	background-color	: #FFF;
	background-image	: url("music_lines.png");
	background-repeat	: repeat-x;
}

td.illustrationCaption
{
	text-align	: center;
	font-style	: italic;
}

td.sectionInformation
{
	background-color: white;
	min-width	: 30em;
	padding		: 8px 12px;
}

span.partName
{
	margin	: 0 0.3em 0 0;
}

span.highlight
{
	background-color: #EDF;
	border-top	: 1px solid #DCF;
	border-bottom	: 1px solid #DCF;
}