body        {	background-color: #F0FFE8;	} 
body,
input	{
	font-family: Verdana, Arial, Tahoma, Helv, Helvetica, Sans-Serif;
	font-size: 10pt;
	border-width: 1px;
	}

input[type=text], input[type=password] {
	padding: 2px;
	}
a:focus, input:focus[type=text], input:focus[type=password], abbr:focus, select:focus	{
	background: yellow;	
	border: 1px solid grey;
	padding: 2px;
	}
select:focus	{
	border-radius: 4px;
	padding: 2px 1px;
	}
select:focus option,
select:focus optgroup	{ 
	background: white
	}
.gallery a:focus	{ background: transparent;
					  border: none	}
.gallery a:focus img{ filter: drop-shadow(2px 2px yellow);	}

.banner	{
	clear: both;
	display: table;	
	margin: 10px auto;
	padding: 10px;
	border: 3px solid red;
	background: white;
	color: red;
	font-weight: bold;
	text-align: center;
	}

input.size1	{	width: 15px;	}
input.size2	{	width: 25px;	}
input.size3	{	width: 35px;	}
input.size4	{	width: 45px;	}
input.size5	{	width: 50px;	}
input.size6	{	width: 55px;	}
input.size8	{	width: 70px;	}
input.size10	{	width: 85px;	}
input.size12	{	width: 95px;	}
input.size16	{	width: 150px;	}
input.size24	{	width: 200px;	}
input.size32	{	width: 250px;	}
input.url		{	width: 700px;	}

p            { margin-top: 5px; 
			   margin-bottom: 5px }
p.hmenu			{	text-align: center; 
					font-weight: bold; 	
					padding: 5px;}
p.provisional	{	
	text-align: center;
	color: red;
	font-style: italic;
	font-weight: bold;
	clear: both;
	}
p.archives	{	width: 220px;
				float: right; 
				background-color: white;
				border: 2px solid black;
				padding: 10px; 
				margin: 10px 0 10px 10px;
				text-align: right;	}
p.ref		{	padding-right: 30px;
				float: left;
				text-align: left;
				line-height: 150%	}
p.ref img 	{	position: relative;
				top: 2px	}
p.footnote	{	font-style: italic;
				margin: 0 auto 20px;	}
p.error		{	font-weight: bold;
				color: red;
				margin: 10px }
p.later {
	margin: 50px 0;
	text-align: center;
	font-style: italic;
	}
div.ref {
	float: left;
}
em			{ 	font-weight: bold;
				font-style: italic;
				color: red;	}	
h1           {	font-size: 180%; 
			  	font-weight: bold; }
h2           {	font-size: 133%; 
			  	font-weight: bold; 
			  	margin-top: 0; 
			  	margin-bottom: 0 }
h2 img.icon	{	margin-top: 3px;	}
h3           {	font-size: 10pt; 
			  	font-weight: bold; 
			  	margin-top: 10px; 
			  	margin-bottom: 5px }
h4           {	float: right;
				font-size: 10pt; 
			  	font-weight: normal; 
			  	margin: 0; }
h5 			{ 	font-size: 100%; 
			  	font-weight: bold;
			  	background-color: green;
			  	color: white;
			  	text-align: left;
			  	padding: 5px;
			  	margin: 10px 0}
h5.archive  { 	text-align: center;
			  	padding: 5px 0;
			  	margin: 5px 0}
h6			{ 	width: 250px;
				margin: 10px auto;
				overflow: auto;
			  	padding: 5px;				
				font-weight: normal;
			  	font-size: 8pt;
			  	font-style: oblique; 
			  	background-color: green;
			  	color: white;
			  	text-align: center; }
hr			{	clear: both;	}
address		{	text-align: right;
				clear: right;	}

img				{	border: 0; }

::placeholder {
	color: #808080
	}
/*
marquee			{	height: 18px;
					width: 100%;
					color: red; 
					font-weight: bold; 
					font-style: italic;	}
a marquee		{	text-decoration: underline	}
*/
div.img_l,
span.img_l	{
	float: left;
	padding: 5px 10px 5px 0;
	text-align: center;
	font-style: italic;
	overflow: auto;
	}
.img_c	{
	margin: auto;
	padding: 5px 10px 5px 0;
	text-align: center;
	font-style: italic;	
	overflow: auto;
	}
div.img_r,
span.img_r	{
	float: right;
	padding: 5px 0 5px 10px;
	text-align: center;
	font-style: italic;
	overflow: auto;
	}
div.img_r div	{	float: left;	
					padding: 0 0 0 10px;	}
div.img_l h6,
div.img_r h6	{	margin: 10px auto	}

.left		{	text-align: left	}				/*	replaces align='left'	*/
.center		{	text-align: center	}				/*	replaces align='center'	*/
.right		{	text-align: right	}				/*	replaces align='right'	*/
.top		{	vertical-align: top	}				/*	replaces align='top'	*/
.bottom		{	vertical-align: bottom }			/*	replaces align='bottom'	*/
caption.top		{	caption-side: top	}
caption.bottom	{	caption-side: bottom	}
div.center,
table.center	{	
	margin: auto;
	text-align: left;
	}

.white		{	background: white	}
.cyan		{	background: #D0FFFF	}
.yellow		{	background: #FFFFC0	}

.img img,
.img_l img,
.img_c img,
.img_r img		{	margin: 2px		}
.img a:focus,
.img_l a:focus,
.img_c a:focus,
.img_r a:focus	{	
	padding:0;
	}
.img a:hover img,
.img_l a:hover img,
.img_c a:hover img,
.img_r a:hover img	{	border: 2px solid blue;
						margin: 0;
						cursor: zoom-in	}

table			{	font-size: 10pt;
					border-spacing: 0; }		 		/*	replaces cellspacing='0' in HTML5	*/
th, td			{	padding: 0	}						/*  replaces cellpadding='0' */

table.img		{	margin: auto	}
table.img td	{	padding: 5px;
					vertical-align: top;
					font-style: italic;
					text-align: center;	}
table.img td div	{	float: left;
						margin: 0 5px	 }
table.img p		{	font-style: normal;
					text-align: justify	}						

.icon	 	{	vertical-align: top }
ol          { 	font-size: smaller }

.RED			{	color: red	}
.GREEN			{	color: green	}

.hilite			{	font-weight: bold;
					color: red;
					margin: 5px 0;	}
span.hilite		{	font-style: italic	}

#marquee {	
	width: 100%;
	overflow: hidden;
	}
#marquee p,
p.marquee,
#marquee a	{
	font-weight: bold;
	font-style: italic;
	color: red;
	}
#marquee p,
p.marquee {
	float: left;
	clear: left;
	margin: 2px 0;
	border: 0;
	padding: 0;
/*	box-sizing: border-box;	*/
	white-space: nowrap;	
	position: relative;
/*	animation: marquee 15s linear infinite;	*/

	}
/*
@keyframes marquee {
    from {	left: 100% }
    to { left: -100% }
	}	
*/
/*---------------- leagues ------------------*/
table.league_head	{	width: 100%;
						border: none;
						border-spacing: 0	}
table.league_head td	{	padding: 0;
							vertical-align: middle;
							text-align: center	}
table.league_head td.left,
table.league_head td.right	{	width: 300px;	}
/*----------------------------- league rules -------------*/
div.rules		{	width: 1000px;
					margin: auto;
					padding: 10px;
					border: 1px solid black	}
div.rules h2	{	text-align: center;
					margin: 5px; }
div.rules p		{	text-align: right;
					margin-right: 10px	}					
div.rules ol, 
ol.rules		{ 	margin-left: 0; 
					padding-left: 30px;	}
div.rules ol li,
ol.rules li		{ 	font-size: 8pt;
					padding-left: 5px; 
					text-align: justify;
					margin: 5px 10px 5px 0;	}
div.rules ol li li,
ol.rules li li	{	margin: 0;
					padding: 1px 0	}
div.rules ol li ol,
ol.rules li ol 	{	list-style-type: lower-alpha;
					padding-left: 15px;
					margin: 1px 0 0 0;	}
div.rules ol.play-off	{ 	list-style-type: none	}
div.rules ol.play-off	li	{	counter-increment: section;
								text-indent: -26px }
div.rules ol.play-off	li:before	{	content:counter(section)"a.";
										padding-right: 7px }
ol.rules table {
	margin: auto;
	}
ol.rules table td {
	vertical-align: top;
	text-align: center;
	padding: 2px 10px;
	}
ol.rules li ul 	{	
	list-style-type: disc;
	padding-left: 15px;
	margin: 1px 0 0 0;
	}
	
td.trophy h6 {
	width: 150px;
	}

/*----------------------------- top & bottom -------------*/
ul.hmenu,
ul.hmenu ul		{ 	background: #A8FFA0;
					white-space: nowrap;							/* needed for older versions of MSIE */
					padding: 0;	}

ul.hmenu		{	display: inline-block;
					margin: 0;	}
ul.hmenu ul		{ 	display: none;									/* cascading submenu, default: hidden	*/
					position: absolute;	top: 26px; left: 0;
					margin: 0;
					z-index: 1;
					text-align: left;	}
ul.hmenu img	{	position: relative;	 left: -2px;	}			/* 'cos icons have 2px of transparency	*/
ul.hmenu li		{	display: block;
					position: relative;
					background: #A8FFA0;
					margin: 0;	}
ul.hmenu>li		{	float: left; 
					height: 26px; 	
					font-weight: bold;
					padding: 0	}

ul.hmenu a		{	display: inline-block;
					color: black;
					text-decoration: none;	}
					
ul.hmenu>li>a	{	margin: 0;
					padding: 5px 9px; }
					
ul.hmenu ul li		{	font-weight: normal;
						padding: 2px 10px;	}
ul.hmenu ul li a	{	padding: 0;}

ul.hmenu li:hover ul	{	display: block;	}				/*  reveal cascading submenu by mouseover	*/

ul.hmenu li>a:hover,
ul.hmenu li li:hover	{	background: yellow }			/*	show yellow for focus/mouseover	*/
ul.hmenu a:focus,
ul.hmenu a:hover		{	text-decoration: underline;	}	/*	underline links only when selected	*/

ul.hmenu li.self,
ul.hmenu li.self>a:hover,
ul.hmenu li li.self:hover,
ul.hmenu li.self>a:focus	{	background: #D0D0D0	}

ul.hmenu a.nolink,
ul.hmenu a.nolink:focus,
ul.hmenu a.nolink:hover		{	text-decoration: none	} 	/* never underline if nolink	*/
ul.hmenu a.nolink:focus,
ul.hmenu a.nolink:hover		{	background: #A8FFA0;
								color: #B0B0B0;	}			/* grey nolink menu link text only when selected	*/

mark			{	background-color:	#FF80FF	}

#header>img		{	position: absolute;	}
#header h1		{	text-align: center;
					margin: 13px 100px 17px 100px; }
#header h2		{	margin: 5px;	}
#header #searchbox		{	float: right;
							padding: 0;
							margin: 1px 0 0 6px;	}
#header #searchbox	input,
#header #searchbox	button		{	float: right;	}
#header #searchbox	input		{	width: 120px;	}
#header #searchbox	button		{	width: 20px;
									height: 20px;
									margin: 1px;
									background: transparent;
									border: 0;
									padding: 0	}
#header #searchbox	button:hover	{	cursor: pointer;	}

#topmenu		{	text-align: center;	}
#topmenu>div	{	display: inline-block;
					min-width: 332px;
					margin: 0 0 0 100px;
					text-align: center;
					position: relative; 
					z-index: 2	}
