@charset "utf-8";
.body {
  background-color: #d0d0d0;
  color: black;
}
#page-box {
   top: 0px;
   left: 50%;
   margin-left: -335px;
   width: 670px;
   height: 460px;
   position: absolute;
}
#main-box {
  top: 10px;
  left: 10px;
  width: 650px;
  height: 440px;
  position: absolute;
  padding-top: 0px;
  padding-left: 0px;
  max-width: 647px;
  border: 1px solid #747593;
  background-color: white;
  color: black;
}
p, .p {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size : 12px;
   line-height : 130%;
   color: Black;
   margin-top : 1px;
   margin-bottom : 1px;
   padding-bottom : 0px;
   background-color: transparent;
}
.red {
  color: red;
  background-color: transparent;
}
.green {
  color: green;
  background-color: transparent;
}
img {
  border: none;
  margin-top: 5px;
}
a {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   text-decoration: none;
   font-size: 12px;
}
a:link, a:visited, a:active, a:focus {
   background-color: transparent;
   color: blue;
}
a:hover {
   background-color: blue;
   color: White;
}

div,p,select{
   font: 12px Arial, Helvetica, sans-serif;
   text-align: left;
}
textarea,select{
   border: 2px inset Silver;
   color: Black;
   background-color: white;
   font: 12px Arial, Helvetica, sans-serif;
}
textarea{
   top: 30px;
   position: relative;
   min-width: 400px;
   width: 620px;
   background-color: white;
   color: Black;
}
#form {
   top: 5px;
   left: 10px;
   width: 620px;
   position: relative;
}
#contactoption {
   top: 75px;
   left: 300px;
   position: absolute;
}
#email-address {
   top: 30px;
   position: relative;
}
#subject {
   top: 30px;
   position: relative;
}
#buttons {
   top: 30px;
   left: 400px;
   position: relative;
}
.h1 {
   border: 1px solid black;
   position: relative;
   height: 50px;
   width: 620px;
   background-color: #ececec;
   color: black;
}
.h1-1 {
   top: 5px;
   left: 10px;
   height: 8px;
   width: 30px;
   position: absolute;
}
.h1-2 {
   top: 16px;
   left: 60px;
   height: 32px;
   padding-right: 5px;
   position: absolute;
}
.h1-3 {
   top: 14px;
   left: 50%;
   margin-left: -300px;
   height: 18px;
   width: 620px;
   position: absolute;
   font-size: 18px;
   text-align: center;
   font-weight: bolder;
}
.h1-4 {
   top: 3px;
   left: 60px;
   height: 32px;
   padding-right: 5px;
   position: absolute;
}
.email-select {
   margin-left: 1%;
   font: 12px Arial, Helvetica, sans-serif;
   color: Green;
   background-color: white;
}
.contact-option {
   border: 2px outset Silver;
}
#buttons {
   left: 0px;
   height: 24px;
   width: 620px;
   position: relative;
}
#reset {
   top: 1px;
   left: 1px;
   height: 22px;
   width: 100px;
   position: absolute;
}
#b2 {
   top: 0px;
   left: 200px;
   height: 24px;
   width: 102px;
   border: 1px solid red;
   position: absolute;
}
.b2 {
   color: black;
   background-color: transparent;
}
.b2-1 {
   color: black;
   background-color: red;
}
#submit {
   top: 1px;
   left: 1px;
   height: 22px;
   width: 100px;
   position: absolute;
}
#b3 {
   top: 0px;
   left: 320px;
   height: 24px;
   width: 102px;
   border: 1px solid green;
   position: absolute;
}
.b3 {
   color: black;
   background-color: transparent;
}
.b3-1 {
   color: black;
   background-color: green;
}
.input {
   border: 2px inset Silver;
   color: Black;
   background-color: white;
   font: 12px Arial, Helvetica, sans-serif;
}
.error-input {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size : 12px;
   color: black;
   background-color: yellow;
   border: 2px inset red;
}
.error-contact {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size : 12px;
   color: black;
   background-color: transparent;
   border: 2px outset red;
}
.image {
   width: 37px;
   text-align: right;
   vertical-align: top;
}