body			{ margin-left: 120px; margin-right: 60px; font-family: Verdana, Arial, sans-serif; font-size: 80%; }
div.body		{}

h1			{ color: FireBrick; }
h1.HomePage		{ color: FireBrick; font-size: 300%; }
h2			{ color: gray; }

a:link			{ text-decoration: underline; }
a:visited		{ text-decoration: underline; }
a:hover			{ text-decoration: underline; background color: Lavender;}

a:link img		{ border: none; }
a:visited img		{ border: none; }
a:hover img		{ border: none; }

a.NavBar:link		{ font-size: 85%; width: 100px; text-decoration: none; text-align: left; }
a.NavBar:visited	{ font-size: 85%; width: 100px; text-decoration: none; text-align: left;}
a.NavBar:hover		{ font-size: 85%; width: 100px; text-decoration: none; text-align: left; background-color: Lavender; }
span.CurrentPage	{ font-size: 90%; width: 15%;  color: Black;   text-align: center; }

a.Caption:link		{ font-size: 80%; text-decoration: underline; margin-top: -50px; }
a.Caption:visited	{ font-size: 80%; text-decoration: underline; margin-top: -50px; }
a.Caption:hover		{ font-size: 80%; text-decoration: underline; background-color: Lavender; margin-top: -50px; }


p			{ }

p.Intro			{ font-weight: Bold; }
p.Intro:first-line	{ text-transform: uppercase; }
p.Intro:first-letter	{ font-size: 300%; float: left; color: FireBrick; }

table.NewNavBar	{width:100%; background-color: White; }
tr.NewNavBar1	{vertical-align: Center; font-size: 85%; color: FireBrick; background-color: WhiteSmoke;}
tr.NewNavBar2	{vertical-align: Center; font-size: 85%; background-color: WhiteSmoke;}
tr.NewNavBar3	{vertical-align: Center; font-size: 85%; background-color: WhiteSmoke;}

p.NavBar		{ width: 99%; background-color: WhiteSmoke; border-bottom: 1px solid FireBrick; border-top: 1px solid FireBrick; }
p.Caption			{ font-size: 70%; margin-top: 0px; text-align: left; }

/* p.CaptionRight		{ font-size: 80%; margin-top: 0px; text-align: right; } */

p.Maintenance		{ width: 99%; background-color: WhiteSmoke; text-align: right; font-size: 80%; }
p.Manager		{ width: 99%; background-color: WhiteSmoke; text-align: left;  font-size: 90%; }
p.HomeReviewer		{ font-style: Italic; text-align: right; font-size: 80%; }
p.Reviewer		{ font-style: Italic; text-align: right; font-size: 90%; }
p.Artistcontact		{ width: 99%; background-color: WhiteSmoke; text-align: right; font-size: 80%; }
p.Copyright		{ width: 99%; text-align: center; font-size: 80%; }
p.Permission		{ width: 99%; font-size: 80%; text-align: right; }
p.SmallPermission		{ font-size: 60%; margin-top: 0px; text-align: right; }
p.RepertoireType 		{ font-size: 150%; color:gray;}


p.StrapLine1		{ font-weight: Bold; font-size: 160%; font-family: Times, serif; }
p.StrapLine2		{ font-weight: Bold; font-size: 160%; font-family: Helvetica, sans-serif; }
p.StrapLine3		{ font-style: Italic; font-size: 80%; font-weight: Bold; font-family: Verdana, sans-serif; color: FireBrick; text-align: right; }
a.NewsFlashLink		{font-size: 80%; font-family: Verdana, sans-serif; font-weight: Bold; }
p.NewsFlash		{font-size: 110%; font-family: Verdana, sans-serif; font-weight: Bold;color: FireBrick; }
p.EventSubheader		{font-size: 100%; font-weight: Bold; color: DarkSlateBlue; }
p.SmallNewsFlash		{font-size: 90%; text-align: left; font-family: Verdana, sans-serif; font-weight: Bold;color: FireBrick; }
p.Videotitle	{ width: 290px; vertical-align: top; font-size: 80%; font-family: Verdana, sans-serif;font-weight: Bold; color: FireBrick;}
p.BashfulAnnounce	{ width: 100%; vertical-align: top; font-size: 60%; font-family: Verdana, sans-serif;}
p.StrapLine1:first-letter	{ font-size: 400%; float: left; color: OliveDrab; }
p.StrapLine2:first-letter	{ font-size: 400%; float: left; color: FireBrick; }

table			{ }
table.Image		{ border-left: 30px solid White; border-bottom: 30px solid White; border-top: 30px solid White; }
table.SmallImage		{ border-left: 1px solid White; border-bottom: 1px solid White; border-top: 1px solid White; }

ul			{ }

td.Composer		{ /* for testing insert:  background-color: Pink;*/ width: 10%; vertical-align: top; font-size: 80%; font-weight: Bold; padding-bottom: 18px; }
td.PieceRep		{ width: 80%; vertical-align: top; font-size: 80%;}
td.Piece		{ /* for testing insert:  background-color: LightBlue;*/ width: 80%; vertical-align: top; font-size: 80%; padding-bottom: 18px; }
td.Available		{ vertical-align: top; font-size: 80%; border-right: 30px solid White; }
td.Samples		{ vertical-align: top; font-size: 80%; }

td.None			{width:10%; background-color: White;         vertical-align: top; font-size: 50%; width: 12px; height: 12px; }
td.RecordLabel	{ font-size: 80%;}

p.ParaHeader	{ width: 99%; font-size: 100%; font-weight: Bold; color:gray; background-color: WhiteSmoke; }
td.Month		{ width: 99%; font-weight: Bold; color:gray; background-color: WhiteSmoke; }
td.DateTime		{ width: 20%; vertical-align: top; font-size: 80%; }

td.ComposerDisco 	{ width: 15%; vertical-align: top; font-size: 80%; }

td.Place		{ width: 20%; vertical-align: top; font-size: 80%; }
td.Programme		{ width: 35%; vertical-align: top; font-size: 80%; }
td.Reviews	{ width: 40%; vertical-align: top; font-size: 80%; }
td.HighlightRed		{ width: 25%; vertical-align: top; font-size: 80%; font-weight: Bold; color: FireBrick; }
td.RedNews		{ width: 20%; vertical-align: top; font-size: 80%; color: FireBrick; }
td.HighlightBlue		{ width: 25%; vertical-align: top; font-size: 80%; color: DarkBlue; }

td.Photo		{ width:200px; vertical align: bottom; text-align: center; font-size: 80%}
td.Painting	{ width:200px; vertical align: bottom; text-align: left; font-size: 80%}
td.Lesson	{ width:200px; vertical align: bottom; text-align: left; font-size: 99%}
span.caption		{ font-size: 70%; margin-top: -140px; }