﻿<style type="text/css">

/* stylesheet for WELNEY CROFT CRICKET CLUB pages from season 2011 */

/* reset browser styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, blockquote
						{ padding: 0; margin: 0; font-size: 100%; font-weight: normal;}
ol						{ margin-left: 0em;   list-style: decimal; }
ul						{ margin-left: 0em;   list-style:square; }
img					{ border: 0;}
/* end reset browser styles */

body				{	background:green url('images/chartreuse-brighter.jpg');
}			

.page,
.normal			{	background:#ccffcc; 
						font-family: Arial; /* was "Trebuchet MS"  */
						font-size: 11pt; 
						color: maroon; 
						padding: 0px; 
						table-layout:fixed; /* use to style initial table, values wil be inheritedl */
						width: 960px; 
						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:15px; 
						margin-bottom:15px;
						border-spacing:0; /* this is CSS equivalent to HTML cell-spacing */
}

.page,
.logocell,
.titlecell,
.normal,
.narrative,
.lb						{ 	border: 1px green solid; 
							border-collapse	: collapse; }
							 
.narrative2			{	border-left: 1px green solid; 
							border-right: 1px green solid;
							border-collapse: collapse;
}

.logocell,
.titlecell				{ 	height: 100px; 
							text-align: center; 
							vertical-align:middle }
.logocell			{ 	width: 20%; 
							background: white }   /* use at top of left & right columns */
