header, nav, main, footer { display: block; }
 body{
   background-color: grey;
   color:#3F2860;
   font-family:verdana,arail,sans-serif;
     }
header
        {    
     background-image:url(header.jpg);
     background-repeat:no-repeat;
     background-position:right;
	 height:190px; 
	 background-size:100%;
    text-align:center;
	 
	font-size:30px;
}
  
 h1{padding-top:50px;
   padding-left:1em;
} 
h2{padding-right:2em;
margin-left: 2em;}  
nav{ 
  font-weight:bold;
  text-align:center;
  padding:1em;
  float:left;
  width:auto;
  height:100%;
  padding-bottom:1em;
  
 
  }
 
   dl{ padding-left: 3em;
	padding-right: 3em; }
 
     
     
 nav a {
     text-decoration: none;
	 display:block;
	 text-align:center;
	 font-weight:bold;
	 border: 3px outset  #CCCCCC;
	 padding: 1em;
	 margin-bottom: 1em;
}
 
nav   a:link{ color:#3f2860;}
nav a:visited{ color: #497777;}
nav  a:hover{color: #A26100;border: 3px dashed #333333;}
nav ul {list-style-type: none; 
       padding-left:0;
       background-size:100%;	   
	   }
	   ul{ height:100 %;}
   *{ box-sizing: border-box; }
 #filter{background-color:#FFCCCC;}
  nav ul ul { position: absolute;
         left: 130px;
		 top: 80px;
         background-color: #FFCCCC;
    	 padding: 0;
         display: none; 
		 text-align: left;
}
nav ul ul li { border:  none;
 		 display: block;
         width: 8em;
         padding:5px;
         margin:10px 20px;
}
 
nav li:hover ul { display: block; } 
 
  
.floatleft{ float:left;
          margin-right: 2em;} 
.clear {clear:both;}	
 
 main{padding-left:2em;
   padding-right:2em;
   display:block;
    margin-left: 170px;
   padding-top: 1em;
   
   }
   
.studio{
    font-style:italic;
	}
div{
	font-style:italic;	
	}
	
footer{
  
   font-size: 1em;
   text-align:center;
    background-image:url(header.jpg);
 
 }
   label   {float:left; 
     display:block;
     font-weight:bold;
     width:10em;
     padding-right:1em;
     text-align:right;
	 
	 }
	 #mySubmit{margin-left:30%;}
  
input,textarea {display:block;
           margin-bottom:1em;
           }
 form{padding:5em;
    }
 
@media only screen and (max-width: 1024px) {
	body { margin: 0;
	      padding: 0; }
	#filter { width: 100%;
	           min-width: 0; 
			   margin: 0;
			   padding: 0; }
	header { padding-top: 1px; }
	h1 { padding-top: 1em; }
	nav { float: none; 
	     width: auto;
		 padding-left: 2em; }
	nav a { padding: 0.2em;
	      margin-left: 0.3em;
		  float: left;
		  width: 23%; }
	main { padding: 2.5em 1em;
		  margin: 0;
		  font-size: 90%;
		  clear: both; }
	 }
	h2, h3, p, dl { padding-left: 2em;
	              padding-right: 2em; }
	main ul { margin-left: 2em; }
	.floatleft { margin-left: 2em;
	            margin-bottom: 1em; }
	.clear { padding-left: 2em; }
	 #hero img { width:auto;
		       height: auto; 
			   
}
@media only all and (max-width: 768px) {
	h1 { font-size: 2em;
	     padding-top: 0.25em;
		 padding-left: 1.5em;
		 width: 85%;
		 text-align: center; }
	nav a { padding: 0.5em;
	      width: 45%;
		  float: left;
		  min-width: 6em;
		  margin-left: 0.5em; }
	main { padding-top: 0; }
	.floatleft { float: none; display: none; }
	 
	footer { padding: 0.5em;
	       margin: 0; }
	} 	   
 table   { margin:auto;
     border-collapse:collapse;
	 margin-bottom:1em;
	 }
img{background-size:100% 100%}
td,th {padding:5px;
   
   
     } 
 
caption{margin:1em;
      font-weight: bold;
	  font-size:120%;
	  }