/*USED FOR NON-HTML5 PAGES*/

body {
font-family: 'Trebuchet MS', 'Comic Sans MS', arial, monospace, sans-serif; line-height: 1.3;
color: #2f4f4f;
font-size: small;
font-weight: normal;
text-align: justify;
margin: 0; 
background-color: #000000; 
 }

/*index page large body background image for IE6 only in conditional comment, but a small background-image may remain here to show in Ubuntu and WIN2000 and others which don't show position: fixed image in div #background*/

#backgroundimage1 { background: url(wildlifephotos/littleegret200x200.jpg) #000000; background-position: 50% 150px; background-repeat: no-repeat; background-attachment: fixed; } /*only for browsers that don't show position: fixed; large image flexible width position: fixed instead for others in #background*/
/*Note: conditional comment lt ie 7 may be set to move image 100px up unless edited.*/

/*Alternative images:-
p05b200181sunrisef8012501280x960.jpg (dark and misty) or
wildlifephotos/littleegret200x200.jpg background-position: 50% 200px;
p06c300968rainbowf401801280x900dark.jpg or
p07a221374dawnf281251280x900.jpg (dark clouds) or
p05a300147sunrisef8011001280x890.jpg (gold sunrise over Knighton Hill)
p075011083moonf321301280x960.jpg (moon)
p061210190sunrisef281251024x668.jpg (sunrise & stripes ? for March)
p06b030927morningskyf401601280x900.jpg (morning sky - darker)
p07c111405morningskyf281301280x960.jpg (morning sky)
p063010260knightonhillf8011601024x768.jpg (Knighton Hill - March)
p065050363churchbottomf8011601024x768.jpg (Church Bottom)
p086081606cricketfirstballslipcatchf4016401280x800.jpg (cricket in front of school)
p095082047broadchalkef4014001024x710.jpg (view of church with trees very spring-green - April/May)
p087251703combineharvesterf4012501280x960.jpg (combine harvester on hill - July/Aug)
p088221720combineharvesterf4018001024x700.jpg (combine harvester unloading; set top -50px)
p088271733combineharvesterf3512001024x636.jpg (combine harvester unloading and Church; needs top -68px for lt ie 7)
p097242223littleegretsf3711601024x768.jpg (little egrets; set top -100px for IE6, -150px for other browsers - for June/July?)
p083141498crossf32110206x300.jpg (chapel cross use 50% 150px)
p05b050170noticef321401280x838.jpg (unexploded shells notice - Nov 5th)
p09a252340oldraftersf4012001024x488.jpg (Old Rafters use 50% 0)
p07b101382warmemorialf4011601280x850.jpg (war memorial and church 850px high not uploaded)
p07b101382warmemorialf4011601280x770.jpg (war memorial and church 770px high preferred - Nov)
p07c231443eveningmistf321601280x810.jpg (church and evening mist)
p084061530churchinsnowf4012001280x860.jpg (church in snow)
p10c072546churchinfrostf4011001024x768.jpg (Church and frosted trees)
p10c182560churchinsnowf4012001024x768.jpg (church in snow - Jan/Feb)
p07c171416cribf321101280x750.jpg (Christmas crib)
p081091460epiphanycribf32161024x550.jpg (Epiphany crib)
*/

/*photoalbum page large body background image for IE6 only in conditional comment, but a small background-image may remain here to show in Ubuntu and WIN2000 and others which don't show position: fixed image in div #background*/

#backgroundimage2 { background: url(wildlifephotos/hawkmoth200x200.jpg) #000000; background-position: 50% 150px; background-repeat: no-repeat; background-attachment: fixed; } /*only for browsers that don't show position: fixed; large image flexible width position: fixed instead for others in #background*/
/*Note: conditional comment lt ie 7 may be set to move image 100px up unless edited.*/