.titlecell				{ 	width: 60%; 
							background: #ccffcc url('photos/pavilion.jpg') no-repeat; }  /* use for top central title cell */

.rightlogo			{	background:white url('photos/field.jpg') no-repeat } 


.sidecol				{ 	border-bottom: 0px; 
							border-top: 0px; 
							font-size: 10pt; 
							background : white;  } /* use for left & right columns below logocells; width inherited from logocell */

.narrative,
.narrative2			{ text-align: left; line-height: 166%; margin: 10px; padding-left: 20px; padding-right: 20px} /* use for centre column below titlecell; width inherited from titlecell */
blockquote		{ margin-top: 1em; margin-right: 1em; margin-bottom: 1em; margin-left: 1em;}
h1						{ font-size: 16pt;	font-weight: bold; color: yellow; text-align: center; padding-top: 5px } /* for page title*/
h2						{ font-size: 18pt;	font-weight: bold; color: yellow; text-align: center; line-height:10px} /* for club title*/
h3						{ font-size: 14pt;	font-weight: bold; color: green; text-align: center } /* for paragraph headings */
h4						{ font-size: 12pt;	font-weight: bold; color: green; text-align: left } /* for paragraph headings */
h5						{font-size: 10pt;	font-weight: bold; color: maroon; text-align: center; } /* for website title*/

.pagedate			{ background: white; height: 20px; font-size: 10pt; font-weight: normal; color: green;  text-align: center; }

.smltxt				{ font-size: 10pt }
.center				{ text-align: center;}
.left					{ text-align: left }	
.right					{ text-align: right }
.white				{ background-color: white }
.red					{ color: red }
.green				{ color: green }
.italics				{ font-style:oblique }

.visitorcounter { background: #FFFF99; height: 22px; border: 1px blue solid; border-collapse: collapse;  font-family: Arial; font-size: 10pt; color: maroon; text-align: center; vertical-align: top; }

.lb						{ background: #ccffcc; height:25px; font-size: 10pt; text-align: center; }
.active				{ background: aqua; }

a:link					{ color: blue; text-decoration: none; }
a:visited				{ color: blue; text-decoration: none; }
a:hover				{ color: blue; text-decoration: underline; } 

/* SIDE TABLES.  c  is a cell, h is a heading, hx and cx are for external sites. Position, width and colour are incorporated. */
.st,
.st-c,
.st-h,
.st-hx,
.st-cx					{ background: #fffdda; border: 1px green solid; border-collapse:collapse;  font-size:10pt; color: maroon; height: 20px; width: 90% }
.st-h					{ background: #ffcc99; text-align: center }
.st-c,
.st-cx					{ text-align: left; padding: 0 5px 0 5px}
.st-hx					{ background: #fbe2b8; text-align: center }
.st-cx					{ background: #fdebcf }
.st-c20				{ text-align: left; text-indent: 5px}
/*  the following pre-formatted text box is generally used within a st table in the side columns to indicate points to note. Standard background can be changed on the HTML page in td tag using class */
.comment			{ background-color:#ffffcc; border: 1px green solid;  padding: 2px; width: 90%; text-align: center}

/* 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,
.dcl,
.dcc,
.dcr,
.dch					{ border: 1px green dotted; border-collapse: collapse; background-color:#fffdda; font-family: arial; font-size:9pt; color:maroon;height:18px }
.dcl					{text-align:left; padding: 0 0 2px 5px; } /* top, right, bottom, left */
.dcc					{text-align:center; padding: 0 0 2px 0; } /* top, right, bottom, left */
.dcr					{text-align:right; padding: 0 5px 2px 5px;} /* top, right, bottom, left */

.dt,
.st						{table-layout: fixed;  border: 1px green solid} /* instructs browsers to make all columns same width as first row */
.dc,
.dcl,
.dcc,
.dcr,
.dch,
.notes				{ line-height: 100% }

.dch					{background: #ffcc99; text-align:center;}

.w12					{ width:12% }
.w4					{width: 4%}
.w20					{ width:20% }
.w16					{width: 16% }
.pl						{padding-left:15px}

/* PHOTO TABLES  pa= photo album (table), pc = photo cell*/
.pa					{ border: 1px green solid; table-layout: fixed ; border-spacing:10px; padding:5px; background-color:#fffdda}
.pc					{ padding: 5px;text-align:center; vertical-align:middle; font-size: 10pt; width:33% }
.photo				{ width:90%; border :1px maroon solid }

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:underline;
}

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:0px;
}
ul.norm li li {		list-style:circle;
					margin-left:0px;
}




ul.nav		
{ 

					list-style: none;
					border: 1px green solid;  /* border is only on outer box */
					border-collapse: collapse;
					margin-left:auto;
 					margin-right:auto;
 					padding:0px
 
}
ul.nav li
				{	
					display: block; 
					background: #fffdda ; 
					text-align: left; 
					text-indent: 4px; 
					height: 20px; /* do not set to auto, display is awful & jumpy */
					padding:0px
}


ul.nav a:link { 
					display: block;
}
ul.nav a:hover,
ul.nav li:hover 	{ 
					display: block;  /* display:block in li & hover makes link & background colour spread fully across cell rather than just the text; */
					background:#89ca9d url(../images/icons/hover-light-blue.jpg) repeat-x;
}
ul.nav a:hover	{ 
					text-decoration:underline; 
}



/* hides levels until previous hovered over as below) */
ul.nav li ul,		 				/* 2nd level */
ul.nav ul.nav li ul				/* 3rd level*/
		{ 			display: none; 
} 

/* displays levels when previous hovered over */
ul.nav li:hover ul,		 			/* displays 2nd level when 1st hovered over. */
ul.nav ul.nav li:hover ul			/* displays 3rd level when 2nd hovered over. */
		{ 			display:block;
					position: relative;
					border: 1px green solid;	 /*  puts border around outer box, but not lines; seems to be inherited from ul.nav for 2nd level, but not the 3rd */
					background-color:#fffdda;
 				
					top: -16px;
 					list-style: none;
 					height: auto;
 					margin-left:auto;
 					margin-right:auto;
 					padding:0px;
}
ul.nav,
ul.nav li						
				{	width: 165px;
}
ul.nav ul.nav,
ul.nav ul.nav li						
				{	width: 185px;
					left: 155px;	
}
ul.nav ul.nav ul.nav,
ul.nav ul.nav ul.nav li						
				{	width: 95px;
					left: 135px;	
}

