/* this version is based on the work on matthewjamestaylor.com, 3 column and 2 column */

body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#ebebea;	/* GJ altered - was #fff  this gives the background around the main body */
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-family:Verdana, Geneva, sans-serif;	 /* GJ altered - added  */
		font-size:100%;		/* GJ altered - was 90% */
		color:#505050;		/* GJ altered - added  was #000000  */
		line-height:110%;	  /* GJ altered - added  */
		border:0px solid red;
    }

/*the font sizes and margins set here are largely as
	indicated in W3C papers*/
h1 	{
/*	font-size:32px;  */  /*W3C*/
	font-size:1.8em;  /* better?*/
	margin:0.67em 0em;
 }
h2	{	
/*	font-size:1.5em;  */ /*W3C*/
	font-size:1.6em;  /*better?*/
	margin:0.75em 0em;
}
h3	{
/*	font-size:1.17em;  */ /*W3C*/
	font-size:1.4em;  /*better?*/
	margin:0.83em 0em;
	padding:0em;
}
h3.page_heading	{
/*	font-size:1.17em;  */ /*W3C*/
	font-size:1.4em;  /*better?*/
/*	margin:0.83em 0em;  */
	margin-top:0.5em;
	margin-bottom:0.5em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

h4 	{
/*	font-size:1.0em;  */  /*W3C*/
	font-size:1.0em;  /*better?*/
	margin:0.6em 0.5em;
}

h5 	{	
	font-size:0.83em;
	margin:0.5em 0em;
}

h6 	{
	font-size:0.7em;
}

p 	{
/*	font-size:0.875em;  */ /*W3C*/
	font-size:0.900em;  /*better?*/
	margin:0.9em 0em;
}

span.italic
{
    font-style:italic;
}
span.red
{
    color:#ff0000;	/* red */
}

span.centre	{
	text-align:center;
}
span.bold	{
	font-weight:700;
}

span.left	{
	text-align:left;
}

span.right	{
	text-align:right;
}
hr.full	{
	width:960px;
}

	/* Header styles */
    #header {
	margin-left:auto;	/*GJ altered - to centre the header */
	margin-right:auto;	/*GJ altered - to centre the header */
	height: 150px;	/* GJ altered - added */
    }

#content_main	{
	position:relative;
	top:8px;				/* gives a thin body colour border at the top */
	width:800px;				/* needs to be greater than width of colmask */
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#ffffe0; 	/* #FFFFCC  main background colour - only set up here */
}
	

/* this is used to give a narrow border at the top of all pages except the index */
#filler_top	{
	position:relative;  
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding:0px;
	height:8px;	/* same as left & right border on colmask */
	background-color:#ebebea;	/*light grey  GJ altered - added*/
	border-left:8px solid #ebebea; /* GJ altered - added  */
	border-right:8px solid #ebebea; /* GJ altered - added  */
	line-height:50%;
}	
	/* Footer styles */
	#footer {
/*	float:left;		/*GJ altered - take out to allow centering  */
	clear:both;
/*	width:960px;		/*was 100%*/
	margin-left:auto;	/*GJ altered - to centre the header */
	margin-right:auto;	/*GJ altered - to centre the header */
	margin-bottom:16px;  /*necessary to give a color at the bottom */
	border-top:2px solid #808080; /*gray gives a line at the top*/
	padding:8px;
    }
	
    #footer p {
        padding:8px;	/* GJ altered - was 10px */
        margin:0px;
		font-size:10px;
    }
 
.table {
 margin-left:auto;
 margin-right:auto;
 /*width: 100%;  */
 border: 0px solid blue;
}
.table .th {
 background-color: #f77;
 color: #fff;
 font-weight: bold;
 border-bottom: 0px dotted #f00;
 border-top:0px solid blue;
}
/*.table .tr:nth-child(odd) {
 background-color: #ddd; was #eee 
}  */
.table .td {
 float: left;
 width: 23%;	/* was 23%  */
 padding-left: 2%;		/* was 2%  */
 border-top:0px solid black;
}
.table .td.p {
 vertical-align:middle;
}
.table .td2 {
 float: left;

 width: 10%;	/* was 23%  */
 padding-left: 2%;		/* was 2%  */
 border-top:0px solid blue;
}
.table .td3 {
 float: left;
 width: 36%;	/* was 23%  */
 padding-left: 2%;		/* was 2%  */
 border-top:0px solid blue;
 border-left:0px solid blue;
}
.table .td4 {
 float: left;
 width: 56%;	/* was 23%  */
 padding-left: 2%;		/* was 2%  */
 background-color: #000;
 text-align:center;
}
span.text_left {
background:#ffffff;
position:absolute;
	left:12em;	
}

/********************************
	* Table_1
	**********************/
div.table_1
{
	padding:0px;
	margin:0px;  
}
div.table_1 table
{
	width:740px;
	border:1.6px solid #8FB247;  
	padding:0px;
	margin:0px;  
/*	background-color:red;*/  
}
div.table_1 p
/* used by both date column and item column  */ 
{
	padding:3px; 
	margin-top:2.5px;
	margin-bottom:2.5px;  
	margin-left:4px;   /* used by both date column and item column  */ 
	margin-right:4px;  
/*	color:black;
	background-color:azure; 	*/
	line-height:120%
}

