body.main

	{

	margin: 0;

	padding: 2px 40px 20px 40px; 

	width: auto;

	font-family: verdana, arial, helvetica, sans-serif;

	color: #565656;

	font-size: 85%;
	
	text-align: justify;

	background-image:url(../graphics/grid.gif);

	 }


hr	{

	border: 0;

  	width: 80%;

	color: #900;

	background-color: #900;

	height: 1px;

	}

.content

	{

	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */

	width:750px;
	
	/*width:auto;
	
	min-width:750px;*/

	margin:230px 160px 100px 270px; /* Margin changed from 180px to accomodate newsletter menu. */

	background-color:white;

	padding:10px;

	border:1px solid gray;

	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */

	} 

.contentwithlogo

	{

	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */

	width:750px;
	
	/*width:auto;
	
	min-width:750px;*/

	margin:110px 160px 100px 270px; /* Margin changed from 180px to accomodate newsletter menu. */

	background-color:white;

	padding:10px;

	border:1px solid gray;

	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */

	} 




a	{text-decoration:none; color:#990000;}

a:hover	{text-decoration:underline; }

#headingsbox

	{
	position:absolute;

	top: 30px;
	
	left: 566px;
	
	font-family: verdana, arial, helvetica, sans-serif;
	
	color: #990000;
	
	}

#fofnlhead

	{

	position:absolute;

	top: 30px;

	/*left: 566px;*/
	
	right: 30px;

	font-family: verdana, arial, helvetica, sans-serif;

	font-size:2.5em;

	font-weight:bold;

	color: #990000;

	background-color:white;

	border-bottom:1px solid #990000;

	border-top:1px solid #990000;

	}

#gallic

	{

	position:absolute;

	top: 75px;

	/*left: 950px;*/
	
	right: 30px;

	font-family: verdana, arial, helvetica, sans-serif;

	font-size:1.2em;

	font-style:italic;

	color: #990000;

	border-bottom:1px solid #990000;

	}

#purpose

	{

	position:absolute;

	top: 100px;

	/*left: 925px;*/
	
	right: 30px;

	width: 200px;

	font-family: verdana, arial, helvetica, sans-serif;

	font-size:0.85em;

	text-align:right;

	border-right:1px solid #990000;

	color: #990000;

	padding-right: 5px;

	}

#scotland

	{

	position:absolute;

	top: 15px;

	left: 100px;

	}

.menu

	{
	
	position:absolute;

	top: 150px;

	left: 20px;

	}

.newsmenu

	{
	
	position:absolute;
	
	top:200px;
	left:310px;
	z-index:4;
	}
.nlcontents

{
	
	position:absolute;
	
	top:200px;
	left:310px;
	z-index:4;
	}
	
/*span.compact
{
	line-height: 90%;


	}*/
	
	
@font-face {
    font-family: 'Old-newspaper-font';
    src:url('http://www.fofnl.org.uk/fonts/Old-newspaper-font.ttf.woff') format('woff'),
        url('http://www.fofnl.org.uk/fonts/Old-newspaper-font.ttf.svg#Old-newspaper-font') format('svg'),
        url('http://www.fofnl.org.uk/fonts/Old-newspaper-font.ttf.eot'),
        url('http://www.fofnl.org.uk/fonts/Old-newspaper-font.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
	font-display: auto;
}


div.greenintrobar {
	border-left:solid green;
	margin-left:10pt;
	margin-right:30pt;
	padding-left:10pt;
	font-style:italic;
}

div.greyintrobar {
	border-left:solid grey;
	margin-left:10pt;
	margin-right:30pt;
	padding-left:10pt;
	font-style:italic;
}

div.darkredintrobar {
	border-left:solid #990000;
	margin-left:10pt;
	margin-right:30pt;
	padding-left:10pt;
	font-style:italic;
}

div.purpleintrobar {
	border-left:solid #d6d2e3;
	margin-left:10pt;
	margin-right:30pt;
	padding-left:10pt;
	font-style:italic;
}

div.introbar {
	margin-left:10pt;
	margin-right:30pt;
	padding-left:10pt;
	font-style:italic;
}


/*************************************TABLE SECTION*************************/


div.tablecontainer

	{

  	background: none; border: none;

 	margin: 0.5em 12px 0.5em 12px; padding: 0; text-align: center; width: auto; 

	}

div.tablerow

	{

  	background: none; border:none;

  	margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;

  	padding: 0; text-align: center; width: 96%;

	}

div.leftcell

	{

	border:none; float: left; margin: 0; padding: 0; width: 49%; 

	}



div.rightcell

	{

	border:none; float: right; margin: 0; padding: 0; width: 49%; 

	}



div.spaceline

	{

  	  clear: both; margin: 0; padding: 0; width: auto;

	}

p.celltext {

  border: none; margin: 0; padding: 0.3em 0.3em 0 0.3em;

  font-style: normal; font-size: 1em; text-align: left; text-indent: 0;

  width: auto;

}

p.smallcelltext {

  border: none; margin: 0; padding: 0.3em 0.3em 0 0.3em;

  font-style: normal; font-size: 0.75em; text-align: left; text-indent: 0;

  width: auto;

}



h4.table-caption {

  background: transparent; 

  font-size: 1em; font-weight: bold; margin: 0;

  padding: 0.3em; text-align: center; width: auto;

}

/*****************************************END TABLE SECTION***********************************/
/***********************************3-COLUMN TABLE REPLACEMENT USING FLEX SECTION******************/

.flexrow {
  display: flex;
  box-sizing: border-box;
}
.flex3column {
  flex: 33.33%;
  padding: 5px;
  box-sizing: border-box;
}


/***********************************END 3-COLUMN TABLE REPLACEMENT USING FLEX SECTION******************/

/***********************************2-COLUMN TABLE REPLACEMENT USING FLEX SECTION******************/

.flexrow {
  display: flex;
  box-sizing: border-box;
}
.flex2column {
  flex: 50%;
  padding: 5px;
  box-sizing: border-box;
}
/***********************************END 2-COLUMN TABLE REPLACEMENT USING FLEX SECTION******************/

h5.colhdr {

  background: none #ffffcc; border: solid #3333cc 1px; color: #993333;

  font-family: sans-serif; font-size: 1em; font-style: italic;

  font-weight: normal; margin: 0; padding: 0.3em 0.3em 0 0.3em;

  text-align: center; width: auto;

}









/**********remainder of main.css*****************************/

#issue		/*for newsletter heading page - relative position left*/

	{

	position:absolute;

	top:160px;

	left:100px;

	

	font-weight:bold;

	}

#date		/*for newsletter heading page - relative position right*/

	{

	position:absolute;

	top:160px;

	right:100px;

	

	font-weight:bold;

	}
	
div.greyheading

	{
	
	background:#565656;
	
	color: white;
	
	width:750px;
	
	height:80px;
	
	display: table-cell;
	
	vertical-align: middle;
	
	text-align: center;
	
	font-size:22pt;
	
		
	}
	
div.greybox /*width + padding(x2) + border(x2) = width of greyheading*/

	{
	
	background:#ccc;
	
	width:728px;
	
	height:auto;
	
	padding:5px 10px 5px 10px;
	
	border:solid black 1px;
	
	}
	
div.lightgreybox /*width + padding(x2) + border(x2) = width of greyheading*/

	{
	
	background:#eee;
	
	width:728px;
	
	height:auto;
	
	padding:5px 10px 5px 10px;
	
	border:solid black 1px;
	
	}
	
div.newsgreybox 

	{
	
	background:#ccc;
	
	width:auto;
	
	height:auto;
	
	padding:5px 10px 5px 10px;
	
	border:solid black 1px;
	
	}
	
div.greyfooter

	{
	
	background:#565656;
	
	color: white;
	
	width:750px;
	
	height:30px;
	
	}
	
div.creambox /*width + padding(x2) + border(x2) = width of greyheading*/

	{
		
	background:#f2e6d9;
	
	width:728px;
	
	height:auto;
	
	padding:5px 10px 5px 10px;
	
	border:solid black 1px;
	
	}
	
div.palegreenbox /*width + padding(x2) + border(x2) = width of greyheading*/

	{
		
	background:#bff5cc;
	
	width:728px;
	
	height:auto;
	
	padding:5px 10px 5px 10px;
	
	border:solid black 1px;
	
	}
	
div.purplebox /*width + padding(x2) + border(x2) = width of greyheading*/

	{
		
	background:#d6d2e3;
	
	width:728px;
	
	height:auto;
	
	padding:5px 10px 5px 10px;
	
	border:solid black 1px;
	
	}
	
div.creamboxdarkredtext /*width + padding(x2) + border(x2) = width of greyheading*/

	{
		
	background:#f2e6d9;
	
	color: #900;
	
	width:728px;
	
	height:auto;
	
	padding:5px 10px 5px 10px;
	
	border:solid black 1px;
	
	}

div.quote		/*wider margins - justified*/

	{

	margin-left:50px;

	margin-right:50px;

	text-align:justify;

	line-height: 1.3em;

	}

div.photocred

	{

	font-size: 0.75em;

	color: #990000;

	text-align: right;

	margin-top: 0.5em;

	margin-bottom: 0.5em;

	}

div.byline

	{

	font-size: 0.75em;

	text-align: right;

	font-weight: bold;

	}
	
div.darkredbyline

	{

	font-size: 0.75em;

	text-align: right;

	font-weight: bold;
	
	color:#900;

	}

div.comment

	{

	font-style:italic;

	text-align: right;

	}

div.address

	{

	text-align: right;

	}
	
/************************experimental picture + caption area***********************************/

.picture

	{
	
	background-color: #F9F9F9;
	
	border: 1px solid #CCCCCC;
	
	padding: 3px;
	
	font: 11px/1.4em Arial, sans-serif;
	
	}
	
.picture img

	{
	
	border: 1px solid #CCCCCC;
	
	vertical-align:middle;
	
	margin-bottom: 3px;
	
	}

.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; }

div.imglcaption

	{
	
	margin: 5px;
	
	text-align: center;
	
	color: #990000; 
	
	font-size: 0.75em;
	
	float: left;
	
	}

div.imgrcaption

	{
	
	margin: 5px;
	
	text-align: center;
	
	color: #990000; 
	
	font-size: 0.75em;
	
	float: right;
	
	}

/************************end of experimental picture + caption area******************************************/

div.caption

	{

	text-align:center;

	font-size: 0.85em;

	color: #990000;

	padding:0.5em;

	}

div.leftcaption

	{

	position:relative;
	
	left:28px;
	
	text-align:justify;

	font-size: 0.85em;

	color: #990000;

	padding:0em;
	
	width:695px;

	}

div.rightcaption

	{

	text-align:right;

	font-size: 0.85em;

	color: #990000;

	padding:0em;

	}

div.center

	{

	text-align:center;

	}
	
div.subheading

	{
	
	font-size:larger;
	
	font-weight:bold;
	
	
	
	}
	
div.darkredsubheading

	{
	
	font-size:larger;
	
	font-weight:bold;
	
	color:#900;
	
	}


div.linkinred a:link { text-decoration: none; color: black}

div.linkinred a:visited { text-decoration: none; color: black}

div.linkinred a:hover { text-decoration: underline; color: black}

span.firstchar { float: left; color: #900; font-size: 40px; line-height: 30px; padding-top: 5px; padding-right: 3px; padding-left: 0px; padding-bottom: 0px; font-family: Georgia; }

span.firstcharsmaller { float: left; color: #900; font-size: 35px; line-height: 30px; padding-top: 0px; padding-right: 2px; padding-left: 0px; font-family: Georgia; }

span.darkred 

	{
	
	color: #900;
	
	}
	
span.red 

	{
	
	color: red;
	
	}
	
span.green 

	{
	
	color: green;
	
	}
	
span.oldnewspaperfont
	{ 
   font-family: 'Old-newspaper-font'; font-size: larger;
	}

p.hr

	{ 

	border-top: solid thin #900;

	margin-left:10%;

	margin-right:10%;

	}

p.notes

	{

	font-size: 0.85em;

	color: #990000;

	}

p	{

	font-size: 1.0em;

	line-height: 1.4em;

	margin: 1.2em 0em 1.2em 0em;

	}
	
	
p.larger	{

	font-size: 1.2em;

	line-height: 1.4em;

	margin: 1.2em 0em 1.2em 0em;

	}




h1	{

	font-size: 2.0em;

	font-weight: bold;

	margin-top: 0em;

	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc 	problems that are beyound summary in a simple comment.*/

	}

h1.normal	{

	font-size: 2.0em;

	font-weight: normal;

	margin-top: 0em;

	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc 	problems that are beyound summary in a simple comment.*/

	}



h2	{

	font-size: 1.7em;

	margin: 1.2em 0em 1.2em 0em;

	font-weight: bold;

	}

h2.newshead

	{

	font-size: 1.7em;

	margin-bottom: 0.5em;

	font-weight: bold;

	}

h2.normal	{

	font-size: 1.7em;

	margin: 1.2em 0em 1.2em 0em;

	font-weight: normal;

	}

h3	{

	font-size: 1.4em;

	margin: 1.2em 0em 1.2em 0em;

	font-weight: normal;

	}

h3.bold	{

	font-size: 1.4em;

	margin: 1.2em 0em 1.2em 0em;

	font-weight:bold;

	}

h4	{

	font-size: 1.2em;

	margin: 1.2em 0em 1.2em 0em;

	font-weight: bold;

	}

h5	{

	font-size: 1.0em;

	margin: 1.2em 0em 1.2em 0em;

	font-weight: bold;

	}

h6	{

	font-size: 0.8em;

	margin: 1.2em 0em 1.2em 0em;

	font-weight: bold;

	}

img	{

	border: 0;

	padding:1em;

	margin:0.5em;

	}
	
img.slider	{

	border: 0;
	
	padding:0em;
	
	margin:0em;

	}
	

ol, ul, li	{/*

	list-style: none;*/

	font-size: 1.0em;

	line-height: 1.8em;

	margin-top: 0.2em;

	margin-bottom: 0.1em; 

	}



li.normal	{

	font-size: 1.0em;

	line-height: 1.3em;

	margin-top: 0.2em;

	margin-bottom: 0.1em; 

	}

strong, b	{

	font-weight: bold;

	}

pre	{

	font-family: verdana, arial, helvetica, sans-serif;

	color: #565656;

	font-size: 76%;

	}

table.accounts

	{

 	font-size:90%;

 	border:1px solid;

	}

table.smallfont

	{

 	font-size:70%;

	font-weight: bold;

 	border:1px solid;

	}

table.general

 	{

 	font-size:90%;

 	}
table.general-padded td

 	{

 	font-size:90%;
	padding:5px 10px;

 	}
table.general-padded-top td

 	{
	vertical-align:top;
 	font-size:90%;
	padding:5px 10px;
 	}
table.general-padded-top-cellborder td

 	{
	vertical-align:top;
 	font-size:90%;
	padding:5px 10px;
	border:1px solid black;
 	}
table.general-padded-cellborder td

 	{
 	font-size:90%;
	padding:5px 10px;
	border:1px solid black;
 	}

table.webring

	{

	font-size:90%;

	cellpadding:9;

	}

/*
(still designing this)
table.greystripes
{
border-collapse:collapse;
}
{
font-size:70%;

font-weight: bold;
}
table.greystripes,th.greystripes, td.greystripes
{
border: 1px solid gray;
}*/


/*************************Banner Section******************************/



div.banner {

  margin: 0;

  font-size: 0.75em /*smaller*/;

  font-weight: bold;

  line-height: 1.1;

  text-align: center;

  position: absolute;

  top: 180px;

  left: auto;

  width: 120px;

  right: 20px;

}

div.banner p {

  margin: 0; 

  padding: 0.3em 0.4em;

  font-family: Arial, sans-serif;

  background: #990000;

  border-top: thin outset white;

	border-right: thin outset black;

	border-bottom: thin outset black;

	border-left: thin outset white;

  color: #FFE79C;

}



div.banner a { display: block; padding:0.2em; margin:0.7em }

div.banner a { border-top: 1px solid white}

div.banner a:first-child { border-top: 1px  solid white }





div.banner a:link { text-decoration: none; color: #FFE79C}

div.banner a:visited { text-decoration: none; color: #FFE79C}

div.banner a:hover { background: #990000; color: white}



/***************************end of Banner Section****************/

/******************Gallery Page Section********************/

body.gallery

	{

	margin: 0;

	padding: 2px 40px 20px 40px; 

	width: auto;

	font-family: verdana, arial, helvetica, sans-serif;

	color: #990000;

	font-size: 76%;

	background-color: #FFE79C;

	 }

#gfofnlhead

	{

	position:absolute;

	top: 30px;

	right: 30px;

	font-family: verdana, arial, helvetica, sans-serif;

	font-size:2.5em;

	font-weight:bold;

	color: #990000;

	

	border-bottom:1px solid #990000;

	border-top:1px solid #990000;

	}

#galleryheading

	{

	

	font-family: verdana, arial, helvetica, sans-serif;

	font-size:1em;

	

	border-left:1px solid #990000;

	color: #990000;

	padding-left: 5px;

	}

div.gallerycontent

	{

	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */

	width:auto;

	min-width:350px;

	margin:170px 160px 100px 140px;

	background-color:#FFE79C;

	padding:10px;

	color:#990000;

	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */

	} 

table.webring {
    width:55%; 
    margin-left:22.5%; 
    margin-right:22.5%;
  }


/*********Gallery Banner Section for Gallery Page only*********/
div.gbanner {

  margin: 0;

  font-size: 1.0em /*smaller*/;

  font-weight: bold;

  line-height: 1.1;

  text-align: center;

  position: absolute;

  top: 180px;

  left: 20px;

  width: 120px;

  right: auto;

}

div.gbanner p {

  margin: 0; 

  padding: 0.3em 0.4em;

  font-family: Arial, sans-serif;

  background: #990000;

  border-top: thin outset white;

	border-right: thin outset black;

	border-bottom: thin outset black;

	border-left: thin outset white;

  color: #FFE79C;

}



div.gbanner a { display: block; padding:0.2em; margin:0.7em }

div.gbanner a { border-top: 1px solid #FFE79C}

div.gbanner a:first-child { border-top: 1px  solid #FFE79C}





div.gbanner a:link { text-decoration: none; color: #FFE79C}

div.gbanner a:visited { text-decoration: none; color: #FFE79C}

div.gbanner a:hover { background: #990000; color: white}
/*********End of Gallery Banner Section***********/

/***************Gallery Table*******************/

table.gallery {
    

	
	background-color:#FFE79C;
    width: 100%;

}

table.gallery td {
    padding: 5px;
    border: solid #990000 1px;
	width:25%;
}



.gdata {
    font-size: 0.65em;
	color: #990000;
    text-align: center;
	vertical-align:top;
    /*background-color: #CCCCCC;*/

}

.gtoprow {
    font-style: italic;
    

}

.gleftcol {
    font-weight: bold;
    text-align: left;
    width: 150px;
    background-color: #CCCCCC;

}




td.gallery	{width:25%; font-size: 0.65em; /*small*/ color:#990000; align:center;
valign:top;

  }


/************End of Gallery Table**************/

/***********************NewsIndex Section**********************/

table.newsindex

 	{

 	font-size:10pt;
	cellpadding: 53;
	cellspacing: 5;
	width:620px;
 	}

table.alphabet

 	{

 	font-size:9pt;
	cellpadding: 1;
	cellspacing: 1;
	border: solid 1px #ddd;
 	}


td.ni
	{
	border-bottom: dashed 1px #ddd;
	valign: top;
	}

td.nialph
	{
	valign: top;
	font-weight: bold;
	font-size: 3em;
	colspan: 3;
	border-bottom: solid 1px gray;
	}

/*************************************end of NewsIndex Section***************************************************/


/***************************Start of GenTable Section*****************/

caption.gentable
  {
     background-color:#c0c0c0;
     color:#990000;
     border-style:solid;
     border-width:2px;
     border-color:black;
  }

  table.gentable
  { 
     font-family:arial;
     font-size:10pt;
     background-color:#c0c0c0;
     width:100%;
     border-style:solid;
     border-color:black;
     border-width:2px;
  }

  th.gentable
  {
     font-size:10pt;
     background-color:#990000;
     color:white;
  }


  tr.gentable
  { 
  }

  td.gentablecentre
  {  
     font-size:10pt;
     background-color:#808080;
     color:white;
     border-style:solid;
     border-width:1px;
     text-align:center;
  }
  
    td.gentableright
  {  
     font-size:10pt;
     background-color:#808080;
     color:white;
     border-style:solid;
     border-width:1px;
     text-align:right;
  }
  
    td.gentableleft
  {  
     font-size:10pt;
     background-color:#808080;
     color:white;
     border-style:solid;
     border-width:1px;
     text-align:left;
  }

/************************End of GenTable Section*******************************/





/**********************Start of Header with Logo Section*********************/

div.header

	{
	
	/*position:relative;*/
	
	width:1050px;
	
	/*height:200px;*/
	
	}
	
#fb-logo

	{

	position:absolute;

	top: 93px;

	left: 355px;

	}
	
#logo

	{

	position:absolute;

	top: 30px;

	left: 105px;

	}
	
#fofnlhead-header

	{

	position:relative;

	top: 20px;

	left: 400px;
	
	width:640px;
	
	/*right: 30px;*/

	font-family: verdana, arial, helvetica, sans-serif;

	font-size:2.5em;

	font-weight:bold;

	color: #990000;

	background-color:white;

	border-bottom:1px solid #990000;

	border-top:1px solid #990000;

	}

#gallic-header

	{

	position:relative;

	top: 30px;

	left: 833px;
	
	/*right: 30px;*/
	
	width:205px;

	font-family: verdana, arial, helvetica, sans-serif;

	font-size:1.2em;

	font-style:italic;

	color: #990000;

	border-bottom:1px solid #990000;

	}

#purpose-header

	{

	position:relative;

	top: 40px;

	left: 833px;
	
	/*right: 30px;*/

	width: 200px;

	font-family: verdana, arial, helvetica, sans-serif;

	font-size:0.85em;

	text-align:right;

	border-right:1px solid #990000;

	color: #990000;

	padding-right: 5px;

	}
	
/**********************End of Header with Logo Section*********************/