/*================================================
SHEDD CORE

Site:   The Shedd Institute 
		www.theshedd.org
Author:     Jim Ralph
Created:    10/15/2005
Edited:     1/23/2017, 6/14/2020, 2/20/2021
Usage:      Used throughout site.
===================================================*/

.BlueBack		{background-color:powderblue;}
.PinkBack		{background-color:lightpink;}
.GreenBack	{background-color:azure;}
.TanBack	   {background-color:beige;}

/* BODY styles */
body 
{   font-weight: normal;
	font-size: 9pt;
	cursor: default;
	color: black;
	line-height: 11pt;
	font-family: Arial, sans-serif;
	background-color: #182543;
	margin: 0 auto;
}
body.HomePage	{background-color: #182543;}
body.OFAMPage	{background-color: #132733;}
body.OFAMxPage	{background-color: #132733;}
body.NHTpage	{background-color: #003E1F;}
body.ECJKpage	{background-color: #182543;}
body.AMSYMpage	{background-color: #8FBC8F;color: black; }
body.SPpage		{background-color: #004A4A;}
body.STpage		{background-color: #510D0D;}
body.MMpage		{background-color: #2F002F;}
body.MusicSchoolpage {background-color: #182543;}
body.MemberPage	{background-color: #132733;}
body.LoopYourLife {background-color: #485c4b;}

p	
{   font-family:	Arial, sans-serif;
	font-size:		9pt;
	margin-top: 	0px;
	color:			black;
	cursor:			default;
}
table, td {
	border: 0;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	vertical-align:top;
	font-size: 9pt;
	font-family: Arial, sans-serif;
}
input, select{	
	font-size: 9pt;
	font-family: Arial, sans-serif;}
h1	{
	font-family:	Arial, sans-serif;	
	font-weight:	bold; 
	color:			maroon;
	font-size:		13pt;
	line-height:	15pt;
	margin-top: 	0pt;
}

H1black	{
	font-family:	Arial, sans-serif;	
	font-weight:	bold; 
	color:			black;
	font-size:		13pt;
	line-height:	15pt;
	margin-top: 	0pt;
}

H1blue	{
	font-family:	Arial, sans-serif;	
	font-weight:	bold; 
	color:			navy;
	font-size:		13pt;
	line-height:	15pt;
	margin-top: 	0pt;}

H1green	{
	font-family:	Arial, sans-serif;	
	font-weight:	bold; 
	color:			darkgreen;
	font-size:		13pt;
	line-height:	15pt;
	margin-top: 	0pt;}
		
H2  {
	font-family:	Arial, sans-serif;	
	font-weight:	bold; 
	color:			black;
	font-size:		12pt;
	line-height:	15pt;
	margin-top: 	0pt;
}

ul li {
	list-style-type: square;
	list-style-position: outside;
}
	
/* Make 'no border' default on all images */		
img  {border: 0;}
A:link {color:	maroon; text-decoration: none}
A:visited 	{color:	navy; text-decoration: none}
A:active 	{color:	#336600; text-decoration: none}
A:hover	{color:	#003300; text-decoration: underline; cursor:pointer}
	
STRONG 	{font-family: Arial, sans-serif; color: #036}
SMALL  {font-size: 8pt;	font-family: Arial, sans-serif;	color: Black}

.tiny	{font: 7pt/9pt Arial, sans-serif;}
.divContent  {position:relative; top:6px; left:6px}
.rbdr		{position:absolute; border-right: solid 1px black; font-size:9pt}
.bbdr		{position:absolute; border-bottom: solid 1px black; font-size:9pt}
.tbdr		{position:absolute; border-top: solid 1px black; font-size:9pt}
.lbdr		{position:absolute; border-left: solid 1px black; font-size:9pt}
.tbdrWide	{position:absolute; border-top: solid 24px black; font-size:9pt}
.tbdrFat	{position:absolute; border-top: solid 8px black; font-size:9pt}
.tbdr4		{position:absolute; border-top: solid 4px black; font-size:9pt}
.tbdr6		{position:absolute; border-top: solid 6px black; font-size:9pt}
.background	{position:absolute; border-top: solid 800px silver; font-size:9pt}

/* Footer styles       */
.FootDetails 
{   color: #000000;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	line-height: 10pt;
	margin-top: 0px;
}
.FootFrame 
{   margin-bottom: 6px;
	margin-left: 6px;
	margin-top: 6px;
	text-align: left;
}
.FootCell 
{	padding:            0px;
	margin:             0px;
	border:             black 1px solid;
	border-collapse:    collapse;
	vertical-align:     top;
	background-color:   white;
}
.FootTitle 
{   color:          #003355;
	font-family:    Arial, sans-serif;
	font-size:      10pt;
	font-weight:    bold;
	line-height:    12pt;
	margin-top:     0px;
}
.BannerAd
{   font-weight: bold;
	font-size: 10pt;
	left: 30px;
	color: white;
	position: relative;
}
.HeaderLink
{	padding: 			0px;
	font-size: 			8pt;
	margin: 			4px;
	vertical-align: 	middle;
	color: 				Black;
	font-family: 		Arial, Sans-Serif;
	border-collapse: 	collapse;
	background-color: transparent;
}

/* section frames */
.StandardPageArea, .StandardPageAreaBorder, 
.PageTable-Home, .PageTable-School,
.StandardPageAreaBorderTop
{	padding: 0px;
	margin: 0 auto;
	border-collapse: collapse;
	vertical-align:top;
	background-color: white;
}
.StandardPageArea
{	border: 0px;}	
.StandardPageAreaBorder
{	border: black 1px solid;}
.PageTable-Home, .PageTable-School {
    border: black 1px solid;
    max-width: 970px;
    min-width: 338px;
    background-color: white;
}
.StandardPageAreaBorderTop
{	margin: 0px;
	border-top: black 1px solid;}

/* Cell styles */
.StandardCell, .StandardCellBorder, .MastheadCell, .MastheadCellWhite
{	padding:    0;
	margin:     0;
	border-collapse:    collapse;
	vertical-align:     top;
	background-color:   white;}
.StandardCell
{	}
.StandardCellBorder
{	border: black 1px solid;}

.StoryCellTop, .StoryCellLeft, .StoryCellLeft2, .StoryCellRight, .StoryCellDivider
{	padding: 4px;
	margin: 0px;
	border-collapse: collapse;
	vertical-align:top;
	background-color: white;}
.StoryCellTop
{	border-bottom: DarkGray 1px solid;}
.StoryCellLeft
{	border-right: DarkGray 1px solid;}
.StoryCellLeft2
{   }
.StoryCellDivider {
	padding: 0;
	border-right: DarkGray 1px solid;
}
.StoryCellRight
{	border-left: DarkGray 1px solid;}

/* Image styles */
.ImageStandard, .ImageArtwork, .ImageListView,
.ImageLeft, .ImageRight, .ImageTop {
    border: none;
    background: white;
    cursor: pointer;
}
.ImageCatalog
{	border: solid;
	 border-width:thin;
	border-color:black;
	background: white;
	width: 150px;
	margin-top: 6px;
	margin-bottom: 6px;
}
.ImageStandard{	width: 400px;}
.ImageSmall{ width: 200px;}
.ImageBanner{ width: 676px;z-index: 9;}
.ImageArtwork
{	width: 356px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;}
.ImageListView{	}
.ImageLeft
{	margin-right: 6px;
	float: left;}	
.ImageRight
{	margin-left: 6px;
	float: right;}
.ImageTop
{	margin-top: 0px;
	padding-bottom: 8px;
}
.OverviewTitleImg{
    border: none;
    cursor: pointer;
	width:100%;
	margin-top:-6px;
	padding-bottom: 8px;
}
.StandardBorder
{	border: black 1px solid;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	vertical-align:top;
}
.PaddedPageArea
{	padding: 0;
	margin: 2px;
	border-collapse: collapse;
	vertical-align:top;
}
.PaddedPageAreaBorder
{	padding: 0;
	margin: 2px;
	border: black 1px solid;
	border-collapse: collapse;
	vertical-align:top;
	background-color: white;
}	

/* Use for column section header  */

.SectionHeader
{	border: Gray 1px solid;
	border-collapse: collapse;
	border-radius: 5px;
	vertical-align:bottom;
	background-color: #f0f0f0;
	margin-bottom:	4px;
	margin-top: 4px;
	padding-bottom: 4px;
	padding-top: 7px;
	padding-left: 6px;
	font-weight: normal;
	font-size: 13pt;
	cursor:  grab;
	font-family: ITCKabelStdBook, Sans-Serif;
}
/* Use for column story */
.Story
{	margin-top: 0;
	font-size: 9pt;
	margin-bottom: 0;
	line-height: 120%;
	font-family: Arial, sans-serif;
	text-indent: 12pt;
}
.StoryShell
{	margin-top: 3pt;
	font-size: 9pt;
	margin-bottom: 0pt;
	line-height: 120%;
	font-family: Arial, sans-serif;
	text-indent: 0pt;
}

.StoryIndent
{	margin-top: 0pt;
	font-size: 9pt;
	margin-bottom: 0pt;
	margin-left: 6px;
	line-height: 120%;
	font-family: Arial, sans-serif;
}
.StoryLeader
{	margin-top: 0pt;
	font-weight: normal;
	font-size: 10pt;
	margin-bottom: 0pt;
	line-height: normal;
	font-style: normal;
	font-family: 'ITCKabelStdBook', Arial;
}	
.StoryLeader2
{	margin-top: 0;
	font-weight: normal;
	font-size: 10pt;
	margin-bottom: 0pt;
	line-height: normal;
	font-style: normal;
	font-family: 'ITCKabelStdBook', Arial;
}	
.StoryHeadline
{	margin-top: 	2pt;
	margin-bottom:  2pt;
	font-weight: 	normal;
	font-size: 		18pt;
	line-height: 	100%;
	font-style: 	normal;
	font-family: 	'ITCKabelStdBook', Arial;
}
.StoryHeadlineSmall
{	margin-top: 	0pt;
	font-weight: 	normal;
	font-size:      14pt;
	margin-bottom:  0pt;
	line-height: 	115%;
	font-style: 	normal;
	font-family: 	'ITCKabelStdBook', Arial;
}
.StorySubHeadline
{	margin-top: 	0pt;
	font-weight: 	normal;
	font-size: 		12pt;
	margin-bottom: 4pt;
	line-height: 	115%;
	font-style: 	normal;
	font-family: 	'ITCKabelStdBook', Arial;
}
.storyheadlinebold
		{font-size:		large;
		font-style:		normal;
		font-weight:	bold;
		line-height: 	110%;
		font-family:	Arial Black, sans-serif;
		margin-top:		0pt;
		margin-bottom:	0pt;}
		
.storysubline	
		{font-size:		9pt;
		font-style:		italic;
		font-weight:	bold;
		line-height:	normal;
		font-family:	Arial, sans-serif;
		margin-top:		0pt;
		margin-bottom:	0pt;}
.copyright		{
	font-family:	Arial, sans-serif;
	font-size:		8pt;
	line-height:    11pt;
	color:          #003355;
	margin-top:     0px;
	position:       relative;
	left:			0pt;
	top:			0pt;
	text-align : center;}
		
/* Calendar Elements */	
.CalendarBriefHeader{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-weight: normal;
	font-size: 11px;
	border-left: #000000 1px solid;
	cursor: default;
	color: black;
	border-bottom: #000000 1px solid;
	font-family: 'ITCKabelStdBook';
	background-color: #c2cebe;
	width: 100%;
}
.seriestitle{
	font-family:	Arial, sans-serif;
	font-size:		10pt;
	color:			black;
	font-weight:	bold;
	margin-top:		3pt;
	margin-bottom:	0pt}
.SeriesSubtitle{
	font-family:	Arial, sans-serif;
	font-size:		11pt;
	color:			black;
	font-weight:	bold;
	margin-top:		3pt;
	margin-bottom:	3pt}
.seriesname{
	font-family:	Arial, sans-serif;
	font-size:		13pt;
	line-height:	15pt;
	color:			black;
	font-weight:	bold;
	margin-top:		2pt;
	margin-bottom:	3pt}
.seriestitlesans
	{font-family:	Arial, sans-serif;
	font-size:		10pt;
	color:			black;
	font-weight:	bold;
	margin-top:		3pt;
	margin-bottom:	0pt}
.seriesnamesans
	{font-family:	Arial, sans-serif;
	font-size:		13pt;
	line-height:	15pt;
	color:			black;
	font-weight:	bold;
	margin-top:		2pt;
	margin-bottom:	3pt}
.entrytable
{   font-size:		8pt;
	line-height:	11pt;
	margin-top:		0pt;
	margin-bottom:	0pt;}

/* Calendar Elements -- NEW */	
.CalendarDate, .CalendarEvent, .CalendarDateSeries, .CalendarEventSeries,
.CalendarEventType
{   padding-top: 1px;
	padding-bottom: 1px;
	font-size: 8pt;
	line-height: 110%;
	font-family: Arial, sans-serif;
	background-color: white;
}
.CalendarDate
{   padding-right: 2px;
	width: 48px;
	text-align: right;
}
.CalendarEvent
{   padding-left: 2px;
	width: 112px;
	text-align: left;
}
.CalendarDateSeries
{   padding-left: 1px;
	width: 46px;
	text-align: left;
}
.CalendarEventSeries
{   padding-right: 1px;
	width: 98px;
	text-align: left;
}
.CalendarEventType
{   padding-top: 3px;
	width: 4px;
	text-align: center;
	vertical-align: text-top;
}
.CalendarEntry
{   margin-top: 1px;
	margin-left: 2px;
	font-size: 8pt;
	line-height: 9pt;
	font-family: Arial, sans-serif;
	background-color: white;
}
.CalendarBriefSeries{
	margin-left: 2px;
	font-size: 7pt;
	font-style: italic;
	line-height: 8pt;
	font-family: Arial, sans-serif;
}
.CalendarBriefEvent{
	margin-left: 2px;
	font-size: 8pt;
	font-style: normal;
	line-height: 9pt;
	font-family: Arial, sans-serif;
}
.CalendarHeader{
	padding-top: 1px;
	padding-bottom: 1px;
	width: 100%;
	font-size: 8pt;
	line-height: 120%;
	border-bottom: darkgray 1px solid;
	border-top: darkgray 1px solid;
	font-family: 'ITCKabelStdBook';
	background-color: Gainsboro;
}
.CalHeader{
	padding-top: 1px;
	padding-bottom: 1px;
	width: 100%;
	font-size: 8pt;
	line-height: 120%;
	border-bottom: darkgray 1px solid;
	border-top: darkgray 1px solid;
	font-family: Arial, sans-serif;
	background-color: Gainsboro;
}
.CalendarHeaderSeries{
	border:			black 1px solid;
	font-weight: 	normal;
	font-size: 		16px;
	cursor: 		default;
	color: 			black;
	font-family: 	'ITCKabelStdBook';
	background-color: #c2cebe;
	width:			100%;
	margin:			2px;
}
.CalendarHeaderText{
	margin-left: 4px;
	font-size: 8pt;
	line-height: 9pt;
	font-family: Arial, sans-serif;
}
.CalendarEntryDivider{border-bottom: darkgray 1px solid;}
.CalendarEntryBorder{
	border-right: darkgray 1px solid;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
	border-collapse: collapse;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	line-height: 9pt;
	background-color: white;
	width: 160px;
	margin: 2px;
}	
.CalendarFrame{
	border: darkgray 1px solid;
	border-collapse: collapse;
	margin: 2px;
}
.SeriesCalendarHeader, .SeriesCalendar, .SideNotePanel {
	border: 		1px solid black;
	font-weight: 	normal;
	font-size: 		11px;
	cursor: 		default;
	color: 			black;
	font-family: 	Arial, Sans-Serif;
	background-color: #c2cebe;
	width:			100%;
	margin:			2px 0 2px 0;
}

.SeriesCalendarHeader{
	background-color:	#c2cebe;
	padding:			.3em;
	font-family:		'ITCKabelStdMedium';
	font-size: 			13px;
}
.SeriesCalendar{
	border-color:		slategrey;
	background-color:	white;
}

.SideNotePanel{
	border-color:		slategrey;
	background-color:	#F5F5F5;
	padding:			.3em;
}	

.SeriesArtistCalendarHeader{
	border: 			black 1px solid;
	font-weight: 	normal;
	font-size: 		11px;
	cursor: 			default;
	color: 			black;
	font-family: 	Arial, Sans-Serif;
	background-color: #DDC9DE;
	width: 100%;
	margin: 2px;
}

.TermCalendarHeader{
	border:         black 1px solid;
	font-weight: 	normal;
	font-size: 		12px;
	cursor: 		default;
	color: 			black;
	font-family: 	Arial, Sans-Serif;
	background-color: #c2cebe;
	width:          100%;
	margin:         2px;
}
.TermScheduleHeader
{
	border:         black 1px solid;
	font-weight:    normal;
	font-size:      12px;
	cursor:         default;
	color:          black;
	font-family:    Arial, Sans-Serif;
	background-color: #CFDBEF;
	width:          100%;
	margin:         2px;
}

/* Artist Events calendar  */
table.calAE td{
	margin-top: 1px;
	margin-left: 2px;
	font-size: 8pt;
	line-height: 9pt;
	font-family: Arial, sans-serif;
	background-color: white;
}
	
.SponsorLogo{
	border: none;
	text-align: center;
}
.SponsorLogoTextS{
	font-size: 6pt;
	left: 15px;
	line-height: 7pt;
	top: 30px;
	text-align: center;
}
.SponsorLogoTextXS{
	font-size: 6pt;
	line-height: 6pt;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
}

.TicketText{
	margin-top: 4pt;
	font-size: 7pt;
	margin-bottom: 0pt;
	line-height: 120%;
	font-family: Arial, sans-serif;
	text-align: center;
	color: Navy;
}
.TicketOffice{
	margin-top: 0pt;
	font-size: 9pt;
	margin-bottom: 0pt;
	line-height: 120%;
	font-family: Arial, sans-serif;
	text-align: center;
	font-weight: bold;
}
.TicketOffice8{
	margin-top: 0pt;
	font-size: 8pt;
	margin-bottom: 0pt;
	line-height: 120%;
	font-family: Arial, sans-serif;
	text-align: center;
	font-weight: bold;
}
.TicketNumber{
	margin-top: 0pt;
	font-size: 12pt;
	margin-bottom: 0pt;
	line-height: 120%;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
	color: Maroon;
}
.TicketDetails{
	margin-top: 0pt;
	font-size: 7pt;
	margin-bottom: 0pt;
	line-height: 120%;
	font-family: Arial;
	text-align: center;
}

/* Logo styles */
.LogoRight, .LogoLeft, .LogoTitleLeft, .LogoCenter{
	margin-top: .5em;
	font-family:	Arial;
	font-size:		7pt;
	line-height:	9pt;
	text-indent: 0;
}
.LogoRight {	
	text-align : right;
	}
.LogoLeft  {
	text-align : 	left;
	text-indent: 16px;
	}
.LogoTitleLeft  {
	text-align : 	left;
	text-indent: 20px;
	}
.LogoCenter  {
	text-align : center;
	margin-bottom: .5em;
	}
.LogoCell  {
	font-family:	Arial, sans-serif;
	font-size:		7pt;
	line-height:	10pt;
	text-align :	left;
	text-indent:	6pt;
	vertical-align: top;
	padding-top:	20px;
	width:			158px;
	height:			60px;
	}
.MenuLogoCell  {
	font-family:	Arial, sans-serif;
	font-size:		7pt;
	line-height:	10pt;
	text-align : 	center;
	}


/* Basic text block */
.Text, .TextBlock, .TextBlock1, .TextByline, .TextIndent, 
.TextQuote, .TextBlockOutdent,
.TextBlockList, .TextBlockBoxed, .TextBlockBoxed2, .TextBlock2{
    margin-top: 0pt;
    margin-left: 0pt;
    margin-right: 0pt;
    font-size: 10pt;
    margin-bottom: 6pt;
    line-height: 123%;
    font-family: Arial, sans-serif;
    text-indent: 0px;
    text-align: left;
}
.Text{font-size:8pt; margin-bottom: 0pt;}
.TextByline{margin-top: 6pt; margin-left: 9px;}
.TextIndent{margin-top: 6pt; margin-left: 18px;}
.TextQuote{	margin-top: 0pt; margin-left: 18px;}
.TextBlockList{margin-left: 24px;text-indent: -18px;}
.TextBlockOutdent{margin-top: 0pt;margin-left: 24px;text-indent: -24px;}
.TextBlock1:first-letter 
{	font-size: 400%; 
	line-height: 90%;
	font-weight: bold;
	elevation: above;
	float: left;
	color: #212547;
}
.TextBlock2:first-letter {
    font-size: 200%;
    line-height: 90%;
    font-weight: bold;
    elevation: above;
    float: left;
    color: #212547;
} 
.TextBlockBoxed, .TextBlockBoxed2
{	margin: 3px;
	font-size: 9pt;
	margin-left: 3px;
	padding: 8px;
	border: 1px solid black;
	background-color: #f0f0f0;
	float: right;
}
.TextBlockBoxed{width: 210px;}
.TextBlockBoxed2{margin-top: 6pt;width: 170px;}
.TextBlockTitle
{   font-size: 13pt;
	font-weight: bold;
	color: maroon;
	margin-top: 9pt;
	margin-bottom: 6pt;
}
	
/*-- The following 2 definitions require a javascript -- */
.Text2Column, .Text3Column{   column-gap: 10px;	column-rule: 1px dashed #999; }
.Text2Column {   column-count:	2;}
.Text3Column {   column-count:	3;}

/* Artwork Listing */
.ArtworkSetHeading, .ArtworkSetSubHeading, .ArtworkDivider, ArtworkMedleyHeading {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 120%;
	font-family: Arial, sans-serif;
	font-size: 13pt;
	text-align: left;
	padding-left: 3pt;
	color: black;
}
.ArtworkSetHeading{	padding-top: 6pt;}
.ArtworkSetSubHeading{	padding-top: 0;}
.ArtworkMedleyHeading {padding-top: 0;font-size: 13pt;font-style: italic;}

.ArtworkAct, .ArtworkScene {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 120%;
    font-family: Arial, sans-serif;
    text-align: left;
    color: black;
}
.ArtworkAct {padding-top: 6pt;padding-left: 0pt;font-size: 13pt;
}
.ArtworkScene {
    padding-top: 4pt;
    font-size: 11pt;
    padding-left: 48pt;
    text-indent: -48pt;
}
.Artwork, .Artwork2, .ArtworkPart, .ArtworkPart2, 
.ArtworkOrder, .ArtworkPostText, .ArtworkMedley {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 120%;
	font-family: Arial, sans-serif;
	font-size: 11pt;
	text-align: left;
	padding-left: 6pt;
	text-indent: -6pt;
	color: black;
}
.Artwork {padding-top: 4px;}
.ArtworkMedley {padding-top: 0px;}
.ArtworkPostText {font-size: 9pt;}
.Artwork2 {font-style: italic;}
.ArtworkPart {font-size: 10pt;padding-top: 0px;padding-left: 12pt;}
.ArtworkPart2 {font-size: 10pt;padding-top: 0px;padding-left: 0pt;}
.ArtworkOrder {padding-left: 0;text-indent: 0;}
.ArtworkNote, .ArtworkPerformer, 
.ArtworkOriginalContext {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 120%;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	text-align: left;
	padding-left: 12pt;
	text-indent: -12pt;
	color: black;
}
.ArtworkDetails {
	padding-left: 6pt;
}
.ArtworkDate, .ArtworkCreator{
	margin-top: 0;
	margin-bottom: 0;
	line-height: 120%;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	text-align: left;
	padding-left: 0;
	text-indent: 0;
	color: black;
}
.ArtworkNote {font-style: italic;}

/* Artwork page */
.ArtworkTitle, .ArtworkSubtitle, .ArtworkSupertitle, 
.ArtworkTitleDate, .ArtworkTitleCreator {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 120%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ArtworkTitle {font-size: 18pt;}
.ArtworkSupertitle {font-size: 13pt;}
.ArtworkSubtitle {font-size: 13pt;}
.ArtworkTitleDate {font-size: 10pt;}
.ArtworkTitleCreator {font-size: 10pt;}
.ArtworkTitleContainer {font-size: 10pt;font-style: italic;}

/*====================================*/
/*ARTWORK*/
/*Creation Info*/
.WorkCreationYear, .WorkCopyrightYear, .WorkLanguage {
	visibility: hidden;
	line-height: 0%;
	font-family: Arial, sans-serif;
	font-size: small;
	margin-top: 0pt;
	margin-bottom: 0pt;
	text-indent: 0px;
	text-align: left;
}

/*Creators*/
.Creator, .Composer, .ComposerLyricist, .Arranger, .Songwriter, 
.Lyricist, .Author, .Poet, .Librettist, .Screenwriter,
.RecorderOriginal, .RecorderCover, .Recorder {
	visibility: hidden;
	line-height: 0%;
	font-family: Arial, sans-serif;
	font-size: small;
	margin-top: 0pt;
	margin-bottom: 0pt;
	text-indent: 0px;
	text-align: left;
}

/*Work Title -  generic title for an artwork element */
.WorkTitle, .WorkSubtitle, .WorkSupertitle {
	visibility: hidden;
	line-height: 0%;
	font-family: Arial, sans-serif;
	font-size: small;
	margin-top: 0pt;
	margin-bottom: 0pt;
	text-indent: 0px;
	text-align: left;
}
.WorkTitle {font-size: large;}
.WorkSubtitle {font-size: medium;}
.WorkSupertitle {font-size: medium;}

/* Container & Source elements  */
.Container, .ContainerYear, .ContainerMedium,
.Source, .SourceCreator, .SourceCreationYear {
	visibility: hidden;
	line-height: 0%;
	font-family: Arial, sans-serif;
	font-size: small;
	margin-top: 0pt;
	margin-bottom: 0pt;
	text-indent: 0px;
	text-align: left;
}
.Container {font-style: italic;}

/* Song elements  */
.Song{
	font-size: small;
	font-family: Arial, sans-serif;
	line-height: 120%;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align: left;
	text-indent: 0px;
}
.SongTitle, .SongSubtitle, .SongSupertitle, .SongLanguage,
.SongCreationYear, .SongCopyrightYear,
.SongComposer, .SongLyricist,
.SongCreator, .SongComposerLyricist, .SongArranger,
.SongContainer, .SongContainerYear, .SongContainerMedium,
.SongSource, .SongSourceCreator, .SongSourceCreationYear,
.SongRecorderOriginal, .SongRecorderCover, .SongRecorder {
	visibility: hidden;
	line-height: 0%;
	font-family: Arial, sans-serif;
	font-size: small;
	margin-top: 0pt;
	margin-bottom: 0pt;
	text-indent: 0px;
	text-align: left;
}
.SongTitle{	font-size:large;}
.SongSubtitle{	font-size:medium;}
.SongSupertitle{	font-size:medium;}
.SongContainer{   font-style:italic; } 

.Stanza{margin-left: 6pt;margin-top: 12pt;}
.StanzaHead{font-size:x-small;color:navy;}
.StanzaBlock{margin-top:4pt;color: black;}

.Lyric, .Verse, .Bridge,
.LyricHeading, .LyricHeadingVerse, .LyricHeadingBridge
{	font-size: small;
	font-family: Arial, sans-serif;
	margin-top: 0pt; 
	margin-bottom: 0pt;
	line-height: 120%;
	text-align: left; 
	text-indent: 0px;
}
.Lyric {margin-left: 12pt;}
.Verse {margin-left: 12pt;font-style:italic;}
.Bridge {margin-left: 12pt;font-style:italic;}
.LyricHeading {margin-top: 9pt;margin-bottom: 3pt;font-size:x-small;}
.LyricHeadingVerse {	
	margin-top: 9pt;
	margin-bottom: 3pt;
	font-size:x-small;
	font-style:italic;
	color:navy;
}
.LyricHeadingBridge {	
	margin-top: 9pt;
	margin-bottom: 3pt;
	font-size:x-small;
	font-style:italic;
	color:navy;
}

/* Instrumental elements  */
.Instrumental, .Piece, .Movement, .Suite, .Symphony, .Concerto, .Ballet {
	font-size: small;
	font-family: Arial, sans-serif;
	line-height: 120%;
	margin-top: 0pt;
	margin-bottom: 0pt;
	text-align: left;
	text-indent: 0px;
}

/* Text elements  */
.Text, .Book, .Poem, .Document, .Story, .Collection, .Novel {
	font-size: small;
	font-family: Arial, sans-serif;
	line-height: 120%;
	margin-top: 0pt;
	margin-bottom: 0pt;
	text-align: left;
	text-indent: 0px;
}
/*=======================*/

.MainCalendarHeader{
	border: 	black 1px solid;
	font-weight: normal;
	font-size: 	11px;
	cursor: 	default;
	color: 		black;
	font-family: 	Arial, Sans-Serif;
	background-color: #c2cebe;
	width: 100%;
	margin: 2px;
}

.Line {height: 1px;background: #A9A9A9;}

.Line2 {
	height: 1px;
	background: #A9A9A9;
	padding: 0;
	margin: 0;
	width: 100%;
}
.Line2XX {
	visibility:hidden;
	height: 1px;
	background: #A9A9A9;
	margin-top: 6px;
	margin-bottom: 6px;
}
.SchoolClassIndent{text-indent: 9px;}
.SchoolDay{
	background: #DCDCDC;
	border-bottom: black solid 1px;
	border-top: black solid 1px;
}

.MailListButton
{
	background-color: #DCDCDC;
	border-style:solid;
	border-width:	1px;
	border-color: Black;
	font-family:Arial;
	font-size:10pt;
	width: 80%;
	float: right;
	height: 74px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding-top: 10px;
	}

/* Button styles */
.Button, .ButtonBig, .ButtonMediumFloatRight
{   font-family: Arial, sans-serif;
	font-size: 10pt;
	border-width: 1px;
	border-style: solid;
	border-color: #696969;
	background-color: ButtonFace;
	margin-right: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;}
.Button{ width: 80px;height: 22px;}

.ButtonBig
{   width: 92px;
	height: 18px;
	margin-top: 4px;
	margin-bottom: 2px;
	white-space: normal !important;
}

.ButtonMediumFloatRight
{   width: 60px;
	height: 24px;
	margin-right: 0px;
	margin-left: 6px;
	margin-top: 4px;
	float: right;}

.cHeadlineNavy {color: navy;font-weight: bold;}
.cHeadlineMaroon {color: maroon;font-weight: bold;}

/* Guestbook styles */

.PaymentCell{
	padding: 10px;
	margin: 10px;
	border-collapse: collapse;
	background-color: white;
	font-family: Arial, Sans-Serif;
	font-size: 14pt;
	font-style: normal;
}
.PaymentHeadline{
	font-family: Arial, Sans-Serif;
	font-size: 16pt;
	font-style: normal;
	color: Black;
}
.ItemText{  
	font-family: Arial, Sans-Serif;
	font-size: 12pt;
	font-style: normal;
	color: black;
	margin-top: 20px;
	vertical-align: middle;
}

.PaymentText{  
	font-family: Arial, Sans-Serif;
	font-size: 12pt;
	font-style: normal;
	color: Gray;
	margin-top: 10px;
}

.OptionCell{
	margin: 10px 40px 0px 40px;
	padding: 20px 20px 10px 20px;
	border-color: Gray;
	border-width: thin;
	border-style:solid;
	background-color: white;
	font-family: Arial, Sans-Serif;
	font-size: 12pt;
	font-style: normal;
}

.OptionBlock{
	margin: 10px 40px 0px 40px;
	padding: 20px 20px 10px 20px;
	border-style: none;
	background-color: white;
	font-family: Arial, Sans-Serif;
	font-size: 12pt;
	font-style: normal;
}

.EventText{
	font-weight:normal; 
	font-size:14pt; 
	line-height:18pt; 
	font-family:Arial, Sans-Serif; 
	color:gray;
}

.MenuText{
	font-weight:normal; 
	font-size:11pt; 
	line-height:14pt; 
	font-family:Arial, Sans-Serif; 
	color:gray;
}
.TicketInfoHeadline
{	margin-top: 	0;
	font-weight: 	normal;
	font-size: 		20pt;
	margin-bottom:  0;
	line-height: 	115%;
	font-style: 	normal;
	font-family: 	Arial, sans-serif;
	color: black;
}
.DiscountBronze{font-weight: bold;color: #996633;}
.DiscountSilver{font-weight: bold;color: #999999;}
.DiscountGold{font-weight: bold;color: #E9AF01;}	

.recDate{
	margin-top: 1px;
	margin-left: 2px;
	padding-right:8px;
	text-align:right;
	font-size: 9pt;
	line-height: 11pt;
	font-family: Arial;
	background-color: white;
}
.recNumber{
	margin-top: 1px;
	margin-left: 2px;
	padding-right:8px;
	text-align:right;
	font-size: 9pt;
	line-height: 11pt;
	font-family: Arial;
	background-color: white;
}
.recName
{
	margin-top: 1px;
	margin-left: 2px;
	text-align:left;
	font-size: 9pt;
	line-height: 11pt;
	font-family: Arial;
	background-color: white;
}
.showDate {
    margin-top: 1px;
    margin-left: 2px;
    padding-right: 8px;
    text-align: right;
    font-size: 10pt;
    line-height: 12pt;
    font-family: Arial;
    background-color: white;
}
.showNumber {
    margin-top: 1px;
    margin-left: 2px;
    padding-right: 8px;
    text-align: right;
    font-size: 10pt;
    line-height: 12pt;
    font-family: Arial;
    background-color: white;
}
.showTitle {
    margin-top: 1px;
    margin-left: 2px;
    text-align: left;
    font-size: 10pt;
    line-height: 12pt;
    font-family: Arial;
    font-style:italic;
    background-color: white;
}
.showText {
    margin-top: 1px;
    margin-left: 2px;
    text-align: left;
    font-size: 10pt;
    line-height: 12pt;
    font-family: Arial;
    background-color: white;
}
.SYJOTitle {
    font-family: 'ITCKabelStdBook';
    font-size: 36pt;
}

/*--  ActionLogo --*/
.ActionIcon {height: 30px;}