/*

Theme Name: nqht2026rev01

Author: Boyd Williamson

Description: NQHT 2022 responsive website with corrections for MS Edge in Wordpress and webcam DuckDNS

  rev7 tweaks the pagination settings - larger font and containing div is class "clear"

  it renames explore (our heritage) as heritage in headers, pages and menus

  it also looks for the front page splash image in the uploads folder, rather than the theme folders - easier to edit

  the lowest level menu is sticky on large screen devices

  function added to prevent visual editor from changing code 

  rev 10 uses standard blue / red link colours and underlining and makes hr clear

  rev 12 adds javascript functions for St Margarets Marsh map page

  rev 13 adds table chapel with borders round all cells - see line 1066

  it also modifies page-webcam to be a atandard heritage page without the additional lighthouse menu

  rev 14 fixes posts so that they only show the Title, not Title and Link

  rev 15 adds dragscroll to census pages - changes to functions.php and new censusscrollscript.js
  
  rev 16 adds javascript functions for a new Stephen Reid Map page

@package nqht2026rev01

*/



/* +#01+ Init. & Resets +++++++++++++++++++ */





blockquote,q{quotes:"" "";}

caption,th,td{font-weight:normal;text-align:left;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,

acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,

sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,

tfoot,thead,tr,th,td{border:0; outline:0;vertical-align:baseline;}

table{border-collapse:collapse;border-spacing:0;}

th,td{text-align:left;vertical-align:top; font-family: Verdana, Geneva, sans-serif; font-size: 16px;}

#header ul,#header li,#nav,#nav li,

#footer ul,#footer li,#sidebar ul,#sidebar li{list-style:none;margin:0;padding:0;

}



html,#header *,body,#footer *,div,span,img,fieldset,h1,h2,h3,h4,h5,h6,p,cite{margin:0;padding:0;}

blockquote:before,blockquote:after,q:before,q:after{content:"";}





* {

    box-sizing: border-box;

}



/* =WordPress Core

-------------------------------------------------------------- */

.alignnone {

    margin: 5px 20px 20px 0;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 5px 20px 20px 0;

}



a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto;

}



.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;

}



/* Text meant only for screen readers. */

.screen-reader-text {

	border: 0;

	clip: rect(1px, 1px, 1px, 1px);

	clip-path: inset(50%);

	height: 1px;

	margin: -1px;

	overflow: hidden;

	padding: 0;

	position: absolute !important;

	width: 1px;

	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}



.screen-reader-text:focus {

	background-color: #eee;

	clip: auto !important;

	clip-path: none;

	color: #444;

	display: block;

	font-size: 1em;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000;

	/* Above WP toolbar. */

}





/* +#02+ Containers +++++++++++++++++++++++ */

body {

  margin: 0 auto;

  padding: 0 0 0 0;

  background: #ffffff;

  text-align: center;

}



#page {

  margin: 0 auto 50px auto;

  padding: 0 0 0 0;

  /* max-width: 1000px;	*/

  width: 100%;	

  text-align: left; 

}



hr

{

  clear: both;

  border-top: 5px solid white;

  border-bottom: 1px solid darkblue;

}





img {

    height: auto;

    max-width: 100%;

	border: solid 1px #000;

}



.dragscroll img {

     max-width: none;

}



.birds {

	max-width: 100%;

	min-width:100%;

	/* font-family: Verdana, Geneva, sans-serif; */

	font-size: 16px;

	float: left;

	clear: both;

}



.birds img {

	width: 20%;

	min-width: 100px;

}



.clear {

	float: left;

	clear: both;

}



.site-content {

    overflow: hidden;

   /*  margin: 5px 0;  */

	margin: 0 auto 0 auto;

    padding: 10px 20px 0 20px;

    max-width: 1000px;	

    width: 100%;

    height: 0.01%;

	background: #ffffff;

     /*  background: #eae5c8; */

    border: solid 5px #fff;

	text-align: left;

} 

/* tweaked for responsive */

div#full-width-image {

    height: auto;

    max-width: 100%;

    margin: 25px 25px 25px 25px;   

}





