/* = = = = = GENERAL CSS STYLES = = = = = */
	
	p, ul, ol { font-family:arial,calibri,tahoma; font-size:1.4em; color:black; text-align:justify }
	
	ul { list-style:none }
	ul li:before { content:"\2022"; font-size:.8em; margin-right:5px }

	h1 { font-family:verdana,tahoma,arial; font-size:1.8em; font-weight:bold; text-align:center }
	h2 { font-family:verdana,tahoma,arial; font-size:1.5em; font-weight:bold; margin-bottom:-15px }
	.indent { margin:20px 0 10px 35px }
	/* dividing line = <hr style="width:350px; border-top:3px solid black; margin-bottom:15px">	 */

	
	/* cleanup when using "Select" button */
	.select-div { margin-top:-10px; text-align:left }
	.select-span { float:left; margin-top:-2px }
	
	/* set COLOR and WIDTH on the HTML page -- removed = display:inline-block */
	.alert-div { margin:auto; display:block; font-family:calibri,tahoma,arial; font-size:1.3em; text-align:justify; vertical-align:baseline; 
		border:solid 3px black; padding:.2em .7em .4em .6em; outline:none; cursor:default; text-decoration:none; border-radius:20px }
		
	/* = = = = = BUTTON CSS STYLES = = = = = */

	/* .padding:.2em .6em .2em; middle number controls left and right blank space around text
	padding-right:.6em; padding-left:.6em; padding-bottom:2px */
	.mybutton { display:inline-block; vertical-align:baseline; width:auto; margin-top:-10px; padding:.1em .6em .2em .6em; outline:none; 
		cursor:pointer; font-family:tahoma,arial,calibri; text-align:center; text-decoration:none; font-weight:bold; font-size:1.5em; border-radius:10px; 
		box-shadow:3px 3px 2px rgba(0,0,0,.4) }
		
	.gray { color:black; border:solid 3px black; background:linear-gradient(#d3d3d3,#999999) }
	.gray:hover { color:white }
	
	/*  = = = = = ROUNDED CORNERS TABLE STYLES = = = = =  */
	
	.round-table { background-color:#cccccc; font-family:tahoma,arial,calibri; text-decoration:none; font-size:1em; border-spacing:0; border-collapse:separate; 
		border-radius:20px; border:2px solid black; overflow:hidden }
	.round-table th { background-color:tan; text-align:center; padding:5px 0 5px 0; border-bottom:2px solid black }
	.round-table td {	 text-align:left; padding:5px 0 5px 10px }
	/* Apply a border to the right of all but the last column */
	.round-table th:not(:last-child), .round-table td:not(:last-child) { border-right: 2px solid black } 
	/* Apply a border to the bottom of all but the last row */
	.round-table>tbody>tr:not(:last-child)>td, .round-table>tfoot:not(:last-child) { border-bottom: 2px solid black } 
		
	/* =========================================================*/	

	/* = = = = =  NAVBAR CSS STYLES = = = = = */

	/* Navbar container */
	.navbar {
	overflow:hidden; font-family:arial,tahoma,calibri; border:solid 2px black; font-size:16px; font-weight:bold; border-radius:20px; 
		background:linear-gradient(#d3d3d3,#888888) }

	/* Links inside the navbar */
	.navbar a { float:left;	font-size:16px; color:black; text-align:center; padding:14px 16px; text-decoration:none }

	/* The dropdown container */
	.dropdown { float:left; overflow:hidden }

	/* Dropdown button -- no comma here */
	.dropdown .dropbtn { font-size:16px; border:none; outline:none; color:black; font-weight:bold; padding:14px 16px; background-color:inherit;
	font-family:inherit; /* Important for vertical align on mobile phones */
	margin:0; /* Important for vertical align on mobile phones */
	}

	/* ALL navbar text on hover */
	.navbar a:hover, .dropdown:hover .dropbtn { color:white }

	/* Dropdown content (hidden by default) */
	.dropdown-content {	padding-top:10px; display:none; position:absolute; background-color:#bbbbbb; border:solid 2px black; border-radius:0 0 20px 20px; 
	z-index:1 }

	/* Links inside the dropdown -- spaces links vertically -- sets font-size */
	.dropdown-content a { min-width:200px; margin-top:20px; font-size:25px; float:none; color:black; padding:10px 14px; text-decoration:none; display:block; text-align:left }

	/* not using a color change on hover */
	/* Add a background color to dropdown links on hover */
	/* .dropdown-content a:hover {	} */
	
	/* Show the dropdown menu on hover */
	.dropdown:hover .dropdown-content { display:block }