a {color: #0C9B01;text-decoration: none;}
a:hover{color: #0CB00C;text-decoration: bold;text-shadow: 1px 1px;}

body 
{
background-image: url("images/backdrop.jpg");
background-color: #343434;
color : #EDF2ED
}

.hddr
{
background: url(images/lawn.png);
background-repeat:no-repeat;

     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;

background-color:#004A00;

text-shadow: 2px 2px #000000;

padding:15px;
}

.fttr
{
  background-image: linear-gradient(#0C9800, #255823);
text-align:center;
padding:10px;
margin-top:7px;
font-size:12px;
}

* {
  box-sizing: border-box;
}
.menu {
  float: left;
  width: 20%;
}
.menuitem {
  padding: 8px;
  margin-top: 7px;
  border-bottom: 1px solid #f1f1f1;
}
.main {
  float: left;
  width: 60%;
  padding: 0 20px;
  overflow: hidden;
}
.right {
  background-image: linear-gradient(#0C9800, #255823);
  float: left;
  width: 20%;
  padding: 10px 15px;
  margin-top: 7px;
  border-radius: 8px;}

@media only screen and (max-width:800px) {
  /* For tablets: */
  .main {
    width: 80%;
    padding: 0;
  }
  .right {
    width: 100%;
  }
}
@media only screen and (max-width:500px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width: 100%;
  }
}

.button {
  background-color: #4CAF50; /* Green */
  border: none;
  border-radius: 8px;
  color: white;
  padding: 8px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}

.button1 {
  background-color: white; 
  color: black; 
  border: 2px solid #4CAF50;
}

.button1:hover {
  background-color: #4CAF50;
  color: white;
}

.cform
{
  border-radius: 25px;
  background: #107210;
}

#faps {
    color: #000000;
  border-radius: 25px;
  background: url(images/apppaper.gif);
  background-position: left top;
  background-repeat: repeat;
  padding: 10px;
}