* { box-sizing: border-box; }
body {font-family:Verdana, Arial, sans-serif;
    background:linear-gradient(to bottom, #FFFFFF, #d2b48c);
}
#wrapper {background-color: #f2ebe2;
             color: #a52A2A;
             width: 80%;
         margin: auto;
         min-width: 850px;
         max-width: 1200px;
            }

main { display: block; /* for Internet Explorer version 10 and below */
     padding: 3em;
     background-color: #FFFFFF;
     color: #000000;
} 

header { background-color: #8f9779;
      color: #FAF9F6; 
      font-size: 160%; 
      padding: 10px 10px 10px 155px;
      background-image: url(F1.png); 
      background-repeat: no-repeat;
      height: 130px;
      text-align: center;
}
header a { text-decoration: none;
    color: #FAF9F6;}
header a:link{ 
     color: #FAF9F6;}

header a:visited{ 
     color: #FAF9F6; }
header a:hover{ 
        color:#90C7E3; }

h2 { color: #00005D; 
   font-family: helvetica, sans-serif;
   font-weight: bolder;
}
h3{ color: #00005D; 
    font-family: helvetica, sans-serif;}

#floatleft { margin: 10px;
           float: left;}
#floatright { margin: 10px;
           float: right;
}

footer { font-size:75%;
       text-align: center;
       clear: right;
       padding-bottom:20px;
}	
nav { border-bottom: 2px solid black;}
nav ul { list-style-type: none;
       font-size: 1.6em;
        font-weight: bold;}
nav li { display: inline;
        }
nav a  { text-decoration: none; 
       padding-right: 10px; 	 
}
nav a:link { color: #EC1845; }
nav a:visited { color: #00005D; }
nav a:hover { color: #FFFFFF; }	

ul { font-style: italic;
    width: auto;}

 form { display: grid;
        grid-template-columns: 10em 1fr;
        grid-template-rows: auto;
        grid-gap: 1em; 
        width: 60%;
    }
section { padding-left: .5em;
        padding-right: .5em;}

        table { border: solid 1px #000000;
            width: 90%;
            margin: auto;
            border-collapse: collapse;}
    td, th { padding: 5px;
             border: 1px solid #000000; }
    td { text-align: center;}
    .text { text-align: left;}
    tr:nth-of-type(even) { background-color: #d3d3d3;}


/*Large Design*/
@media (min-width: 1024px) {
	#wrapper { 
		margin: auto;
		width: 80%;
		border: 1px solid #002171;
		
	}
nav ul { padding-left: 10%;
		padding-right: 10%;}
body {	background:linear-gradient(to bottom, #FFFFFF, #d2b48c);
}
#submit { grid-column: 2/3;
	width: 9em; }
}