#resetflags			{	position: absolute; right: 0;	}
#resetflags input	{	padding: 3px 10px 2px;
						border: 1px solid red;	
						background-color: yellow;
						font-weight: bold;
						color: red	}

#crumbs			{	clear: both;
					text-align: left;
					margin: 0;
					text-align: left;
					background: green;
					margin-top: 0;
					/* border-top: 2px solid white;	*/}
#crumbs ul		{	height: 18px;
					padding: 0 0 0 5px; 
					margin: 0; 
					background: green;
					color: white;
					cursor: default	}
#crumbs li		{	margin: 0;
					padding: 0; }
#crumbs a		{	margin: 0;
					padding: 0 3px 2px;	}
#crumbs li,
#crumbs a.nolink:hover, 
#crumbs a.nolink:focus, 
#crumbs a		{	display: inline;
					float: none;
					background: green;
					color: white;
					text-decoration: none;
					font-weight: normal;	}
#crumbs li.self a		{	background: #D0D0D0;
							color: black;	}
#crumbs li.self a:hover	{	background: #D0D0D0;
							color: #B0B0B0;	}
#crumbs a:hover,
#crumbs a:focus		{	background: yellow;
						color: black;
						text-decoration: underline;	}

#archmenu,
#adminmenu		{	width: auto;
					text-align: center;
					background: #A8FFA0;
					margin: 0 0 15px 0	}