#footer {

  clear: both;

  text-align: center;

	 background: #ffffff;

	 max-width: 1000px;	

    width: 100%;

	margin: 0 auto 0 auto;

	z-index: 3; /* to stay above military sites links */

}



#footer-top {

  position: -webkit-sticky;

  position: sticky;

  bottom: 0;

  background: #ffffff;

  text-align: center;

  z-index: 3; /* to stay above military sites links */

}



/* 

#footer, #nav  {

  border: solid 5px #fff;

}

*/



ul {

list-style-type: none; 

margin: 0 0 0 20px;   

}



ol {

    margin: 0 3% 0 0;

    }









/* Header divs */



 /* header-3 is sticky on large screen devices */

#header-3 {

    position: -webkit-sticky;

    position: sticky;

    top: 0;

    text-align: center;

    font-size: 16px;

    line-height: 1.0;

    width: 100%;

    margin: auto;

    border: solid 5px;

    border-color: #fff;

    z-index: 3; /* to stay above metaslider slide shows */

    }



/* header-3 is NOT sticky on tablets < 800 px */

  @media all and (max-width: 600px) {

#header-3 {

    position: relative;

    text-align: center;

    font-size: 16px;

    line-height: 1.0;

    width: 100%;

    margin: auto;

    border: solid 5px;

    border-color: #fff;

    z-index: 3; /* to stay above metaslider slide shows */

     }

  }



#header-2 {

    position: relative;

    text-align: center;

    font-size: 14px;

    line-height: 1.0;

    width: 100%;

    margin: auto;

    border: solid 5px;

    border-color: #fff;

  }



#header-1 {

    position: relative;

    text-align: center;

	font-size: 12px;

    line-height: 1.0;

    width: 100%;

    margin: auto;

    border: solid 5px;

    border-color: #fff;

   }









#header h2 {

    padding: 15px 0 15px 0;

    text-align: center;

    /* font-family: Verdana, Geneva, sans-serif; */

    font-size: x-large; 

}





h1 {

    text-align: center;

    /* font-family: Verdana, Geneva, sans-serif; */

}



p {

     /* font-family: Verdana, Geneva, sans-serif; */

	font-size: 16px;

}



/* Pagination for posts, archives, and searches

    NB - woocommerce uses its own pagination scheme which over-rides these settings

    resulting in a second prev next page menu.  I have avoided this problem by setting the number of 

    blog entries per page to 10 (WordPress dashboard  - settings - reading.

    As have fewer than 10 items for sale this is not a problem at the moment!  */

	

div#top-of-page-link {

    clear: both;   

}	



.pagination {

clear:both;

padding:20px 0;

position:relative;

font-size:16px;

line-height:20px;

}

 

.pagination span, .pagination a {

display:block;

float:left;

margin: 2px 2px 2px 0;

padding:6px 9px 5px 9px;

text-decoration:none;

width:auto;

color:#fff;

background: #555;

}

 

.pagination a:hover{

color:#fff;

background: #3279BB;

}

 

.pagination .current{

padding:6px 9px 5px 9px;

background: #3279BB;

color:#fff;

}





/* Front Page */





/* facebook button */

p.fbbtn {

    text-align: center;



}



div#latest {

    float: left;

    width: 100%;

    margin: 10px 10px 10px 10px;

    padding: 0 20px 0 20px;

    border: 5px solid silver;

    clear: right;   

}





/* Search Page */



.search-terms {

background-color:orange;



}



.search-highlight {

    background:orange  

    }





/* memorial */





table#bio {

width:  90%;

margin: 2% 0 0 2%;

font-family: Verdana, Geneva, sans-serif;

font-size: 20px;    

empty-cells: hide;    

}



table#bio, td#bio {

vertical-align: top;

padding: 2px 20px 2px 20px;   

}





article {

width: 100%;

overflow: hidden;



   

}





div#inset {

   

 margin:  0 80px 0 80px  

}



#memnav {

  width: 100% ;

  margin-left: auto ;

  margin-right: auto ;

  border: 3px solid grey;

	    text-align: center;



}



div#memnav ul {

    list-style-type: none;

    margin: 0;

    padding: 5px;

}



div#memnav li {

    display: inline;

	text-align: center;

	font-size:16px;

    padding: 10px 20px 10px 20px;

}



