h1 
{
	font: 60px, "forte";
	color: #960014;
	letter-spacing: 5px;
}
<!-- formats the web site title which appears on each page - Footprints on the Net into large red type with letters plus extra spacing -->

h2
{
	font: 30px, "forte";
	color: #960014;
	letter-spacing: 2px;
	margin-left: 200px;
}
<!-- formats the page title, eg History into red type and also allows a margin so that is lined up after the logo and left hand side menu -->

h3
{
	font: 15px, "Arial";
	font-style: italic; 
	margin-left: 200px;
	margin-top: -20px;
}
<!-- formats the type after the web site title -->

h4 
{
	font: 16px, "Arial Black"
}

p 
{
	font: 16px, "Arial";
	line-height: 175%;
	text-indent:25px;
}

#breadcrumb 
{
	font: 14px, "Arial";
	font-style: italic;
	background-color: #960014;
	height: 40px; 
	padding: 10px 0px 0px 10px
} 
<!-- this gives me a red background for the breadcrumbs with the text centered vertically -->
#breadcrumb a {font-weight: bold;text-decoration: none} 
#breadcrumb a:hover {color: #29CFCD}

#header {margin-left: 20px; margin-top: 10px; background-color:#CCCCCC;}
<!-- positioning the logo and page name a little below the breadcrumbs -->

.show {margin-left: 200px; margin-top: 10px}

#menu1 {font: 14px, "Arial Black"; line-height: 300%; color: #960014; align: center; float: left; border-color: #960014; border-style: solid; border-width: 2px; padding: 10px; background-color: #c0c0c0; margin-left: 20px; margin-top: 25px;}

#info
{
	font: 12px, "Arial"; 
	line-height: 175%; 
	margin-left: 200px
	height: 800px
}

#footer 
{
	font: 14px, "Arial"; 
	font-style: italic; 
	text-align: center; 
	background-color: #960014;
	margin-top: 200px;
	height: 40px; 
	padding: 5px 0px 0px 5px;
}

a:link {color:#000000; text-decoration:none}

a:visited {color:#000000; text-decoration:underline}

a:hover {color:#800080}