/* Overall control.  The first 3 items of body  means there is always space for a
 scroll bar so the width 
available for the top menu is constant between pages*/
body {
	margin: 0px;
	padding: 0px;
  max-width: 100%;
	min-width: 800px;
  overflow: scroll;
/*	background-image: url("Graphics/LogoMaster.gif");
	background-repeat: no-repeat;
	background-position: right 160px;
*/	/* the 'right' is interpreted as relative to the window size, not the body size
	the same is true of '100% 150px' and '100% 15%' */
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: lighter;
	background-color: #eee;
	text-align: center;
}
a:focus {
  background-color: rgba(190,128,62,.4);
	}
b {
	font-weight: bold;
	}
.dummyBody {
	margin: auto;
	padding-left: 3px;
	padding-bottom: 30px;
	border: none;
  max-width: 1200px;
	min-width: 800px;
	background-color: white;
	position: relative;
/*	background-image: url("Graphics/LogoMaster.gif");
	background-repeat: no-repeat;
	background-position: right 160px;
*/	}

h1, h2, h3, h4, h5 {
  font-family: "Palatino Linotype", Palatino, "Antic Didone", serif;
	}
h1, h2, h3, h4 {
	clear: both;
	}
h1 {
  font-size: 1.6em;
	}
h2, h5 {
  font-size: 1.2em;
	}
h3 {
	font-size: 1.1em;
	}
h5 {
	margin-bottom: 0.5em;
	}
/* generally useful */
/* commentary is used in teh 2018 peace service */
.commentary {
  font-family: "Palatino Linotype", Palatino, "Antic Didone", serif;
	clear: both;
	font-size: 1.1em;
	color: blue;
	font-style: italic;
	}
.floatleft,.leftfloat {
  float: left;
	margin-right:10px;
}
.floatright, .rightfloat {
  float: right;
	margin-left: 3px;
	}
.halfwidth {
	width: 50%;
	}
/* used for the welcome picture and accompanying text */
.welPic {
  }
.welPic h1 {
  margin-bottom: 11px;}
.welPic h3 {
  margin-top: 0px;
	margin-bottom: 31px;}
/* used for MeetingNotes */
.MinutesName {
  float: left;
	width: 9em;
	padding-bottom: 13px;
	}
blockquote {
    float: left;
		width: 200px;
		max-width: 200px;
		margin: 0 0.1em 0 0;
		padding: 0.1em;
    font-size: 1.5em;
		font-style: normal;
		text-align: left;
		font-weight: normal;
    }
hr {
  margin-top: 20px;
	margin-bottom: 20px;
	}
/* h5 is used in the social page */
th, td {
  padding-left: 8px;
	padding-right: 8px;
	text-align: left;
	}
/* for the ad hoc food page */
.food {
padding-top: 20px;;
margin-top: 40px;
  width: 90%;
	margin-left: auto;
	margin-right: auto;
	border: 40px solid rgb(15, 15, 15);
	border-image-source: url(pictures/apples.gif);
	border-image-slice: 40  40;
	border-image-repeat: repeat;
	    -webkit-border-image: url(pictures/apples.gif) 40 round; /* Safari 3.1-5 */
    -o-border-image: url(pictures/apples.gif) 40 round; /* Opera 11-12.1 */
    border-image: url(pictures/apples.gif) 40 round; }
/* (next two used in the social page) */
.picright {
  float: right;
	clear: right;
	margin-left: 3px;
	}
.picleft {
  float: left;
	clear: left;
	margin-right: 10px;
	}
/* next on trial for Contact */
.rederror {
  color: red;
	font-weight: bold;
	}
.nowrap {
  white-space: nowrap;
}
.clear {
  clear: both;
}
.smalltext {
  font-size: 75%; clear: both;
}
/* .dontscreen and dontprint are used with pages which may be specially printed */
.dontscreen {
    display: none;
		}
.dontprint {
		display: inline;
		}

/* section dealing with the drop-down menus */
/* drop-down menues are not used
.coldiv {
	float: left;
	width: 16.66%;
	position: relative;
	text-align: center;
	overflow: visible;
	}
.coldiv p {
	margin-top: 2px;
	margin-bottom: 5px;
	font-weight: bold;
	}
.coldiv ul {
	padding-left: 0px;
	margin: auto;
	}
.coldiv li {
	list-style-type: none;
	list-style-position: outside;
	padding-left: 0px;
	color: red;
	}
.coldiv a {
  letter-spacing: 1px;
	color: #f22;
	padding-left: 2px;
	padding-right: 2px;
	background-color: rgb(44%,94%,94%);
	background-color: rgba(44%,94%,94%,0.8);
	}
#c0, #c1, #c2, #c3, #c4, #c5, #c6{
  visibility: hidden;
	position: absolute;
	width:100%;
	}
*/
		   		
 /* section dealing with the header */
 /* Dummy Body uses a padding-left of 3px to ensure content doesnt actualy touch the edge of the page.
  * However, because the header, topmenu and second menu are within dummyBody, this would result 
	* in a thin background (i.e. white) left margin showing.  To overcome this a left-margin of -3px is included 
	* for each of these three.  To ensure the header and top menu reach the far right their widths are increased by .3% 
	* (3px for a basic 1000 width, not quite right for other values in the permitted range of 800 to 1200 px.)
	*/ 