#archmenu h2	{	position: absolute;
					margin: 5px;
					text-align: left;
					font-size: 100%;
					color: #B0B0B0 }
#archmenu h2+h2	{	text-align: right;
					right: 10px;	}
#archmenu>ul	{	min-width: 275px;
					margin: 0 90px;	}

#footer				{	clear: both;	}
#footer	table td	{	font-size: xx-small; 
						font-style: italic;
						padding: 5px;
						text-align: center;
						width: 33%	}

#privacy 			{	font-size: 100%	}
#privacy li			{	margin: 5px;
						text-align: justify	}
/*----------------- embedded submenus -------------*/
ul.vmenu,
ul.vmenu li,
ul.vmenu a	 		{	padding: 0;
						margin: 0;
						list-style: none;
						white-space: nowrap;
						text-decoration: none;	}
ul.vmenu a			{	color: blue;
						font-weight: bold;	}
ul.vmenu a:hover,
ul.vmenu a:focus,
ul.vmenu li:focus a	{	background: none;
						color: red;
						text-decoration: underline;
						cursor: pointer	}
/*----------------------------------------*/
div.schedule,
div.schedule caption	{
	margin: 0;
	font-style: italic;
 	text-align: left; 
 	}
.schedule td	{	padding:	2px; }
p.schedule		{	margin: 0 0 5px;	}
tr.schedule	 	{	vertical-align: baseline }
div.schedule 	{	overflow: hidden;	}
div.schedule table	{	float: right	}
div.schedule tr>td	{	
	width: 120px;
	}
					
