<!--
the general style sheet for all documents!.
use within the head tags <link rel="stylesheet" href="style.css">
where style.css is the name of this file (including path)
-->

h1 { 
	font-family: "comic sans ms", "helvetica", "arial"; 
	font-size: 30; 
	color: green;  
}

h2 { 
	font-family: Helvetica; 
	font-size: 18; 
	color: darkred;  
}

div.photo { 
	display:inline; 
	width: 200; 
	text-align: center; 
	text-valign: center; 
	font-size: 10; 
	font-style: italic; 
	color: blue; 
	line-height: 10pt; 
}
<!-- display inline is important. This avoids a line feed and allows aligning photos with their subtitles on one line -->

body { 
	font: 12pt "Comic sans ms", "Myriad Roman", "Verdana", "Arial"; 
	line-height:15pt; 
	background-color: lightyellow; 
	color: black 
}

A  { color: darkblue; text-decoration: none; # underline;  
   font-family: arial, helvetica }
A:active  { color: darkblue; text-decoration: none }
A:visited { color: darkblue; text-decoration: none }
A:hover   { color: red; background-color: lightyellow; # font-size: 12pt;
	text-decoration: none; font-weight:normal }

