/*  control for the contact form */  
.buttonF
{
    font-size: 14px;
	font-family: Verdana;
	color: #000099;
	height: 30px;
	width: 120px;
	line-height: 18px;
	border: 2px solid;
	border-radius: 10px;
	border-color: #000099;
	display: inline-block;
	margin-left: 10px;
}
.buttonF:hover{
  background-color: rgb(183, 183, 183);
}
.columnCheckBox {
	padding: 0px 0px 0px 25px;
	margin: 0 auto;
	width: 100%;
	background-color: rgb(150, 160, 160);
	background-color: transparent;
  }
.columnText {
	float: left;
	margin: 2px;
	margin: auto;
	margin: 1px 5px 1px 5px;
	width: 70%;
	width: auto;
	padding: 1px;
	background-color: rgb(67, 75, 75);
	background-color: transparent;
  }
.columnTitle {
	float: left;
	padding: 0px;
	margin: 0px;
	  min-width: 30px;
	width: 28%;
	background-color: rgb(150, 160, 160);
	background-color: transparent;
  }

.columnTitleLine {
	padding: 0px;
	margin: 15px 0px 5px 0px;
	  min-width: 30px;
	width: 100%;
	background-color: rgb(150, 160, 160);
	background-color: transparent;
	text-align: left;
  }
.emailPos {
    position: absolute;
    left: -999999999px;
}


.formBlock{    /*  complete container for form */  
	width: 650px;
	height:800px;
	padding: 5px 5px 5px 5px;
	background-color: rgb(147, 91, 23);	
	}

.formTitle{   /*  contact text left side */  
	float: left;
	width: 200px;
	height: 275px;
	padding:5px;
	background-color:chartreuse
	}

.formUser{      /*  boxright side - user input*/  
	float: right;
	width: 400px;
	height: 720px;
	padding:5px 5px;	
	background-color:rgb(157, 164, 150)
	}
.formSpace{     /*  left side - actual text*/  
	margin: 5px;
	height: 25px;
	padding:3px;
	text-align: left;
	color: #000099;
	background-color: burlywood;
	}
.formBut{    /*  middle - area to hold reset/send buttons t*/  
	margin: 5px;
	height: 40px;
	width: 250px;
	padding:3px;
	text-align: left;
	color: #000099;
	background-color: darkviolet;
	display: flex;
      align-items: center;
	}
.userSpace{  /*  right side - area to hold input boxes  */
	margin: 5px;
	height: 25px;
	text-align: left;
	padding:3px 3px;
	background-color: hotpink;
	}
.userCheck{     /*  check boxes cse topics */
	margin: 5px;
	height: 120px;
	text-align: left;
	padding:3px 3px;	
	background-color: rgb(184, 184, 193);
	}
.userFormCheck{  /*  left side text "training of interest area" */
	margin: 5px;
	height: 120px;
	padding:3px 3px;
	text-align: left;
	color: #000099;
	background-color:coral
	}	
.userBullett{  /*  radio buttons*/
	margin: 5px;
	height: 80px;
	text-align: left;
	padding:3px 3px;
	background-color: beige;
	}
.userFormBullett{   /*  text on left for radio butttons and comments  */
	margin: 5px;
	height: 80px;
	padding:3px 3px;
	text-align: left;
	color: #000099;	
	background-color: rgb(86, 92, 101);
	
	}
.textBoxSpace{    /*  area for comments box - also on left side for?? */
	margin: 5px;
	height: 150px;
	text-align: left;
	padding:3px 3px;
	/*   background-color: firebrick;   */

	}
.textarea{
	height: 290px;
	width: 400px;
	padding: 5px;
	resize: none; 
	/* background-color: rgb(175, 105, 120);    */
	}	
/*  stop unwanted */
.noThanks{   /*  used to hide an inupt box from user */
	display: none;
	}		  
.formBlockNew{    /*  complete container for form */  
	width: 700px;
	width: auto;
	height: auto;
	height:auto;

	padding: 5px 5px 5px 5px;
	/*  background-color: rgb(147, 91, 23);	  */
		border-color: rgb(175, 171, 171);
		border-width: 2px;
	}	
.formRow{ 
	width: 850px;
	height: 35px;
	float: left;
    padding: 1px 5px 1px 5px;
	margin:  0 auto;
	margin: 0px 2px 0px 2px;
	background-color: aqua;
	background-color: transparent;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}
.noResponsive {
 width: 200px;
 display: inline-block;
}