abbr			{ 	color: blue;
					font-style: italic	}
abbr dfn		{ 	display: none	}
abbr:focus dfn,
abbr:hover dfn	{	display: block;
					width: 200px;
					height: auto;
					border: 1px solid grey;
					position: absolute;
					z-index: 2;
					margin-left: 50px;
					background-color: #FFFFD0;
					padding: 5px;
					text-align: left;
					white-space: normal;
					color: black;
					font-weight: normal;
					font-style: normal;		}
/*------------ News -----------------------*/
#news_header,
#news_footer			{	width: 100%;
							background: white;
							border: 2px solid black		}
#news_footer h3			{	margin-left: 5px;	}

#news_header caption	{	text-align: center;
							color: red;
							font-style: italic;
							font-weight: bold;
							margin-bottom: 5px	}
#news_header td,
#news_footer td			{	vertical-align: middle;
							text-align: left;
							white-space: nowrap	}
#news_header td			{	width: 33.3%	}
#news_footer td			{	padding: 0 0 5px 0;	}
#news_header td+td,
#news_footer td+td		{	text-align: center;
							padding: 5px	}

#news_footer td i		{	text-align: left;
							margin: 5px;
							font-style: italic;
							font-size: smaller;	}
#news_header td+td+td,
#news_footer td+td+td	{	text-align: right	}

hr.news		 {   height: 2px;
				 background-color: #A0A0A0;
				 border-width: 0;	}
h3.news,
h3.news_section			{	background:	green;
							color: white;
							margin: 0;
							padding: 10px;
							font-weight: bold;	}
table.news				{	clear: both;
							margin-top: 6px;
							margin-bottom: 6px;
							width: 100%;
							border-top: 2px solid #A0A0A0;	}
table.news td			{	border: 0;
							border-bottom: 2px solid #A0A0A0;
							padding: 5px 0;	}
table.news td			{	width: 200px	}
table.news td+td		{	width: 150px	}
table.news td+td+td		{	width: auto	}
table.news td cite		{	display: inline-block;
							width: 200px;
							font-style: normal	}
table.news tr.EACF		{	font-weight: bold	}

/*------------ Archives -------------------*/
#archive				{ 	margin: auto;
							background: white;
							border-spacing: 0 }
