@charset 'utf-8';
/* CSS Document */

body {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-auto-rows: minmax(min-content, max-content);
	grid-gap: 25px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .95em;
	color: #000;
	font-weight: lighter;
	background-color: #000;
	/*border: 4px solid #cac;*/
}
header {
	/*display: grid;
	grid-template-columns: repeat(12, 1fr);*/
	grid-column: 3 / span 9;
	/*border: 4px solid #2ac*/;
	margin-top:20px;
}
footer, full_width  {
	/*display: grid;
	grid-template-columns: repeat(12, 1fr);*/
	grid-column: 2 / span 9;
	/*border: 4px solid #2ac*/;
	margin-top:20px;
	background-color:#eee;
	color:#000;
	padding:15px;
}
b {
	font-weight:600;
}

.header_logo {
	grid-column: 2 / span 3;
	/*border: 4px solid #2ac;*/
	margin-bottom: 20px;
	color: #FF0000 !important;
}
.header_nav {
	grid-column: 5 / span 6;
	/*border: 4px solid #2ac;*/
	margin-left: 0;
	margin-bottom:20px;
}

main {
	grid-column: 2 / span 3;
	/*margin-left: 50px;
    margin-right: 50px;*/
	border: 1px solid #fff;
	-webkit-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	   -moz-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	        box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	padding-left:15px;
	padding-right:15px;
	background-color:#eee;
}
.main_aside_gutter {
	grid-column: 5/span 3;
	/*border: 4px solid #ff0;*/
	border: 1px solid #fff;
	-webkit-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	   -moz-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	        box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	padding-left:15px;
	padding-right:15px;
	background-color:#eee;
}
box_center {
	grid-column: 8/span 3;
	/*border: 4px solid #2ac;*/
	border: 1px solid #fff;
	-webkit-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	   -moz-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	        box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	padding-left:15px;
	padding-right:15px;
	background-color:#eee;
}
.inner_grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 5px;
	/*border: 1px solid #fff;*/
	/*-webkit-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	-moz-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);*/
}
.sub_box {
	border: 1px solid #fff;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
.box_shadow {
	border: 1px solid #fff;
	-webkit-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	   -moz-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	        box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
}



img , .cover_image {
	color: #d6d6d6;
	border: 1px solid #fff;
	-webkit-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	   -moz-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	        box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	max-width: 375px;
	z-index: 10;
	/*width: auto;*/
}

/* other tweaks */
.menu_item {
	display: inline-block;
	color: white;
	padding: 0 10px 0 10px;
}
.menu_item a {
	text-decoration: none;
	color: #00B300;	/*font-weight: bold;*/
}
.menu_item a:hover {
	text-decoration: underline;
	color: #0FF;
}
.text_purple {
	color: #f0f !important;
}
.text_yellow {
	color: #ff0 ;
}
.text_blue {
	color: #0900ff !important; 
}
.text_green {
	color: #0f0 !important;
}
.text_red {
	color: #f00 !important;
}
.text_gray {
	color: gray !important;
}
.text_white {
	color:#fff;
}
.text_black {
	color:#000;
}
 .text_underline {
	text-decoration:underline !important;
}
.back_yellow {
	background-color:#FFFFAD ;
}

.box_green {
	background-color: #33FF33;
	border: solid #000000 1px;
	padding:15px;
}
.box_light_cyan {
	background-color: cyan;
	border: solid #000000 1px;
	padding:15px;
}

.box_lightgreen {
	background-color:#C6F6C6;
	border: solid #000000 1px;
	padding:15px;
}

.box_yellow {
	background-color: #FFFF00;
	border: solid #000000 1px;
	padding:5px;
    color:black;
}
.back_light_green {
	background-color:#90EE90;
	padding:8px;
	color:black ;
}

.text_green {
	color:green;
}
.redtext {
	color:red;
}
h1 {
	font-family: Verdana, Geneva, sans-serif;
}
h4, h5 {
	line-height: 110% !important;
}
.word_huge {
	font-size: 400%;
	margin: 5px;
}
strong {
	font-weight: bold;
}
.sub_header {
	color:#fff;
}
.tinytext {
	font-size: 80%;
}
a {
	color: #390;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
	color: #C00;
}
a.text_yellow {
	color:yellow;
}

a.text_blue {
	color:blue;
}
a.underline  {
	text-decoration:underline;
}
span.social > a  {
	background-color: #00F;
	color:#ffF;
	text-decoration:none;
	}
span.social > a:hover {
	text-decoration: underline;
	background-color: #FF0 !important;
	text-decoration: none;
	color: #000;
}
.background_white {
	background-color: #FFF;
}
.background_yellow {
	background-color: yellow;
}
.background_light_yellow {
	background-color: lightyellow;
}
.middletextbox, #middletextbox {
	position: absolute;
	top: 50%;
	left: 40%;
	transform: translate(-50%, -50%);
	font-size: 85%;
	margin-top: 10px;
	margin-left: 55px;
	margin-right: 15px;
	margin-bottom: 10px;
	z-index: 999;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;/*background-color: #FF0;*/
}
/*---------------------------------
	NOTICES
-----------------------------------*/
.notice{
border:1px solid gold;
background:lightyellow;
padding:10px 20px 10px 40px;
margin:10px 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:#000;
line-height:120%;
vertical-align: center;
text-shadow:0px 1px rgba(255,255,255,0.5);
position:relative;
top:0;
left:0;
clear:both;
}

	.notice.warning{}/*default*/
	.notice.error{border:1px solid red;background:pink;color:red;}
	.notice.success{border:1px solid green;background:lightgreen;color:green;}
	.notice i[class*='fa-']{position:absolute;top:50%;left:0.8em;margin-top:-0.6em;}
	.notice a[class*='fa-remove'],
	.notice a[class*='fa-remove']:active,
	.notice a[class*='fa-remove']:visited{text-decoration:none;font-size:12px;position:absolute;top:5px;right:5px;left:auto;color:inherit;margin-top:0;left:auto;}

 @media (max-width: 900px) {

main, box_center, header, footer {
    grid-template-columns:  repeat(auto-fill, minmax(100px, 1fr));
        grid-column: 2 / span 10;
    grid-gap: 0;
    margin-left:0px;
    margin-right:0px;
    padding-left:2px;
    padding-right:2px;
}
.main_aside_gutter {
	grid-column: 2/span 10;
		/*display: none !important;*/
}
.cover_image {
    max-width:80%;
}
 }

