@charset "utf-8";


/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
	box-sizing: border-box;
}




/* Structure */

body {
	margin: 0;
	display: grid;
	grid-template-areas:
		"header header header"
		"nav nav nav"
		"side content content"
		"footer footer footer";
	grid-template-columns: 200px 1fr 200px;
	grid-template-rows: auto 1fr auto;
    grid-template-rows:
      auto /* header */
      auto /* nav */
      1fr /* content */
			auto; /* footer */
	grid-gap: 0px;
	background-color: black;
}




/* Header */


header {
	grid-area: header;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background: linear-gradient(to bottom, rgba(87,97,108,1) 0%, rgba(0,0,0,1) 100%);
}

/* Page logo. */
.hdLogoCont {
	order: 1;
	width: 196px;
	height: 50px;
}
.hdLogo {
	width: 100%;
	height: 100%;
}

/* Container for social media link. */
.hdSMCont{
	order: 2;
	display: flex;
	white-space: nowrap;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Every social media anchor and image. */
.hdSMItem {
	margin-right:10px;
}
.hdSMImage {
	width:100%;
	height:100%;
}

/* Specific social media anchors. */
.hdSMFacebook {
	width:24px;
	height:24px;
}
.hdSMTwitter {
	width:24px;
	height:24px;
}
.hdSMYouTube {
	width:62px;
	height:24px;
}




/* Nav */


nav {
	grid-area: nav;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background-color: #4D7461;
}

/* Each menu anchor tag. */
.navItem {
	font-size: .9rem;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	padding: 8px 10px;
	border-radius: 4px;
	text-decoration: none;
	color: #EAE8BF;
	margin-left:10px;
	white-space: nowrap;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid transparent;
	background-color: #3F5448;
	border: 1px solid rgb(234,232,191,.5);
	box-shadow: 4px 4px 5px rgb(0,0,0,.0);
}
.navItem:link, .navItem:visited {
}
.navItem:hover, .navItem:active {
	background-color: #3E5347;
	border: 1px solid #EAE8BF;
	box-shadow: 4px 4px 5px rgb(0,0,0,.3);
}




/* Main Section */

main {
	grid-area: content;
	background-color: white;
}





/* Main Section "PageTitle" */


/* The entire PageTitle section */
#tt {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #EAE8BF;
	background-color: #45594D;
	padding: 1.4% 3em 1em 3%;
}

/* Title of the PageTitle section */
.ttTitle {
	text-align: center;
	font-size: 2rem;
}
/* Subtitle of the PageTitle section */
.ttSubtitle {
	margin-top:5px;
	text-align: center;
	font-size: 1rem;
	font-family: Verdana, Helvetica, sans-serif;
}
/* Visitors of the PageTitle section */
.HitCounter {
	margin-top: 12px;
	text-align: center;
	font-size: .95rem;
	font-family: Verdana, Helvetica, sans-serif;
}




/* Share */


/* Share Section */
#sh {
}

/* Share Container */
#shCont {
	background-color: #FFFFFF;
	/* border-bottom: 1px solid #C3AC80; */
	padding: 8px 8px 0px 3%;
	z-index: 1000;
	/* text-align: right; */
	/* margin-top: 0px;
	margin-right: 0px; */
	/* overflow:auto; */
}




/* Aside */


aside {
	grid-area: side;
	background-color: #92AA9C;
}

/* Aside Container */
.asCont {
	/* margin-top: 80px; */
	display: flex;
	flex-direction: column;
	/* flex-wrap: wrap; */
	justify-content: center;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 10px;
	/* background-color: #4D7461; */
}

/* Aside Title */
.asTitle {
	display: block;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1.3rem;
	font-weight: bold;
	padding: 5px 8px;
	color: #EAE8BF;
	color: #3F5448;
	margin: 8px;
	/* text-shadow: 3px 3px 8px rgb(0,0,0,.4); */
	/* text-shadow: 1px 1px 10px rgb(255,255,255,.9); */
	text-shadow: 0 0 5px rgb(234,232,191,1);
/*
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 3px rgba(0,0,0,.1),
               0 1px 2px rgba(0,0,0,.3),
               0 3px 3px rgba(0,0,0,.2),
               0 3px 10px rgba(0,0,0,.25),
               0 5px 5px rgba(0,0,0,.2),
               0 10px 10px rgba(0,0,0,.15);
*/
}

/* Aside Item */
.asItem {
	display: block;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .9rem;
	font-weight: normal;
	padding: 5px 8px;
	color: #EAE8BF;
	margin-bottom: 5px;
	background-color: #3F5448;
	border-radius: 5px;
	width: 85%;
	padding: 8px;
	border: 1px solid transparent;
	box-shadow: 3px 3px 5px rgb(0,0,0,.3);
}
.asItem:link, .asItem:visited {
	text-decoration: none;
}
.asItem:hover, .asItem:active {
	border: 1px solid #EAE8BF;
	/* text-decoration: underline; */
	/* background-color: #4D7461; */
	box-shadow: 5px 5px 6px rgb(0,0,0,.5);
}




/* Main Section "MainBody" */


/* Container */
#mn {
}




/* Footer */


/* Container */
footer {
	grid-area: footer;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	font-family: Verdana, Ariel;
	font-size: .8em;
	color: #EAE8BF;
	background-color: #4C7361;
	padding: 10px 10px;
}

/* Spacing for every item. */
.Footer_TOS, .Footer_PP, .Footer_Year, .Footer_Reserved {
	order: 1;
	color: #EAE8BF;
	text-decoration: none;
	margin-left: .5rem;
	margin-right: .5rem ;
	white-space: nowrap;
}

/* Each menu anchor tag. */
.Footer_TOS:link, .Footer_TOS:visited {
	text-decoration: none;
}
.Footer_TOS:hover, .Footer_TOS:active {
	text-decoration: underline;
}

.Footer_PP:link, .Footer_PP:visited {
	text-decoration: none;
}
.Footer_PP:hover, .Footer_PP:active {
	text-decoration: underline;
}

/* Footer Year and Copyright */
.Footer_Year {
	white-space: nowrap;
}
.Footer_Copyright {
	white-space: nowrap;
}





/* Error Messages */

.ErrMsg {
	color: white;
}





@media (max-width: 768px) {
  body {
    grid-template-areas:
      "header"
      "nav"
      "content"
      "side"
      "footer";

    grid-template-columns: 1fr;
    grid-template-rows:
      auto /* Header */
			auto /* Nav */
      1fr /* Content */
      minmax(45px, auto) /* Sidebar */
      auto; /* Footer */
  }

  nav, aside {
    margin: 0;
  }
}