/*      THIS IS USED SOLELY FOR THE FESTIVAL INDEXES           */
/*      It should all be the same as Stylesbox except the 'A' height allowing 2 lines */


BODY {
  BACKGROUND-COLOR: #000000; COLOR: #FFFFFF
}
@font-face {
    font-family: 'textsquirrel';
    src: url('Amaranth-webfont.eot');
    src: url('Amaranth-webfont.eot?#iefix') format('embedded-opentype'),
         url('Amaranth-webfont.woff') format('woff'),
         url('Amaranth-webfont.ttf') format('truetype'),
         url('Amaranth-webfont.svg#textsquirrel') format('svg');
    font-weight: normal;
    font-style: normal;
}

p
{
  font-family:TextSquirrel,"Amaranth",sans-serif;
  font-size:16px;
  font-weight:normal;
  color:#DE6F00;  /* orangy-brown */
  margin-top:0;
  margin-bottom:0;
}

/* NOTE: This bit produces a box for the links instead of text */

A:link,a:visited
{
  display:block;
  font-weight:bold;
  color:#FFFF88;                    /* pale yellow */
  background-color:#662B00;         /* dark brown */
  width:620px;
  height:34px;
  font-family:TextSquirrel,"Amaranth",sans-serif;
  font-size:16px;
  vertical-align:middle;
  text-align:center;
  padding:2px;
  text-decoration:none;
}
A:hover,A:active
{
  background-color:#DE6F00;         /* orangy-brown */
}

@font-face {
    font-family: 'headsquirrel';
    src: url('bnkgothm-webfont.eot');
    src: url('bnkgothm-webfont.eot?#iefix') format('embedded-opentype'),
         url('bnkgothm-webfont.woff') format('woff'),
         url('bnkgothm-webfont.ttf') format('truetype'),
         url('bnkgothm-webfont.svg#headsquirrel') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1  /*  Main heading  */
{
    font-family:"HeadSquirrel","BankGothic Md BT",sans-serif;
    color:#DE6F00;  /* orangy-brown */
    font-size:42px; /* 16px = 1em. fixed size for main heading */
	 margin-top:0;
	 margin-bottom:5;
}

h2  /*  Sub heading  */
{
    font-family:"HeadSquirrel","BankGothic Md BT",sans-serif;
    color:#FFFF88;  /* pale yellow */
    font-size:20px; /* 16px = 1em. */
    font-weight:bold;
	 margin-top:3;
	 margin-bottom:8;
}

h3 /* default text size & font but brighter for sub-headings */
{
    font-family:"textsquirrel","Amaranth",sans-serif;
    color:#FFFF88;  /* pale yellow */
    font-size:1em;  /* 16px = 1em. Using em allows resizing */
    font-weight:normal;
	 margin-top:0;
	 margin-bottom:0;
}

h4  /* this exists to create spacing to match the box links */
{
    font-family:"textsquirrel","Amaranth",sans-serif;
    color:#000000;  /* black but colour is not relevant unless it has text in it! */
    font-size:6px;
	 margin-top:0;
	 margin-bottom:3;
}
h5  /*  Sub heading - same as h2 but different colour */
{
    font-family:"HeadSquirrel","BankGothic Md BT",sans-serif;
    color:#DE6F00;  /* orangy-brown */
    font-size:20px; /* 16px = 1em. */
    font-weight:bold;
	 margin-top:3;
	 margin-bottom:8;
}
h6  /* same as h2 but bigger */
{
    font-family:"HeadSquirrel","BankGothic Md BT",sans-serif;
    color:#FFFF88;       /* pale yellow */
    font-size:32px;
    font-weight:bold;
	 margin-top:10;        /* changed from the main styles */
	 margin-bottom:10;
}