#archive tr 			{ 	height: 18px;
					  		text-align: center;
					  		vertical-align: middle }
#archive th,
#archive td 			{ 	font-weight: normal;
							padding: 3px }
#archive thead td		{	font-weight: bold	}							
#archive th:hover,
#archive th:focus		{ 	background: yellow	}
/*------------ Anderson + Wheeler Shields, Inter-Counties, league playoffs --------*/
table.county,
table.county_teams,
table.league_teams		{	
	width: 100%;
	margin: 10px auto;
	background: #FFFFC0;
	border: 2px solid black;
	border-collapse: collapse;
	text-align: center;
	}
table.county caption,
table.county_teams caption,
table.league_teams caption	{	
	margin: 20px 0 5px;
	text-align: left;
	font-size: 150%;
	font-weight: bold;	
	}
table.county caption h3		{	float: right;
								margin: 5px 0;	}
table.county tr.leg2	{	height: 45px	}
table.county tr.leg3	{	height: 60px	}
table.county td, 
table.county th			{	border: 1px solid grey;
							vertical-align: middle;
							padding: 5px;
							white-space: nowrap;
							font-weight: normal;	}
table.county td			{	width: 150px;
							text-align: left	}
table.county td+td,
table.county th+td,
table.county td.score,
table.county th			{	width: 50px;
							text-align: center	}
table.county td i		{	font-size: smaller	}
table.county thead td i	{	float: right;
							text-align: right;	}

table.county_key	{	
	border-collapse: collapse;
	clear: both;
	}
table.county_key td			{	padding: 4px;
								width: 100px;
								text-align: left;
								font-size: smaller	}
table.county_key td+td		{	border: 1px solid black;
								width: 70px;
								text-align: center;
								background: white	}
table.county td.CP,
table.county tr.relegated td.CP,
table.county tr.promoted td.CP,
table.county_key td.CP	{	background: #D0FFFF	}

table.county td.win {
	color: green;
	}				
table.county td.loss {
	color: red;
	}				

table.ccd tr th+th		{	text-align: left	}
table.ccd tr td+th+th,
table.ccd tr th+th+th	{	text-align: center	}

table.GC			{	width: auto;
						margin-left: 0	}
table.GC tr			{	height: 45px	}
table.GC td+td,
table.GC th			{	width: 55px;	}
table.GC th.CF		{	background: #C0FFC0;
						white-space: normal	}

#counties {
	width: 910px;
	margin: auto;
	clear: both;
	}
#counties p {
	text-align: justify;
	}
#counties p.provisional {
	text-align: center;
	font-size: larger;
	margin: 0;
	}
#counties p.county_hdr,
p.county_hdr {
	clear: both; 
	border: 2px solid black; 
	padding: 10px; 
	text-align: center;
	font-style: italic;
	}
.eacf,
table.county .eacf,
p span.eacf				{	font-weight: bold;
							color: red	}
