/*Written by Ray Binks 26012015*/

/* updated for photo table definition RB 01022015*/

/* added return button	definition*  RB 01062015*/

/*Common Page background definition*/

/* previous definition for background color*/	
  /*body {
	background-image: url("Sunflower Bkgrd.jpg");
	}*/
	
/* added image border definition*/	

/* Changed colour scheme for "return to top button" and "table colours" RB28112016*/

/* corrected the width of "return to top" button from 7em to 8em to allow for wider text for "club memories" in guest speakers file. 
	 Button was automatically expanded to extra height in browers but mouse over in chrome browser did not work correctly.  RB28122016*/

/* Changed font size units to VW and table height to VH for better mobile viewing RB290211228*/

/* Changed Page description to give different text size between Landscape and Portrait views. Improves appearance on mobile phones.RB10102022*/

	body{
	background-color: white;
		}
	
	
/*Common time table definition*/	
	#table{
		width:80%;
		height:2vh;
		border-collapse: collapse;
/*center table*/
		margin-left: auto;
		margin-right: auto;
	}
 
	#table th{
		font-family:"arial";
		font-size: 1.4vw;
		border: 2px solid black;
		background-color:lightgrey;
		color: black;
		text-align:center;
	}
		
  #table td, th{
		font-family:"arial";
		font-size: 1.4vw;
		border: 2px solid black;
		background-color:#99ffff;
		color: black;
		text-align:center;
	}
  /*Alternate background color per row*/
	#table tr.alt td {
		color: black;
		background-color:#ccffff;
    }
	
	
	/*-------Code for Mobile Portrait screens below------*/ 
	/*-------Code for Mobile Portrait screens below------*/ 
	/*-------Code for Mobile Portrait screens below------*/ 
	/* 550px selected as width of mobile phone*/
@media screen and (max-width: 550px) {	
/*Common time table definition*/	
	#table{
		width:80%;
		height:2vh;
		border-collapse: collapse;
/*center table*/
		margin-left: auto;
		margin-right: auto;
	}
 
	#table th{
		font-family:"arial";
		font-size: 2.5vw;
		border: 2px solid black;
		background-color:lightgrey;
		color: black;
		text-align:center;
	}
		
  #table td, th{
		font-family:"arial";
		font-size: 2.5vw;
		border: 2px solid black;
		background-color:#99ffff;
		color: black;
		text-align:center;
	}
  /*Alternate background color per row*/
	#table tr.alt td {
		color: black;
		background-color:#ccffff;
    }
}
/*-------Code for Mobile Portrait screens above------*/ 
/*-------Code for Mobile Portrait screens above------*/ 
/*-------Code for Mobile Portrait screens above------*/ 









	
	
/* Common phototable definition*/	
	#phototable{
	  width:90%;
	  margin-left: auto;
    margin-right: auto;
	  /*max-width:100%;*/
	  height:auto;
    }
 
  #phototable td, th 
	  {
	  font-size: 1.2vw;
		text-align:center;
	  font-family:"arial narrow";
	  font-weight: bold;
	 }
	
/*-------Code for Mobile Portrait screens below------*/ 
/*-------Code for Mobile Portrait screens below------*/ 
/*-------Code for Mobile Portrait screens below------*/ 
	/* 550px selected as width of mobile phone*/
@media screen and (max-width: 550px) {	
	#phototable{
	  width:90%;
	  margin-left: -2.2vw;
	  margin-right: auto;
	  /*max-width:100%;*/
	  height:auto;
   }
 
  #phototable td, th 
	  {
	  font-size: 2.4vw;
		text-align:center;
	  font-family:"arial narrow";
	  font-weight: bold;
	 }
}
 /*-------Code for Mobile Portrait screens above------*/ 
 /*-------Code for Mobile Portrait screens above------*/ 
 /*-------Code for Mobile Portrait screens above------*/ 
	
	
  
/* Common page description definition*/  	

	/*LANDSCAPE SCREENS - PCs, Tablets & Phones*/
			#pagedescription{
				font-family:"arial";
				font-weight: normal;
				font-size:1.5vw;
				text-align: left;
			}
		
	/*-------Code for Mobile Portrait screens below------*/ 
	/*-------Code for Mobile Portrait screens below------*/ 
	/*-------Code for Mobile Portrait screens below------*/ 
	/* 550px selected as width of mobile phone*/