.hdr {
  width: 100.3%;
	min-height: 108px;
	margin: 0px;
	padding-top: 8px;
	margin-left: -3px;
/*	background-image: url('Graphics/IMG_1586_modified.jpg');
	background-position: 20% 0%;
  background-image: url('Graphics/GreenPurp.jpg');
*/	text-align: center;
	background: rgb(68, 180, 62);
  background: linear-gradient(to bottom, rgb(152, 203, 100), rgb(224, 239, 208), white, rgb(224, 239, 208),rgb(152, 203, 100));
	color: #7030A0; /*purple;   rgb (108, 92, 134)*/
	}
.hdr p {
	font-style: italic;
  font-weight: bold;
  padding-top: 0px;
	margin-bottom: 0px;
	margin-top:0px; 
}
.hdr div {
   width:400px;
	 margin:auto;
	 padding-bottom:10px;
	margin-top: 100px; 
	 }
.hdr img {
	padding: 3px 10px 3px 10px;
}
.line1 {
  font-size: 26pt;
	}
.line2 {
	font-size: 18pt;
  font-weight: bold;
	padding-bottom:10px;
	}
/* section dealing with top menus.  Also see note before .hdr */
.topMenu {
	width: 100.3%;
	margin: 0px;
	margin-left: -3px;
	border-spacing: 0px;
	border-collapse:collapse;
	font-size:1.1em;
	padding: 0px;
}
.topMenu td {
/*  width: 16.6%;  // this value is supplanted by calculated value in NavigationStrtuctureHorizontal.inc */
	text-align: center;
	border: 2px solid rgb(68, 180, 62);
}
.topMenu a {
	margin: auto;
	padding: 0px 6px;
  text-decoration: none;
	color: #7030a0;
	width:100%;
	display: inline-block;
}
.forSearching {
  float: right;
	width: 28%;
	background-color:red;
}
.secondMenu {
  font-size: .9em;
	margin-left: -3px;
	border: 2px solid #0c0;
}
.secondMenu tr {
	border: 2px solid #0c0;
}
.secondMenu td {
	border-top-width: 0px;
	text-align: center;
}
.secondMenu a {
	margin: auto;
  text-decoration: none;
	color: #7030a0;
/*	padding: 0px 6px; */
}
.current {
  background-color: #eee;
	}
/* These two classes are suitable for lists where items follow along the line 
but are not broken at the line end. NBSPs are not needed within the items */
.jeglist{
	word-spacing: 3em;
	line-height: 200%;
	}
.jeglist span{
	word-spacing: .15em;
	white-space: nowrap;
	}
/* for the occasional announcements in the welcome page */
.announcement {
  position: absolute;
	text-align: center;
	top: 350px;
	left: 10px;
	width: 700px;
	padding: 0 6px;
  background: rgba(70%,70%, 20%,.9);
  color: rgb(0%,0%,100%);
	transition: background-color .4s, color 1.2s;
	}
.announcement a:link{
	transition: color 1.2s;
	}
.announcement a:visited{
	transition: color 1.2s;
	}
/* section for display of officers as a table */
.officers { /* applies to the table */
  }
.officers td {
	width: 25%;
	text-align: center;
	}

/* for the canon's welcome letter */
.letter {
    background-color: #f8f8d8b; color: #000000; font-family: 
Lucida Handwriting, Comic Sans MS, Times New Roman, Bold, serif;
 width: 700px;
margin-left: auto; margin-right: auto; 
padding-top: 1.5em; padding-bottom: 1.5em; padding-left: 1em; padding-right:1em}

.homily {
    background-color: ivory; color: #000000; font-family: 
Comic Sans MS, Lucida Handwriting, Times New Roman, Bold, serif;
padding-top: 1.5em; padding-bottom: 1.5em; padding-left: 1em; padding-right:1em}
	
