body {
  padding: 0%;
  margin: 0%;
  background-color: #F1E9DF;
}

.nav-area{
  list-style-type: none;
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #FFFFFF;
}

/* This makes the homepage image go to the right of the screen */
li {
  float: right;
}
    
li a {
  font-size: 22px;
  display: black;
  color: #790B0B;
  text-align: center;
  padding-right: 20px;
  padding-left:20px;
  text-decoration: none;
  font-family: Sans-serif;
}

/* This lets you alter the hover of the navigation bar like changing color, etc */
li a:hover {
  background-color: #8a8888;
  color: white;
  height: 36px;
}

/* This lets you alter the height of the navigation bar */
.nav-area {
  height: 36px;
}

/* This styles the homepage title */
#homepage-title{
  text-align: center;
  color: #790B0B;
  font-size:40px;
  position: absolute;
  top: 210px;
  left: 535px;
}

/*This styles the homepage paragraph */
#homepage-paragraph{
  text-align: center;
  font-size: 30px;
  color: #790B0B;
  position: absolute;
  top: 300px;
  left: 440px;
} 

/*This styles the about page tile */
#about-title{
  text-align: center;
  font-size: 40px;
  color: #790B0B;
  position: absolute;
  top: 130px;
  left: 900px;
}

/*This styles the about page paragraph */
#about-paragraph{
  font-size: 30px;
  color: #790B0B;
  text-align: center;
  position: absolute;
  top: 210px;
  left: 350px;
}

/*This styles the opportuntities page title */
#opp-title{
  text-align: center;
  position: absolute;
  top: 210px;
  left: 650px;
  font-size: 40px;
  color: #790B0B;
}

/*This styles the opportuntites page paragraph */
#opp-paragraph{
  text-align: center;
  position: absolute;
  font-size: 30px;
  color: #790B0B;
  top: 300px;
  left: 300px;

}

/*This styles the image on the opportunities page*/ 
#opp-image-1{
  position: absolute;
  left: 1300px;
  top: 120px;
  height: 650px;
  Width: 650px;
}
/*This styles the contact page title*/
#contact-title{
  font-size: 40px;
  color: #790B0B;
  position: absolute;
  top: 120px;
  left: 150px;
}

/*This styles the contact page paragraph*/
#contact-paragraph{
  position: absolute;
  left: 150px;
  top: 200px;
  font-size: 30px;
  color: #790B0B;
}

/*This styles the logo*/
#logo{
  position: absolute;
  left: 0px; 
  top: 0px; 
}

/*This styles the image on the about us page*/
#about-image-1{
  position: absolute;
  left: 680px;
  top: 450px;
  width: 550px;
  height: 350px;
}

/*This styles the 2nd image on the about us page*/
#about-image-2{
  position: absolute;
  left: 1240px;
  top: 450px;
  height: 350px;
  width: 500px;
}

/*This styles the 3rd image on the about us page*/
#about-image-3{
  position: absolute;
  left: 170px;
  top: 450px;
  height: 350px;
  width: 500px;
}

/*This styles the image on the home page*/
#home-images-2{
  position: absolute;
  left: 1310px;
  top: 150px;
  height: 600px;
  width: 650px;
}

/*This styles the image on the contact page*/
#contact-image-1{
position: absolute;
left: 1250px;
top: 180px;
height: 500px;
width: 570px;
}

/*This is the styling of the About us button*/
#about-us{
  Position: absolute;
  left:729px;
  top: 530px;
}

/*This sets the background color of the contact page*/
#contact-background{
  background-color: white;
}

/*This styles the form on the contact page*/
input[type=text], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

/*This styles the submit button on the form on the contact page*/
input[type=submit] {
  width: 100%;
  background-color: #590004;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/*This styles the hover on the submit button on the contact page*/
input[type=submit]:hover {
  background-color: #663d3f;
}

/*This lets you style/choose the location of the form on the contact page*/
#contact-form-div {
  border-radius: 5px;
  background-color: white;
  padding: 20px;
  position: absolute;
  width:500px;
  height: 500px;
  top: 290px;
  left: 150px;
}

#email{
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

#phone{
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}