<!-- HEADLINE STYLES -->
	H1 { color: black; 
		font-size:   large ;
		background-image: none;
		text-align: center; 
		font-family: impact, tahoma, helvetica, sans-serif;
		border: solid medium black;} 
	H2 { color: black;
		font-size:   small ;
		background-image: none;
		text-align: center;
		font-family: tahoma, helvetica, sans-serif; 
		border: double black;}
	H3 { color: black;
		font-size:   x-small ;
		text-align: center;
		font-family: tahoma, helvetica, sans-serif }
	H4 { color: black;
		text-align: center;
		font-size:   xx-small ;
		font-family: tahoma, helvetica, sans-serif }

<!-- background colors -->
	.white { background-color: white;
			}
	.blue { background-color: blue;
			}
	.orange { background-color: orange;
			}
	.teal { background-color: teal;
			}
<!-- change text to white -->
	.white { color: white;
			}

<!--text decoration no underline on links -->
	A:link, A:active, A:visited { text-decoration: none }

<!-- P classes for paragraphs -->
	   P   { color: black;
		font-size: xx-small;
		text-align: center;
		text-indent: none;
		font-family: tahoma, helvetica, sans-serif}
	.left		{text-align: left;
			}
	.justify	{ text-align: justify;
			}
	.indent 	{ text-indent: 2em;
			}
	.small 	{ font-size: x-small;
			}

	.medium 	{ font-size: small;
			}
	.large 	{ font-size: medium;
			}
	.huge 	{ font-size: large;
			}

<!-- DIV classes -->

	.box	 	 { background: #FFFFFF; 
			padding : 3px; 
			margin: 2px; 
			border-style: solid;
			border-color: black;
			border-width: 1px;
			font-size:   x-small;
			font-family: tahoma, helvetica, sans-serif;}

	.bluebox	 { background: #FFFFFF; 
			padding : 3px; 
			margin: 2px; 
			border-style: solid;
			border-color: blue; 
			border-width: 2px; }	
	.redbox	 { background: #FFFFFF; 
			padding : 3px; 
			margin: 2px; 
			border-style: solid;
			border-color: red; 
			border-width: 2px; }