/* THIS IS THE DEFAULT STYLE                                         */
/* It is used for the popup version of the large pictures only       */
/* it can't use yellow as it's too close to the background           */


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:18px;
    font-weight:normal;
    COLOR: #DE6F00;  /* orangy-brown */
    margin-top:0;
    margin-bottom:0;
}

/* NOTE: all font families must be the same or results possibly pick up the last (ie Active)? */
/*       Weights must also be the same, but size and colour do not need to be */
/*       Although it seems like A colour has to be the same as P colour?? */

A {
    font-family:TextSquirrel,"Amaranth",sans-serif;
    font-size:18px;
    COLOR: #904000;  /* medium-brown */
    font-weight: bold; text-decoration: none
}
A:visited {
    font-family:TextSquirrel,"Amaranth",sans-serif;
    font-size:18px;
    COLOR: #904000;  /* medium-brown */
    FONT-WEIGHT: bold; text-decoration: none
}
A:hover {
    font-family:TextSquirrel,"Amaranth",sans-serif;
    font-size:18px;
    COLOR: #DE6F00;  /* orangy-brown */
    FONT-WEIGHT: bold; text-decoration: none
}
A:active {
    font-family:TextSquirrel,"Amaranth",sans-serif;
    font-size:18px;
    COLOR: #DE6F00;  /* white */
    FONT-WEIGHT: bold; text-decoration: none
}

@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; /* default text colour */
    font-size:42px; /* 16px = 1em. fixed size for main heading */
    margin-top:0;
	 margin-bottom:5;
}

h2  /* sub headings */
{
    font-family:"HeadSquirrel","BankGothic Md BT",sans-serif;
    color:#DE6F00;  /* orangy-brown */
    font-size:24px; /* slightly bigger than usual, was 20px */
    font-weight:bold;
	 margin-top:8;
	 margin-bottom:8;
}

h3 /* sub-headings in text font but darker for putting between pics. Probably only used for 'Plus' */
{
    font-family:TextSquirrel,"Amaranth",sans-serif;
    color:#904000;  /* medium-brown */
    font-size:30px; /* 16px = 1em. Using em allows resizing >>> NOTE was 18px but I think never used? */
    margin-top:0;
	 margin-bottom:0;
}

h4  /* same as 'p' but different colour. Achieved using 'inline' below */
{
    font-family:TextSquirrel,"Amaranth",sans-serif;
    COLOR:#904000;  /* medium-brown */
    font-size:18px; /* 16px = 1em. done with px to avoid it changing size */
    font-weight:normal;
    display:inline;
	 margin-top:0;
	 margin-bottom:0;
}
h6  /* vertical spacing - not sure it's used for anything else? */
{
    font-family:TextSquirrel,"Amaranth",sans-serif;
    color:#DE6F00;   /* orangy-brown */
    font-size:0.7em; /* 16px = 1em. Using em allows resizing */
	margin-top:25;
	margin-bottom:0;
}

/* ~~~ OLD VERSION of h6 - not sure ever used but didn't space popup properly.
h6  /* same as 'p' but different background. Achieved using 'inline' below */
{
    font-family:TextSquirrel,"Amaranth",sans-serif;
    COLOR:#000000;  /* medium-brown */
    background-color:red;
    font-size:30px; /* 16px = 1em. done with px to avoid it changing size */
    font-weight:normal;
    display:inline;
	 margin-top:25;
	 margin-bottom:25;
}
*/