.heading {
	font-family: "Goudy Old Style";
	font-size: 36px;
	font-style: normal;
	color: #666699;
}
.body {
	font-family: "Goudy Old Style";
	font-size: 18px;
	color: #663399;
}
.smallhead {
	font-family: "Goudy Old Style";
	font-size: 24px;
	font-style: normal;
	color: #666699;
}
.whiteback {
    background-color:#FFFFFF;
    background-image:url(silybum_bw4.jpg);
}
.whiteback1 {
	background-color: #FFFFFF;
	background-image:url(silybum_bw3.jpg);
	background-position: left center;
}
.style2 {
    font-size: 18px; font-family: "Goudy Old Style";
	}
.style4 {
color: #CCCCCC;
 }


/** added by Fran - to make table/cell width change on small devices **/

.partpage {
          width:58%;
}
.narrowhead {
          width:50%;
}

a:link {
   color:#663399;
}
a:visited {
    color:#666699;
}
a:hover {
    color:#33FFFF;
}
a:active {
	color:#663399;
	}
	
/**----------------------------MEDIA QUERIES-----------------------**/


@media only screen and (max-width: 700px) { 

     .partpage { width:100%; } 

	 .narrowhead { width:1%; }	 
	 
	 }