*{
 margin: 0;
padding: 0;
 box-sizing: border-box;
}
.container{
float:center;
width: auto;
height: 25vh;
/*background-color: #828282;*/
/*border:thick solid #354;*/
font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
font-size:28pt;
color: #828282;
display:flex;
justify-content: center;
align-items: center;
}

.grid-container{
	display: grid;
	grid-template-columns: auto auto auto auto;
	align-content: center;
	/*background-color: #ddd;*/
	padding: 15px 150px;
	border: thin inset #828282;
	font:oblique;
	font-size:30px;
	color:#fff;
	text-shadow: 0.03rem 0.5rem rgba(0,0,0,0.2);
}
.grid-item{
	float:center;
    border: thick solid #828282;
    padding: 2.2px 50px;
    width:30rem;
    height:25rem;
    display: flex;
    justify-content:center;
    box-shadow: 0 1.5rem 6rem rgba(0,0,0,0.1);
	
}
.gridimg{
	width:28rem;
	height:21rem;
	box-shadow: 0 1.5rem 6rem rgba(0,0,0,0.9);
}

.column{
	float:left;
	width:33.33%;
	padding:15px;
}

.row::after{
	content:"";
	display: table;
	clear: both;
}

.clubinfo{
	justify-content: center;
	text-justify: auto;
}
.calenderphoto{
	content-align: center;
	height: 500px;
	width: 700px;
}
/*.calendermonth{
	width: 100rem;
	text-align:center; 
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-style: normal;
	font-size: 36pt;
	border: 2px solid #828282;
	color:#828282
}
.calenderdays{
	text-align:center;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 24pt;
	border: 2px solid #828282;
	color:#828282;
}
.calendaryear{
	text-align: center;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size:38pt;
	font-style:italic;
	font-display: auto;
	text-decoration-style:dotted;
	border: 2px solid #828282;
	color:#828282;
}
.clubnights{
	text-align:center;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size:24pt;
	border:5px solid #FC070B;
	background-color: #2CF50D;
	color:#828282;
	
}*/
.clubnightnote{
	text-align:center;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif";
	font-size:30pt;
	background-color:#DDDDDD;
	color:#F9080C;
}
.google{
	font-family:"Baskerville", "Palatino Linotype", "Palatino", "Century Schoolbook L", "Times New Roman", "serif";
	font-style:italic;
	font-size:8pt;
	color:#48A3F7;
	
}
.committeemem{
	border:double;color:#2F2F2F;
	height: 115px;
	width: 115px;
	
}
.underline{
	color:red;
}

.navbar{
float:center;
padding: 2px;
border:thin solid  #828282;
width:12.2%;
background-color:#ddd;
overflow:auto;
display: flex;
    justify-content:center;
    box-shadow: 0 1.5rem 6rem rgba(0,0,0,0.1);
	

}
.navbar a{
float: center;
padding: 12px;
color: #828282;
text-decoration: overline;
image-decoration: underline;
box-shadow: 0 1.5rem 6rem rgba(0,0,0,0.1);
font-size: 17px;
}
.navbar a:hover{
background-color:#E5E5E5;
}
.active{
background-color:#A4A49E;
color:#fff;

}
/*
@media screen and (max-width : 610px ){
  .navbar a {
    float: left;
    display:flex;
  }
 .column{
	float:left;
	width:100%;
	padding:15px;
	margin:10px;
	}/*

	body {
		font-size: 16px;
	}
	@media(max-width:600px){
		body{
			font-size:14px;
		}
	}*/


.navigation{
	width: 150px;
	margin-left: 30px;
	font-family:bookman old style;
    font-style:normal;
    font-size:14pt;
	color: #828282
}
.navigation1{
	overflow:hidden;
	background-color: #ddd;
	float: left;
	display:block;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-style: normal;
	font-size:14pt;
	color: #828282;
	text-align: center;
	padding: 14px 16px;
	text-decoration:overline;
}


