/* stylesheet for new WELNEY HISTORY WEBSITE pages */

/* reset browser styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, blockquote
					{ padding: 0px; margin: 0px; font-size: 100%; font-weight: normal;}
ol					{ margin-left: 0px;   list-style: decimal; }
ul 					{  } /* original values  list-style:square ;margin-left: 0px;  padding:0px; were deleted in order for Information page to work*/
img				{ border: 0;}
/* end reset browser styles */

body			{	background: white;/* xmas 2012 was #00b1ae url('../images/christmas-background-tiles147-150x150.gif') */
}			
.page,
.header
		{ 	/* this styles header (banner) table and main table of page; font-family & colour should be inherited unless stated below.,*/
					width: 960px; 
					table-layout:fixed;
					margin-left : auto; 		/* margins left & right set to auto centers page in browser window */
					margin-right: auto;  	/* margins left & right set to auto centers page in browser window */
					margin-top:10px; 
					margin-bottom:10px;
					font-family: Ebrima , Arial; /* Ebrima looks better */
					font-size: 11pt; 
					color: maroon; 
					padding: 0px;
					border-spacing:0; /* this is CSS equivalent to HTML cell-spacing */
}
.page
				{ 	border: 1px maroon solid; 
					border-collapse	: collapse; 
					background:#ececec; /* light grey */
} 

.header		
				{ width:940px;
				height: 140px; 
					border-bottom :0px; 	/* prevents double-width border effect with main page table */
} 

.logocell	{	width:195px;
					background:#fde2b8;
					border:1px maroon solid; 
					border-collapse:collapse;
					font-size:10pt;   
					text-align:center; 
					vertical-align:middle;
					margin-left:auto;
					margin-right:auto;
}

.titlecell		{	width:741px;
					border: 1px maroon solid; 
					border-collapse:collapse;
					background-image:url('../images/header-slides/c2000-sunset-over-flooded-washes.jpg')
 }
.top-slides	{ border: 1px maroon solid;
					border-left:0px;
					width: 741px;
					background-image:url('../images/741x140/c2000-sunset-over-flooded-washes.jpg')
 

	
}

.sidecol		{	width:220px;
					border-top:0px; 
					font-size:10pt;   
					vertical-align:top;
					text-align:center;
					margin-left:auto;
					margin-right:auto;
}

