.contentbody
{
	text-align: left;
	font-family: verdana,lucida, helvetica, san-serif;
	color: #CCC;
	font-style: normal;
	font-size: 11.5px;
	line-height: 21px;
}

.repertoirebody
{
	text-align: left;
	font-family: verdana,lucida, helvetica, san-serif;
	color: #CCC;
	font-style: normal;
	font-size: 11px;
	line-height: 14px;
}

HR  {color: #333; height: 1px}

.contentlisting {
text-align: left;
font-family: verdana,lucida, helvetica, san-serif;
color: #CCC;
font-style: normal;
font-size: 10.5px;
line-height: 15px
}

.contact {
text-align:left;
font-family: verdana,lucida, helvetica, san-serif;
color: #CCC;
font-style: normal;
font-size: 11.5px;
line-height: 18px
}

.contactheader {
text-align:left;
font-family: verdana,lucida, helvetica, san-serif;
color: #CCC;
font-weight: bold;
font-style: normal;
font-size: 11.5px;
line-height: 18px
}

.contentheader {
color: #CCC;
text-align:left;
font-family: verdana,lucida, helvetica, san-serif;
font-size: 12px;
text-transform: uppercase;
line-height: 34px;
letter-spacing: 1px
}

.caption {
color: #CCC;
text-align: left;
font-family: verdana,lucida, helvetica, san-serif;
font-size: 8.5px;
font-style: normal}

.footerhome {
color: #900;
text-align: right;
font-family: verdana,lucida, helvetica, san-serif;
font-size: 10px;
font-weight: bold;
font-style: normal;
line-height: 18px}

.footernav {
color: #900;
text-align: center;
font-family: verdana,lucida, helvetica, san-serif;
font-size: 10px;
font-style: normal;
line-height: 18px}


/* styling classes */

span.arrow {
	font-family: verdana,lucida, helvetica, san-serif;
	color: #C00;
	font-size: 9px;
	text-decoration: none
}

span.composer {
color: #666;
text-align:left;
font-family: times,times new roman,serif;
font-size: 13px;
font-weight: bold;
line-height: 18px
text-transform: uppercase;
}

span.mp3 {
text-align: left;
font-family: verdana,lucida, helvetica, san-serif;
font-size: 10px;
color: #333;
font-style: italic
}

span.ital {
text-align: left;
font-family: verdana,lucida, helvetica, san-serif;
color: #CCC;
font-style: italic
}

span.bold {
text-align: left;
font-family: verdana,lucida, helvetica, san-serif;
color: #CCC;
font-weight: bold
}

span.right {
text-align: right;
font-family: verdana,lucida, helvetica, san-serif;
color: #CCC;
font-style: normal
}
			
.totop
{text-align: left;
font-family: verdana,lucida, helvetica, san-serif;
color: #C00;
font-style: normal;
font-size: 10.5px
}

a:link {
text-decoration: none;
color: #C00
}
		
a:visited {
text-decoration: none;
color: #C00
}
	
a:hover {
text-decoration:none;
color: #900
}
a.contentbody:link  {
color: #C00;
font-size: 10px;
text-decoration: none;
}

a.contentbody:visited {
color: #C00;
font-size: 10px;
text-decoration: none;
}

a.contentbody:hover  {
color: #900;
font-size: 10px;
text-decoration: none;
}


/* article sources */
div.alignrt {
text-align: right;
}



/* backgrounds */
.white { background-color: rgb(255,255,255); }
.grey { background-color: rgb(204,204,204); }
.charcoal { background-color: rgb(101,101,101); }
.coal { background-color: rgb(51,51,51); }
.black { background-color: rgb(0,0,0); }
.blue { background-color: rgb(0,122,190); }
.red { background-color: rgb(224,0,55); }



/* macintosh adjustments */

div.date { font-size: 0.8em; }
div.content { }