body
{
	background-color: #79C;
	color		: black;
}
:link
{
	color		: blue;
}
:visited
{
	color		: purple;
}

h1
{
	clear : left;
	font-family	: serif;
}

h2
{
	clear : left;
	font-family	: serif;
}

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

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

.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;
}

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

div.page
{
	padding		: 0;
	margin		: 0 auto 0 auto;
	min-width	: 160px;	width		: 100%;		max-width	: 716px;
}

embed
{
	background-color: #CDF;
	border-top	: 1px solid #009;
	border-bottom	: 1px solid #009;
}

table.bar
{
	border-collapse	: collapse;
	height			: 0.9em;
}

td.barFilled
{
	background-color	: #009;
	height			: 100%;
}

td.barEmpty
{
	background-color	: #CDF;
	height			: 100%;
}

table.fullWidth
{
	clear			: both;
	width		: 100%;
	border-spacing	: 0;
	background-color: #CDF;
}

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: #CDF;
	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.divider
{
	height		: 10px;
	width		: 10px;
}

td.dividerHorizontal
{
	height		: 20px;
}

img.dividerImageLeft
{
	float			: left;
}

img.dividerImageRight
{
	float			: right;
}

td.dividerHorizontalTop
{
	height			: 57px;
	background-color	: #CDF;
	background-image	: url("music_top_middle.png");
	background-repeat	: repeat-x;
	background-position	: 33px 0;
	border-top		: 1px solid #009;
}

div.dividerImageTopLeft
{
	float			: left;
	width			: 33px;
	height			: 56px;
	background-color	: #CDF;
	background-image	: url("music_top_left.png");
	background-repeat	: no-repeat;
}

div.dividerImageTopRight
{
	float			: right;
	width			: 6px;
	height			: 56px;
	background-color	: #CDF;
	background-image	: url("music_top_right.png");
	background-repeat	: no-repeat;
}

td.dividerHorizontalBottom
{
	height			: 57px;
	background-color	: #CDF;
	background-image	: url("music_bot_middle.png");
	background-repeat	: repeat-x;
	background-position	: 33px 0;
	border-bottom		: 1px solid #009;
}

div.dividerImageBottomLeft
{
	float			: left;
	width			: 33px;
	height			: 56px;
	background-color	: #CDF;
	background-image	: url("music_bot_left.png");
	background-repeat	: no-repeat;
}

div.dividerImageBottomRight
{
	float			: right;
	width			: 8px;
	height			: 56px;
	background-color	: #CDF;
	background-image	: url("music_bot_right.png");
	background-repeat	: no-repeat;
}

td.dividerVerticalLeft
{
	display : none;
}

td.dividerVerticalMiddle
{
	display : none;
}

td.dividerVerticalRight
{
	display : none;
}

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

table.gallery
{
	margin		: 16px;
	width		: 1px;
	float		: left;
	clear		: right;
}

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

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

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

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

p.center
{
	text-align	: center;
}

img.center
{
	display		: block;
	margin-left	: auto;
	margin-right	: auto;
}

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-top	: 16px;
	margin-left	: 8px;
	float			: right;
}

td.sectionMenu
{
	padding		: 8px 4px;
	width		: 22%;
	background-color: #CDF;
}

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

td.sectionInformation
{
	background-color: white;
	padding		: 8px 12px;
	border-top	: 1px solid #009;
	border-left	: 1px solid #009;
	border-bottom	: 1px solid #009;
}

.outdated
{
	width	: 100%;
	color		: #79C;
}