.head 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #660066;
	font-weight: bold;
	line-height: 16px;
}
.body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 19px;
	color: #660066;
	font-weight: normal;
	text-transform: none;
	font-style: normal;
	font-variant: normal;
}
.classnames 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #660066;
	line-height: 14px;
}
.schedule 
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; color: #660066; font-weight: normal; text-transform: none ; font-style: normal}
.schedulenames 
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #660066; line-height: 12px; text-transform: none}
.fees 
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 7px; color: #660066; font-weight: normal; text-transform: none ; font-style: normal }
.italicbyline 
{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; line-height: 14px; font-weight: normal; color: #660066}

.indexdates {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #330099;
}
background {
	background-repeat: no-repeat;
}
<link href="yogalinks.css" rel="stylesheet" type="text/css">
.schedulenameswhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #660066;
	line-height: 12px;
	text-transform: none
}
.schedulenameswhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	line-height: 12px;
	text-transform: none
}