p.newspaper {

    font-family: "Times New Roman", Georgia, Serif;

	font-size: 16px;

}





/* Light Tower */







div#header h1 {

color: #111;

font-size: 28px;

font-weight: bold;

line-height: 28px;

text-decoration: none;

padding:  0 0 20px 0;

}





#header h1 a:hover{color:#111; text-decoration: none;}



div#header h2{

	/* font:normal 16px "arial", georgia, times; */

	font-size: 16px;

	padding: 0 0 20px 0;

	margin:0;

	}







div#lighttower-banner-box {

     width: 100%;

     background-color: white;

     border: 5px solid grey;

     margin: 5px 0 5px 0;

    

}





/* nav block */



div#nav {

font-size: 18px;

line-height: 21px; /* 21px*/

display: block;

float: none; /* was float: left; */



margin: 0 auto;

padding: 10px 10px; /* 10px 10px*/

width: 180px; /* 180px*/

background-color: #BBB;

	    



}





/* List-style: list-style-type, list-style-position, list-style-image. */



div#nav .menu-header ul, div.menu ul {

    list-style: none outside none;

    margin: 0;

    padding: 0;

	    



}







div#nav ul li a {

	display:block;

	text-decoration: none;

	    



}





div#nav ul ul {

	display: none;

	top: 20px; /* 20px */

	left: 0;

	float: left;

	

	z-index: 9;

}





div#nav ul ul li {

	min-width: 160px;

	padding: 0 0 0 10px; /* 0 0 0 10px */

	margin:0 ;

}



div#nav ul ul ul {

	left: 100%;

	top: 0;

}



div#nav ul ul ul li{

	top: 0;

	/*  padding:0 !important; */

	/*  margin:0 !important;  */

}





div#nav ul ul.sub-menu li a {

	background: #BBB;

    font-size: 14px;

    line-height: 16px; /* was 16px */

	padding: 0px; 

}







div#nav ul ul.sub-menu li a:hover {

}



div#nav ul li:hover > ul {

	display: block;

}



.imgcenterpost {

    display: block;

    margin: auto;

    width: 65%;

    } 



.imgcenter {

    display: block;

    margin: auto;

    width: 100%;

    } 



.imgl50 {

    display: block;

    margin: auto;

    width: 45%;

    float: left;

    clear: both;  

}



.imgr50 {

    display: block;

    margin: auto;

    width: 45%;

    float: right;

    clear: both;  

}



ul.bullet-list {

    padding:0 0 0 20px;

   }



ul.bullet-list li {

    padding:0 0 10px 0;

   }



#towercam {

    border: 2px solid black; 

}



.fixed {

    text-align:  center;

    position: fixed; top: 310px;

    }



.bordered {

    border: 2px solid black;

}



div#webcam h3 {

color: #111;

font-size: 14px;

line-height: 28px;

text-decoration: none;

padding: 10px 0 10px 0;  

}





* {

margin: 0;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

}





* p {

    padding: 0 10px 6px 10px;

    }



p.clear {

    clear : left;

}



p.center {

    text-align: center;

}



p.right {

    text-align: right;

}

   

p.small {

    font-size: 10px;

} 

    

 

div#webcam {

 text-align: center;

 margin: auto;   

}



.center {

 text-align: center;

 margin: auto;   

    

}



.right {

	text-align: right;

	}



table#webcam-controls {

    margin: auto;

    width: 100%;

    table-layout: fixed;

    text-align: center;

    padding: 1px 1px 1px 1px;

    border: 2px solid black;

    border-spacing:  5px 5px; 

    empty-cells: hide;

	}





table#webcam-controls td {

    border: 1px solid black;

    margin: 5px;

    padding: 0 5px 0 5px;

    text-align: center;

	}





.video-container {

    position: relative;

    padding-bottom: 75%; /* 75% for 4x3 56.25% for 16x9 */

    padding-top: 0px; /* 35px for YouTube - allows for the chrome on YouTube videos */

    height: 0;

    overflow: hidden;

}



.video-iframe {

     position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  width: 100%;

  height: 100%;

  border: none;

}













