body {margin:0px 0px 0px 0px;
		font-family: verdana;
		font-size:10px;
		color:#000;
		line-height:20px;
		word-spacing:3px;
		text-align:justify;
		background:#949684;}
		
table#toptable {line-height:6px;
				background-color:#949684;}
table#menutab {background:#B6E074; width:100%; border-bottom: 1px solid #949684;}

table#maintable {background:#FFFFFF;
				 border: 1px solid #949684;
				 border-top: none; border-bottom:none;}

table#banner {background: none; border:1px solid #949684; width:870px;
				 border-top:none;}

td#newsHeading { background-color:#B6E074; font-size:13px; text-align:left;
					padding-left:10px; padding-right:10px; line-height:35px;}
					
td#welcome { color:#000; font-size:18px; text-align:left;
					padding-left:10px; padding-right:10px; line-height:35px;}


a:link, a:active,  a:visited {text-decoration:none; color:#000; font-weight:bold;}

a:hover {text-decoration:underline;}

/* Menu */

#menu {
	width: 870px;
	height: 45px;
	padding-top: 0px;
	margin: 0 auto;
	/*border-left:1px solid #949684;
	border-right:1px solid #949684;*/
}

#menu ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	float: left;
	height: 20px;
	padding: 10px 15px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing:1px;
	font-weight: bold;
	color: #000000;
}

#menu a:hover {
	background: #949684;
	color: #FFFFFF;
}

#menu .current_page_item a {
	background: #949684;
	color: #FFFFFF;
}

.thumbnail-wrap{
    width: 100%; 
    position: relative; 
    margin: 0; 
    padding:0 ;
    display: inline-block;
}
.thumbnail-wrap .th-item{
    vertical-align:top;
    text-align:center;
    width: calc(30% - 15px);
    display: inline-block;
    margin: 0 15px 25px 0;
    position: relative;
    overflow: hidden;
    height: 220px;
    padding: 5px;
    border: 1px solid #f4f3f5;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 12%);
}
.thumbnail-wrap .th-item h4{
    font-size: 16px;
    margin:0;
}
.thumbnail-wrap .th-item img{
    width: 100%;
    max-width: 100%;
    transition: all ease-in .2s;
}
.thumbnail-wrap .th-item:hover img{
    transform: scale(1.1);
    transition: all ease-in .2s;   
}

.lightbox {
  /* Default to hidden */
  display: none;

  /* Overlay entire screen */
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 1em;

  /* Translucent background */
  background: rgba(0, 0, 0, 0.8);
}

/* Unhide the lightbox when it's the target */
.lightbox:target {
  display: block;
}

.lightbox span {
  /* Full width and height */
  display: block;
  width: 100%;
  height: 100%;

  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}