* {
  margin: 0;
  padding: 0;
}

html,body {
  margin: 0;
  padding: 0;
}

html {
  background-image: url(../images/stylesheet_images/background2.jpg);
  background-position: center;
  background-size: cover;
}

body {
 margin: 0 auto;
  width: 850px;
  min-height: 800px;
  max-height: 1300px;
  background-image: url(../images/stylesheet_images/grey-canvas.png);
  background-position: center;
  font-family:  Verdana,sans-serif;
  font-size: 14px;

  }

  header {
   width: 850px;
   height: 74px;
   padding: 30px 0px 12px 20px;
  }

  /* -------------------main title box------------------ */
   #about{
  background-color:#FF4841;
  padding: 10px;  /* size of orange box */
  margin-left: 60px;
  margin-bottom: 20px;
  height: 50px;
  width: 180px;
  }

  h1 {
  font-family: RAWN, Georgia, serif;
  color: #000000;
  font-size: 35px;
  font-weight: lighter;
  text-align: center;
  }

  .main {
  margin: 20px 75px 0px 75px;
  line-height: 110%;
  text-align: justify;
  font-weight: lighter;
  }

 @font-face {
 font-family: RAWN;
 src: url("RAWN____.eot") /* EOT file for IE */
 }

 @font-face {
 font-family: RAWN;
 src: url("RAWN____.TTF") /* TTF file for CSS3 browsers */
 }

  .img {
  float: right;
  margin: 0px 0px 5px 20px;
}
footer {
  width: 850px;
  height: 25px;
  margin-left: 75px;
  padding-bottom: 20px;
  }

a:link {
    color: #807C75; /* dark grey*/
    background-color: transparent;
    text-decoration: underline;
   }
    a:visited {
    color: #807C75; /* dark grey */
    background-color: transparent;
    text-decoration: none;
    }
    a:hover {
    color: #FF4841;  /* red */
    background-color: transparent;
    text-decoration: none;
    }
    a:active {
    color: #FF4841;  /* red */
    background-color: transparent;
    text-decoration: underline;
    }