table#YouTube {

    width: 65%;

    table-layout: fixed;

    text-align: center;

    padding: 5px 5px 5px 5px;

    border: 2px solid black;

    border-spacing:  20px 5px; 

    empty-cells: hide;   

}





table#YouTube td {

    border: 1px solid black;

    margin: 5px;

    padding: 5px 5px 5px 5px;

}





.thumbnails img {

	height: 60px;

	border: 4px solid #555;

	padding: 1px;

	margin: 0 10px 10px 0;

}



.thumbnails img:hover {

	border: 4px solid #00ccff;

	cursor:pointer;

}



.preview img {

	border: 4px solid #444;

	padding: 1px;

	width: 80%;

}



.preview2 img {

	border: 4px solid #444;

	padding: 1px;

	width: 90%;

	}

















/* Maps */



/* displays current map title    */

div#maptitle {

width: 90%;

  margin-left: auto ;

  margin-right: auto ;

padding: 0 0 10px 0;

overflow: hidden;

clear: right;

text-align: center;

/* font-family: Verdana, Geneva, sans-serif; */

}



/* displays current zoom level    */

div#zoomlevel {

width: 90%;

  margin-left: auto ;

  margin-right: auto ;

padding: 0 0 10px 0;

overflow: hidden;

clear: right;

text-align: center;

/* font-family: Verdana, Geneva, sans-serif; */

}



/* zoom select buttons    */ 

div#radiozoom {

width: 90%;

  margin-left: auto ;

  margin-right: auto ;

padding: 0 0 10px 0;  

overflow: hidden;

float: left;

clear: left;

text-align: center;

/* font-family: Verdana, Geneva, sans-serif; */ 

}

/* year select buttons  */

div#radioyear {

width: 90%;

  margin-left: auto ;

  margin-right: auto ;

padding: 0 0 10px 0;

overflow: hidden;

float: left;

clear: right;

text-align: center;

/* font-family: Verdana, Geneva, sans-serif; */

}





/* dragscroll class styles the map display window - mapwindow */

.dragscroll {

width: 90%;

height: 417px;

margin: 15px 20px 15px 20px; 

border: 2px solid gray;

overflow: auto;

clear: both;

text-align: center;       

  cursor : -webkit-grab;

  cursor : -moz-grab;

  cursor : -o-grab;

  cursor : grab;

color: #fff;  

}



.dragscroll:active {

  cursor : -webkit-grabbing;

  cursor : -moz-grabbing;

  cursor : -o-grabbing;

  cursor : grabbing;

}



/* embedded media player */

/* this may fix a problem with play button being invisible */



.mejs-controls .mejs-button button {

    z-index: 10;

}







/* +#03+ Nav ++++++++++++++++++++++++++ */

/* Nav */





#site-navigation li {

    padding: 0px 6px 0px 6px; /*  sets spacing between menu items 0px 16px 0px 16px; */      

	margin: 0px 0 0px 0;

	    text-align: center;



}





site-navigation {

  width: 100%;

  /* height: 35px; /*  35px */

  overflow: hidden;

  text-align: center;

    

    }





.main-navigation {

    clear: both;

    display: block;

   /* padding: 24px; /*  was 1.5em */

    /* border: 2px solid grey; */

	background: white; /*  changed to white to improve legibility */

	 text-align: center; 



}



.main-navigation:after {

	clear: both;

	content: "";

	display: block;

}

.main-navigation ul {

	list-style: none;

	margin: 0;

	padding-left: 0;

	    



}

.main-navigation li {

	height: 25px; /* sets height of alls row - operates in conjunction with ul ul position */

    /* float: left; */

	margin: 0 5px 0 5px;

	position: relative;

    /* font-size: 16px;  was 16px */

	display:inline;   



}



 

.main-navigation a {

	color: #7c948a;

    display: inline-block;

	/* font-family: Verdana, Geneva, sans-serif; */

    /* font-size: 18px; /* sets the size of the menu font */

   /*  font-weight: bold; */

    margin-right: 32px; /* was 2rem */

    margin-top:  10px; /* 10px*/

    text-decoration: none;

}





.main-navigation ul ul {

    background: #e9e0d1;

	border: 1px solid rgba( 0, 0, 0, 0.1 );

	display: none;

	float: left;

	position: absolute;

	/*	top: 24px; /* was 1.6em this controls the drop down amount of second menu row - operates in conjuntion with li height */

		left: 0;

	z-index: 99999;

}

