body {
  background-color: #404040;
  background-image: url(./pics/PA1.jpg);
  background-repeat:no-repeat;
  background-size:cover;
  align-content: center;
  font-family: Perpetua,Baskerville,Big Caslon,Palatino Linotype,Palatino,URW Palladio L,Nimbus Roman No9 L,serif; 

    font-weight: lighter;
}
table{

color: #A56E55;

}

body::-webkit-scrollbar{
    display: none;
  }
  html {
    scrollbar-width: none;
  }
tr{
	border-radius: 10px;
color: #A56E55;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

td{
border-radius: 10px;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
color: darkorange;
}

thead{
color: #A56E55;
}
.center {
  margin: auto;
  width: 60%;
  border: 3px solid #73AD21;
  padding: 10px;
}
body, h1, p {
  font-family: Perpetua,Baskerville,Big Caslon,Palatino Linotype,Palatino,URW Palladio L,Nimbus Roman No9 L,serif; 
  font-weight: lighter;
  margin: 0;
  padding: 0;
  text-align: center;
}
button {
	opacity: 0.7;
	display: block;
	font-size: 20px;
	border: solid black 2px;
	border-radius: 4px;
   background: linear-gradient(to bottom, #8888ff 0%, #333355 100%);
   margin: 3px;
   padding: 7px;

}

button:hover{
	color:#A56E55;
	}

button:focus{
	color:blue;
	   background: linear-gradient(to bottom, #A0AECD 0%, #000000 100%);
	}

h1 {

  font-size: 48px;
  color: #945D22;
  text-decoration: underline;  
  align-content: center;
  margin: 0 0 20px 0;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;

}
h2{
  font-family: Perpetua,Baskerville,Big Caslon,Palatino Linotype,Palatino,URW Palladio L,Nimbus Roman No9 L,serif; 
  font-size: 22px;
  color: darkorange;
  margin: 5px;
  text-shadow: -1px -1px 0 000, 1px -1px 0 000, -1px 1px 0 #000, 1px 1px 0 #000;

}
.lead {

  font-size: 21px;
  font-weight: 200;
  margin-bottom: 20px;
}

p {
  margin: 0 0 10px;
}

a {
color: lightblue;
}
a:hover{
background-color: darkblue;
}
b{
  font-family: Perpetua,Baskerville,Big Caslon,Palatino Linotype,Palatino,URW Palladio L,Nimbus Roman No9 L,serif; 	
  font-weight: lighter; 
  width: 80%;
  position: absolute;
  left: 0px;
}
span{


  color: orange;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  
}

div {


  font-family: Perpetua,Baskerville,Big Caslon,Palatino Linotype,Palatino,URW Palladio L,Nimbus Roman No9 L,serif; 	
  float: none;
  padding: 2px; 
  text-align: left;
  margin-left: 85px;
  margin-top: 5px;
  width: 80%;
  height: 100%;
  min-height: 100px;
  color: lightgray;
  font-size: 20px;
  background-color: #101820;
  border-color: #101820;
  border-radius:2px; 
  border-width:0px; 

  border-style: solid;


}

/* Dropdown Button */
.dropbtn {
	font-family: Perpetua,Baskerville,Big Caslon,Palatino Linotype,Palatino,URW Palladio L,Nimbus Roman No9 L,serif; 	
	display: block;
	font-size: 17px;
	border: solid black 2px;
	border-radius: 4px;
	width: 70px;	
	height: 50px;
   background: linear-gradient(to bottom, #888888 0%, #101820 100%);
   margin: 3px;
   padding: 2px;
   color: lightblue;
     text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
	  font-family: Perpetua,Baskerville,Big Caslon,Palatino Linotype,Palatino,URW Palladio L,Nimbus Roman No9 L,serif; 	
background-color: darkorange;
color: darkorange;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  font-family: Perpetua,Baskerville,Big Caslon,Palatino Linotype,Palatino,URW Palladio L,Nimbus Roman No9 L,serif; 
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  font-family: Perpetua,Baskerville,Big Caslon,Palatino Linotype,Palatino,URW Palladio L,Nimbus Roman No9 L,serif; 	
  margin-left: 0 auto;
  display: none;
  position: absolute;
  width: 80%;
  border-color: #101820;
  border-radius:10px; 
  border-width:0px; 
  box-shadow: 0 0 5px 10px #101820;
  z-index 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  font-family: Perpetua,Baskerville,Big Caslon,Palatino Linotype,Palatino,URW Palladio L,Nimbus Roman No9 L,serif; 		
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: darkblue;
	border: solid black 2px;
	border-radius: 14px;

}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
   font-family: Perpetua,Baskerville,Big Caslon,Palatino Linotype,Palatino,URW Palladio L,Nimbus Roman No9 L,serif; 		
	display:block;}


img
{
width: 60%;
border-radius: 15px;
}

textarea{
font-family: Perpetua,Baskerville,Big Caslon,Palatino Linotype,Palatino,URW Palladio L,Nimbus Roman No9 L,serif; 		
margin-left: 75px;
background-color: lightgrey;
border-radius: 5px;

}
input[type=text], input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
span.psw {
  float: right;
  padding-top: 16px;
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
  span.psw {
    display: block;
    float: none;
  }
  .cancelbtn {
    width: 100%;
  }
}

.paypal {
	text-align: right;
	padding-bottom: 40px;
}
.paypal button {
	display: inline-block;
	padding: 10px 20px 7px 20px;
	background-color: #FFC439;
	border-radius: 5px;
	border: none;
	cursor: pointer;
	width: 215px;
}
.paypal button:hover {
	background-color: #f3bb37;
}
iframe{
width: 100%;
border-width: 0px;
height: 300px;
font-size: 30px;
}