body{ 
  margin:0px 0px; 
  font-family: 'Montserrat', sans-serif; 
}

#first{
  padding:50px 50px;
  text-align:center;
  margin:0px auto;
  color: #fff;
  background-image:url(../images/wallpaper-photo.jpeg);
  background-size:cover;
  position:relative;
} 

#first h1{
  margin:100px 0px 100px 0px;
}

.header{
  position:absolute;
  top:50%;
  text-align:center;
  width:100%;
  color:#fff;
  font-size:36px;
  -ms-transform: translate(0,-50%); /* IE 9 */
   	-webkit-transform: translate(0,-50%); /* Safari */
    transform: translate(0,-50%);  

}

#content{
  padding:100px 50px;
  text-align:center;
  margin:0px auto;
  color: #ddd;
  background-color: #009933; /* 009933 green 666666 gray */
}

#content a{
  text-decoration: none;
  padding: 15px;
  color: #093;
  background-color: #ddd;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
#content a:hover
, #content a:active {
  text-decoration: underline;
}

#content h2{
  margin:0px 0px 30px 0px;
}

#content2{
  padding:100px 50px;
  text-align:center;
  margin:0px auto;
  color: #093;
  background-color: #ddd;
}

#content2 a{
  text-decoration: none;
  padding: 15px;
  color: #ddd;
  background-color: #093;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
#content2 a:hover
, #content2 a:active {
  text-decoration: underline;
}

#outer{
  padding:20px 50px;
  background-color: #093;
}

#inner{
  padding:50px;
  color: #000;
  background-color: #fff;
}

#footer{
  padding:30px 0px;
  text-align:center;
  background:#ddd;
}
                                                          
#icon{
  padding:50px 0px;
}
                                                          
#title{
  margin-bottom: 60px;
}

#title img{
  float: left;
  height: 65px;
}

#title p{
  margin: 0 auto; 
  width: 100%;
  text-align: center;
  font-size: 2em; 
  font-weight: bold;
}

#navbar{
  text-align:center;
  padding:10px;
  color:#fff;
  font-weight:bold;
}

#navbar a{
  padding:20px;
  color:#fff;
  text-decoration: none;
}
#navbar a:hover
, #navbar a:active {
  text-decoration: underline;
}

/* unvisited link */
#footer a:link, a:visited {
  color: #000;
}

form {
  width:459px;
}

#content form,
#content2 form {
  margin:0 auto;
}

label {
  display:block;
  margin-top:20px;
}

.required:after {
  content:" *";
  color:red;
}

input {
  width:439px;
  height:27px;
  background:#efefef;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border:1px solid #dedede;
  padding:10px;
  margin-top:3px;
  font-size:0.9em;
  color:#3a3a3a;
}

input:focus {
  border:1px solid #97d6eb;
}

#submit {
  width:137px;
  height:42px;
  border:1px solid #093;
  margin-top:20px;
  cursor:pointer;
  font-weight:bold;
  font-size:1.2em;
  color: #093;
}

#submit:hover {
  opacity:.9;
}

#about td {
  padding: 25px;
}

#about img{
  max-height:80%; 
  max-width:80%;
}