/*Alternative images
p075011083moonf321301280x960.jpg (moon over hill)
wildlifephotos/hawkmoth200x200.jpg background-position: 50% 200px;
p05b200181sunrisef8012501280x960.jpg (dark and misty)
p07c231443eveningmistf321601280x810.jpg (evening mist)
*/

h1, h2, h3, h4, h5 { text-align: center; font-weight: 800; color: #2f4f4f; }
.h1margin-top1 { margin-top: 1em; }
.h1margin-top2 { margin-top: 2em }
h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: 0.9em; }
.abovebutton { color: #ff9900; }
.heading { color: #ff9900; margin-top: 45px; teext-shadow: #555 3px 3px 2px; font-weight: 900; font-size: 1.9em; }
.headingondark { color: #ff9900; }
.nomargin-top { margin-top: 0em; }

h1, h2, h3, h4, h5, h6, p, UL, OL, DIR, MENU, div, 
DT, DD, ADDRESS, BLOCKQUOTE, PRE, br, hr, FORM, DL { 
  display: block }

b { font-weight: 800; }
p { margin: 7px 0 4px 0; }
.margin0 { margin: 0; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.psmall { font-size: small }
.px-small { font-size: x-small; }
.pxx-small { font-size: xx-small; }
.small-links { font-size: x-small; margin-top: 0px; margin-bottom: 0px; }
.pmedium { font-size: medium; }
.plarge { font-size: large; }
.px-smallnomargins { font-size: x-small; margin-top: 0px; margin-bottom: 0px; }
.photoindex { font-size: small; }
.photosubtitle { color: #e9e9e3; font-size: x-small; margin-top: 0px; margin-bottom: 0px; }
.belowbuttonindex { color: #eeeeee; font-weight: 800; }/*#666667*/
.belowbuttonphotoalbum { color: #e9e9e3; font-weight: 800; }
.highlight { font-weight: 800; color: #ff4500; }
.highlightwhite { font-size: large; font-weight: 800; color: #ffffff; }
.lighttext { color: #e9e9e3; }


em { font-style: normal; }

div { border: none; padding-top: 5px; padding-bottom: 5px; }
.nopadding { padding: 0; margin: 0; }
#background { position: fixed; width: 100%; top: 0; left: 0; right: 0; z-index: -1; } /*Index and photoalbum pages; not for IE6*/
#shadowcontainer { width: 100%; margin: 0; padding: 0; background: url(images/oatmealgradient1920x5.jpg) top center #000000; }
#mainphotopage { width: auto; padding: 0; margin: 0; }
#headerdropdown { position: fixed; top: 0; left: 0; right: 0; color: #dddddd; font-weight: 800; padding: 0; margin: 0; } /*background-color: #000000; background deleted for gradient image in #shadowcontainer; used for index.html, was used in menu.inc pages too*/
#header { position: fixed; top: 0; left: 0; right: 0; color: #dddddd; font-weight: 800; padding: 0 20px; margin: 0; baaaaaackground-color: #000000; } /*old html pages with photo, etc.*/
#header2 { position: relative; 	width: 770px; margin: 0 auto; padding: 0; 	color: #dddddd; font-weight: 800; } /*html pages with photos, etc.*/
#headerinner { background-color: #000000; height: 44px; position: fixed; top: 0; width: 770px; margin: 0; padding: 0; } /*html pages with photos, etc.*/
#headerphotoalbum { position: fixed; top: 0; left: 0; right: 0; color: #dddddd; font-weight: 800; padding: 0 20px; margin: 0; background-color: #000000; } /*sometimes use gray #666666*/
#footer2-old { position: fixed; bottom: 0; left: 0; right: 0; color: #dddddd; font-weight: 800; padding: 0; background-color: #000000; } /*was main pages footer.inc file and html photo pages*/
#footerinner-old { width: 770px; margin: auto; padding: 0; background-color: #000000; } /*main pages footer.inc file and html photo pages*/
#footer { position: fixed; bottom: 0; left: 0; right: 0; color: #dddddd; font-weight: 800; padding: 0 20px; background-color: #000000; } /*Index, Photoalbum and was for html photo pages*/
#footer2 { width: 770px; margin: auto; padding: 0; background-color: #000000; } /*main pages footer.inc file and html photo pages*/
#footerinner { position: fixed; bottom: 0; width: 770px; color: #dddddd; font-weight: 800; padding: 0; background-color: #000000; }/*main pages footer.inc file and html photo pages*/

.cornercontainer { width: 770px; margin: 30px auto 0 auto; background-color: #e9e9e2; padding: 0; }
.bottomcorners { width: 100%; clear: both; height: 10px; line-height: 10px; font-size: 0px; padding: 0; }
.textcontainer { width: 730px; margin: 0 auto; padding: 0 20px; }
.wrapwide { width: 1000px; }
.navfloatleft { float: left; width: 220px; }
.navfloatright {float: right; width: 220px; text-align: right;  }
.leftcol49 { float: left; width: 49%; }
.rightcol49textright { float: right; width: 49%; text-align: right; }
.leftcol49textcenter { float: left; width: 49%; text-align: center; }
.rightcol49textcenter { float: right; width: 49%; text-align: center; }
.leftcoltextcenter { float: left; text-align: center; }
.rightcoltextcenter { float: right; text-align: center; }
.textcenter { text-align: center; }
.fullwidthandpadding { clear: both; width: auto; padding-left: 4%; padding-right: 4%; }
.fullwidthtextcenter { clear: both; width: auto; text-align: center; }
.fullwidthbgcolor { background-color: #000000; width: auto; margin-left: 2%; margin-right: 2%; padding: 0px;}
.fullwidth0pxhigh { clear: both; height: 0px; font-size: 0px; line-height: 0px; padding: 0; }
.date { float: left; width: 12%; padding-left: 4%; }
.text { float: right; width: 78%; padding-left: 1px; padding-right: 4%; }
.picturecentral { width: auto; background-color: #000000; margin-left: auto; margin-right: auto; border-color: #999999; border-style: double; border-width: 5px; padding: 5px; }
.picturecenter { width: auto; margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 0px;  text-align: center; }
.photoouter  { clear: both; width: auto;  text-align: center;  margin: 0 auto 40px auto; }
.photoinner { width: auto; border: 0px double #999999; margin: 0 auto; padding: 0; }
.left { float: left; }
.right { float: right; }
.widedocuments { width: 770px; margin: 0 auto; padding: 0; position: relative; } /*position: relative causes image to scroll over header but is needed for position: absolute annotations*/
.widedocuments img, .inscriptions img { display: block; margin: auto; }
.inscriptions { width: 730px; margin: 0 auto; padding: 0; position: relative; }


.multi-column-2 {
border: none; padding: 0;
-moz-column-count: 2;
-moz-column-gap: 1em;
/*-moz-column-rule: 1px solid black;*/
-webkit-column-count: 2;
-webkit-column-gap: 1em;
/*-webkit-column-rule: 1px solid black;*/
}

/*.leftnarrow { float: left; width: 50px; border-left: 2px solid #000000; border-right: 1px solid #000000; padding: 3px; }
.rightnarrow { float: right; width: 50px; border-left: 1px solid #000000; border-right: 2px solid #000000; padding: 3px; }
.centerdiary { float: left; width: 230px; padding: 3px; }
.rightcol49 { float: right; width: 49%; } for Thomas diary*/

.button { width: 32px; height: 32px; margin: auto; }
.button a { width: 32px; height: 32px; display: block;
background-image: url(images/combinedbutton64x32.jpg); }
.button a:hover { width: 32px; height: 32px; display: block;
background-image: url(images/combinedbutton64x32.jpg); background-position: -32px 0;  }
.button a:active, .button a:focus { width: 32px; height: 32px; display: block; background-image: url(images/combinedbutton64x32.jpg); border: 2px dotted red;  }
.hidden { display: none; }/*used for ?*/
.off-left { position: absolute; width: 1px; left: -9999px; margin: 0; padding: 0; }/*used for menu.inc index and photoalbum*/



img { border-style: none; }
li { margin-top: 10px; }
/*.leftnarrow ul, .rightnarrow ul, .centerdiary ul { list-style-type: none; margin-left: 3px; } for Thomas diary*/


a:link, a:visited, a:hover, a:active, a:focus { color: #2f4f4f; background-color: transparent; font-weight: 800; outline: none; }
a:link, a:visited, a:hover, a:active { }
a:link { color: #006400; }     /* unvisited link DarkGreen*/
a:visited { color: #008b8b; }  /* visited links DarkCyan*/
a:focus { color: #9400d3; }   /* focus links DarkViolet*/
a:hover { color: #a52a2a; }   /* hover links Brown*/
a:active { color: #9400d3; }  /* active links */


/*#de7008 orange*/  /*#ff9900 light orange*//*#008080 teal*/ /*#996633 dark brown*/ /*#008000 green*/

.photosubtitle a:link, .photosubtitle a:visited, .photosubtitle a:hover, .photosubtitle a:active, .photosubtitle a:focus { 
	color: #dddddd; 
	background-color: transparent; 
	font-weight: 800; 
	outline: none;
	text-decoration: underline; 
}

.photosubtitle a:link { 
	color: #dddddd; 
}     /* unvisited link Off-White*/
.photosubtitle a:visited { 
	 
}        /* visited links*/
.photosubtitle a:focus { 
	 
}	/* focus links*/
.photosubtitle a:hover { 
	color: #ffffff; 
}           /* hover links White*/
.photosubtitle a:active { 
	 
}        /* active links */



.nav a:link, .nav a:visited, .nav a:hover, .nav a:active, .nav a:focus { color: #dddddd; background-color: #000000; text-decoration: none; font-weight: 800; }

.nav a:link { } 

.nav a:visited { } 

.nav a:hover { color: #ffffff; } 

.nav a:active { } 

.nav a:focus { outline: none; text-decoration: underline; }

 .photoalbum a:link, .photoalbum a:visited, .photoalbum a:hover, .photoalbum a:active, .photoalbum a:focus
 { background-color: #000000; } /*sometimes use gray #666666*/

.photoalbum a:focus { outline: none; text-decoration: underline; }

/* setting the anchor border around IMG elements
   requires contextual selectors */

hr { width: 100%; height: 2px; border-style: solid; color: #996633; background-color: #996634; }

/* hides the second object from all versions of IE */
* html object.mp4 {
    display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mp4/**/ {
    display: inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.mp4 {
    display/**/: none;
}

input, textarea, select { background-color: #d8d8d1; border: none; }
.radio { background-color: #666666; }

/*DROPDOWN MENUS - HORIZONTAL*/

#menuh-container
	{ position: relative; z-index: 5;
	width: 770px;
	margin: 0 auto;
 	padding: 0; 
	border: none; 
	}
/*z-index coupled with position: relative makes menu show over javascript rotating images*/

#menuh
	{ background-color: #000000; height: 44px; 
	position: fixed; top: 0;	
	line-height: 1.5;
	font-size: 14px;
	width:770px;
	margin: 0;
	padding: 0; 
	border: none; 
	}

#menuh a
	{
	text-align: center;
	display:block;
	border: none;
	white-space:nowrap;
	margin: 0;
	padding: 0;
	}

#menuh a, #menuh a:link, #menuh a:visited, #menuh a:focus  /* menu at rest */
	{ margin: 0;
	color: #dddddd;
	background-color: #000000;
	text-decoration:none;
	}

#menuh a:hover	/* menu at mouse-over  */
	{ text-decoration: none;
	color: #ffffff;
	background-color: #666666;
	}

#menuh a:focus { outline: none; text-decoration: underline; }

#menuh ul
	{ 
	list-style:none;
	margin:-5px 0 0 0;
	padding:0 0 5px 0;
	border: none;
	float:left;
	width:95.5px;	/* width of all menu boxes */
	}

#menuh li
	{ 
	position:relative;
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em 0;
	margin: -1em 0 0 -7px; 
	width:110px;	/* width of all submenu boxes */
	}

#menuh ul ul.width101
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em 0;
	margin: -1em 0 0 -2px; 
	width:101px;	/* width of all submenu boxes */
	}

#menuh ul ul.width99
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em 0;
	margin: -1em 0 0 0; 
	width:99.5px;	/* width of all submenu boxes */
	}

#menuh li li, #menuh li li a, #menuh li li a:hover { margin: 0; position:relative; }

#menuh li li a, #menuh li li a:link, #menuh li li a:visited, #menuh li li a:focus  /* sub-menu at rest */
	{ margin: -2px 0 0 0; padding: 0;
	color: #dddddd;
	background-color: #000000;
	text-decoration:none; 
	}

#menuh li li a:hover	 /* sub-menu at mouse-over  */
	{ margin: -2px 0 0 0; padding: 0;
	text-decoration: none;
	color: #ffffff;
	background-color: #666666; 
	}

#menuh ul ul ul
	{ position:absolute;
	z-index:500;
	top: 0;/*auto;*/
	display:none;
	padding: 1em 0;
	margin: -1em 0 0 0; left: 100%;
	width:110px;	/* width of all sub-submenu boxes */
}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

div#menuh .spacer { line-height: 0.5; }
div#menuh .spacer a, div#menuh .spacer a:hover { background-color: #000; }

/*end of dropdown menus - horizontal*/

/*matched pairs for current page highlight*/

#generalpage #generalmenu a,
#mappage #mapmenu a,
#villagehallpage #villagehallmenu a,
#sportpage #sportmenu a,
#leisurepage #leisuremenu a,
#churchpage #churchmenu a,
#urcpage #urcmenu a,
#schoolpage #schoolmenu a,
#servicespage #servicesmenu a,
#censuspage #censusmenu a,
#olddocuments #olddocumentsmenu a,
#churchrecords #churchrecordsmenu a,
#generalpage #busesmenu a,
#generalpage #postofficemenu a,
#generalpage #localnewsmenu a,
#generalpage #eventsmenu a,
#generalpage #clubsmenu a,
#generalpage #governmentmenu a,
#generalpage #facilitiesmenu a,
#generalpage #historymenu a,
#generalpage #broadsheetmenu a,
#generalpage #websitesmenu a,
#services #shopmenu a,
#services #linkscheme a,
#services #bandbmenu a,
#services #policemenu a

{ color: #32cd32; cursor: default; }

/*end of matched pairs for current page highlight*/

table { border-spacing: 2px; }
/*remember, table also used for form*/
.padding { padding: 3px 0px; border: 0px solid black; }
td { border: 0px solid black; }
.contact { vertical-align: top; text-align: left; }
.name { width: 150px; }
.service { width: 110px; }
.phone { width: 100px; }
.address { width: 360px; text-align: justify; }
.largeright { width: 470px; text-align: justify; }
.largeright2 { width: 570px; text-align: justify; }
.nameplusservice { width: 260px; }
.topborder { border-top: 1px solid #d8d8d1; }

table#family { width: 500px; border-spacing: 2px; background: #e9e9e2; padding: 0px; margin: 0 auto; }
#family td { width: 158px; padding: 3px; border: 1px solid black; text-align: left; } /*table 500px - 4*2 border-spacing = 492/3 = td 164px - 2*3 padding - 2*1 border= 156px*/



.anchor { width: 1px; height: 1px; line-height: 1px; font-size: 1px; margin: 0; padding: 0; } /*  gives character height to anchor to lower it below menu; height: 25px; has no effect on "a" tag display: none stops underline of   but also stops character height; text-decoration: none does not stop underline; so I put the height class on the div instead of the a tag and deleted   but Safari was still a problem so I put another div underneath the anchor div with   to create height*/