BODY { 
  /*  background-color: #009999;*/
  background-color: #00c0c0;
  font-family: "Arial", "Verdana", "Helvetica", "sans-serif";
  font-size: 1.2em;
  /*  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top right;
  color: #f0f000;*/
  
	/* 4 lines added 13.02.2019 NEEDED? */
  	margin-left:auto; 
	margin-right:auto;
	width: auto;
	height: auto;
}


.cen {
      text-align: center;
}
.underline {
    text-decoration: underline;
}
.head1 { 
  color: #000000;
/*  font-size: 36pt;*/
  font-size: 1.6em;
  font-weight: bold;
  text-align: center; 
  padding: 0.0em 0.2em;
}

input {
    font-size: 1em;
}



H1 {
  color: #000000;
  /* font-size: 36pt; */
  text-align: center; 
  padding: 0.0em 0.2em;}
H2 {
  color: #000000;
  text-align: center; 
  padding: 0.0em 0.2em;}



TABLE {
/*  background-color: #ffffff;*/
  empty-cells: show; 
  margin: auto;
  border: none;
}

TABLE.body {
/*  background-color: #ffffff;*/
/*    width: 800px; */
    width: 80%;
}


TD {
/* color: #f0f000;
 padding: 3px;*/
/* background-color:  #ffff00;*/
 border: none;
 vertical-align: middle; 
}
TD.topnb {
 text-align: left;
 vertical-align: top; 
}




.responsive {	/* needed ? */
	/* text-align: center; */
	margin-left:auto; 
	margin-right:auto;
	width: auto;
	height: auto;
}
/* ######## NAVIGATION SECTION ######## */



/*	nav ul li:hover > ul {
		display: block;
	}*/


nav {
	/* margin: 80px auto; */ 
	margin: 0px auto; 
	text-align: center;
	position: relative; top: 0%; 
	font-weight: bold;
		display: block; /* added later */

}


nav ul {
/*	display: inline;	 is this the offending line???? */
	margin: 0;
	/*padding: 0; */
	/* position: absolute;	/* overlays page without stretching header vertically */
	position: relative; /* inserts */
	background: #00ffff; 
	display: list-item;	/* moves menu to left of header cell */
/*		display: block;*/
	list-style: none;	/* removes the 'bullets' */
	text-align: left;
	padding: 0px 10px; /* v and h padding for whole list */
	border-radius: 5px;  
	/*	font-size: 1.5em; */
}



/* added later NEEDED ? */
	nav ul:after {
		content: ""; clear: both; display: block;
	}



nav ul li {	/* make font larger */
	/* display: list-item; /* was inline-block, puts items line by line NEEDED? */
	display: none;	/* hide all menu list items */
 	padding: 5px 10px;	/* increase indent (padding) */
	font-size: 1.2em; /**/
	
		/* 13.02.2019 */
/*		float: left;*/
/*		text-align: left;*/
		/* font-size: .9em; /**/
/*			position: relative;*/
/*			display: inline-table;*/


}

nav ul li:first-child {	/* BUT display the first item */
/*	display: list-item;*/
		display: block;
}
nav ul li:nth-child(2) {		/* testing nth-child(x) */
	/*	display: none; */
}

nav ul:hover li {		/* Display ALL menu items on hover */
	display: list-item;
/*		display: block; */
}



nav ul li a { color: #454545; text-decoration: none;	/* 13.02.2019 */
 }

nav ul li:hover ul {display: block;}	/* no effect? */



/* make menu list item background coloured on hover */
nav ul li:hover {background: #006;
	color: #fff;
		display: list-item; /* added later */
	/* display: list-item; /* still testing child */
}

/* make link text white on hover */
nav ul li:hover a {		color: #fff;
		display: list-item; /* added later */
}






/* sub menu items... */

navnav ul li ul {
	position: absolute; /* overlays */
	/* position: relative; /* inserts */
	width: auto;
	display: none;
	/* left: 30%; */
	left: 100px;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis; /* eg text he... */
}

navnav ul li ul li { 
  background: #555; 
  display: block; 
  		font-size: 1em;
        /* else this inherits the font-size increase and increases further */

}
navnav ul li ul li a {display:block !important;
 padding: 5px 10px;	/* increase indent (padding) for links */
} 
navnav ul li ul li:hover {background: #600;}

/*##############################################*/





nav_bak {
	/* margin: 80px auto; */ 
	margin: 0 auto; 
	
	text-align: center;

/*        display: block;*/

        
        /*	position: relative; top: 0%; */
	position: static; top: 0%; 
	background: ffff00;
}

nav_bak ul ul {
	display: none;
}

	nav_bak ul li:hover > ul {
		display: block;
	}


nav_bak ul:first-child {
    	margin: 0 auto; 
/*	padding: 0;*/

	background: #00ffff; 

/*	background: linear-gradient(top, #00ffff 0%, #00bbbb 100%);  */
/*	background: -moz-linear-gradient(top, #00ffff 0%, #00bbbb 100%); 
	background: -webkit-linear-gradient(top, #00ffff 0%,#00bbbb 100%); */
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 10px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
/*	display: inline-table;*/
	display: list-item;
/*	a:not(:first-child) {display: none;}*/
	text-align: left;
	z-index: 200;
        
        

        
}
nav_bak  ul:not(:first-child)  {
            display: none;
}

nav_bak ul:after {
		content: ""; clear: both; display: list-item;
	}

	nav_bak ul li {
/*		float: left;*/
		float: none;
                
 
	}
		nav_bak ul li:hover {
			background: #800000;
/*		background: linear-gradient(top, #0000b0 0%, #000050 40%);*/
/*		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
            background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);*/

                
                	display: list-item;

                
                }
			nav_bak ul li:hover a {
				color: #fff;
			}
		
		nav_bak ul li a {
			display: list-item; padding: 2px 10px;
			color: #757575; text-decoration: none;
		}
			
		
	nav_bak ul ul {
		background: #5f6975; border-radius: 5px; padding: 0;
		position: absolute; top: 100%;
	}
		nav_bak ul ul li {
			float: none; 
			border-top: 1px solid #6b727c;
			border-bottom: 1px solid #575f6a; position: relative;
		}
			nav_bak ul ul li a {
				padding: 1px 20px;
				color: #fff;
			}	
				nav_bak ul ul li a:hover {
					background: #000080;
				}
		
	nav_bak ul ul ul {
		position: absolute; left: 95%; top:0;
	}