/*Created and last updated on 30 Apr 2021 by Dominick A. Obermeyer*/
a 		{color: #0000FF; font-family: Verdana, sans-serif}
body 	{background-color: #FFFFDD;
			max-width: 1300px/* Did this backwards. Instead of setting the margin left/right, I set the max width and forces the body in the center of the window*/;
			margin: 0 auto; /*works with max width*/
			margin-bottom: -60px;}
h1 		{font-family: Tahoma, sans-serif; 
			color: #0000FF;
			display: table; /*trickery to make the border just around the text*/
			padding: 5px;
			border-style: outset/*I want the Page header to stand out*/;
			border-color: #808080;
			border-width: 5px/*wanted to give a little spacing so the border doesnt make the text claustrophobic*/}
h2 		{font-family: Trebuchet, sans-serif; 
			color: #0000FF;
			padding: 5px;
			display: table; /*trickery to make the background border the width the text plus padding*/
			background-color: #DDFFFF;}
h3 		{font-family: Trebuchet, sans-serif; 
			color: #0000FF;}
p, dl  		{font-family: Verdana, sans-serif;
			text-align: justify;
			color: #000066;
			padding: 5px;
			background-color: #FFFFEE;
			margin: 0 auto} /*Want the paragraphs to be grouped together*/
ul 	{list-style-type: none;
	 margin: 0;
	 padding: 0;
	 overflow: hidden;
	 background-color:#808080;} 
ol  {font-family: Verdana, sans-serif;}
li	{float: left;
	 border-left: 1px solid #4411FF;}
li:first-child {border-left:none;}
li a 	{display: Block;
		 color: white;
		 text-align: center;
		 padding: 14px 16px;
		 text-decoration: none;}
li a:hover {background-color: #111111;}
table, th, td {	border: 1px solid black; 
				border-collapse: collapse;
				text-align: center; 
				padding: 2px; 
				background-color: lightblue;
				margin-left: auto;
				margin-right: auto;}
img {display: block;
	 margin-left: auto;
	 margin-right: auto;
	 padding: 5px;}
.software	{color: #0000DD; font-weight: bold }
.neatbox {float: left;
				margin: 10px 300px 0px 20px;
				padding: 5px;
				width: 800px;
				border: 2px inset #3300FF;}
.neatfooter {float: left;
				padding: 5px;
				width: 100%;
				border: 0;}
.active {background-color: #4CAF50;}