img.logo{
	float:center;
	/*border-style:solid;border-color:silver;*/
	width:15rem;
	height:10rem;
	opacity: 0.5;
	padding-bottom:0px;
    font-family:bookman old style;
    font-style:underline;
    font-size:72pt;
	color: #828282;	
}
/*img.headinglogo{
	float:right;
	border-style:solid;border-color:silver;
	hieght:20px;
	width:20px;
	opacity: 0.5;
	padding-bottom:0px;
    font-family:bookman old style;
    font-style:underline;
    font-size:72pt;
	color: #828282;	
}*/

p.imgtitle{
    /*float:left;*/
    font-family:bookman old style;
    font-style:underline;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:0px;
    padding-left:0px;
    font-size: 12pt;
	color: #828282;
}
.font{
    font-family:Trebuchet MS;
    font-style:underline;
    font-size: 12pt;
    color:#828282;
}
.font2{
    font-family:Trebuchet MS;
    font-style:underline;
    font-size: 36pt;
    color:#404040;
}

a { color: #828282;
 text-decoration: none;
 font-weight:normal;
} 
.photographername {
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-style:italic;
	font-size:12pt;
	color:lightslategray;
	
}

a:hover	{ 
color: #700000;
 text-decoration: underline;
}

.news{
	font-size: 20pt;
	 color:#700000;
}

.newscontainer{
	margin-left: auto;
    margin-right: auto;
	width: 500px;
}

.mainheading{
	text-align: center;
    font-size: 39pt;
    color:#404040;
}
.header{
	background-color: #F05255;
	padding: 20px;
	text-align:center;
	width:15rem;
	height:10rem;
	opacity: 0.5;
}

img.gallery_index{

	border:thick solid; 
	color:#30A39A;
    width:30rem;
    height:25rem;
}


img.gallery_client{
	border:thin solid; 
	color:#828282;
    width:120px;
    height:110px;
}

img.mail{
	border:none;  
	color:#00bfff;
}

.contact{
	font-family:Trebuchet MS;
	font-style:normal;
    font-size:20pt;
    color:#828282;
}

.balloon_text{
	font-family:Trebuchet MS;
         font-style:normal;
         font-size:15pt;
         color:#828282;
}

 .balloon_title{
		font-family:Trebuchet MS;
         font-style:normal;
         font-size:18pt;
         color:#828282;
}
 
 
 /* title frame */

.titleContent { padding: 6px 0 6px 6px; }

.banner
{
	font-size: 12px;
	font-family: Trebuchet MS, verdana, arial;
	color: #FFFFFF;
}

.banner .title{
	font-size:1.2em;
	font-weight:bold;
}

.banner .info{
	font-size:0.9em;
}
.pagenav{
	overflow:hidden;
	background-color: #ddd;
	float: center;
	display:block;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-style: normal;
	font-size:20pt;
	color: #828282;
	text-align: center;
	padding: 14px 16px;
	text-decoration:overline;
}

.pagenums {
	font-size:10px;
	font-family: Trebuchet MS, verdana, arial;
	color: #FFFFFF;
}

.banner .email{
	font-weight:bold;
}

/* index frame */

.indexContent {
	width:95%;
	padding-top:6px;
	padding-bottom:6px;
}

.indexInfo {
	font-size: 11px;
	font-family: Trebuchet MS, verdana, arial;
	padding: 0 0 0 6px;
}

.indexInfo .filename {
	color: #FFFFFF;
}

.indexInfo .date {
	color: #FFFFFF;
}

/**************** IMage Gallery *******************/

/* file info */

#imageInfo{
	width: 461px;
	font-family: Trebuchet MS, verdana, arial;
	padding: 0 6px 0 6px;
}

.content {
	font-size:11px;
/*	color: #FFFFFF;*/

	padding-top:6px;
	padding-bottom:6px;
}

.header{
	font-size:9px;
	font-weight:bold;
	color: #FFFFFF;
}

.contentLast {
	font-size:11px;
/*	color: #FFFFFF;*/
	padding-top:6px;
}

/* feedback */

.feedback {
	width: 461px;
	font-family: Trebuchet MS, verdana, arial;
	padding: 6px 6px 0 6px;
}

