body         { background-color: #F0FFE8; 
			   font-family: Verdana, Arial, Tahoma, Helv, Helvetica, Sans-Serif; 
			   font-size: 10pt; }
p            { margin-top: 5px; 
			   margin-bottom: 5px }
p.hmenu			{	text-align: center; 
					font-weight: bold; 	
					padding: 5px;}
ul.hmenu		{ 	text-align: center; 
					margin: 0 60px 0 120px;
					font-size: 10pt;
					font-weight: bold; 
					padding: 0}
ul.hmenu li		{	display: inline;	}
h1           {	font-size: 180%; 
			  	font-weight: bold; }
h2           {	font-size: 133%; 
			  	font-weight: bold; 
			  	margin-top: 0; 
			  	margin-bottom: 0 }
h3           {	font-size: 10pt; 
			  	font-weight: bold; 
			  	margin-top: 10px; 
			  	margin-bottom: 5px }
h5 			{ 	font-size: 133%; 
			  	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;
				font-weight: normal;
			  	font-size: 8pt;
			  	font-style: oblique; 
			  	background-color: green;
			  	color: white;
			  	text-align: center;
			  	padding: 5px;
			  	margin: 0;}
img				{ border: 0; }
table		 	{ font-size: 10pt; }
.icon	 		{ vertical-align: top }
.header img		{	position: absolute; }

.header p		{ 	text-align: center; 
					margin: 0 60px 0 120px;
					font-weight: bold; }
.header h1		{	text-align: center; 
					margin: 30px 120px 25px;}
.header form	{	text-align: right; 
					margin: 0 0 10px; }
.header input	{	font-size: smaller; }					
.footer hr		{	margin: 5px 0;	}
.footer	p		{	font-size: xx-small; 
					font-style: italic;
					margin: 0 0 10px;	}
.schedule		{ font-style: italic;
				  text-align: left; }
tr.schedule	 	{ vertical-align: baseline }
table.county			{ background: white;
						  border: 2px solid black;
						  margin-top: 10px;	}
table.county caption	{	margin: 20px 0 5px;
					 		text-align: left;
							font-size: 150%;
							font-weight: bold;	}
table.county td, 
table.county th		{	vertical-align: middle;
						text-align: center;	}
table.county th		{	color: red;
						font-weight: bold;	}
table.county td.team,
table.county th.team	{	text-align: left;	}
table.county tbody.relegated	{ background: #FFE0E0;	}
table.county tbody.promoted		{ background: #D8FFD8;	}
table.archive		{ background: white }
table.archive tr 	{ height: 18px;
					  text-align: center;
					  vertical-align: center }
table.league		{ text-align: center; }
table.league col	{ text-align: left; }
table.league tr		{ height: 40px; 
					  vertical-align: center }
table.league th		{ height: 40px; 
					  font-weight: normal;	}
tr.cttee	 {	background: white	}					 
td.club		 { 	text-align: left;
				font-weight: bold;
				padding: 3px; }					  
td.home    	 {	background: #FFFF80;
			  	text-align: center;  }
td.away    	 {	background: white;
			  	text-align: center;  }
td.venue2  	 {	background: white;
			  	text-align: center;  }		/* for 2 matches, 1 home & 1 away	*/
td.diagonal	 {	background: black; }
div.key, 
div.key table		 {	font-size: 7pt	}
div.key p	 {	margin: 5px 0; 
				font-style: italic;
				text-align: left; }		 
div.minutes p	{	text-align: justify;	}				  
div.minutes dt	{	margin-left: 50px; 
					width: 170px;
					float: left;	}				  
ol           	{ 	font-size: smaller }
ul     	   		{ 	font-size: smaller }
ol.rules		{ 	margin-left: 0; 
					padding-left: 40px;	}
ol.rules li		{ 	font-size: 8pt; 
					text-align: justify;
					margin: 5px 0 5px 0;	}		  
ol.rules li ol 	{	list-style-type: lower-alpha;					
					padding-left: 23px;
					margin-left: 0;	}
/* -------- clubs page ----------- */
ul.clubs, 
ul.other		{	list-style-type: none;
					text-align: left;
					font-size: 10pt;
					font-weight: bold;
					padding: 10px;
					margin: 0;	}
ul.clubs		{	color: blue;	}
ul.clubs li,
ul.other li			{	display: inline;
						text-indent: 0;	}
ul.clubs li:hover,
ul.other li:hover	{	color: red;
						text-decoration: underline;	
						cursor:	pointer;}
div.map			{	position: relative;	}
div.map li		{	list-style-type: none;
					position: absolute;	
					color: blue;
					font-size: large;
					margin: 0;
					padding: 0; }
div.map a 		{	position: relative;	
					top: -8px;
					text-transform: uppercase;
					font-weight: bold;
					font-size: x-small;	
					padding: 3px 0;}
div.map a:visited	{	color: blue;
						text-decoration: none;	}
div.map a:hover 	  {	color: red;
						cursor: pointer;
						text-decoration: underline;	} 
/* -------- club info frame ----------- */
body.club_info 		{	background: #C0FFC0;
						padding: 15px;	}
body.club_info h2	{	text-align: center;	}
body.club_info dt	{	display: inline;
						float: left;
						width: 130px;	}
body.club_info dd	{	margin-left: 130px;	
						text-indent: 0px;
						margin-bottom: 15px;	}
#club_info			{	border: 0;
						margin-top: 0;	}
/* -------- 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%;
					border: 3px solid brown;
					text-decoration: none;
					font-weight: bold; 
					color: white;	}
div.booking_btn a:hover	 {  background-color: #40FF40;
							color: black;	}
#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 tr	{	vertical-align: middle;	}					
#contacts td	{	text-align: left;	}					
#contacts th	{	text-align: center;
					font-size: smaller;
					font-style: italic;
					font-weight: normal;	}					
#contacts p		{	margin-top: 10px;	}
/*					
.header a		{	text-transform: uppercase;	}					
.footer hr		{	padding: 0;
					margin: 0; }
.footer p		{	margin: 5px 0;	}
p.hmenu a		{	background: #6060FF;
					color: white;
					font-weight: normal;
					text-decoration: none;
					border: 1px solid #F0FFE8;
					padding: 5px 10px;	}
p.hmenu a:hover	{	background: yellow;
					color: black;	}								  			  			  			 
ul.vmenu 		{	font-size: 10pt;
					list-style-type: none;
					margin: 0;
					padding: 0 0 10px;
					line-height: 125%;	}
ul.vmenu li 	{	background: #6060FF;
					margin: 2px 0;
					padding: 2px 10px; }
ul.vmenu li a	{	color: white; 
					text-decoration: none; }
ul.vmenu li#here, li:hover#here {	background: #6060FF url("images/yellow_ball.gif") no-repeat 0 50%;	
									font-weight: bold;	
									color: yellow}
ul.vmenu li:hover	{	background: yellow url("images/blue_ball.gif") no-repeat 0 50%;
						color: black; }
ul.vmenu li:hover a	{	color: black; }					
*/