body{
		background-color: #CDF2DD;
	}
	.container{
		max-width:1000px;
		min-height:1000px;
		background-color:rgb(12, 36, 12);
		color: #E35541;
		margin: 0 auto;           
		font-size:130%;	
		line-height: 30px;		
	}

	.flex1{
		display:flex;
		justify-content:center;
		flex-wrap: wrap;
	}
	.flex2{
		display:flex;
		justify-content:center;
		flex-direction: column;
	}
	
	a {
		text-decoration: none !important;
	}	

	.event{
		border: 1px solid orange; 
		width:95%; 
		border-radius: 25px; 
		background-color: #044A47;
	}		
	.eventH{
		border: 1px solid orange; 
		width:95%; 
		border-radius: 25px; 
		background-color: black;
		}
		
	.even{					
		font-size:100%;
		color:#8FF1E6;
	}

	.center{
	  margin:auto;
	  margin-top:50px;
	  width: 600px;
	}

	.pict {	
		display: block; 
		margin: auto;
		max-width:400px;
		width:50%; 
		box-shadow:-15px 15px 30px white;
		border-radius:10%;
		margin-top:40px;
	}
	
	.pict1 {	
		display: block; 
		margin: auto;  
		width:25%;
		border-radius:10%;
	}
	.pict2 {	
		height:50px;
	}
	.spic{
		height:150px;
		margin-left:20px; 
	}
	
	.tit{
		text-align: center;
		font-size: 35px;
		padding-top: 20px;
		color: #E35541;
	}
	.tit1{
		text-align: center;
		font-size: 25px;
		font-weight:bold;
		margin-top: 5px;
		color: green;
	}
	.col {
		display: flex;
		flex-direction: column;
	}
	.row{
		display:flex;
		flex-direction:row;
	}
		
	table{
		border: 1px red solid;  
	}	
	th,td{
		border:1px red solid; 
		padding:2px;
		border-collapse: collapse;
		font-size: 16px;
	}
	th{
		background: yellow;
		color: blue;
		font-weight: bold;
	}	
	
	label{
		font-weight:bold;
		font-size:90%;
	}
	input{
		width:auto;
		color: blue;
		font-weight: bold;
		font-size:15px;
		margin-bottom:15px;
		background-color: #F1F1B1;
	}
	textarea{
		font-weight:bold;
		font-size: 16px;
		color:blue;
		background-color: #F1F1B1;
	}
	.editForm{
	  margin:auto;	
	  margin-top:-20px;
	  width: 550px;
	  border: 3px solid green;
	  padding: 10px;	
	}
	.editForm1{
	  margin:auto;	
	  margin-top:-20px;
	  margin-bottom:50px;
	  width: 450px;
	}
	.editForm2{
	  margin:auto;	
	  margin-top:-20px;
	  margin-bottom:50px;
	  width: 70px;
	}
	.manBut {
		font-size: 15px;
		color: white;
		background-color: red;
		border: 1px orange solid;
		padding: 3px;
		border-radius:5px;
	}
	.manBut:hover {
		background-color: blue;
	}
	.editBut{
		background-color:red;
		color:white;
		font-weight:bold; 
		width:70px; 
		margin-left:4px;
	}
    .editBut:hover{
		background-color: blue;		
	}

/*	.event{
		font-size:20px;
		color: #B1F1EE;
		weight: bold;
	}  */
	.recnum{					/* Visible to Admin when loged in */
		font-size: 15px;
		color: white;
		background-color: black;
		border: 1px orange solid;
		border-radius:5px;
		display:none;
	}
	.recnum:hover {
		background-color: blue;
	}

/*
  @media all and (max-width:600px){
	.event{
		border: 1px solid orange;
		width:320px; 
		border-radius: 25px; 
		background-color: #044A47;
	}		
  }	
  
*/

/*
CSS  // flex notes:
display: flex;     // Start, allow using "flex"
flex-direction: row;   // position in horizontal row
flex-direction: column; // position in column
flex-direction: column-reverse; // reverse position
flex-wrap: wrap;  // how to wrap when redius the bowser width
flex-wrap: no-wrap; 
flex-wrap: wrap-reverse; 
justify-content: space-between;  // create spaces between elements
justify-content: center;  // place elements in the center
align-content: flex-start; //or flex-end, flex-center, normal; 
gap: Ypx Xpx;  // gap: 50px 20px;
width: fit-content;    // auto size
============================================
#menu{
			position: fixed;
			top: 0;	
			font-family:'Dancing Script', cursive;
			background-color: rgb(236,209,102); 								
			font-size:25px;
			font-weight:bold;
			margin:0 auto; 
			text-decoration: none;
			min-width:320px;
			max-width:1000px;
			width:80%;
	
*/