@charset "UTF-8";
/* CSS Document */

:root {
	--cc-ltgreen: #4CAF50;
	--cc-brblue: #3D96F8;
	--cc-dkgreen: #3D6F60;
	--cc-lightbggreen: #F5FFF5;
}


body {
	/*background-color: #D8FADA;*/
	/*background-color: #DCF5EA;*/
	/*background-color: #ccd9d38*/
	background-color: var(--cc-lightbggreen);
	font-family: Arvo, serif;
	/*font-family: Open Sans, san-serif;*/
	/*background-attachment: fixed;
	background-image: url("Images/aaron-burden-195227-unsplash.jpg");
	background-size: 100%;*/
	
}


#Container {
	
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	/*padding: 10%;*/
	/*background:#DBFCD2 ;*/
	background:#FFF;
	/*background-color:rgba(248,241,224,0.7);*/
	box-shadow: 2px 2px 6px #D3D3D3;

}

#content a {
	/*color: #4CAF50;*/
	color: #457A48;
}

#content {
	display: block;
	width:95%;
	/*margin-left:15px;
	margin-right:15px;*/
	margin-top:15px;
}

#Header {

	width: 80%;
	top: 0px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
    align-items:center;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #3d6f60;
/*	background-color: #BBDAB9 ;*/

}

#main-menu {
	display: block;
	width:100%;
/*	background-color: #338959;*/
	margin-left: auto;
	margin-right: auto;
	/*border-bottom: 1px solid #C2C2C2;*/
	
}

.gtl-alert {
	background:#AA0808;
	border-style:solid;
	border-width: 2px;
	border-color: white;
	padding: 1em;
	box-shadow: 2px 2px 6px #D3D3D3;
	border-radius: 10px;
	color: white;
	font-family: "Arial", "sans-serif";
}

.navbar a {
	color: var(--cc-ltgreen);
}

.hideit {
	visibility: hidden; 
}

.gtl-header-bg {
	background-attachment: fixed;
	background-image: url("Images/aaron-burden-195227-unsplash.jpg");
}

.bottomborder {
	border-bottom: 6px solid var(--cc-dkgreen);
	}

.footer {
	height:15px;
}

.list-group-item {
	/*background-color: #FCF9EC;*/
	background: none;
}

.gtl-bg {
	/*background-color:#EDF6FF;*/
	background-color: #F5FFF5;
}

.gtl-list {
	/*background: #F0E2BF;*/
}
.gtl-list a {
	color: #4CAF50;
}

.gtl-nav-bg {
	background: #FFF;
	/*background-color:#EDF6FF;*/
	/*background-color: var(--cc-lightbggreen);*/

}

.gtl-text {
	margin-top:1em;
}

.home-titles {
	float:left;
	width: 20%;
/*	height: 10em;*/
	display: inline-block;
	font-weight: bold;
}

.home-details {
/*	height: 10em;*/
	width: 80%;
	display: inline-block;
}

.info {
	display:block;
	margin-bottom: .75em;
	margin-top:.75em;
/*	background-color: #FFF;*/
	padding: .5em;
}

.menu-item {
	display: flex;
	align-items: center;
/*	background-color: #338959;*/
	Width:20%;
	height: 2em;
	font-size: 1.5em;
	float:left;
	text-align: center;
	/*vertical-align: middle;*/
}

.menu-item:Hover {
	background-color: #FFF;
}

.date-box {
	background: #4CAF50;
	color: #FFF;
	height: 4em;
	width: 50%;
	text-align: center;
	padding: 1em 0em;
	line-height: 1em;
	
}

.annoucement-highlight {
	background:#FFF;
	border-style:solid;
	border-width: 2px;
	/*border-color: #3d6f60;*/
	/*border-color: #3D96F8;*/
	border-color: var(--cc-ltgreen);
	padding: 1em;
	box-shadow: 2px 2px 6px #D3D3D3;
	border-radius: 10px;
}

.annoucement-highlight li {
	padding-top: 10px;
}

.strikethrough {
	text-decoration: line-through;
}

/* Add a black background color to the top navigation */
.topnav {
/*    background-color: #338959;*/
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #6B6B6B;
    text-align: center;
    padding: 10px 12px;
    text-decoration: none;
    font-size: 17px;
	
	
}

/* Change the color of links on hover */
.topnav a:hover {
/*    background-color: #ddd;*/
    color: #4CAF50;
}

/* Add an active class to highlight the current page */
.active {
/*    background-color: #4CAF50;*/
    color: #4CAF50;
	font-weight: bolder;
	border-bottom: 6px solid #4CAF50;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
	}
#Container {
	
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	/*padding: 10%;*/
	background:#FFF ;
	  }
	
	
}