/*      THIS IS USED SOLELY FOR THE NAVIGATION BAR       */
/* It is the same as the main styles.css except as shown */


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:lighter;
    color:#DE6F00;       /* was #FFDE6F - why? */
    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 */

A {
    font-family:"textsquirrel","Amaranth",sans-serif;
    font-size:15px; font-weight:bold; text-decoration: none;
    COLOR: #DE6F00;   /* orangy-brown */
}
A:visited {
    font-family:"textsquirrel","Amaranth",sans-serif;
    font-size:15px; FONT-WEIGHT: bold; text-decoration: none;
    COLOR: #DE6F00;   /* orangy-brown */
}
A:hover {
    font-family:"textsquirrel","Amaranth",sans-serif;
    font-size:15px; FONT-WEIGHT: bold; text-decoration: none;
    COLOR: #FFFF88;   /* pale yellow */
}
A:active {
    font-family:"textsquirrel","Amaranth",sans-serif;
    font-size:15px; FONT-WEIGHT: bold; text-decoration: none;
    COLOR: #FFFFFF;   /* white */
}

@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 headings  */
{
    font-family:"HeadSquirrel","BankGothic Md BT",sans-serif;
    color:#FFFF88;       /* pale yellow */
    font-size:20px;
    font-weight:bold;
	 margin-top:10;        /* changed from the main styles */
	 margin-bottom:10;
}

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 */
	 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:16px; /* 16px = 1em. done with px to avoid it changing size */
    font-weight:normal;
    display:inline;
	 margin-top:0;
	 margin-bottom:0;
}
h5  /* small heading to go with h6, approx size 1 used at bottom of homepage */
{
    font-family:TextSquirrel,"Amaranth",sans-serif;
    color:#FFFF88;   /* pale yellow */
    font-size:13px; /* 16px = 1em. Using em allows resizing */
    font-weight:normal;
    margin-top:3;
	 margin-bottom:0;
}
h6  /* same as h2 but bigger, for index page headings */
{
    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;
}