table.county tbody.relegated,
table.county tr.relegated td,
table.county tr.relegated th	{ 	background: #FFE0E0;	}
table.county tbody.promoted,
table.county tr.promoted td,
table.county tr.promoted th		{ 	background: #D8FFD8;	}
table.county tr.quit td,
table.county tr.quit th,
table.county tr td.quit			{ 	background: #C0C0C0;
									text-decoration: line-through;	}

table.county tbody td+td,
table.county td.score,
table.county td.score2,
table.county tr.promoted td+td,
table.county tr.relegated td+td		{	background: white;	}
table.county td.score2				{	width: 55px;
										text-align: left;
										padding-left: 10px	}
table.CP tbody td+td,
table.CP tr.promoted td+td			{	background: #C0FFFF	}	

table.county td.diagonal,
.county .promoted  .diagonal,
.county .relegated  .diagonal	{	background: black; }
/*
table.county td.score		{	text-align: left;
							 	padding-left: 10px}							
*/
table.county_teams td,
table.league_teams td	{	
	text-align: left;
	vertical-align: top;
	min-width: 10%;
	padding: 5px;
	}
table.county_teams td+td,
table.league_teams td+td {	
	min-width: 80%;
	}
table.league_teams td:first-child	{
	white-space: nowrap
}

table.ko	{
	margin: 10px auto;
	border-collapse: collapse;
	border: 2px solid black;
	background: white;	
	}
table.ko td	{
	padding: 0 5px;
	border: 1px solid grey;
	text-align: left;
	white-space: nowrap;
	}
table.ko thead td,
table.ko tfoot td	{
	font-weight: bold;
	background: #FFFFC0;
	}
table.ko tfoot td+td	{
	font-weight: normal;
	background: white;
	text-align: center;
	}
table.ko td:first-child	{
	background: #FFFFC0;
	}
table.ko td.winner {
	color: blue;
	font-weight: bold;
	}

table.finals table.ko {
	float: left;
	margin: 0 10px 10px 0;
	}
/*------------ Club Champions Tournament -----------------*/
div.cct					{	width: 800px;
							margin: 0 auto	}
div.cct table			{	margin: 0 0 10px	}
div.cct caption		 	{	margin: 5px	}							
div.cct caption span 	{	float: right;
							margin-top: 8px;
							font-size: 66%; 
							font-style: italic}
div.cct th				{	color: black;
							padding: 5px 3px;
							width: 170px;
							text-align: left;
							white-space: nowrap	}
div.cct thead td		{	font-weight: bold;	}
div.cct th+th,
div.cct td+th,
div.cct td,
div.cct td.score		{	padding: 3px;
							width: 45px;
							text-align: center;	}

div.cct ol				{	margin-top: 0;
							font-size: 100%	}

div.cct table.GCcct 	{	margin: 10px auto;	}
div.cct table.GCcct th	{	text-align: center;	}
div.cct table.GCcct td	{	text-align: left;
							padding: 1px 20px 1px 0;
							white-space: nowrap;	}
div.cct table.GCcct td+th	{	padding: 1px 20px 1px 50px;
								text-align: left;
								font-weight: normal	}
table.ccd thead td+td		{ 	text-align: center; }
/*-------------- diary -------------*/
div#diary	{
	display: table;
	max-width: 800px; 
	margin: auto;
	text-align: left;
	}
table.diary 			{
	margin: auto;	
	background-color: white;	
	border: 1px solid #C0C0C0;
	border-spacing: 1px;
	}
table.diary caption	{	
	text-align: left;
	font-size: 133%;
	font-weight: bold;	
	}
table.diary caption	p {	
	font-size: 75%;			/* 133% x 75% -> 100%	*/
	font-weight: normal;	
	}

table.diary thead		{	font-weight: bold;	}
table.diary tr			{	vertical-align: middle;
							text-align: left;	}		
table.diary tr.year td	{	border: none;	
							font-size: 133%;
							font-weight: bold;	}		
table.diary th			{	text-align: center;	}
table.diary thead th	{	text-align: left;	}
table.diary td,
table.diary th			{	padding: 3px 6px;
							border: 1px solid #C0C0C0;
							white-space: nowrap	}
table.diary td:last-child	{	white-space: normal	}

table.diary tfoot td,
table.diary tfoot th	{	border: none;	}

tr.cttee	 {	background: white	}	 
tr.cttee th	 {	font-size: xx-small;
				font-weight: normal;
				font-style: italic	}					 

/*------------ AGM ------------ */
#agm			{	width: 700px;
					margin: auto	}
#agm th			{	font-weight: bold;
					text-align: left;
					padding-top: 20px	}
#agm th i		{	font-weight: normal;
					margin-left: 30px	}
#agm th br+i	{	margin-left: 0	}
#agm th em		{	font-style: inherit;
					font-weight: inherit;
					color: red;	}
#agm th p.archives		{	font-weight: normal	}
#agm h3 em				{	margin-left: 30px	}

ol.agm			{ 	font-size: 10pt; 
				  	margin-top: 0;
				  	text-align: left }
ol.agm ol		{ 	list-style-type: none;
					padding-left: 0;
					position: relative }
ol.agm li   	{ 	margin-bottom: 5px;
				  	counter-increment: section; }
ol.agm ol li	{ 	font-size: 10pt;
				  	margin: 0;
				  	counter-increment: subsection;
				  	padding-left: 35px; }
ol.agm ol li:before	{	content:counter(section) "." counter(subsection);
						position: absolute; 
						left: 0; }
ol.agm ul	{
	margin: 2px;
	}
ol.agm ul li	{
	margin: 2px;
	}
