/* Layout Styles */
body {
      font: 100% Verdana, Arial, Helvetica, sans-serif;
      background-color: #1a6907;
}

#wrapper {
  width: 90%;
	position: relative;
  background-color: #798700;
	border: 1px solid #000000;  /* black border */
	margin: auto;    /* centre this div*/
}

#header {
    height:140px;
    background-color: #3B304D;
    border: 1px solid #000000;  /* black border */
    border-bottom: 3px solid black;
    color: #E3D4AE;
    text-decoration: none;
    background-image: url("Images/MickHeader.png");
}

#footer {
    clear:  both;  /* push footer under other divs */
    height: 100px;
    text-align: center;
    background-color: #3B304D;
    border-top: 3px solid black;
    color: #E3D4AE;
}
#LeftJustify{
  text-align: justify;
}
#leftmenu {
   width: 20%;
   color: #E3D4AE;
   background-color: #f00;
   position: absolute;
   text-decoration: none;
   margin-bottom: 5px;
}
#content {
  background-color: #E3D4AE;  /*temporary colour */
  background-image: url("Images/Content BG.jpg");
  background-repeat: repeat-y;
  background-size: 100%; 
  border-left: 3px solid black;
  padding-left:23%;
  padding-right: 2em;
  padding-bottom: 2em;
   /* right of menu width */
  

}
a.class2 {
  color: #76DEFC;
  text-decoration: none; }
a {
  color:black;
}
p.CentreNoMargin{
  text-align: center;
}
hr {
  margin: 2px;
}

/* Form Styles */
fieldset {
  border: 1px solid #000000 width: 40%;
  padding: 1em 1em 1em 1em;
}
#TextArea{
  text-align: justify;
}
form{
  width:300px;
  border:1px;

  font-size: 1em;
  }

div.feature {
    width: 30%;
    height: 100%%;
}
 
div.feature a {
    width: 100%;
    height: 100%;
    float: left;
    top: 0;
    left: 0;
    text-decoration: none; /* No underlines on the link */
    z-index: 10; /* Places the link above everything else in the div */
    background-color: #FFF; /* Fix to make div clickable in IE */
    opacity: 0; /* Fix to make div clickable in IE */
    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}