h1 {
	font: 800 x-large garamond times serif;
	color: Purple;
	text-align: center;
	font-weight : bolder;
}
h2 {
	font: 200 500% garamond times serif;
	color: Purple;
	text-align: left;
	font-size: large;
	font-family : Verdana;
	font-weight : bold;
}
h3 {
	font: 100, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Purple;
	text-align: left;
	font-size: medium;
	font-weight : bolder;
}
p {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	valign: top;
}

p.photo {
	font : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style : italic;
	font-weight : normal;
	 
}

p.blue {
	font : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: white;
	background: blue;
	margin-left: 5px;
	font-weight : bold;
}


p.yellow {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	valign: top;
	background-color : Yellow;
	font-weight : bold;
}
  img  {
	float: left; 
	vspace: 10;
	hspace: 10;
	valign: top;
	border: medium White;
	border-color: White;
}

p.footer {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-color: Purple;
	font-weight : normal;
	text-align: center;
	left-margin: 0.9cm;
	right-margin: 0.9cm;
	 
}
 
<!-- 
&#228 double dots over 'a'   or &auml
&#229 circle over 'a'   &aring     Evan&#229s

&#232 left slant drop over 'e' or &egrave
&#233 right slant drop over 'e' or &eactute
&#234 tent over 'e' is 
&#235 double dots over 'e'

&#238 tent over 'i'  or &icirc


-->