*{

	margin: 0;

	padding: 0%;

	box-sizing: border-box;

}





a:link {color: Blue; }

a:hover {color:Red; }



body {

		background-color: LightGray;

        font-size:100%;

	

		text-align:center;



        line-height: 1.2;

		padding: 10px 10px 10px 10px;

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

}





button {

	background-color: inherit;

	font-weight: bold;

	font-size: 125%;

    outline: none;

	padding: 5px 0px 5px 0px;

	border-width:medium;

    border-style:solid;

    border-color:#804000;

	color: black;

    font-family: serif;

    text-align: center;

	

}



.button3:hover {

    border-color:black;

	color: red;

	background-color: #efeeed;

  

}







 h1 {

    	color: #000000;

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

		padding: 20px 0px 10px 0px;

        text-align: center;

		font-size: 120%;

}



h2 {



		color: #000000;

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

        text-align: center;

		margin-bottom:10px;

		font-size: 125%;

}







p {

    	color: black;

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

    	font-size: 100%;

	    border: none;

		line-height: 1.6;

		padding:5px 0px 5px 0px

		

	

}





strong { 

    font-weight: bold;

}



sup {

    vertical-align: super;

    font-size: smaller;

}

sub {

	vertical-align: sub;

    font-size: smaller;

	

}



input {

	padding: 3px 1px 3px 1px;

	width:60%;



	font-size:115%;

	display:block;

	margin-right: auto;

	margin-left: auto;

	text-align:center;

	background-color:yellow;

	border-radius:5px;

}

select {

	padding: 3px 1px 3px 1px;

	width:60%;



	font-size:115%;

	 display:block;

  margin-right: auto;

  margin-left: auto;

	text-align-last:center;

	background-color:yellow;

	border-radius:5px;

}



.centerPage {

	text-align:center;

	margin-right: auto;

	margin-left: auto;

	font-size:100%;

}



option {

	text-align:center;

	

}







table, th,  td {

        color: black;

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

		text-align: left;

	

}

 .greyMatter{

	color: darkgray;
 }



/* This is for the buttons */



.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 {

		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;

	}

	

.styled1:hover {

    border-color: yellow;

	border-width:medium;

	color: black;

	font-weight: normal;

	background-color:orchid;

}	



.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;

			}

			

.styled2:hover {

    border-color:orange;

	border-width:medium;

	color: white;

	font-weight: normal;

	background-color:blue;

}

			

.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;

			}

			

			.styled3:hover {

    border-color:#ff3333;

	border-width:medium;

	color: white;

	font-weight: normal;

	background-color:green;

}

	

.styled4 {

		width:25%;

		height:30px;

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

		border-color:White;

		padding: 5 px;

		margin:4px 0px 4px 0px;

		font-size:75%;

		background-color: Black;	

		font-weight: bold;

		outline: none;

		border-width:medium;

		border-style:solid;

		color: White;

		text-align: center;	

		display: inline-block;

			}



.styled4:hover {

    border-color:Black;

	border-width:medium;

	color: Black;

	font-weight: normal;

	background-color:White;

}





  

  	.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 */

		

				}

				

				

	.lornmac{

		font-size:170%;

	}

	

.lornmac a {

	text-decoration: none;

	color:black;

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

}

.box {
	/* width: 200px;
	height: 100px; */
	border: 3px solid black;
	color:black; /*This is TEXT color*/
	background-color: white;
	/*font-size:110%;*/
	margin-right: auto; margin-left: auto;
	padding: 20px;
	margin: 20px;
	border-radius: 25px;
  }
				

  

/*Mobile Styles*/

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





	.mobileDontShowThis {display:none}







 

  }





}



/*Tablet Styles*/

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



	.mobileDontShowThis {display:none}

	.DontShowThis {display:none}	







}



/*Desktop Styles*/

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





 

		}









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%;

        

 }  




 .hiddenUntilPrinted { display: none;}


/*Leave this at the bottom, or it won't work!*/



 @media print {

	 

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

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

	

	h1 {margin-bottom:40px;

		text-align: center;}

	

	.noPrint { display: none;}
	.hiddenUntilPrinted { display: block;}
	

	footer {

		padding:0px;

		margin:0px;	

		text-align: center;}



		

	a:link {color:#000000; text-decoration: none;}

	a:visited {color:#000000; text-decoration: none;}

	a:hover  {color:#000000; text-decoration: none;}

	



	

}