////  THIS IS THE MASTER STYLE SHEET ////

* {
	box-sizing: border-box
}

/* Create three equal columns that floats next to each other */
.column {
  background: white;
  float: left;
  width: 33.20%;
  border: 2px; 
/* height: 600px; /* Should be removed. Only for demonstration 
  padding: 2px;
*/
}

/*
.row {
	width: 100%;
	float: left
}
*/

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other 
*/
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

body {
	background-color: #a0a6ad;
//	background: #eeeeee;
}

header {
 /*  	background: #B3D9D9; teal */
  	background: #C2B280;
}
	
a {
    padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
	}

h1 { 
	color: red;
	background: #4CAF50;
}

section {
  	background: #B3D9D9; /* teal */
}
	
details { 
	background: lightgray;
}

details > summary {
  background-color: #39a857; /* leaf green */
  border: 2px;
}

details > p {
  background: #eeeeee;
  padding: 4px;
  margin: 0;
  box-shadow: 1px 1px 2px #bbbbbb;
}

figure {
/*  border: thin silver solid;
*/
  display: inline-block;
  flex-flow: column;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  text-align: center;
}

figure img {
  width: 100px;
  height: auto;
  display: block; /* Removes extra space below image */
  margin: 0 auto; /* Centers the image within the figure */
}


figcaption {
  color: black;
  font: italic medium sans-serif;
  font-weight: bold;
  padding: 0px;
  text-align: center;
}

h1 {
	color: black;
  	background-color: #C2B280
}
	
.title {
    background-color: #4CAF50; /* Green */
  	//background-color: #E8CEA0; /* flesh */
  	//background-color: lightgrey;
  	color: #4CAF50; /* Green */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border:1px solid #CEB481;
    border-radius: 5px 5px 15px 15px;
    padding: 50px;
    font-size: 60px;
    font-weight:bold;
    font-family:Arial ;
    margin: 0 auto;
}

.box {
  	background-color: #E8CEA0; /* flesh */
  	//background-color: lightgrey;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border:1px solid #CEB481;
    border-radius: 8px;
    padding: 5px;
    margin: 0 auto;
    text-align:center;
}

.table {
    width: 800px;
    padding: 10px;
    margin: 0 auto;
    text-align:center;
}

.tr { 
    width:  800px;
    }

.td { 
    width:  200px;
    }

.img {
    background-color: lightgrey;
    font-size:16px;
    padding:10px 10px 10px 10px;
    border:thin solid #CEB481;
    margin: 0 auto;
    text-align:center;
    vertical-align: sup;
    
}

button:hover {
  background-color: #E8CEA0; /* flesh */
  //background-color:#FAD6BC; /* kelly green */
  //background-image: -webkit-linear-gradient(top, #73fac6, #add8db);
  //background-image: -moz-linear-gradient(top, #73fac6, #add8db);
  //background-image: -ms-linear-gradient(top, #73fac6, #add8db);
  //background-image: -o-linear-gradient(top, #73fac6, #add8db);
  //background-image: linear-gradient(to bottom, #73fac6, #add8db);
  text-decoration: none;
}

.btn:hover {
  //background: #73fac6;
  background-color: #E8CEA0; /* tan flesh */
  //background-color: #FAD6BC; /* flesh */
  //background-color: #FAD6BC; /* kelly green */
  //background-color: #73fac6; /* aquamarine */
  //background: #39a857; /* baize */
  color: #73fac6;
  //background-image: -webkit-linear-gradient(top, #73fac6, #add8db);
  //background-image: -moz-linear-gradient(top, #73fac6, #add8db);
  //background-image: -ms-linear-gradient(top, #73fac6, #add8db);
  //background-image: -o-linear-gradient(top, #73fac6, #add8db);
  //background-image: linear-gradient(to bottom, #73fac6, #add8db);
  border:1px solid #CEB481;
  text-decoration: none;
}

.btn {
  //background-color: #4CAF50; /* Green */
  background-color: #E8CEA0; /* tan flesh */
  //background-color: #FAD6BC; /* flesh */
  //background-color: #6b511d; /* brown */
  //background-image: -webkit-linear-gradient(top, #e4eef5, #caced1);
  //background-image: -moz-linear-gradient(top, #e4eef5, #caced1);
  //background-image: -ms-linear-gradient(top, #e4eef5, #caced1);
  //background-image: -o-linear-gradient(top, #e4eef5, #caced1);
  //background-image: linear-gradient(to bottom, #e4eef5, #caced1);
  -webkit-border-radius: 18;
  -moz-border-radius: 18;
  border-radius: 18px;
  //border: 1px solid #CEB481;
  border: 1px solid #6B511D;
  font-family: Arial;
  font-style: Italic;
  font-weight: Bold;
  font-size: 16px;
  text-align: center;
  color: #39a857; /* leaf green */
  //color: #111111; /* black */
  padding: 1px 8px 1px 8px;
  //margin: 10px 5px 0px 5px;
  //margin: 1px 3px 1px 3px;
  display: inline-block;
  text-decoration: none;
}

.bigtitle {
  font-size: 22px;
}

.bigbutton {
  //background-color: #E1d340; /* gold */
  //background-color: #6b511d; /* brown */
  background-color: #E1d340
  -webkit-border-radius: 18;
  -moz-border-radius: 18;
  border-radius: 18px;
  font-family: Arial;
  border: 2px;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 28px;
  padding: 1px 5px 1px 5px;
  margin: 1px 5px 1px 5px;
}

.button {
  //background-color: #E8CEA0; /* flesh */
  //background-color: #6b511d; /* brown */
  background-color: #E1D340; /* gold */
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 1px;
  font-family: Arial;
  font-size: 16px;
  border: none;
  width:  110px;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1px 5px 1px 5px;
  margin: 1px 5px 0px 5px;
}

.formbutton {
    background-color: #E8CEA0; /* flesh */
  //background-color: #6b511d; /* brown */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #CEB481;
    font-size: 11px;
    font-weight:bold;
}

.options {
	width: 100%;
	background-color: teal;
  	display: inline;
  	flex-direction: row;
}

.options a {
	float: left;
	color: white;
	text-align: center;
	margin: 10px 10px;
	text-decoration: none;
	font-size: 20px;
}

  //body,h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd,div,td,th,address,blockquote,span { font-family:Arial,sans-serif;    background-color: transparent; } p,ul,ol,li,dl,dt,dd,div,td,th,address,blockquote,span { font-size:18px; }

/*
div {
    margin: 1px 3px 0px 3px;  
    float: left;
//    text-align: left;
    }
*/