.narrative
				{ 	text-align :left;
					line-height: 166%; 
					margin:10px; 
					padding-left:20px; 
					padding-right:20px; 
					vertical-align:top;
				
}
.narrative,
.sidecol	{		border-top:none;
					border-bottom:none
 }
 
 .top		{		border-top:1px blue solid
 }
 .bottom	{	border-bottom:1px blue solid
}
.lb					{ background: #d4ecfb; height:25px; font-size: 10pt; text-align: center; }
blockquote	{ margin-top: 1em; margin-right: 1.2em; margin-bottom: 1em; margin-left: 1.2em; text-align: justify; line-height:166%; font-family:Arial; text-align:justify }  
								/* you can nest blockquotes, ie put a blockquote within another one, to increase overall or occaisional  indext*/


h1					{ font-family: "Tahoma";	 font-size: 14pt;	font-weight: bold; color: maroon; text-align: center;  } /* for page title*/
h3					{ font-family: "Tahoma";	font-size: 12pt;	font-weight: bold; color: maroon; text-align: left; } /* for page sub title*/
h4					{ font-size: 11pt;	font-weight: bold; color: maroon; text-align: left; } /* for page sub-sub title*/
h5					{ font-family: "Comic Sans MS"; font-size : 10pt;	 color: white; text-align: center; } /* for  page creation date/page update*/
h6					{ font-size: 10pt;	font-weight:normal; color: maroon; text-align: center; } /*  */

.pagedate		{  background: #d4ecfb; font-family:  :, Tahoma;	
font-size: 10pt;	font-weight: normal; color: maroon; text-align: center; } /* for  page creation date/page update*/

.visitorcounter{
					/*  
					 height: 22px; 
					 border-collapse: collapse; 
					 text-align: center;  */ 
					 background: #FFFF99;
					 border: 1px blue solid;
					 vertical-align: top;
					 display:inline;
					 font-weight:bold;
}


a:link		{ 		/* do not amalgamate link/visted/hover - doesn't work */
					color: blue; 
					font-weight: normal; 
					font-style:normal; 
					text-decoration:none;
}
a:visited	{ 
					color: blue; 
					font-weight: normal; 
					font-style:normal; 
					text-decoration:none;
}
a:hover	{ 
					color: blue; 
					font-weight: normal; 
					font-style:normal; 
					text-decoration:none; 
					background:url('../images/buttons/beige.jpg') repeat;
					



}

ul.norm li	{		list-style:disc;   /* this and codes below sets ul values back to default, having been lost on move from welney.css to welney-new css */
					margin-left:40px;
}
ul.norm li li {		list-style:circle;
					margin-left:40px;
}


.smltxt			{ font-size: 10pt }
.center			{ text-align: center;}
.left				{ text-align:left }	
.right				{ text-align: right; text-indent: 15px}
.bold				{ font-weight:bold }
.white			{ background: white; }
.red				{ color:red }
.lightcyan		{ background:#ccffff;}
.grey				{ background:#d7d7d7;}
.blue				{ color:blue;}
.aqua			{ background:aqua}
.obit				{ color: black; border-color:black; border-collapse:collapse } /* add after other class tags in obituary pages. Unfortunately, the border color does not always over-rule normal style*/
.closetxt 		{ line-height: 50%}
.rptdate			{ color:red; font-weight:bold; line-height: 250%}
.active			{ background: aqua; }

.gazette			{ background: #fff5e8; height: 140px; border: 2px blue solid; border-collapse: collapse; text-align: center; font-family:"Old English Text MT"; color:maroon; font-size: 14pt }
.luftwaffe-cross { font-family: "Wingdings 2";} /* <span class="luftwaffe-cross">Ë</span> */

.today				{ width:28%;
}

/* DATA TABLES.  the following codes are for data tables (dt) and data cells (dc) within tables.  Position, width and background colour are set separately */
.dt,
.dc				{ border: 1px maroon solid; border-collapse: collapse; height:20px;font-size:10pt; line-height: 110%; background-color: white;}/*#FFFFCC  */

.dc				{ padding: 0 4px 2px 4px} /* top, right, bottom, left */

.dt,
.st					{ table-layout:fixed} /* instructs browsers to make all columns same width as first row */

.dc				{ border: 1px maroon dotted
}
.dch				{ border: 1px maroon solid; border-collapse: collapse;
	
}
/*  NAV4 is used on new-style pages with curved corners text boxes */
ul.nav4,
ul.nav4 li,
ul.nav4 li:hover,
ul.nav4 li:hover ul,
ul.nav4 a:link,
ul.nav4 a:hover
		 {			display: block; /* display:block in li & hover makes link & background colour spread fully across cell rather than just the text; */
 					list-style: none;
 					


}
ul.nav4 a:link { color: blue;
}

ul.nav4 li		{
					background: #fdebcf  ; 
					text-align: left; 
					text-indent: 4px; 
					width: auto; /* DO NOT CHANGE or DELETE allows line to expand to show full text */
					height: 20px; /* do not set to auto, display is awful & jumpy */
}

ul.nav4 a:hover,
ul.nav4 ul.nav4 a:hover,
ul.nav4 ul.nav4 ul.nav4 a:hover,
ul.nav4 ul.nav4 ul.nav4 ul.nav4 a:hover

				{ 	color:blue;
					font-weight:bold;
					text-decoration:none; 
					background:url('../images/buttons/beige.jpg') no-repeat;

					
}
ul.nav4 li ul,		 				/* 2nd level */
ul.nav4 ul.nav4 li ul,
ul.nav4 ul.nav4 ul.nav4 li ul,
ul.nav4 ul.nav4 ul.nav4 ul.nav4 li ul
					{ 	color:maroon;
					font-weight:normal;
					text-decoration:none; 
				

}

/* These hide the levels until previous one hovered over */
ul.nav4 li ul,		 				/* 2nd level */
ul.nav4 ul.nav4 li ul,
ul.nav4 ul.nav4 ul.nav4 li ul,
ul.nav4 ul.nav4 ul.nav4 ul.nav4 li ul
		{ 			display: none; /* hides (until hovered over as below) */
}

 /* These display the levels when previous one hovered over */
ul.nav4 li:hover ul,		 			/* displays 2nd level when 1st hovered over. */
ul.nav4 ul.nav4 li:hover ul,			/* displays 3rd level when 2nd hovered over. */  
ul.nav4 ul.nav4 ul.nav4 li:hover ul,	/* displays 4th level when 3rd hovered over. */  
ul.nav4 ul.nav4 ul.nav4 ul.nav4 li:hover ul	/* displays 5th level when 4th hovered over. */  
		{ 			      /* width:200px; was auto this value is wider than top level for dem pages*/
					overflow:visible; 
					position: relative; 
					left: 175px; 		/* position 2nd+ level boxes to side of top level box. value must be no more than ul.nav4 width above */
					top: -16px;
					border: 1px blue solid;	 /*  puts border around outer box, but not lines; seems to be inherited from ul.nav4 for 2nd level, but not the 3rd */
					color: maroon; /* this sets font color of un-linked text; hyperlink colors are set with a. values above */
					background:url('../images/buttons/beige.jpg') no-repeat;

					display: block; /* display:block in li & hover makes link & background colour spread fully across cell rather than just the text; */
 					list-style: none;

}

ul.nav4 a:hover,
ul.nav4 li:hover 	{ 
					display: block;  /* display:block in li & hover makes link & background colour spread fully across cell rather than just the text; */
					background:url('../images/buttons/beige.jpg') repeat-x;

}
ul.nav4 li:hover ul,		 		

ul.nav4 ul.nav4 li:hover ul,			/* displays 3rd level when 2nd hovered over. */  
ul.nav4 ul.nav4 ul.nav4 li:hover ul	/* displays 4th level when 3rd hovered over. */  
{					width:225px;  
	
}