/*Common styles*/

.bold
{
  font-weight: bold;
}

.centred
{
  text-align: center;
}

.underlined
{
  text-decoration: underline;
}

.italic
{
  font-style: italic;
}


/*Basic padding & margins*/

html
{
  height: 100%;
  padding: 0px;
  /* this ensures a scrollbar on Opera, etc. */
  margin-bottom: 1px;
}

body
{
  padding: 0px;
  margin: 0px;
}

div
{
  padding: 0px;
  margin: 0px;
  border: 0px;
}

p
{
  padding: 0px;
  margin: 8px 0px 12px 0px;
}

h1,h2,h3,h4,h5,h6
{
  padding: 0px;
  margin: 0px;
}

h1
{
  margin: 21px 0px 20px 0px;
}

h2
{
  margin: 24px 0px 16px 0px;
}

h3
{
  margin: 21px 0px 12px 0px;
}

h4
{
  margin: 16px 0px 8px 0px;
}

ul
{
  margin: 8px 0px 12px 0px;
  padding: 0px 0px 0px 32px;
}

li
{
  margin-bottom: 4px;
}

/* Basic font styles */

h1,h2,h3,h4,h5,h6
{
  font-family: Arial, Helvetica, sans-serif;
}

p,li
{
  /*font-family: Verdana, Geneva, sans-serif;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
}

/*Basic image style*/

img
{
  border-width: 0;
  margin: 0;
  padding: 0;  
}

p.image_wrapper
{
  margin: 0;
  padding: 0;
}


/* Underlines and rules */
div.hr
{
  margin: 24px 0px 24px 0px;
  padding: 0px;
  border-top: 1px;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  border-color: #3E841C;
  border-style: solid;
}

.hr_underline
{
  width: 100%;
  border-top: 0px;
  border-bottom: 1px;
  border-left: 0px;
  border-right: 0px;
  border-style: solid;
  border-color: #3E841C;
}


/*Colour theme*/

.light_colour
{
  color: #FFFFFF;
}

.mid_colour
{
  color: #ABDA4D;
}

.dark_colour
{
  color: #3E841C;
}


/*Layout*/

div.layout
{
  width: 800px;
  position: relative;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px;
  margin-bottom: 16px;
}

div.top
{
  width: 800px;
  position: relative;
  float: left;
}

  div.logo
  {
    width: 200px;
    position: relative;
    float: left;
  }

  div.banner
  {
    width: 600px;
    position: relative;
    float: right;
    margin-top: 70px;
  }

div.middle
{
  width: 800px;
  position: relative;
  float: left;
}

  div.sidebar
  {
    width: 184px;
    position: relative;
    float: left;
    padding: 14px 8px 16px 8px;
  }

    ul.sidebar_links
    {
      list-style-type: disc;
      padding: 20px 0px 0px 64px;
      margin: 0px;
      color: #ABDA4D;
    }

      li.sidebar_list_item
      {
        margin-bottom: 1px;
        font-size: 12pt;
        font-family: Arial, Helvetica, sans-serif;
      }

  div.main
  {
    width: 568px;
    position: relative;
    float: right;
    padding: 0px 16px 16px 16px;
    background-color: #ABDA4D;
    color: #3E841C;
  }

    div.contact_block
    {
      text-align: center;
      position: relative;
      margin-top: 48px;
      margin-bottom: 48px;
    }

    div.photo_block
    {
      position: relative;
      float: left;
      margin: 4px 16px 4px 0px;
    }

      p.photo_caption
      {
        padding: 0px;
        margin: 0px;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
      }

    span.quote_author
    {
      font-style: italic;
    }

/* Bottom is split into 2 to help centre the footer under the main content area*/
div.bottom
{
  width: 800px;
  position: relative;
  float: left;
}

  div.bottom_left
  {
    width: 200px;
    position: relative;
    float: left;
  }

  div.bottom_right
  {
    width: 600px;
    text-align: right;
    position: relative;
    float: right;
  }

    p.footer
    {
        font-size: 8pt;
        font-family: Arial, Helvetica, sans-serif;
        color: #3E841C;
    }


/* Links */
a.std_link:link
{
  text-decoration: none;
  color: #3E841C;
}

a.std_link:visited
{
  text-decoration: none;
  color: #3E841C;
}

a.std_link:hover
{
  text-decoration: underline;
  color: #3E841C;
}

a.std_link:active
{
  text-decoration: none;
  color: #3E841C;
}


a.offsite_link:link
{
  text-decoration: underline;
  color: #3E841C;
}

a.offsite_link:visited
{
  text-decoration: underline;
  color: #3E841C;
}

a.offsite_link:hover
{
  text-decoration: underline;
  color: #FFFFFF;
}

a.offsite_link:active
{
  text-decoration: underline;
  color: #3E841C;
}


a.sidebar_link:link
{
  text-decoration: none;
  color: #3E841C;
}

a.sidebar_link:visited
{
  text-decoration: none;
  color: #3E841C;
}

a.sidebar_link:hover
{
  text-decoration: underline;
  color: #3E841C;
}

a.sidebar_link:active
{
  text-decoration: none;
  color: #3E841C;
}


a.logo_link:link
{
  text-decoration: none;
}

a.logo_link:visited
{
  text-decoration: none;
}

a.logo_link:hover
{
  text-decoration: none;
}

a.logo_link:active
{
  text-decoration: none;
}