/*=== element stuff ===================================================*/

		b {
		  font-weight: bold;
		}
		
    body {
/*			margin: 3em auto 1em auto; */
      background-color: white;
/*      background-image: url("./images/water-bkg.png");
      font-family: "Palatino Linotype", "Times New Roman", Serif; */
      font-family: "Open Sans", "Liberation Sans", Arial, "sans-serif"; 
      color: black;
/*
			max-width: 60em;			
			padding: 0 2em;
*/			
    }

		h1 {
		  font-size: 2.5em;
			margin: 0.6em 0;
			text-align: left;
		}

    h1, h2, h3, h4 {
      color: #007800;
    }
		
		h2 {
		  font-size: 1.5em;
			margin: 0 0 0.75em 0;
			font-weight: bold;
			text-align: left;
		}
		
		.bodytext h2 {
			text-align: left;
			min-width: 15em;
		}

		.bodytext h3, 
		.bodytext h4 {
			min-width: 15em;
		}

    h3 {
      margin: 0 0 0.75em 0;
      font-size: 1.2em;
			font-weight: bold;
    }
		
    h4 {
      margin: 0 0 0.5em 0;
      font-size: 1.1em;
			font-weight: bold;
    }
		
    img {
      border: 1px solid #007575;
      width: 100%;
    }
		
		ol {
		  list-style-type: decimal;
			list-style-position: outside;
			margin-left: 1.5em;
		}
		
		ul {
		  list-style-type: disc;
			list-style-position: outside;
			margin-left: 2em;
		}
		
		ul > li {
		  margin: 0 0 0.5em 0;
		}
		
		p {
		  margin: 0 0 1.25em 0;
		}

    td, th {
      padding: 0.5em 0.5em 0 0;
			text-align: left;
			vertical-align: top;			
    }
		
		th {
		  font-weight: 600;
			font-size: 1.2em;
		}
		
/*=== menu stuff ===================================================*/

    .mainmenu {
/*			float:left; */
 
			margin: auto;
			padding: 0 0 1em 0;
			display: block;
			text-align: center;
			max-width: 60em;
			min-width: 330px;
			max-width: 60em;
			position: -webkit-sticky;
			position: sticky;			
			top: 0em;
			background-color: white;
    }

    .mainmenu ul {

      padding-left: 0;			
      margin-left: 0;			
			list-style: none;
/*			clear: left;*/
    }
		
    .mainmenu li {
		  display: inline-block;
			margin: 0.75em 0.5em 0em 0.5em;
		}	


		.mainmenu a {
		  min-width: 4.5em;
			display: block;
		}

		.mainmenu a:visited {
/*
		  border-style: outset;
		  border-color: #EEE;
*/			
		}

/*=== general class stuff ===================================================*/

    .footer {
      padding: 2em 0;
    }
	
    .smallfont {
      font-size: 0.7em;    
    }
		
		.bodytext {
			text-align: justify;
			display: block;			
			margin: auto;
			min-width: 330px;
			max-width: 60em;
			
		}
		
		.bodytext p {
		  line-height: 1.25em;
		}

		.quote {
		  text-align: center;
			width: 60%;
			margin: 0.5em auto;
			font-style: italic;
			font-weight: bold;
		}
		
		.maintext {
			text-align: center;			
		}
		
		#container {
			min-width: 330px;
			max-width: 60em;
			margin: auto;
			position: relative;
			top: 16em;
			background-color: white;
			padding: 1em 2em;
			border-radius: 5px;
		}	
		
		#twit {
			width: 30%;
			max-width: 520px;
			min-width: 300px;
			height: 25em;
			border: 1px solid black;
			margin: 0 auto 1em auto;
			text-align: center;
			line-height: 1.25em;
/*			padding: 0 1em; */
			max-height: 25em;
			overflow-y: scroll;
			
		}
		
		#mainh1 {
			text-align: center;
		}	
		
	
	/* Only float the Twitter feed if the screen is more than 600px wide */
	@media all and (min-width:600px) {		
		#twit {
			float: right;
			margin: 0 0 0 1em;			
		}
		
		#mainh1 {
			text-align: left;
		}	
	}
			
			

/*=== ifa_anchorbtn stuff ===================================================*/

    .anchorbtnup, .anchorbtndn {
      padding: 0.25em;
      text-decoration: none;
      color: #007800; 
      white-space: nowrap;
			font-weight: bold;
			border: 2px solid #007800;
			box-shadow: 3px 3px 5px -2px #007800;
			border-radius: 5px;
    }

    .anchorbtnup {
/*      background-color: #F3D6F8; */
			background-color: #6cc3e6;
/*      border: 2px solid grey; */
		}
		
    .anchorbtndn {
      background-color: #F2F2F2;
/*      border: 2px solid grey; */
    }

    .anchorbtndn:focus {
/*        outline: none; */
    }
			
    .anchorbtnup:hover {
/*      background-color: #F2F2F2; */
			background-color: #fab857;
		
		}
			

/*=== picture stuff ==========================================================*/

    .rightfloatimgdiv {
      float: right;
      clear: right;
      margin: 0 0 1em 1em;
			max-width: 20em;
    }

    .imgcaption {
      text-align: center;
      font-size: 0.8em;
			vertical-align: top;
    }

    .leftfloatimgdiv {
      float: left;
      clear: left;
      margin: 0 1em 1em 0;
			max-width: 20em;
    }

    #calendarbody .rightfloatimgdiv {
      float: right;
      clear: right;
      margin: 0 0 0 1em;
      font-family: serif;
      width: 20em;
    }

    #calendarbody #questionmark {
      font-size: 15em;
    }
		
		.imgstrip table {
		  margin: auto;
		}
		
		.imgstrip td {
			padding: 0.5em;
			vertical-align: bottom;
		}

		.imgstrip .imgcaption {
			vertical-align: top;
			padding-top: 0em;
		}
		
/*=== Logo stuff =============================================================*/
		#logo {
			float: left;
/*			position: absolute; */
			margin-bottom: 1em;
			width: 8em;
		} 
		
#biglogodiv {
  background-image: url("./images/water-bkg-3.png");
	background-position-x: 50%;
	background-repeat: repeat-x;
	
  height: 14em;
	margin: 0 0 1em 0;
	overflow: hidden;
	padding: 1.5em 0 0 0 ;
	text-align: center;
	position: fixed;
	width: 100%;
	z-index: -1;
}	

#biglogo {
	width: 330px;
}	
		
/*=== AGM Document stuff =====================================================*/

    .icon_pdf {
      width: 16px;
      height: 16px;
      border: none;
    }
    
    .spacer_col {
      width: 20%;
    }

/*=== T&C Document stuff =====================================================*/

		#tandc li {
		  padding: 0 0 0.5em 0;
		}