@media screen and (max-width: 550px) {	
     			
			#pagedescription{
				font-family:"arial";
				font-weight: normal;
				font-size:3vw;
				text-align: left;
			}
}
 /*-------Code for Mobile Portrait screens above------*/ 
 /*-------Code for Mobile Portrait screens above------*/ 
 /*-------Code for Mobile Portrait screens above------*/ 

			 
	/*Common Division definitions*/		 	
	 #photos{	
		margin-left: auto;
		margin-right: auto;
		text-align:center;
		vertical-align:text-bottom;
	}
	
/*Set image borders */
		
	img {
		border: 2px solid black;
	}	
	
	
	
		
/*Common RETURN TO TOP BUTTON definition*/
/*List class definitions for buttons*/
		
	.Return-to-top ul {
	  margin-left: -2.5em;
		
	}	
		 
 /*list characterisitics*/
	.Return-to-top li {
	  list-style-type: none;
	  /*Allow width and height to be the default setting to minimise button space*/
	  /*width: 8vw;
	  /*height: 1.5em;*/
	  margin-bottom:2vh;		/*Determines space under group of buttons - RB*/
	  text-align: center; 	 
	  float: right;
	}
		 
	.Return-to-top a {
/*Box characterisitics*/
	  display: block;
	 /* background-color:#ccffff;*/
	  background-color:#d3d3d3;
	  margin-right: 0.5vw;		/* Determines horozontal space between buttons*/
/*text characterisitics*/
	  text-decoration: none;
	  font-family:arial;
	  color: black;
	  font-size:1.4vw;
	  padding-left:0.3vw;
	  padding-right:0.3vw;
/*border characterisitics*/
	  border-radius: 10px;
	  /*border-width: 2px;*/
	  border-width: 0.16vw;
	  /*border-style: outset;*/
	  border-style:solid;
	  border-color: black;
	  }
/*hover characterisitics*/		 
	.Return-to-top a:hover {
	  background-color:yellow;
	  /*border-width: 1px;*/
	  border-width: 0.16vw;
	  /*border-style: outset;*/
	  border-style:solid;
	  /*border-color: #eeeeff;*/
	  border-color: black;
	}

	
	
	/*-------Code for Mobile Portrait screens below------*/ 
	/*-------Code for Mobile Portrait screens below------*/ 
	/*-------Code for Mobile Portrait screens below------*/ 
	/* 550px selected as width of mobile phone*/
@media screen and (max-width: 550px) {		
	
	/*Common RETURN TO TOP BUTTON definition*/
	/*List class definitions for buttons*/
		
	.Return-to-top ul {
	  margin-left: -2.5em;
		
	}	
		 
 /*list characterisitics*/
	.Return-to-top li {
	  list-style-type: none;
	  /*Allow width and height to be the default setting to minimise button space*/
	  /*width: 8vw;
	  /*height: 1.5em;*/
	  margin-bottom:2vh;		/*Determines space under group of buttons - RB*/
	  text-align: center; 	 
	  float: right;
	}
		 
	.Return-to-top a {
/*Box characterisitics*/
	  display: block;
	 /* background-color:#ccffff;*/
	  background-color:#d3d3d3;
	  margin-right: 0.5vw;		/* Determines horozontal space between buttons*/
/*text characterisitics*/
	  text-decoration: none;
	  font-family:arial;
	  color: black;
	  font-size:2.5vw;
	  padding-left:0.3vw;
	  padding-right:0.3vw;
/*border characterisitics*/
	  border-radius: 10px;
	  /*border-width: 2px;*/
	  border-width: 0.16vw;
	  /*border-style: outset;*/
	  border-style:solid;
	  border-color: black;
	  }
/*hover characterisitics*/		 
	.Return-to-top a:hover {
	  background-color:yellow;
	  /*border-width: 1px;*/
	  border-width: 0.16vw;
	  /*border-style: outset;*/
	  border-style:solid;
	  /*border-color: #eeeeff;*/
	  border-color: black;
	}

}
	/*-------Code for Mobile Portrait screens above------*/ 
	/*-------Code for Mobile Portrait screens above------*/ 
	/*-------Code for Mobile Portrait screens above------*/