/*  Desc: *title* Screen Style Sheet
    Author: *your name*
    Date: *last modified date*
    + Colours
    - *colour hex* *colour name* (*purpose*)
=== === === === === === === === === === */
/*=STRUCTURE
=== === === === === === === === === === */
html {

}
body {
  background-color: #cdd8ea;

}
#wrap {
  background-color: #fff;
  padding: 1em 0;
  margin-bottom: 1em;
}
/*=COMMON
=== === === === === === === === === === */
* {
  padding: 0;
  margin: 0
}
p,
li {
  line-height: 150%
}
#masthead h1 {
  text-indent: -999.9em;
  font-size: 1%
}
img {
  border: 0
}
a {

}
/*=MASTHEAD
=== === === === === === === === === === */
#masthead {
  width: 87.3em;
  margin: 0em auto .5em auto;
  border-bottom: .5em solid #c7d5ee;
}
#masthead div {
  width: 87.3em;
  height: 10.5em;
  background-color: #1c3252;
  padding: 0 0 .1em 0;
}
#masthead img {
  width: 55em;
  height: 10.5em;
  float:left;
}

/*=NAVIGATION
=== === === === === === === === === === */
#masthead div.navigation {
  clear: both;
  height: 3.6em;
  background: #ffb738 url(../img/menu_bk.gif) repeat-x center; 
  border-top: .2em solid #ffb738; 
  border-bottom: .2em solid #ffb738;  
}
#masthead ul {
  display:table;
  padding: 0;
  list-style-type: none;
  white-space:nowrap;
  margin: 1em auto;
}
#masthead li {
   display:table-cell;
}
#masthead a {
  display: block;
  line-height: 1.2em;
  font-size: 1.2em;
  color: #fff;
  padding: 0 .9em;
  border-left: 1px solid #fff;
}
#masthead a:hover {
  text-decoration: underline;
}
#masthead .first {
  border-left: none;
}
/*=CONTENT
=== === === === === === === === === === */
#content {
  width: 87.3em;
  margin: 0 auto;
}
#rightbucket {
  width: 57.9em;  
  float: left;
  margin: 0 2.4em 0 0;
}
#rightbucket div {
  width: 48.9em;
  padding: 2em 6em 2em 3em;
  background-color: #406ebc;
  color: #fff;
}
#rightbucket div p, #rightbucket div ul, #rightbucket div table {
  font-size: 1.25em;
}
#rightbucket div ul {
  padding: 0 0 1.8em 1em;
}
#rightbucket div p.indent {
  margin-left: 1em;
}
#rightbucket div a {
  color: #ec7e14;
}
#rightbucket div a.block {
  display: block;
  float: right;
  margin: 0;
  padding: 0;
}
#rightbucket div a:hover {
  text-decoration: underline;
}

#leftbucket {
  width: 23.8em;
  height: 60em;
  float: left;
  padding: 1.5em;
  border: 1px solid #cccccc;
  background-color: #efefef;  
}
#leftbucket h1 {
  background-color: #406ebc;
  color: #fff;
  padding: .5em;
  border: none;
}
#leftbucket h1 img {
  position: relative ;
  float: right;
  margin-top: -.3em;
}
#leftbucket p{
  margin: 0 1em;
}
#leftbucket ul {
  margin: 0 1em;
  padding: 1em;
}
#leftbucket a {
  color: #ec7e14;
}
#leftbucket a:hover {
  text-decoration: underline;
}
#leftbucket label {
  display: block;
  margin: 0 1em;
}
#leftbucket input {
  width: 15em;
  margin: .5em 1em;
}
#leftbucket #formSubmit {
    position: relative;
    margin-bottom: .1em;
}

/*=Contact Form
=== === === === === === === === === === */
  #rightbucket #WMCMA_contact {
    clear: both;
    margin-bottom: 2em;
  }
  #rightbucket #WMCMA_contact label , #rightbucket #WMCMA_contact input, #rightbucket #WMCMA_contact select{
    display: block;
    width: 200px;
    float: left;
    margin-bottom: 5px;
    font-size: 12px;
  }

  #rightbucket #WMCMA_contact input.submit {
    text-align: center;
    width: 125px;
    }
  #rightbucket  div.error,  #rightbucket div.success {
    width: 20em;
    padding-left: 0;
    font-size: 1.6em;
    color: red;
    }

  #rightbucket #WMCMA_contact textarea.comments{
    font-size: 1.25em;
    width: 400px;
    height: 125px;
    } 


/*=FOOTER
=== === === === === === === === === === */
#footer {
  clear: both;
  width: 87.3em;
  margin: 0 auto;
  text-align: center;
  padding: 2em 0 0 0;
}
.copyright {
  clear: both;
  margin: 0;
  text-align: center;
  margin: 2em 0 0 0;
}
.thankyou {
  font-size: 1.6em; 
  font-weight: bold;
  text-align:center;
  margin:0;
}
#footer img {
  display: inline;
  text-align: center;
  margin:  0 1em 1em 1em;
  vertical-align: center;
}