header, nav, main, footer { display: block; }
* { box-sizing: border-box; }

#wrapper   {width: 90%; 
			height: 100%;
	       margin-left: auto; 
           margin-right: auto;  
		   }
html,body  {background-color:#8b3330;
	        color:#ecab5f;
		   } 
	header {width:80%;
	        height:120px;
			margin-left:auto;
			margin-right:auto;
		    text-align:center;
			font-family:cursive;
			border-width: 2px;
            border-style: solid;
			border-color:#2a1c35;
			border-radius: 25% 25% 0 0; 
	       }
			
	nav  {
		clear:both;
		margin-left:auto;
		margin-right:auto;
		background-color:#ac5c42;
		border-width: 1em;
        border-style: solid;
		border-width: 2px;
		text-align: center;
		}
		
	nav ul  {display: inline-block;
	     list-style-type: none;
		 text-align: center;	
		    }
	nav a  {clear:both;
		    text-decoration: none;
			color:#5c2c2c;
			}	
    nav a:hover { color: #150811; }
	nav li  {display:inline;
             text-align: center;
			 padding:10px;
			 border-right: 2px solid #150811;
			}
	main {margin: auto;
		 width: 85%;
		 height: 150%;
		 padding: 80px;
		 font-family:cursive;
		 background-image: url(connect.jpg);
		 background-position: center;
		 border-width: 3px;
         border-style: dotted;
		 border-color:#2a1c35;
		 }
	
form    {font-family: Arial, sans-serif;
         padding: 0;
		 color: #2a1c35;
		 font-size: 12pt;
		 font-weight: bold;
		 width:70%;
		 margin-left:auto;
		 margin-right:auto;
		 }
table    {margin: auto;
		  border; 20px;
		  border-style: onset;
		  border-color: #000000;
		  width: 450px;
		 }
td       {border-style: inset;
          border-color: #000000;}
select  {background-color: gray;
		}

	footer   {text-align: center;
			 padding: 150px;
			 }