@import url("forms.css");  /* import forms layout */

body {
   background: rgb(60,60,60);
   font-family: Arial;
   font-size: 12pt;
}

h1 {
   background: black;
   color: white;
   padding: 5px;
   margin-left:-20px;
   margin-right:-20px;
   text-align: center;
}

main {
   border:thick;
   border-style:solid;
   border-color:black;
   border-radius: 6px 6px 6px 6px;
   background:rgb(210,210,210);
   margin-left:auto;
   margin-right:auto;
   margin-top:50px;
   padding: 20px;
   width:90%;
   max-width:800px;
}

nav {
   text-align:center;
}

div#images {
   margin:auto;
   text-align:center;
}

nav a {
   border: medium;
   border-style: solid;
   border-radius: 6px 6px 6px 6px;
   background-color: rgb(200,200,200);
   text-decoration: none;
   font-weight: bolder;
   color: black;
   padding: 5px;
   margin: 3px;
}

fieldset {
   border-color:silver;
   background:rgb(200,200,200);
   margin:auto;
}

fieldset legend {
   color:black;
   font-weight:bold;
}

input[type="text"]:hover, textarea:hover, select:hover, input[type="password"]:hover, button:hover,
input[type="text"]:focus, textarea:focus, select:focus, input[type="password"]:focus, button:focus {
    background-color:#E5E5E5;
}

nav a:hover {
    background-color: rgb(230,230,230);
}