.main-navigation ul ul ul {

	left: 100%;

	top: 0;

}



.main-navigation ul ul a {

	padding: 0 0; 

	width: 200px; /* this controls the width of second menu row items */

}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,

.main-navigation li.current_page_item a,

.main-navigation li.current-menu-item a,

.main-navigation ul ul a:hover {

/*	color: darkviolet; */

	color: red;

	text-decoration: underline;

}

.main-navigation ul ul :hover > a {

}

.main-navigation ul li:hover > ul {

	display: block;

}





/* +#04+ Typeography ++++++++++++++++++++++ */

body {

  /* Font stack from http://www.codestyle.org/ 62.5%/1.3 */

    font-family: Verdana, Geneva, sans-serif;

	/*  font-family: Georgia, serif;  */ 

	font-size: 16px;

    color: #2f2f2f;

	line-height: 1.5;

   }

	



h1, h2, h3, h4, h5, h6, p {

  margin: 0 0 15px 0;

}

h1, h2 {

  color: #53747e;

}

h1 {

  font-size: 36px; /* was 2.2em; */

}

h2 {

  font-size: 24px; /* was 1.5em; */

  text-shadow: 0 1px 1px #9f9f9f;

}

h3, h4 {

  font-size: 18px;  /* was 1.1em; */

}

h1 a {

  color: #fff;

}

h2 {

  margin: 0 0 15px 0;

  font-weight: normal;

}

h2.pagetitle {

  margin: 0 -235px 20px 0;

  border-bottom: solid 1px #d9d9d9;

  padding-bottom: 2px;

}

.pagetitle {

  font-size: 28px;  /* was 1.2em; */

  font-weight: normal;

}

p.entry-date {

  margin-top: -10px;

}



a:link, a:visited, a:active, a:hover {

 text-decoration: none;

/*  color: green; */

 color: blue;

	text-decoration: underline;

 /* font-weight: bold; */

  /* background-color:darkblue */

  /* font-size: 18px;  was 1.1em; */

 

}

a:hover, a:focus {

/* color: darkviolet; */

  color: red;

	text-decoration: underline;

  /* font-weight: bold; */

  /* background-color:darkred */

}



 /* 

#footer a {

  color: #fff;

}

#footer a:focus {

  text-decoration: underline;

}

*/



/* Details Table & Lists */

table.detailslist {

  width: 100%;

  margin-bottom: 10px;

}

.detailslist th {

  background: #005969 url(../images/system/shadow-bg.gif) repeat-x bottom;

  color: #eee;

  padding: 5px 5px;

  font-weight: bold;

  border: 1px solid #d9d9d9;

  width: 15%;

}

.detailslist td {

  border: 1px solid #d9d9d9;

  padding: 3px 5px;

}





/* Misc content */

.img-left {

  float: left;

  margin-right: 15px;

  margin-bottom: 10px;

}



div#diary {

  color: BlueViolet;

}





/* table chapel - adds 1 px black border round all cells */

table#chapel {

    table-layout: fixed;

	width:  100%;

    border-collapse: collapse;

  

}



table#chapel td {

    text-align: center; 

	border: 1px solid black;

     padding: 1px;

     }









/* Census section - input and reset boxes for search, tables for 1841 to 1901 pages #census and 1911 page #census1911 */



#nameInput {

  width: 40%;

  font-size: 16px;

  padding: 12px 20px 12px 20px;

  border: 1px solid black;

  margin-bottom: 12px;

}

#surnameInput {

  width: 40%;

  font-size: 16px;

  padding: 12px 20px 12px 20px;

  border: 1px solid black;

  margin-bottom: 12px;

}

#buttonReset {

  width: 10%;

  background-color: lightgrey;

  color:red;

  font-size: 16px;

  padding: 12px 20px 12px 20px;

  border: 1px solid black;

  margin-bottom: 12px;

  

}

#buttonReset:hover { 

  background-color: darkviolet;

  color: white;

  

}

#buttonReset:active {

  background-color: darkviolet;

  color: white;

  transform: translate(-5px, 5px);

	

}