ol.agm p	{
	margin: 10px 0 0 0;
	}				
div.minutes p	{	text-align: justify;	}
div.minutes dt	{	margin-left: 50px; 
					width: 170px;
					float: left;	}
div.minutes h2	{ 	text-align: center;
				  	margin: 0 0 15px	}
div.minutes h3	{ 	margin-top: 15px	}
div.minutes ul	{ 	margin: 0 0 10px }				  

/* -------- court booking system ----------- */
.cbs			{ display: none }			/* use to hide content until ready for use */
div.booking_btn a { display: block;
					width: 136px;
					height: 70px;
					background: #00A000 url('../images/lawns.gif') 50% 50%;
					border: 3px solid brown;
					text-decoration: none;
					font-weight: bold; 
					color: white	}
div.booking_btn a:hover	 {  background-color: #40FF40;
							color: black;	}
/*----------------------------------------*/
#archive_list	{	border: 1px solid;
					background: white; 
					padding: 5px 10px; 
					width: 800px; 
					margin: auto; 
					text-align: left	}
#clubs_key		{	text-align: left;
					padding-top: 3px;	}
#clubs_key form	{	float: right;	}
#clubs_key p	{	margin: 5px 0;	}
#admin_btn		{	position: absolute;
					text-align: center;	}

#contacts		{	max-width: 900px;
					background: white;
					margin: auto;	}										
#contacts tr	{	vertical-align: middle;	}
#contacts th,
#contacts td	{	padding: 5px;	}
#contacts td	{	text-align: left;
					width: 250px;	}
#contacts td+td		{	width: 510px;	}
#contacts th	{	text-align: center;
					font-size: smaller;
					font-style: italic;
					font-weight: normal;	
					white-space: nowrap	}
#contacts p		{	margin-top: 10px;	}

/*----------------- Soham -----------------*/
p.soham			{	background: yellow;
					padding: 5px 0;
					font-weight: bold	}
.soham			{	margin: auto; 
					text-align: left;
					border-spacing: 0;
					border-collapse: collapse	}
.soham caption	{	caption-side: top;
					text-align: center;
					font-weight: bold;
					margin: 5px	}					
.soham tfoot td,
.soham tfoot td	{	text-align: center;
					font-style: italic;
					font-size: smaller;
					padding: 5px	}					
.soham td,
.soham th		{	padding: 0 8px;
					white-space: nowrap	}
.soham td+td+th	{	width: 50px	}					
.soham th+th+th,
.soham td+td+td	{	text-align: center	}

.Soham_match td,
.Soham_match th				{	padding: 5px 10px	}
.Soham_match td+td+td		{	text-align: left	}
.Soham_match td+td,
.Soham_match td+td+td+td	{	text-align: center	}
.Soham_match caption		{	caption-side: top;
								text-align: center;
								margin: 10px	}					

.soham2011_02 			{	width:	600px;
							text-align: left;	}
.soham2011_02 th		{	vertical-align: bottom;	}
.soham2011_02 th+th+th,
.soham2011_02 td+td+td	{	padding: 0 5px;
							text-align: center;	}
/*------------ National Club championships --------------*/

#national th	{
	height: 40px;
	padding: 1px 5px;
	text-align: left;
	vertical-align: middle;
	}
#national td		{	text-align: left;
						width:  150px}
#national td+td,
#national table td	{	width:  auto}
#national table		{	background: #FFFFD0;
						border: 2px solid grey;
						border-collapse: collapse;
						margin: 5px	}
#national table td	{	border: 1px solid grey;
						padding: 5px;
						white-space: nowrap		}
#national table em	{	font-style: normal	}
#national td+td p	{	text-align: center;
						font-weight: bold;
						font-style: italic;
						color: red	}
div.national table.ko td.winner {
	color: blue;
}

/*----- for 2017 and before -------*/
table.national		{	background: #FFFFD0;
						border: 2px solid grey;
						border-collapse: collapse;
						margin: 5px	}
table.national td	{	border: 1px solid grey;
						padding: 5px;
						white-space: nowrap		}
table.national em	{	font-style: normal	}
						
/*----------- CBS info ---------------------------------*/
#cbs_index			{ 	float: right;
						margin: 15px 10px 15px 50px	}