/* section for officers pictures with 4 or 2 or 1 abreast. Not in use at Feb '15*/
.pic150 {
  max-width: 720px;
	margin: auto;
}
.pic150 > div {
  float: left;
  max-width: 360px;
	margin: auto;
}
.pic150 > div > div {
  max-width: 180px;
	margin: auto;
  float: left;
}
.pic150 > div > div > div {
  width: 180px;
  text-align: center;
  float: left;
}
/* section for officers pictures with 4, 3, 2 or 1 abreast. Not in use at Feb '15 */
.pic150A {
  max-width: 720px;
	margin: auto;
}
.pic150A > div {
  MAX-width: 200px;
	min-width: 120px;
  text-align: center;
  float: left;
}
/*   */
dt {
float: left;
width: 200px;
}
/* section for new members pictures with 3, 2 or 1 abreast */
.pic200 {
}
.pic200 > div {
  width: 240px;
	height: 330px;
  text-align: center;
  float: left;
 }
.pic200 > div > img {
 width: 150px;
 height: 225px;
}
/* definition list (used for minor Circle officers)  */
dt {
 float: left;
 width: 200px;
}
/* photonight page */
.photoHeader {
  background : #eeffee;
	}
.photoHeader h1 {
  font-size: 3em;
	color: #ff0000;
	}
.photoHeader h2 {
	color: #ff5555;
	}
/* table of Photo Rules */
.photoRules1 {
  width: 30%;
	float: left;
	border: 1px solid #000000;
	border-spacing: 0px;
	padding: 20px;
	}
.photoRules2 {
  width: 60%;
	float: left;
	border: 1px solid #000000;
	border-spacing: 0px;
	padding: 20px;
	}
/* tables of past winners and winning pics in photonight */
.winnerstables {
	background: url("graphics/AK8 May '98_cup.gif") no-repeat;
	background-position: center top;
}
.PhotWinners {
  width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.floater {
  text-align : center;
  float : left;
  width : 50%;
  height : 500px;
}
/* photos of recent events  max-width: 780px;
 */
.thumbnail_body {
  overflow: visible;
	max-width: 100%;
	background-image: none;
	}
.intropic {
	margin-left: 0px;
	margin-right: 0px;
	}
.intropic div {
  float: left;
	text-align: center;
	width: 255px;
  height : 250px;
	margin: auto;
	}
/* program tables*/
.program {
  }
.program th {
 	text-align: left;
	font-size: larger;
	font-weight: bold;
	}
	    /* next declaration effectively means that only lines in the table with long descriptions cause their line-spacing to increase */
.program tr td:nth-child(1), td:nth-child(2) {
  white-space: nowrap;
	}	
      /* colours for dates which are Wimbledon Events or Presidents out-visits
         Note the sequence, WimEvent and PresOut are applied to whole lines
         ProvEvnt and Ladies are applied to single cells and may overwrite parts of lines */
.WimEvent {
    background-color: #ff00ff;
    }
      /* PresOut is the only one of this four where the info is conveyed SOLELY by appearance */
.PresOut {
    background-color: #ff99ff;
		font-variant: small-caps;
		font-weight: bold;		
    }
.ProvEvnt {
    background-color: #99ff99;
		}
.Ladies {
		background-color: #ffff99;
		}
.RecentEntry {
    font-weight: bold;
		}
.PresOutAndNew {
    background-color: #ff99ff;
		font-variant: small-caps;
		font-weight: bold;
    }
/* Contact page */
.form {
  background-color: #f0f0ff;
	}
/*file DeadByNonth */
.DeadByMonth {
  font-family: 'Happy Monkey', cursive;
  font-size: 2em;
	font-weight: bold;
	}
.DeadPrayer {
  font-family: 'Happy Monkey', cursive;
  font-size: 1.4em;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 30px;
	}
.DeadPrayer::first-letter {
  float: left;
	padding-top: 5px;
	font-size: 2.5em;
	}

/* Provincial weekend in Cambridge */
#sideways {
  white-space: nowrap;
  }
.camb {
  display: table-cell;
	vertical-align: top;
  min-width: 450px; /* was 584 */
  white-space: normal;
  padding-left: 10px;
	margin-right: 10px;
	border-left: 1px solid rgb(50,50,50);
	}
.insertPdf {	
	width: 100%;
	Height: 700px;
	overflow: scroll;
	}
/* for dead by month */
.half {
  width: 49%;
	float: left;
	}
/* for History page */
.historyText {
	max-width: 800px;
	line-height: 1.5;
	}
.historyText span {
  float: left;
	font-size: 1.2em;
	font-family: 'Times New Roman';
	font-style: italic;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 14px;
	line-height: normal
	}                                         
/*  background: url(bkline.gif) no-repeat ; */