table#census {

  table-layout: fixed;

  text-align: center;

  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

  font-size: 10px;

  border-collapse: collapse;

  

}



table#census td {

     font-size: 10px;   

     text-align: center;

     border: 1px solid black;

     padding: 1px;

     }



table#census th {

     font-size: 10px;

	 font-weight: bold;

     text-align: center;

     border: 1px solid black;

     padding: 1px;

     }





table#census col.one { 

	width: 1%;

	}



table#census col.two { 

	width: 2%;

	}



table#census col.three { 

	width: 3%;

	}



table#census col.four { 

	width: 4%;

	}



table#census col.five { 

	width: 5%;

	}



table#census col.six { 

	width: 6%;

	}



table#census col.seven { 

	width: 7%;

	}



table#census col.eight { 

	width: 8%;

	}



table#census col.nine { 

	width: 9%;

	}



table#census col.ten { 

	width: 10%;

	}



table#census col.fifteen { 

	width: 15%;

	}



table#census col.twenty { 

	width: 20%;

	}



table#census col.twentyfive { 

	width: 25%;

	}



table#census col.thirty { 

	width: 30%;

	}



table#census col.forty { 

	width: 40%;

	}







table#census tr:nth-child(even){background-color: lightgray;}



table#census tr:hover {background-color: #ddd;}





/* Census1911 uses 8px font size because the original table is a two-page spread. Identical otherwise. */



table#census1911 {

  table-layout: fixed;

  text-align: center;

  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

  font-size: 8px;

  line-height: 1.1;

  border-collapse: collapse;

  }



table#census1911 td {

    text-align: center;

	font-size: 8px;

	line-height: 1.1;

    border: 1px solid black;

    padding: 1px;

    }



table#census1911 th {

    text-align: center;

	font-size: 8px;

	font-weight: bold;

    border: 1px solid black;

    padding: 1px;

    }



table#census1911 col.one { 

	width: 1%;

	}



table#census1911 col.two { 

	width: 2%;

	}



table#census1911 col.three { 

	width: 3%;

	}



table#census1911 col.four { 

	width: 4%;

	}



table#census1911 col.five { 

	width: 5%;

	}



table#census1911 col.six { 

	width: 6%;

	}



table#census1911 col.seven { 

	width: 7%;

	}



table#census1911 col.eight { 

	width: 8%;

	}



table#census1911 col.nine { 

	width: 9%;

	}



table#census1911 col.ten { 

	width: 10%;

	}



table#census1911 col.fifteen { 

	width: 15%;

	}



table#census1911 col.twenty { 

	width: 20%;

	}



table#census1911 col.twentyfive { 

	width: 25%;

	}



table#census1911 col.thirty { 

	width: 30%;

	}



table#census1911 col.forty { 

	width: 40%;

	}







table#census1911 tr:nth-child(even){background-color: lightgray;}



table#census1911 tr:hover {background-color: #ddd;}



/* Census1921 scrolling table */



table.census1921 {

  table-layout: fixed;

  width: 200%;

  text-align: center;

  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

  font-size: 12px;

  line-height: 1.1;

  border-collapse: collapse;

  }



table.census1921 td {

    text-align: center;

	font-size: 12px;

	line-height: 1.1;

    border: 1px solid black;

    padding: 1px;

    }



table.census1921 th {

    text-align: center;

	font-size: 12px;

	font-weight: bold;

    border: 1px solid black;

    padding: 1px;

    }





table.census1921 tr:nth-child(even){background-color: lightgray;}



table.census1921 tr:hover {background-color: #ddd;}





/* censusscroll class styles the census display page to scroll large images and tables */

.censusscroll {

width: 95%;

overflow-x: auto;

clear: both;

text-align: center;       

  cursor : -webkit-grab;

  cursor : -moz-grab;

  cursor : -o-grab;

  cursor : grab;



}



.censusscroll img {

     max-width: none;

}



.censusscroll:active {

  cursor : -webkit-grabbing;

  cursor : -moz-grabbing;

  cursor : -o-grabbing;

  cursor : grabbing;

}





div#spacer {

width: 100%;

margin: 0px 0px 5px 0px;

overflow: hidden;

}