div.table_1_title
{
	margin-top:8px;
	margin-bottom:8px;
	text-align:center;	
	line-height:110%
/*	color:blue;
	background-color:azure;  */
}
td.table_1_date , td.table_1_item , td.table_1_location 
{
	height:auto;
	text-align:left;
	padding:0px;
	margin:8px; 
	border: 2px solid #8FB247;	
}
td.table_1_date 
{
	width:200px;
}
td.table_1_item 
{
	width:200px;
}
td.table_1_location 
{
	width:256px;
}
span.table_1_item
{
    font-weight:bold;
    color:#ff4500;
}
td.table_1_category , td.table_1_subs , td.table_1_notes 
{
	height:auto;
	text-align:left;
	padding:0px;
	margin:8px; 
	border: 2px solid #8FB247;	
}
td.table_1_date 
{
	width:200px;
}
td.table_1_category
{
	width:272px;
}
td.table_1_subs 
{
	width:160px;
}
span.table_1_item
{
    font-weight:bold;
    color:#ff4500;
}
div.table_1 hr
{
	margin:0px;
	padding:0px;
}

/* used on the honey show programs */
.ent_col1 td	{
	width:160px; 	
}
.ent_col2 td	{
	width:800px; 	
}
.ent_col3 td	{
	width:32px; 	
}
input.button_submit {
	color: #000;
	background-color: #fee3ad;
/*	border:4px outset #d7b9c9;	*/
	margin-top:3px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:3px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	width:auto;
	font-size:18px; 
}
input.button_submit:hover {
	background: #CBB68A;
/*	border:4px outset #d7b9c9;	*/
	color: #fff;
}
.input_text{
	width:400px;
}
/******************
* Cell for button
****************/
.button_cell{
margin:1px;
border:0px solid red;
}
/********************************
	* convention form and statistics page
	**********************/
.statistics_01 	{
/*	padding-top:8px;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:8px;
	margin-top:8px;
	margin-bottom:8px;
	border:2px solid green;	*/
	margin-left:auto;
	margin-right:auto;
	background-color:#ffff99;
	text-align:center;
/*	width:60em;	*/
	width:1120px;
}

.statistics_01 table, th, td, .entry_table table, th, td	{
	border:0px solid blue;  
	padding-top:0px;
	padding-bottom:0px;
	padding-right:4px;
	padding-left:4px;
	margin-left:auto; 
	margin-right:auto;
/*	margin-top:12px;
	margin-bottom:12px;	*/
	text-align:left;
	color:#000000;
}
.statistics_01 tr:nth-child(odd) {
	background: #eee8cc;
}
.statistics_01 tr:nth-child(even) {
	background: #eee9aa;
}

.statistics_01 th, .ent_col1 th, .ent_col2 th, .ent_col3 th{
	background-color:#eee8ee;
	background-color:#eee8ee;
	font-size:11px;	
}
/*.statistics_01 td, .ent_col1 td, .ent_col2 td, .ent_col3 td	{
	background-color:#eee8aa;
}	*/
.statistics_01 p,.ent_col1 p, .ent_col2 p, .ent_col3 p	{
	font-size:12px; 
	padding-top:0px;
	padding-bottom:0px;
	padding-left:4px;
	padding-right:4p;
	margin:0px;
}
.person table,.person td	{
	text-align: left;
	border:0px solid blue;
}
.table_caption	{
	text-align:left;
	color:red;
	font-size:18px;
	font-weight:700;
	padding:6px;
}
td.heading	{
	background-color:#eee8ee;
	font-weight: bold;
	text-align: right;
}
td.data	{
/*	background-color:green;	*/
	font-weight: bold;
	text-align: left;
	width:400px;
}
.form_heading, .statistics_heading {
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	}

.form_heading p, .statistics_heading p {
	padding:8px;
	margin:0.0px;
}
.form_heading h3, .statistics_heading h3 {
	padding:8px;
	margin:0px;
}
.form_heading h4, .statistics_heading h4 {
	padding:3px;
	margin:0px;
}
.right-cell {  
	text-align:right;
}
span.right {
    text-align:right;
}
.form_01 th {
	border:2px solid green;  
	padding-top:24px;
/*	padding-bottom:4px;
	padding-right:8px;
	padding-left:8px;
	margin:0px; 	*/
	background-color:#eee8ee; 
}
.form_01 td	{
	border:2px solid blue;  
/*	padding:1px;
	margin:0px; */
	background-color:#eee8aa; 	
}
.form_01 p	{
	font-size:12px;  
	margin:3px 0px;
}
	
p.error, p.success {
			font-weight: bold;
			padding: 10px;
			border: 1px solid;
		}
		p.error {
			background: #ffc0c0;
			color: #900;
		}
		p.success {
			background: #b3ff69;
			color: #4fa000;		
		}