#cbs_index legend	{	font-weight: bold	}
/*----------- Misc -------------------------------------*/
#notices p em	{
	font-weight: bold;
	font-style: normal;
	color: red;
	}
p.notice		{ 	padding: 10px;
					margin: 10px auto;
					width: auto;
					font-weight: bold;
					font-style: italic;
					color: blue;
					text-align: center;
					border: 2px solid red;
					background: white	}	

div.report {
	clear: both;
	}
div.report p		{
	text-align: justify;
	}

table.results		{	margin: 10px auto;
						border-collapse: collapse	}
table.results th	{	text-align: center;	}
table.results td	{	padding: 0 15px;
						white-space: nowrap;
						text-align: left	}
table.results td+th	{	padding: 0 15px 0 50px;
						font-weight: normal;
						text-align: left	}

#varsity			{	width: 1000px;
						margin: auto	}
#varsity p			{	text-align: justify;
						margin-bottom: 10px	}
table.varsity		{	clear: both;
						margin: auto;
						border-spacing: 0;
						border-collapse: collapse;	}
table.varsity th	{	padding: 10px 10px 10px 0		}
table.varsity td	{	padding: 10px; 	}
table.varsity td+th	{	padding: 10px 0 10px 10px	}

table.gallery 		{	margin: auto;	}
table.gallery th,
table.gallery td	{	vertical-align: top;
						text-align: center;
						padding: 8px;
						font-weight: normal	}
table.gallery th	{	padding: 8px 8px 8px 0	}
table.gallery td+th	{	padding: 8px 0 8px 8px	}
table.gallery img			{	margin: 2px		}
table.gallery a img			{	cursor: zoom-in		}
table.gallery a:hover img	{	border: 2px solid blue;
								margin: 0	}

table.scores td,
table.scores th		{	border: 1px solid black;
						vertical-align: top	}
table.scores table td		{	border: 0;
								padding: 0;
								white-space: nowrap	}
table.scores table td+td	{	padding-left: 20px	}

span.select_archive			{	white-space: nowrap	}
span.select_archive	input	{	padding: 0	}

#timers		{	margin-top: 10px	}
#timers th,
#timers td	{	text-align: left;
				padding: 2px 10px	}

#toc		{ 	padding: 20px 0 0 100px	}
#toc ul ul,
#toc ul li  {	line-height: 125%; 
				font-size: 10pt; 
				margin-left: 20px }

#links		{ margin: auto	}
#links td	{ padding: 2px 10px	}

#wheeler_shield>tbody>tr>td {
	padding: 5px 2px;
	}
#wheeler_shield table td {
	padding: 1px 40px 1px 0;
	white-space: nowrap;
	}
#wheeler_shield #wheeler_format	{
	margin: 0 0 10px;
	border: 1px solid grey;
	border-collapse: collapse;
	}
#wheeler_shield #wheeler_format th,
#wheeler_shield #wheeler_format td {
	text-align: center;
	border: 1px solid grey;
	padding: 2px 5px;
	}
#wheeler_shield #wheeler_format td.round	{
	font-weight: bold;
	color: red;
	}
/*----------- Search -----------------------------------
#search				{	width: 600px;
						margin: auto	}
#search table td	{	padding: 1px 10px	}
#search form		{	margin: 20px auto	}
#search form tr+tr td		{	font-style: italic	}						
#search form tr+tr input	{	margin-right: 20px	}
#search caption		{	margin-bottom: 10px;
						text-align: left;
						white-space: nowrap	}
*/
/*------------ National ---------------------------------*/
table#national caption {
	text-align: left;
	padding: 5px;
	white-space: nowrap;
}
table#national label {
	font-weight: bold;
	font-size: 133%;
	color: #D0D0D0;
	margin: 0 30px 0 0;
}
table#national label img {
	position: relative;
	top: 4px;
	opacity: 0.3;
}
table#national label.checked {
	color: black;
}
table#national label.checked img {
	opacity: 1.0;
}
table#national input {
	margin: 0;
	scale: 1.15;
}

/* ------------ for debugging only ------------------*/
pre.debug,
p.debug,
pre em		{clear: both; float: none; margin: 0; font-family: courier;}
pre.debug,
p.debug		{ color: blue }
pre em		{ white-space: normal;
			  font-style: normal;	}