.checkBoxText
{
	font-size: 11px;
	color: #FFFFFF;
}
.button {
	font-weight:bold;
	font-size: 11px;
	color:#ffffff;
	width:100%;
	background-color:#D6BA8B;
}

/********************CALENDAR**************************/
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    background-color: #f4f4f4;
}

#randomImageContainer{
	margin: auto;
}

#randomImage {
    display:block;
    margin:auto;
}

#navigation {
  display: flex;
  align-items: center;
  justify-content: center;
}

.month-year {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
}

#calendar {
    display: flex;
    flex-wrap: wrap;
    max-width: 500px;
    margin: 20px auto;
}

.day {
    width: calc(100% / 7);
    padding: 20px;
    border: 1px solid #828282;
	border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
}

.highlight {
    background-color: #E57173;
	color: #fff;
}

.event-list {
    max-width: 700px;
    margin: 20px auto;
    padding: 10px;
    background-color: #ddd;
    border: 1px solid #356495;/*828282*/
}
.monthly-theame {
	max-width: 700px;
	margin: 20px auto;
	padding: 10px;
	background-color:#ddd;
	border: 5px solid #07F783;
	font-size: 24pt;
	color:#F1DB0E;
}
.event-list p {
    margin: 25px 0;
}


.weekday-letter {
    font-weight: bold;
    text-align: center;
}

/* Ensure your .day class has appropriate styling for alignment */

.day {
    width: calc(100% / 7);
    padding: 20px;
    border: 1px solid #828282;
    box-sizing: border-box;
    text-align: center;
}



/**************** E O IMage Gallery *******************/
 

body {margin:0; background:#ddd; padding:5px; font:11px Trebuchet MS,Arial}
#slideshow {list-style:none; color:#FFF}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#ddd}/**changes color*/
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#414141; font:Lucida Handwriting; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
/* Main Selectors */
body {
	background-color: #ddd;
	color: #808080;
}

a, a:visited {
	background-color: transparent;
	color: #808080;
}

a:hover {
	background-color: transparent;
	color: #808080;
}

/* Header */
div#header h1 {
	font-family: tahoma, arial, helvetica, sans-serif;
	text-align: center;
	background-color: transparent;
	color: #808080;
}

/* Thumbnail Index */
div#index {
	margin: 1ex 0 1ex 0;
	text-align: center;
}

div#index table {
	text-align: center;
	margin: 0 auto 0 auto;
}

div#index td.thumbcell {
	width: 200px;
	border-style: solid;
	border-color: #282828;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

div#index td.thumbcell img {
	border-style: none;
}

div#index div.pages {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	text-align: right;
}

/* Photo Navigation */
div#navigation {
	text-align: center;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	margin: 1ex 0 1ex 0;
}

div#navigation table {
	text-align: center;
	margin: 0 auto 0 auto;
}

div#navigation td.previous {
	text-align: left;
	width: 200px;
}

div#navigation td.index {
	text-align: center;
}

div#navigation td.next {
	text-align: right;
	width: 200px;
}

div#navigation td.thumbcell {
	width: 200px;
	border-style: solid;
	border-color: #282828;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

div#navigation td.thumbcell img {
	border-style: none;
}

div#navigation td.selected {
	border-style: outset;
	border-width: 2px;
}

div#navigation span.home {
	display: block;
	padding-bottom: 1em;
}

/* Photograph */
div#photograph {
	text-align: center;
	margin: 1ex 0 1ex 0;
}

div#photograph img {
	margin: 0 auto 0 auto;
	border-style: solid;
	border-color: #808080;
	border-width: 1px;
}

/* Photograph Title */
h1.title {
	text-align: center;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	margin: 0px;
}

/* Photograph Caption */
p.caption, p.description {
	font-family: tahoma, arial, helvetica, sans-serif;
	text-align: center;
	font-size: 0.8em;
	display: block;
	width: 800px;
	margin: auto;
}

/* Footnote */
p.footnote {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.6em;
	text-align: right;
	padding: 0 2em 0 0;
}
}