﻿.caption {
	text-align: center;
}
/*----------------------------------------*/
.tblresults {
	border-right: 4px solid #0441a3; 
  	border-bottom: 5px solid #0441a3;
  	border-top: 5px solid #2b77f2; 
  	border-left: 4px solid #2b77f2;
  	width: 80%;
	margin: auto;
	padding: 20px 5px;
}
/*----------------------------------------*/
.tblmeets {
	width: 75%;
	margin: 30px auto;
	background-color: rgb(230,230,230);
}
.tblmeets th {
	background-color: #9BC5CB;
	border: 1px black solid;
}
.tblmeets td {
	text-align: center;
	font-size: 0.8em;
	padding: 2px 0px;
	border: 1px solid black;
}
.tblmeets tr:nth-child(even) {
	background-color: rgb(250,247,240);
}
/*----------------------------------------*/
.dayrow td {
	color: black;
	background-color: white;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}
/*------------------------MEETPICS----------------*/
.meetpics {
	width: 100%;
	min-height: 200px;
	margin: auto;
	background-color: white;
	text-align: center;
}
.meetpics div{
	width: 31%;
	min-height: 200px;
	margin: auto;
	float: left;
	background-color: lime;
	text-align:center;
	border: 3px blue solid;
}
/*---------------- FLEX CONTAINER ----------------*/
.containers {
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	margin-bottom: 20px;
	justify-content: space-evenly;
}
.containers div{
	flex:  0 1 auto;
}
.containers div img {
	border: 1px black solid;
	width: 100%;
}
/*------------------------ FORMS ----------------*/
.meetforms {
	width: 75%;
	padding-left: 30px;
	margin: 10px auto;
}
.meetforms h3 {
	margin: 10px 0px 10px 10px;	
}
.meetforms p {
	font-family: courier;
	text-indent: 50px;
	padding: 20px;
	background-color: #FFFFFF;
}
/*---------------------*/
/*-------  On screens that are 468px or less, set the following -------*/
@media screen and (max-width: 468px) {
.nav {
	float: none;
	width: 100%;
}
.tblresults {
	width: 350px;
}
.tblmeets {
	margin: 25px 3px;
	min-width: 80%;
	display: block;
}
.tblmeets td {
	font-size: 0.8em;
	word-wrap: break-word;
}
.tblmeets th {
	font-size: 0.8em;
	background-color: red;
}
.logo {
	width: 100%;
}		
}

