/*  original design with cello  */
/*  body			{ margin-left: 120px; margin-right: 60px; font-size: 80%; font-family: Verdana, Arial, sans-serif; background-image: url(Images/side-photo.jpg); background-repeat: no-repeat;} */
body			{ margin-right: 60px; margin-left: 60px; font-family: Verdana, Arial, sans-serif; font-size: 80%;}
div.body		{}

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

/* general links colour */
a:link			{ text-decoration: underline; color: DarkBlue ; }
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; }

/* change color of menu links */
a.NavBar:link		{ font-size: 85%; width: 100px; text-decoration: none; text-align: left; color: DarkBlue ; }
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%; 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;}

/* TO TEST ALIGNMENT  tr.Photopage		{ vertical-align: top; ) */


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.HomeReviewer1		{ font-style: Italic; text-align: left; font-size: 70%; }
p.HomeReviewer2		{ font-style: Italic; text-align: left; font-size: 70%; padding-bottom: 24px;}
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.SmallPermissionLeft	{ font-size: 60%; margin-top: 0px; text-align: left; }
p.RepertoireType 	{ font-size: 150%; color:gray;}

/* for comment on RH side in disco Jan 09 */
p.NewCD			{ font-size: 100%; font-weight: Bold; color: FireBrick; }


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: left; }
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-bottom: 5px solid White; border-top: 3px solid White; border-right: 3px solid White; }
table.ImageLeft		{ border-bottom: 5px solid White; border-top: 3px solid White; }
td.ImageLeft		{ border-left: 1px solid White; border-right: 2px solid White; border-bottom: 3px solid White; border-top: 3px solid White; }
td.ImageRight		{ border-left: 1px solid White; border-right: 1px solid White; border-bottom: 3px solid White; border-top: 3px solid White; }
table.SmallImage	{ border-left: 1px solid White; border-bottom: 1px solid White; border-top: 1px solid White; }

ul			{ }

/* for testing in disco and repertoire:  td.Composer		{ background-color: Pink; width: 10%; vertical-align: top; font-size: 80%; font-weight: Bold; padding-bottom: 24px; }*/
td.Composer		{ width: 10%; vertical-align: top; font-size: 80%; font-weight: Bold; padding-bottom: 12px;} 


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

/* for testing   td.Piece		{ background-color: LightBlue; width: 65%; vertical-align: top; font-size: 80%; padding-bottom: 24px; } */
td.Piece		{ width: 75%; vertical-align: top; font-size: 80%; padding-bottom: 24px; }

/* adding picture of CD to disco Jan 09 */
td.CDcover		{ width: 5%; vertical-align: top; padding-bottom: 24px; }
td.EmusicIcon		{ width: 3%; vertical-align: top; padding-bottom: 0px;}
td.DownLoadText		{ width: 20%; text-align: left; color: FireBrick; font-weight: Bold;font-size: 70%; } 
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%; vertical-align: top;}

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; }
p.GrayBackground	{ width: 99%; 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: 5%; vertical-align: top; font-size: 80%; font-weight: Bold; color: FireBrick; padding-bottom: 24px; }
/* TO TEST   td.Photo 	{ background-color: Yellow; width: 25%; vertical-align: top; font-size: 80%; font-weight: Bold; color: FireBrick; padding-bottom: 24px; } */

td.RedNews		{ width: 20%; vertical-align: top; font-size: 80%; color: FireBrick; }
td.HighlightBlue	{ width: 25%; vertical-align: top; font-size: 70%; color: DarkBlue; }

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