@media (max-width: 900px) {

		body {
				box-sizing: border-box;
				min-width: 200px;
				max-width: 880px;
				margin: 0 auto;
				padding: 45px;
			}

			@media (prefers-color-scheme: dark) {
				body {
					background-color: #0d1117;
				}
			}

/*	body {
	background-color: #CCC !important;
	color: #000 !important;
	}
	full_width {
	padding-left: 5%;
	padding-right: 5%;
	display: grid;
	grid-column: 1 /span 3;
	grid-template-columns: 2;
	grid-template-columns: repeat(3,1fr);
}*/
	/*.header_logo {
		background-color: #000 !important;
	}*/
	main, box_center, header, footer {
		grid-template-columns: 1fr;
		/*grid-column: 2 / span 10;*/
		grid-gap: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 2px;
		padding-right: 2px;
		background-color:#FFF ;
		color:#000 !important;
	}
.main_aside_gutter {
	/*grid-column: 5/span 3;*/
	/*border: 4px solid #ff0;*/
		grid-column: 2/span 10;
	border: 1px solid #fff;
	-webkit-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	   -moz-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	        box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	padding-left:15px;
	padding-right:15px;
	background-color:#eee;
}
.box_center {
	/*grid-column: 8/span 3;*/
	/*border: 4px solid #2ac;*/
	border: 1px solid #fff;
	-webkit-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	   -moz-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	        box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	padding-left:15px;
	padding-right:15px;
	background-color:#eee;
}
.inner_grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 5px;
	/*border: 1px solid #fff;*/
	/*-webkit-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	-moz-box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);
	box-shadow: 10px 10px 5px 0 rgba(128,123,128,1);*/
}
.sub_box {
	border: 1px solid #fff;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
	.cover_image {
		max-width: 80%;
	}
.menu_item {
	padding-right: 8px;
	padding-right: 12px;
	width: 100%;
	display: block;
	text-decoration: underline;
	line-height:200%;

}


	.menu_item a:hover {
		color: black;
		background-color:#CCC;
	}
	main p {
		text-align: left !important;
		color: #000 !important;
		padding:5px;
	}
	.word_huge {
		font-size: 200% !important;
	}
	.sub_header {
		color:#000;
	}
	.text_yellow {
		color: #000 !important;
	}
	h3,h4, h5 {
		font-size:14px;
	}
	.header_nav {
		line-height: 150%;
		text-align: center;
	}
	ul {
	display: flow-root;
	}
	li {
		display: table;
	}
}