body {
    background-image: linear-gradient(to bottom, rgba(192,192,192,1), rgba(255,255,255,1));
    background-repeat: no-repeat;
    color: #000033;
    font-family: Tahoma, Geneva, sans-serif;
    width: 95%;
    min-height: 800px;
    min-width: 350px;
    /*border: 1px solid #ccc;*/
    /*box-shadow: 5px 5px 10px #808080; */
    margin: auto;

}

div#header {
    background-image: linear-gradient(to right, rgba(192,192,192,1), rgba(255,255,255,1));
    padding: 1em;
    border: 1px solid       #ccc;
    border-top-color:       #ffffff;
    border-left-color:      #ffffff;
    border-bottom-color:    #000000;
    border-right-color:     #000000;
    border-radius: 15px;
    margin-top:     .5em;
    margin-left: 1em;
    margin-right: 1em;
     box-shadow: 5px 5px 10px #808080;
}


div#nav {
    background-image: linear-gradient(to left, rgba(192,192,192,1), rgba(255,255,255,1));
    padding: .25em;
    margin: 1em;
    border: 1px solid       #ccc;
    border-radius: 7px;
}
div#footer {
    background-image: linear-gradient(to right, rgba(192,192,192,1), rgba(255,255,255,1));
    padding: .5em;
    border: 1px solid #ccc;
    border-radius: 15px;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom:  .5em;
    box-shadow: 5px 5px 10px #808080;
    text-shadow: 2px 2px 2px #333333;
}

h1  {
    text-shadow: 5px 5px 7px #666;
}

p {
      display: none;
      padding: 1em;
      width: 75%;
      border: 1px solid #000;
      border-radius: 10px;
      margin-left:1em;
  }

  p.ctr {
      display: block;
      border: 0px solid #ccc;
      text-align: center;
  }

  p.invt {
       color:   #fff;
       background-color: #000;
  }

  strong {
      color:             #aa3333;
      background-color:  #ffffff;
      padding-left:     1em;
      padding-right:    1em;
  }

  button {
      height:   4em;
      font-size: 1em;
  }

  button.return {
      background-color: #ccc;
  }

  a {
      text-decoration: none;
  }