/* CSS Document */

/* The 'Contact Us' form/ page has been given it's own stylesheet as it took a fair bit of tweeking  
The form should be 'fluid' that means that the images which make up the green framing of the form 
should shrink and grow in direct proportion to the text areas within and the neighboring framing  
elements. */

/* Measurements need to be in em and percentage for the above reasons */

#formContainer fieldset {
   border: none;
   *padding-left: 15%;
}
#formContainer fieldset #emailForm .emailFormTop, #formContainer fieldset #emailForm .emailFormTopLeft, #formContainer fieldset #emailform .formTop input #subject, #formContainer fieldset #emailform .emailFormTopRight {
  margin: 0px;
  padding: 0px;
}

#formContainer fieldset #emailForm {
  width: 60%;
  *width: 100%;
  overflow: hidden;
  padding-left: 25%;
  *padding-left: 0%;
  padding-top: 4%;   
}

#formContainer fieldset #emailform .emailFormTop img{
  float: left;
  width: 100%;
  height: 0.75em;
  border: none;
}
#formContainer fieldset #emailform .emailFormTopLeft img{
  float: left;
  width: 2.2%;
  height: 1.35em;
  *height: 1.4em;
  border: none;
}

#formContainer fieldset #emailform .formTop input {
  float: left;
  /*  width: 40.5em; */
  width: 95.8%;
  *width: 93%;
  height: 1.5em;  
  margin: 0px;
  padding: 0px;
  *border: none;
  font-size: 0.9em;
  color: #660066;
}

#formContainer fieldset #emailform .emailFormTopRight img{
  float: left;
  width: 2%;
  *width: 95%;
  height: 1.35em;
  *height: 1.4em;
  border: none;
}
#formContainer fieldset #emailform .emailFormMiddle img{
  float: left;
  width: 100%;
  height: 0.81em;
  border: none;
}
#formContainer fieldset #emailform .emailFormBottomLeft img{
  float: left;
  width: 2.2%;
  height: 7.6em;
  *height: 7.7em;
  border: none;
}
#formContainer fieldset #emailform .formBottom textArea {
  float: left;
  width: 95.8%;
  *width: 93%;
  margin: 0px;
  padding: 0px;
  border: none;
  font-size: 0.9em;
  color: #660066;
  height: 10.4em;
  *height: 8.55em;
}
#formContainer fieldset #emailform .emailFormBottomRight img{
  float: left;
  width: 2%;
  *width: 95%;
  height: 7.6em;
  *height: 7.7em;
  border: none;
}
#formContainer fieldset #emailform .emailFormBottom img{
  float: left;
  width: 100%;
  height: 0.81em;
  border: none;
}
#formContainer fieldset #emailform #submitEmail #emailButton {
  float: right;
  margin-top: 2%;
  *margin-right: 0.6%; 
}