/*
  Alison Fielden & Co.
  Style Sheet 2015
  Revision 1.07
  Last revised 23/03/2020
  © 2008-2020 Ed Fielden
*/


@media screen {

  html { margin: 0px; padding: 0px; }
  body { margin: 0px; padding: 0px; }

  body.main { background: #F7F7C6; color: #000000; font-family: Verdana; font-size: 12pt; margin: 0; }

  a.tel:link {font-weight: normal; color: #F7F7C6; text-decoration: none }
  a.tel:visited {font-weight: normal; color: #F7F7C6; text-decoration: none }
  a.tel:hover {font-weight: normal; color: #FFFFFF; text-decoration: none }

  a.tele:link {font-weight: normal; color: #000000; text-decoration: none }
  a.tele:visited {font-weight: normal; color: #000000; text-decoration: none }
  a.tele:hover {font-weight: normal; color: #804000; text-decoration: none }
 
  a.email:link {font-weight: normal; color: #F7F7C6; text-decoration: none }
  a.email:visited {font-weight: normal; color: #F7F7C6; text-decoration: none }
  a.email:hover {font-weight: normal; color: #FFFFFF; text-decoration: none }

      div#header {
        width: 100%;
        padding: 8pt 0;
        margin: 0px;
        text-align: center;
        background: #F7F7C6;
        font-size: 8pt;
      }
      div#bottombar {
        width: 100%;
        padding: 10pt 0;
        font-size: 9pt;
        margin: 0 auto 0;
        background: #804000;
        color: #F7F7C6;
        text-align: center;
        clear: both;
      }
      div#footer {
        max-width: 800px;
        padding: 10pt 0;
        font-size: 9pt;
        margin: 0 auto 0;
        background: #F7F7C6;
        color: #804000;
        text-align: center;
      }
      div#pagecontent {
        clear: both;
        width: auto;
        max-width: 800px;
        margin: 15pt auto 10pt;
        padding: 0;
        text-align: justify;
        font-size: 12pt;
      }
}

@media print {

  body.main { color: #000000; font-family: Verdana; font-size: 12pt }

      div#header {
        width: 100%;
        padding: 8pt 0;
        margin: 0px;
        text-align: center;
        background: #F7F7C6;
        font-size: 8pt;
      }
      div#navwrap {
        display: none;
      }
      div#navwrap2 {
        display: none;
      }
      div#pagecontent {
        margin: 0;
        padding: 8pt;
        font-size: 12pt;
        text-align: justify;
        border-top: 2pt solid #804000;
      }
      div#bottombar {
        width: 100%;
        padding: 10pt 0;
        font-size: 9pt;
        margin: 0 auto 0;
        color: #000000;
        text-align: center;
        border-top: 2pt solid #804000;
        clear: both;
      }
      div#footer {
        width: 100%;
        padding: 10pt 0;
        font-size: 9pt;
        margin: 0 auto 0;
        color: #000000;
        text-align: center;
        border-top: 2pt solid #804000;
      }

      a.tel:link {font-weight: normal; color: #000000; text-decoration: none }
      a.tel:visited {font-weight: normal; color: #000000; text-decoration: none }
      a.tel:hover {font-weight: normal; color: #000000; text-decoration: none }
 
      a.tele:link {font-weight: normal; color: #000000; text-decoration: none }
      a.tele:visited {font-weight: normal; color: #000000; text-decoration: none }
      a.tele:hover {font-weight: normal; color: #000000; text-decoration: none }

      a.email:link {font-weight: normal; color: #804000; text-decoration: none }
      a.email:visited {font-weight: normal; color: #804000; text-decoration: none }
      a.email:hover {font-weight: normal; color: #804000; text-decoration: none }

      .hideonprint { display: none }

}

@media all {

  p {margin: 1em 0 0 }

  h1 {font-weight: bold; color: #804000; font-size: 16pt; margin: 0 0 6pt }
  h2 {font-weight: bold; color: #804000; font-size: 12pt; margin: 12pt 0 6pt }
  h3 {font-weight: bold; color: #804000; font-size: 11pt; margin: 6pt 0 3pt }

  a.std:link {font-weight: normal; color: #804000; text-decoration: underline }
  a.std:visited {font-weight: normal; color: #804000; text-decoration: underline }
  a.std:hover {font-weight: normal; color: #402000; text-decoration: underline }

  a.ext:link {font-weight: normal; color: #804000; text-decoration: underline; padding-left: 20px; background: url('./weblink.gif'); background-repeat: no-repeat; background-position: 0px 0px }
  a.ext:visited {font-weight: normal; color: #804000; text-decoration: underline; padding-left: 20px; background: url('./weblink.gif'); background-repeat: no-repeat; background-position: 0px 0px }
  a.ext:hover {font-weight: normal; color: #402000; text-decoration: underline; padding-left: 20px; background: url('./weblink.gif'); background-repeat: no-repeat; background-position: 0px 0px }

  a.doc:link {font-weight: normal; color: #804000; text-decoration: underline; padding-left: 20px; background: url('./document.gif'); background-repeat: no-repeat; background-position: 0px 0px }
  a.doc:visited {font-weight: normal; color: #804000; text-decoration: underline; padding-left: 20px; background: url('./document.gif'); background-repeat: no-repeat; background-position: 0px 0px }
  a.doc:hover {font-weight: normal; color: #402000; text-decoration: underline; padding-left: 20px; background: url('./document.gif'); background-repeat: no-repeat; background-position: 0px 0px }

  a.mnu:link {padding: 0; font-weight: bold; color: #F7F7C6; text-decoration: none }
  a.mnu:visited {padding: 0; font-weight: bold; color: #F7F7C6; text-decoration: none }
  a.mnu:hover {padding: 0; font-weight: bold; color: #FFFFFF; text-decoration: none }

  a.mnuh:link {padding: 0; font-weight: bold; color: #804000; text-decoration: none }
  a.mnuh:visited {padding: 0; font-weight: bold; color: #804000; text-decoration: none }
  a.mnuh:hover {padding: 0; font-weight: bold; color: #804000; text-decoration: none }

  a.mnus:link {padding: 0; font-weight: bold; color: #804000; text-decoration: none }
  a.mnus:visited {padding: 0; font-weight: bold; color: #804000; text-decoration: none }
  a.mnus:hover {padding: 0; font-weight: bold; color: #402000; text-decoration: none }

  a.mnush:link {padding: 0; font-weight: bold; color: #000000; text-decoration: none }
  a.mnush:visited {padding: 0; font-weight: bold; color: #000000; text-decoration: none }
  a.mnush:hover {padding: 0; font-weight: bold; color: #804000; text-decoration: none }

  a.eml:link {font-weight: normal; color: #804000; text-decoration: none }
  a.eml:visited {font-weight: normal; color: #804000; text-decoration: none }
  a.eml:hover {font-weight: normal; color: #402000; text-decoration: none }

  a.news:link {font-weight: bold; color: #804000; text-decoration: none; padding-left: 27px; display:inline-block }
  a.news:visited {font-weight: bold; color: #804000; text-decoration: none; padding-left: 27px; display:inline-block }
  a.news:hover {font-weight: bold; color: #402000; text-decoration: none; padding-left: 27px; display:inline-block }

  a.nwsx:link {font-weight: bold; color: red; text-decoration: none; padding-left: 27px; display:inline-block }
  a.nwsx:visited {font-weight: bold; color: red; text-decoration: none; padding-left: 27px; display:inline-block }
  a.nwsx:hover {font-weight: bold; color: #cc6666; text-decoration: none; padding-left: 27px; display:inline-block }

  img.hplogo {margin: 10pt; vertical-align: middle }

  p.heading {margin-top: 4pt; font-size: 16pt; font-weight: bold; color: #804000 }
  p.subheading {margin-top: 10pt; margin-bottom: 6pt; font-size: 12pt; font-weight: bold; color: #000000 }
  p.big {clear:both; margin-top: 28pt}

  p.newsheading {margin: 2pt 0; background: url('./expand.gif'); background-repeat: no-repeat; background-position: 0px 2px; text-align:left }
  p.nwsdat {padding-left: 27px; margin-top: 12pt; font-size: 8pt; color: #000000; font-weight: bold; clear: both}
  div.news {padding: 1px 27px 1px; margin: 3pt 0 12pt; display: none; text-align: justify}
  img.newsexp {padding: 0px 10px 0px 0px; vertical-align: middle}
  span.nwsoff {padding-left: 10pt; font-size: 8pt; color: #006600; font-weight: bold}
  span.nwslaw {padding-left: 10pt; font-size: 8pt; color: #660066; font-weight: bold}
  span.nwsspc {padding-left: 10pt; font-size: 8pt; color: #FF3333; font-weight: bold}

  div.picleft {float: left; margin-right: 10px; margin-left: 0px; margin-bottom: 10px; max-width: 40%}
  div.picright {float: right; margin-left: 10px; margin-right: 0px; margin-bottom: 10px; max-width: 40%}
  span.caption {font-weight: bold; font-size: 8pt; color: #804000; font-style: italic }

  hr {border: 1px solid #804000; clear: both}
  hr.minor {border: 1px solid #A06020; margin: 10pt 0; clear: both}

  a.tiny:link {font-size: 8pt; font-weight: normal; color: #804000; text-decoration: none }
  a.tiny:visited {font-size: 8pt; font-weight: normal; color: #804000; text-decoration: none }
  a.tiny:hover {font-size: 8pt; font-weight: normal; color: #402000; text-decoration: underline }

  div.quote { font-size: 12pt; color: #804000; margin: 18pt auto 10pt; font-weight: bold; font-style: normal; clear: both }
  ul.feedback { list-style-type: none; margin: 6pt auto 6pt; padding:0 }
  ul.feedback li { margin: 0; padding: 0; font-size: 11pt; color: #804000; font-style: italic; font-weight: normal; min-height: 28pt; display:none }

  img {max-width: 100%; height:auto}
  img.portrait {border: 2px solid #804000}
  img.news {border: 2px solid #804000; margin: 3px}

  p.doc { margin: 0; padding-left: 20px; background: url('./document.gif'); background-repeat: no-repeat; background-position: 0px 0px; text-align:left; line-height: 20px }
  p.arti { margin: 0; padding-left: 20px; background: url('./article.gif'); background-repeat: no-repeat; background-position: 0px 0px; text-align:left; line-height: 20px }
  p.fact { margin: 0; padding-left: 20px; background: url('./factsheet.gif'); background-repeat: no-repeat; background-position: 0px 0px; text-align:left; line-height: 20px }
  p.link { margin: 0; padding-left: 20px; background: url('./weblink.gif'); background-repeat: no-repeat; background-position: 0px 0px; text-align:left; line-height: 20px }

  div#navwrap {overflow: hidden; position: relative; background: #804000}
  nav#mainmenu { float: left; position: relative; left: 50%; background: #804000; border: none; margin: 0 auto 0; text-align:center}
  nav#mainmenu ul { float:left; position: relative; left: -50%; padding: 0; background: #804000; margin: 0 auto 0; width: auto; text-align: left; list-style:none}
  nav#mainmenu ul li.n {text-align: center; display: inline; width:auto; float:left; background: #804000; padding: 6pt 0; color: #F7F7C6; border-right: 1px solid #F7F7C6; font-weight: bold}
  nav#mainmenu ul li.s {text-align: center; display: inline; width:auto; float:left; background: #F7F7C6; padding: 6pt 0; color: #804000; border-right: 1px solid #BB9B63; font-weight: bold}
  nav#mainmenu ul li.d1 {text-align: center; display: inline; width:auto; float:left; background: #F7F7C6; padding: 6pt 0; color: #804000; border-right: 1px solid #BB9B63; font-weight: bold}
  nav#mainmenu ul li.d2 {display: none; text-align: center; float:left; background: #F7F7C6; padding: 6pt 0; color: #804000; border-top: 1px solid #BB9B63; font-weight: bold}
  nav#mainmenu ul li:first-child {border-left: 1px solid #F7F7C6}

  div#navwrap2 {overflow: hidden; position: relative; background: #F7F7C6; font-size: 10pt; border-bottom: 1px solid #804000}
  nav#submenu { float: left; position: relative; left: 50%; background: #F7F7C6; border: none; margin: 0 auto 0; text-align:center}
  nav#submenu ul { float:left; position: relative; left: -50%; padding: 0; background: #F7F7C6; margin: 0 auto 0; width: auto; text-align: left; list-style:none}
  nav#submenu ul li.h {text-align: center; display: inline; width:auto; float:left; background: #BB9B63; padding: 3pt 0; color: #FFFFFF; border-left: 1px solid #804000; font-weight: bold}
  nav#submenu ul li.n {text-align: center; display: inline; width:auto; float:left; background: #F7F7C6; padding: 3pt 0; color: #804000; border-left: 1px solid #804000; font-weight: bold}
  nav#submenu ul li.s {text-align: center; display: inline; width:auto; float:left; background: #FFFFFF; padding: 3pt 0; color: #804000; border-left: 1px solid #804000; font-weight: bold}
  nav#submenu ul li:last-child {border-right: 1px solid #804000}
}

@media screen and (max-width: 780px) {
   nav#mainmenu ul li.n { width: 100%; border: none; border-top: 1px solid #F7F7C6 }
   nav#mainmenu ul li.s { width: 100%; border: none; border-top: 1px solid #BB9B63 }
   nav#mainmenu ul li.d1 { display: none }
   nav#mainmenu ul li.d2 { width: 100%; display: inline }
   nav#submenu ul li.h { width: 100%; border: none; border-top: 1px solid #804000 }
   nav#submenu ul li.n { width: 100%; border: none; border-top: 1px solid #804000 }
   nav#submenu ul li.s { width: 100%; border: none; border-top: 1px solid #804000 }
}