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;}
p.provisional	{	text-align: center;
					color: red;
					font-style: italic;	}
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;	}
p.footnote	{	font-style: italic;
				margin: 0 auto 20px;	}				
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: 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;
				margin: 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; }
div.img_r,
span.img_r		{	float: right;
					padding: 5px 0 5px 10px;
					text-align: center;
					font-style: italic;		}
div.img_r div	{	float: left;	
					padding: 0 0 0 10px;	}
div.img_l,
span.img_l		{	float: left;
					padding: 5px 10px 5px 0;
					text-align: center;
					font-style: italic;		}
table.img		{	margin: auto	}
table.img td	{	padding: 5px;
					vertical-align: top;
					font-style: italic;
					text-align: center;	}
table		{	font-size: 10pt; }
.icon	 	{	vertical-align: top }
ol          { 	font-size: smaller }

/*----------------------------- top & bottom -------------*/
.header img		{	position: absolute; }
.header p		{ 	text-align: center; 
					margin: 0 60px 0 120px;
					font-weight: bold; }
.header h1		{	text-align: center; 
					margin: 20px 120px 5px;}
.header h2		{	margin: 5px;	}
.header form	{	text-align: right; 
					margin: 0 0 10px; }
.header input	{	font-size: smaller; }

ul.hmenu,
ul.hmenu ul		{ 	background: #A8FFA0;
					margin: 0;
					padding: 0;	}
ul.hmenu		{	text-align: center;	}
ul.hmenu li		{	display: inline;
					font-weight: bold;	
					line-height: 26px;
					text-indent: 0;
					white-space: nowrap;						/* needed for older versions of MSIE */
					padding: 5px 0;
					margin: 0;	}
ul.hmenu img	{	position: relative;	 left: -2px;	}		/* 'cos icons have 2px of transparency	*/
ul.hmenu a,
ul.hmenu span	{	padding: 2px 7px;	}
ul.hmenu a		{	color: black;
					text-decoration: none;	}			
ul.hmenu a:hover	{	text-decoration: underline	}
ul.hmenu li.sel:hover,
ul.hmenu li.sel		{	background: #D0D0D0;	}
ul.hmenu li:hover	{	background: #FFFF00;
						position: relative; z-index: 1;	}		 /* needed for older versions of MSIE */	
ul.hmenu li ul		{	display: none;	 }
ul.hmenu li:hover ul{	display: block;	
						position: absolute;	top: 26px; left: 0; 
						z-index: 1; 		
						text-align: left; }
ul.hmenu li ul li	{	display: block;
						line-height: 16px;
						font-weight: normal;
						padding: 2px 10px;	}
ul.hmenu li:hover ul li a, 
ul.hmenu li:hover ul li span	{ padding: 0;}

ul#archmenu h2						{	font-size: 100%	}
ul#archmenu,
ul#archmenu li:hover ul				{	background: green;
										color: white;	}
ul#archmenu a,
ul#archmenu li:hover ul a			{	color: white;	}
ul#archmenu li.sel,
ul#archmenu li:hover,
ul#archmenu li:hover a,
ul#archmenu li:hover ul li:hover a	{	color: black;	}

p#crumbs			{	margin: 0;
						text-align: left;
						font-weight: normal;
						padding: 0 3px 2px;
						background-color: green;
						color: white;
						border-top: 2px solid;	}						
p#crumbs a			{	color: white;
						text-decoration: none;	}
p#crumbs a:hover	{	text-decoration: underline;	}

.footer hr		{	margin: 5px 0;	}
.footer	p		{	font-size: xx-small; 
					font-style: italic;
					margin: 0 0 10px;	}
/*----------------- 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	{	color: red;
						text-decoration: underline;	}
/*----------------------------------------*/
.schedule		{	font-style: italic;
				 	text-align: left; }
.schedule td	{	padding:	2px; }
p.schedule		{	margin: 0 0 5px;	}					
abbr			{ 	color: blue;
					font-style: italic	}
abbr dfn		{ 	display: none	}
abbr:hover dfn	{	display: block;
					width: 200px;
					border: 1px solid grey;
					position: absolute;
					z-index: 2;
					margin-left: 50px;
					background-color: #FFFFD0;
					padding: 5px;
					text-align: left;
					color: black;
					font-weight: normal;
					font-style: normal;		}
tr.schedule	 	{ vertical-align: baseline }
table.archive		{ background: white }
table.archive tr 	{ height: 18px;
					  text-align: center;
					  vertical-align: center }
/*------------ Anderson + Wheeler Shields -----------------*/					  
table.county			{ background: #FFFFC0;
						  border: 2px solid black;
						  margin-top: 10px;
						  text-align: center	}
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;
							padding: 5px	}
table.county th			{	color: red;
							font-weight: bold;	}
table.county td.score,
table.county td.score2	{background-color: white}
table.county td.score	{text-align: left;
						 padding-left: 10px}							
table.county td.team,
table.county th.team	{	text-align: left;	}
table.county tbody.relegated	{ background: #FFE0E0;	}
table.county tbody.promoted		{ background: #D8FFD8;	}
/*-------------- diary -------------*/
table.diary 			{	background-color: white;	
							border: 1px solid #C0C0C0;	}
table.diary caption		{	text-align: left;
							font-size: 133%;
							font-weight: bold;	}
table.diary thead		{	font-weight: bold;	}
table.diary tr			{	vertical-align: middle;
							text-align: left;	}		
table.diary th			{	text-align: center;	}
table.diary td,
table.diary th			{	border: 1px solid #C0C0C0;	}
table.diary tfoot td,
table.diary tfoot th	{	border: none;	}
/*-------------- leagues ---------- */
table.league			{	text-align: center;
							margin: auto;
							margin-bottom: 20px; }
table.league caption 	{	text-align: left;
							font-size: 133%;
						 	font-weight: bold;}
table.league caption p	{	float: left;	}
table.league caption h3	{	float: right;
							margin: 10px 0 5px;
							color: red	}
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	}					 
tr.cttee th	 {	font-size: xx-small;
				font-weight: normal;
				font-style: italic	}					 
td.club		 { 	text-align: left;
				font-weight: bold;
				padding: 3px; }					  
td.home    	 {	background: #FFFF80; }
td.away,
td.unknown 	 {	background: white; }
th.quit,
td.quit		 {	background: #C0C0C0;
				text-decoration: line-through;	}
td.venue2  	 {	background: white;  }		/* for 2 matches, 1 home & 1 away	*/
td.diagonal	 {	background: black; }
div.key,
div.key table		{	font-size: 7pt;	}
div.key p,
div.key caption		{	font-style: italic; 
						font-weight: normal; }
div.key table		{	margin: 5px 0; }

div.gc_schedule		{	float: right;
						text-align: left;
						width: 33%;
						margin-top: 20px;	}
/*------------ AGM ------------ */
div.minutes p	{	text-align: justify;	}
div.minutes dt	{	margin-left: 50px; 
					width: 170px;
					float: left;	}
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-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;	}
/*----------------------------------------*/
#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 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;	}

p.soham			{	background: yellow;
					padding: 5px 0;
					font-weight: bold	}
.soham			{	margin: auto;
					text-align: left;
					vertical-align: center;	}
.soham caption	{	caption-side: top;
					text-align: center;
					font-weight: bold;
					margin: 5px	}					
.soham tfoot td	{	text-align: center;
					font-style: italic;
					font-size: smaller;
					padding: 5px	}					
.soham td,
.soham th		{	padding: 0 10px	}
.soham th+th+th,
.soham td+td+td	{	text-align: center	}
.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;	}