/*boxFill.css, last edited 11-18-2020, by Lorn Macilravie*/

*{

	margin: 0;

	padding: 0%;

	box-sizing: border-box;

}

table {

	border-collapse: collapse; 

	width: 80%;

}



a:link {color:blue; }

a:visited {color:blue; }

a:hover {color:#FF0000; }



/*

  table.center {

    width:80%; 

    margin-left:10%; 

    margin-right:10%;

  } 

  */

  table.center {

    width:90%; 

    margin-left:auto; 

    margin-right:auto;
    text-align: center;
    vertical-align: middle;

  } 



 .leftMargin30px {

	margin-left: 30px;

  }



tr.lower:hover {background-color: #FFFF99;}

tr.upper:hover {background-color:#e9edf5;}


.questions {

    width:90%; 

    margin-left:auto; 

    margin-right:auto;

}





		 body {

		background-color: LightGray;

		font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

		

	

}



	.lornmac{

		

		font-size:170%;

		

		

	}

	

.lornmac a {

	

	text-decoration: none;

	color:black;

	font-family: Times, Times New Roman, Georgia, Serif;

}

.blueText{
	text-decoration: none;

    color:blue;
    margin-left: 30px;


}

.boldBlue{
	text-decoration: none;

    color:blue;
    
}

.darkGray{
	text-decoration: none;

    color:#676767 ;
     
    
}



	.myNav {

		background-color: LightGray;

		width: 100%;

		padding: 8px 0px 8px 0px;

		text-align: center;

		margin-right: auto; margin-left: auto;

		border-bottom: 1px solid #E8E8E8;

			

			  position: -webkit-sticky; /*Makes the buttons stay on top */

			  position: sticky; /*Makes the buttons stay on top */

			  top: 0; /*Makes the buttons stay on top */

		

				}



input {

	

	text-align:center;

	font-size:100%;



}







select {

	

	text-align:center;

	

}



table, td, th {

	

	border: 1px solid black;

  	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

	vertical-align: center;

	padding: 4px;

	text-align:center;

	height: 30px;

}



input.normal {

	

	font-size:100%;

	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

	margin:2px 2px 2px 20px;

	width:20%;



}



.yellow {

	font-size:100%;

	padding:4px; 

	background-color:yellow;



}



	





 h1 {

    	color: #000000;

    	font-family: Times, Times New Roman, Georgia, Serif;

		padding: 20px 0px 10px 0px;

        text-align: center;

		font-size: 130%;

}

h3 {

	color: #000000;


	font-size: 100%;

}




p {

    	color: black;

    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

    	font-size: 100%;

	    border: none;

	    padding: 10px;

        

}





p.dislaimer {

	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

	text-align: center;

	font-size: 75%;

	

	

}

















 

footer {

         

         height:auto;   

         width:auto;                  

         padding:5px 5px 5px 5px;

		font-size: 75%;

         text-align:center;

         font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

         margin-bottom:1%;

         margin-top:1%;

        

 }  

 





  





  td {

	  text-align:center;

	  

  }

/* This is for the buttons */

    .styled1 {

		width:25%;

		height:30px;

		border-radius: 30px 5px 30px 5px;

		border-color:orchid;

		padding: 5 px;

		margin:4px 0px 4px 0px;

		font-size:75%;

		background-color: yellow;	

		font-weight: bold;

		outline: none;

		border-width:medium;

		border-style:solid;

		color: black;

		text-align: center;	

		display: inline-block;

	}

		    .styled3 {

		width:25%;

		height:30px;

		border-radius: 30px 5px 30px 5px;

		border-color:green;

		padding: 5 px;

		margin:4px 0px 4px 0px;

		font-size:75%;

		background-color: #ff3333;	

		font-weight: bold;

		outline: none;

		border-width:medium;

		border-style:solid;

		color: black;

		text-align: center;	

		display: inline-block;

			}

		    .styled2 {

		width:25%;

		height:30px;

		border-radius: 30px 5px 30px 5px;

		border-color:blue;

		padding: 5 px;

		margin:4px 0px 4px 0px;

		font-size:75%;

		background-color: Orange;	

		font-weight: bold;

		outline: none;

		border-width:medium;

		border-style:solid;

		color: black;

		text-align: center;	

		display: inline-block;

			}

		

		    .styled {

				width:25%;

		height:30px;

		border-radius: 20px 20px 20px 20px;

		border-color:blue;

		padding: 3px;

		margin:4px 0px 4px 0px;

		font-size:75%;

		background-color: #e0e0e0;	

		font-weight: normal;

		outline: none;

		border-width:thin;

		border-style:solid;

		color: black;

		text-align: center;	

		display: inline-block;

			}

		

			.styled:hover {

    border-color: Orange;

	border-width:medium;

	color: White;

	font-weight: bold;

	background-color:grey

}		

		.styled1:hover {

    border-color: yellow;

	border-width:medium;

	color: black;

	font-weight: normal;

	background-color:orchid;

}	

		

			.styled3:hover {

    border-color:#ff3333;

	border-width:medium;

	color: white;

	font-weight: normal;

	background-color:green;

}





	.styled2:hover {

    border-color:orange;

	border-width:medium;

	color: white;

	font-weight: normal;

	background-color:blue;

}







/*Mobile Styles*/

@media only screen and (max-width: 400px) {

	.myHeader {min-height: fit-content;}

	

  table.center {

    width:98%; 

    margin-left:auto; 

    margin-right:auto;





 .center2 {

  display: block;

  margin-left: auto;

  margin-right: auto;

  width: 75%;

}



}



/*Tablet Styles*/

@media only screen and (min-width: 401px) and (max-width: 1200px) {



  table.center {

    width:98%; 

    margin-left:auto; 

    margin-right:auto;

  } 





 .center2 {

  display: block;

  margin-left: auto;

  margin-right: auto;

  width: 40%;

}



}



/*Desktop Styles*/

@media only screen and (min-width: 1200px) {







p {	padding: 20px 30px 10px 10px;

}	







 .center2 {

  display: block;

  margin-left: auto;

  margin-right: auto;

  width: 25%;

}

 

}

@media screen {



	.dontShowThis {display:none}

 

  }

@media print {

	

   .noPrint {display:none;}

   	.myPageBreaker {page-break-before: always;} 

    p.pageBreak {page-break-before: always;}



}