@font-face
{
  font-family: 'johnston itc';
  src: url('/fonts/johnston_itc_bold-webfont.eot');
  src: url('/fonts/johnston_itc_bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/johnston_itc_bold-webfont.woff') format('woff'),
    url('/fonts/johnston_itc_bold-webfont.ttf') format('truetype'),
    url('/fonts/johnston_itc_bold-webfont.svg#johnston_itcregular') format('svg');
  font-style: normal;
  font-weight: normal;
}

h1
{
  background-image: url(/images/hozRuleBg.gif);
  background-position: top left;
  background-repeat: repeat-x;
  color: #004466;
  display: block;
  font-family: 'johnston itc', Arial, Helvetica, sans-serif;
  font-size: 2em;
  font-weight: normal;
  line-height: 1.25em;
  margin: 0 0 0.833em 0;
  text-transform: uppercase;
}

h1 span
{
  background-image: url(/images/hozRuleBg.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
  display: block;
  padding: 0.5em 0;
}

h2
{
  color: #004466;
  font-family: 'johnston itc', Arial, Helvetica, sans-serif;
  font-size: 1.667em;
  font-weight: normal;
  line-height: 2em;
  margin: 0;
  text-transform: uppercase;
}

h2 span {
    font-size:1em !important;
}

h3
{
  color: #004466;
  font-family: 'johnston itc', Arial, Helvetica, sans-serif;
  font-size: 1.333em;
  font-weight: normal;
  margin: 0.5em 0;
  text-transform: uppercase;
}

h4
{
  font-size: 1.167em;
  line-height: 1.5em;
  margin: 0.25em 0;
  text-transform: uppercase;
}

h5
{
  font-size: 1.083em;
  line-height: 1.5em;
  margin: 1em 0 0 0;
}

p
{
  font-size: 1em;
  font-weight: normal;
  line-height: 1.5em;
  margin: 0;
  padding: 0.5em 0;
}

a, a:visited
{
  color: #448888;
  text-decoration: none;
}

a:hover
{
  color: #004466;
}

#subNav a.white:hover
{
  color:#000000;
}

hr
{
  background-image: url(/images/hozRuleBg.gif);
  background-repeat: repeat-x;
  background-position: center left;
  border: none;
  clear: both;
  display: block;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  padding-top: 24px;
}

section ul
{
  padding: 0.5em 0 0 0;
}

section ul li
{
  padding: 1px 0;
}

/* Classes */

.imageCredit
{
  display: block;
  font-size: 0.833em;
  font-weight: bold;
  padding: 0 0 1em 0;
}

.textSmall
{
  font-size: 0.917em;
}

a.button
{
  background-color: #448888;
  background-image: url(/images/buttonGreenArrow.png);
  background-position: right center;
  background-repeat: no-repeat;
  border: 2px solid #448888;
  color: #ffffff;
  display: inline-block;
  font-family: 'johnston itc',Arial,Helvetica,sans-serif;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.5em;
  margin: 0;
  padding: 0.5em 40px 0.5em 10px;
  text-transform: uppercase;
}

a.button:hover
{
  background-color: #ffffff;
  background-image: url(/images/buttonWhiteArrow.png);
  border: 2px solid #ffffff;
  color: #448888;
}

/* Colours */

.white, a.white, a.grey:hover
{
  color: #ffffff;
}

.white, a.white, a.grey:hover
{
  color: #ffffff;
}

.green, a.green, a.black:hover, a.white:hover
{
  color: #448888;
}

.blue, a.blue, a.green:hover
{
  color: #004466;
}

.black, a.black, a.blue:hover
{
  color: #222222;
}

.grey, a.grey
{
  color: #aaaaaa;
}

/* Backgrounds */

.bgWhite
{
  background-color: #ffffff;
}

.bgGreen
{
  background-color: #448888;
}

/* Richtext area styling, this needs to be used for tiny MCE too. However, there is specific tinyMCE styling just for articles, as the HTML that is imported from Word for them its completely different */

.richtextarea ul
{
  list-style: square;
  list-style-position: outside;
  padding: 0.5em 0 0.5em 15px;
}

.richtextarea ul li
{
  line-height: 1.5em;
}

.columns
{
  columns: auto 2;
  -webkit-columns: auto 2; /* Safari and Chrome */
  -moz-columns: auto 2; /* Firefox */
}

.columns440
{
  columns: 440px 2;
  -webkit-columns: 440px 2; /* Safari and Chrome */
  -moz-columns: 440px 2; /* Firefox */
}








/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */