@charset "utf-8";
/* CSS Document */
body {
    margin: 0;
    padding: 0;
    background-color: #300000;
	font-family: cutive;
    font-style: lighter;
    font-size: 16px;	
}

a:link{
    color: #C19603;
}
a:visited{
    color: #C19603;
}

.grid {
	display: grid;
	grid-template-columns: 5% 30% 20% 15% 25% 5%;
	grid-template-rows: minmax(40px max-content);
	grid-template-areas: 
		". header header header header ."
		". content content content news ."
		". content content content sidebar ."
		". content content content sidebar ." 
		". footer footer footer footer .";
	grid-gap: 4px 10px;
}
.colors a {
    color: #BEB704;
}
.header {
    grid-area: header;
    background-color: #300000;
    color: #F4F0B9;
    text-align: center;
}
.title {
    grid-area: title;
    background-color: #300000;
	align-content: center;
    text-align: center;
    color: #F4F0B9;
}
.pres {
    grid-area: pres;
    background-color: #300000;
    text-align: left;
    color: #F4F0B9;
	font-family:cutive;
    font-size: 1em;
	letter-spacing: 0.45em;
	line-height: 2.25em;
}
.news {
    grid-area: news;
	padding: 6px;
    color: #F4F0B9; 
	border: 0.5px solid #F4F0B9;
	background-color: linear-gradient(to top, black, 20%, red);
	content-align: left;
	font-family: cutive;
    font-size: 1.0em;
	font-weight: lighter;
	line-height: 1.5em;
	letter-spacing: 0.9em;	
}
.sidebar {
    grid-area: sidebar;
    background-color: #300000;
    color: #F4F0B9;
    align-content: flex-start;
    border-style: solid;
    border-width: 1px;
    border-color: #F4F0B9;
    padding: 10px;
    font-family: cutive;
    font-size: 0.9em;
    letter-spacing: 0.6em;
    font-weight: lighter;
    line-height: 1.2em;
    text-align: center;
}

.content{
    grid-area: content;
    background-color: #300000;
    color: #F4F0B9;
    text-align: justify;
    align-content: center;
	font-family: cutive;
    font-size: 0.88em;
    line-height: 2em;
    font-style: lighter;
	margin-left: 10%;
	margin-right: 2%;
}

.footer {
    grid-area: footer;
    background-color: #300000;
    color: #F5EF91;
    text-align: center;
}
.nested-news {
    display: grid;
    grid-template-columns: 5% 30% 30% 30% 5%;
    grid-template-rows: minmax(14px max-content);
    grid-template-areas: 
		". news-1 news-3 news-2 ."
		". . news-3 news-2 .";
    grid-gap: 6px 4px;
	color: #F4F0B9;
    padding: 4px;
    margin: 0;
}
.news-1{
    grid-area: news-1;
    padding: 4px;
    margin: 0;
    font-size: 1.0em;
}
.news-2{
    grid-area: news-2;
    text-align: left;
    padding: 4px;
    margin: 0;
    font-size: 1.0em;
    
}
.news-3{
    grid-area: news-3;
    text-align: center;
    padding: 4px;
    margin: 0;
    
}
.nn-grid {
    display: grid;
    grid-template-columns: 10% 30% 30% 30% 10%;
    grid-template-rows: minmax(2px max-content);
    grid-template-areas: 
		". nn-1 nn-1 nn-1 ." 		/*annual general meeting and abbreviation*/
		". nn-1 nn-1 nn-1 ."
		". nn-1 nn-1 nn-1 ."
		". nn-2 nn-2 nn-2 ."			/*Date*/
		". nn-2 nn-2 nn-2 ."			/*Time*/
		". nn-2 nn-2 nn-2 ."
		". nn-2 nn-2 nn-2 ."
		". nn-3 nn-3 nn-3 ."			/*Location*/
		". nn-3 nn-3 nn-3 ."
		". nn-3 nn-3 nn-3 ."
		". nn-3 nn-3 nn-3 ."
		". nn-4 nn-4 nn-4 ."
		". nn-4 nn-4 nn-4 ."
		". nn-8 nn-8 nn-8 ."			/*Jefferson State Campus*/
		". nn-9 nn-9 nn-9 ."			/*street address*/
		". nn-10 nn-10 nn-10 ."				/*clanton al*/
		". nn-11 nn-11 nn-11 ."			/*agenda*/		
		". nn-12 nn-12 nn-12 .";		/*COVID19*/
    grid-gap: 4px;
	width: 96%;
	color: #F4F0B9;
    padding: 4px;
	text-align: center;
	margin: 0;
	letter-spacing: 0.9em;
	line-height: 2.5em;
}
.nn-1{
    grid-area: nn-1;
    padding: 1px;
    margin: 0;
    font-size: 1em;
	text-align: left;
}
.nn-2{
    grid-area: nn-2;
     padding: 1px;
    margin: 0;
    font-size: 1em;
	text-align: left;
    
}
.nn-3{
    grid-area: nn-3;
    text-align: left;
    padding: 1px;
    margin: 0;
    font-size: 1em;
	line-height: 1.75em;
}
.nn-4{
    grid-area: nn-4;
    text-align: left;
    padding: 1px;
    margin: 0;
    font-size: 1em;
	line-height: 0.55em;
}
.nn-5{
    grid-area: nn-5;
    text-align: left;
    padding: 1px;
    margin: 0;
    font-size: 0.75em;
}
.nn-6{
    grid-area: nn-6;
    text-align: left;
    padding: 1px;
    margin: 0;
    font-size: 1em;
	line-height: 0.75em;
}
.nn-7{
    grid-area: nn-7;
    text-align: left;
    padding: 1px;
    margin: 0;
    font-size:1em;
	line-height: 0.75em;
}
.nn-8{						/*Jefferson State Campus*/
    grid-area: nn-8;
    text-align: left;
    padding: 1px;
    margin: 0;
    font-size: 0.75em;
	line-height: 0.75em;
}
.nn-9{
    grid-area: nn-9;
    text-align: left;
    padding: 1px;
    margin: 0;
    font-size: 0.8em;
	line-height: 0.75em;
}
.nn-10{					/*agenda*/
    grid-area: nn-10;
    text-align: left;
    padding: 1px;
    margin: 0;
    font-size: 0.8em; 
	line-height: 0.75em;
}
.nn-11{						/*agenda*/
    grid-area: nn-11;
    text-align: left;
    padding: 1px;
    margin: 0;
    font-size: 0.8em; 
	line-height: 0.75em;
}
.nn-12{							/*COVID19*/
    grid-area: nn-12;
    text-align: left;
    padding: 1px;			/*COVID19*/
    margin: 0;
    font-size: 0.65em;
    line-height: 1em;
}
.nested-grid {
    display: grid;
    grid-template-columns: 2% 44% 8% 44% 2%;
    grid-template-rows: minmax(14px max-content);
    grid-template-areas: 
		". ng-1 ng-1 ng-1 ."
		". ng-2 ng-2 ng-2 ."
		". ng-3 ng-3 ng-3 ."
		". ng-3 ng-3 ng-3 ." 
		". ng-3 ng-3 ng-3 ." 
		". ng-4 . ng-5 ."
		". ng-6 ng-6 ng-6 ."
		". ng-7 ng-7 ng-7 ."
		". ng-8 ng-8 ng-8 .";
    grid-gap: 6px 4px;
    padding: 4px;
    margin: 0;
    /*	font-family: "cutive","didact-gothic";*/
    font-size: 1.2em;
    letter-spacing: 0.25em;
    line-height: 2.25em;
    font-family: cutive;
    font-style: normal;
}
.ng-1{
    grid-area: ng-1;
    background-color: #300000;
    text-align: left;
	align-content: center;
    color: #F4F0B9;
	margin: 0;
    padding: 4px;
}
.ng-2{
	grid-area: ng-2;
    background-color: #300000;
	text-align: justify;
    color: #F4F0B9;
	font-size: 1em;
	align-content: center;
	width: 100%;
}
.ng-3{
    grid-area: ng-3;
    background-color: #300000;
    text-align: center;
    color: #F4F0B9;
    border: 0.5px solid #FDF4BE;
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 8px;
    margin: 0;
}
.ng-4{
	grid-area: ng-4;
    background-color: #300000;
	text-align: center;
	align-content: center;
    color: #F4F0B9;
	border: 0.5px solid #FDF4BE;
    padding: 4px;
    margin: 0;
    border-style: solid;
    border-color: #F4F0B9;
}
.ng-5{
	grid-area: ng-5;
    background-color: #300000;
	text-align: left;
    color: #F4F0B9;
	/*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}
.ng-6{
	grid-area: ng-6;
    background-color: #300000;
	text-align: left;
    color: #F4F0B9;/*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}
.ng-7{
	grid-area: ng-7;
    background-color: #300000;
	text-align: left;
    color: #F4F0B9;/*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}
.ng-8{
	grid-area: ng-6;
    background-color: #300000;
	text-align: left;
    color: #F4F0B9;/*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}
.lodge-grid{
	display: grid;
	grid-template-columns: 2% 44% 8% 44% 2%;
    grid-template-rows: minmax(14px max-content);
    grid-template-areas: 
		". l1 l1 l1 ."
		". l2 . l3 ."
		". l2 . l3 ."
		". l4 l4 . .";
    grid-gap: 6px 4px;
    padding: 4px;
    margin: 0;
}
.l1{
    grid-area: l1;
    background-color: #300000;
    font-family: abel, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    text-align: center;
    color: #F4F0B9;
    /*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
    letter-spacing: 1.1em;
    font-kerning: 1.2em;
}
.l2{
    grid-area: l2;
    background-color: #300000;
    font-family: abel, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    text-align: left;
    color: #F4F0B9;
    /*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
    font-family: abel;
    font-style: normal;
    font-weight: 400;
    font-kerning: 1.2em;
}
.l3{
	grid-area: l3;
    background-color: #300000;
	font-family: abel, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	line-height: 0.5em;
	text-align: left;
    color: #F4F0B9;
	/*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}
.l4{
	grid-area: l4;
    background-color: #300000;
	font-family: abel, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	line-height: 0.5em;
	text-align: left;
    color: #F4F0B9;
	/*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}
.ngg-grid {
    display: grid;
    grid-template-columns: 2% 22% 22% 8% 22% 22% 2%;
    grid-template-rows: minmax(14px max-content);
    grid-template-areas: 
		". ngg1 ngg1 ngg1 ngg1 ngg1 ."
		". ngg2 ngg2 . ngg3 ngg3 ."
		". ngg4 ngg4 . ngg5 ngg5 ."
		". ngg6 ngg6 . ngg7 ngg7 ."
		". ngg8 ngg8 . ngg9 ngg9 ."
		". ngg10 ngg10 . ngbr ngbr .";
    grid-gap: 10px 4px;
    padding: 4px;
    margin: 0;
}
.ngg1{
    grid-area: ngg1;
    background-color: #300000;
    text-align: center;
	align-content: center;
    color: #F4F0B9;
	margin: 0;
    padding: 4px;
}
.ngg2{
	grid-area: ngg2;
    background-color: #300000;
	text-align: justify;
    color: #F4F0B9;	
	align-content: center;
}
.ngg3{
    grid-area: ngg3;
    background-color: #300000;
    text-align: center;
	align-content: center;
    color: #F4F0B9;
	margin: 0;
    padding: 4px;
}
.ngg4{
    grid-area: ngg4;
    background-color: #300000;
    text-align: justify;
    color: #F4F0B9;
}
.ngg5{
    grid-area: ngg5;
    background-color: #300000;
    text-align: center;
	align-content: center;
    color: #F4F0B9;
	margin: 0;
    padding: 4px;
}
.ngg6{
	grid-area: ngg6;
    background-color: #300000;
	text-align: justify;
    color: #F4F0B9;	
	align-content: center;
}
.ngg7{
	grid-area: ngg7;
    background-color: #300000;
	text-align: justify;
    color: #F4F0B9;	
	align-content: center;
}
.ngg8{
	grid-area: ngg8;
    background-color: #300000;
	text-align: justify;
    color: #F4F0B9;	
	align-content: center;
}
.ngg9{
	grid-area: ngg9;
    background-color: #300000;
	text-align: justify;
    color: #F4F0B9;	
	align-content: center;
}
.ngg10{
	grid-area: ngg10;
    background-color: #300000;
	text-align: justify;
    color: #F4F0B9;	
	align-content: center;
}
.ngbr{
	grid-area: ngbr;
    background-color: #300000;
	text-align: justify;
    color: #F4F0B9;	
	align-content: center;
}

.table-grid {
    display: grid;
    grid-template-columns: 2% 22% 22% 8% 22% 22% 2%;
    grid-template-rows: minmax(14px max-content);
    grid-template-areas: 
		". tg1 tg1 tg1 tg1 tg1 ."
		". tg2 tg2 . tg3 tg3 ."
		". tg4 tg4 . tg5 tg5 ."
		". tg6 tg6 . tg7 tg7 ."
		". tg8 tg8 . tg9 tg9 ."
		". tg10 tg10 . . . .";
    grid-gap: 10px 4px;
    padding: 4px;
    margin: 0;
}
.tg1{
    grid-area: ngg1;
    background-color: #300000;
    text-align: center;
	align-content: center;
    color: #F4F0B9;
	margin: 0;
    padding: 4px;
}
.tg2{
	grid-area: ngg2;
    background-color: #300000;
	text-align: justify;
    color: #F4F0B9;	
	align-content: center;
}
.tg3{
    grid-area: ngg3;
    background-color: #300000;
    text-align: center;
	align-content: center;
    color: #F4F0B9;
	margin: 0;
    padding: 4px;
}
.tg4{
	grid-area: ngg4;
    background-color: #300000;
	text-align: justify;
    color: #F4F0B9;	
	align-content: center;
}
.tg5{
    grid-area: ngg5;
    background-color: #300000;
    text-align: center;
	align-content: center;
    color: #F4F0B9;
	margin: 0;
    padding: 4px;
}
.tg6{
	grid-area: ngg6;
    background-color: #300000;
	text-align: justify;
    color: #F4F0B9;	
	align-content: center;
}
.tg7{
	grid-area: ngg7;
    background-color: #300000;
	text-align: justify;
    color: #F4F0B9;	
	align-content: center;
}
.tg8{
	grid-area: ngg8;
    background-color: #300000;
	text-align: justify;
    color: #F4F0B9;	
	align-content: center;
}
.tg9{
	grid-area: ngg9;
    background-color: #300000;
	text-align: justify;
    color: #F4F0B9;	
	align-content: center;
}
.tg10{
	grid-area: ngg10;
    background-color: #300000;
	text-align: justify;
    color: #F4F0B9;	
	align-content: center;
}
.thumbnail_textlft  {

}
.vendor_box {
    text-align: justify;
    font-style: normal;
    font-weight: 300;
    font-family: dosis;
}

.ew-grid {
    display: ew-grid;
    grid-template-columns: 2% 44% 8% 44% 2%;
    grid-template-rows: minmax(14px max-content);
    grid-template-areas: 
		". ew-1 ew-1 ew-1 ."
		". ew-2 ew-3 ew-3 ."
		". ew-2 ew-3 ew-3 ." 
		". ew-4 ew-4 ew-4 ."
		". ew-6 . ew-7 .";
    grid-gap: 6px 4px;
    padding: 4px;
    margin: 0;
}
.ew-1{
    grid-area: ew-1;
    background-color: #300000;
    text-align: center;
	align-content: center;
    color: #F4F0B9;
	font-family: "didact-gothic";
	margin: 0;
    padding: 4px;
}
.ew-2{
    grid-area: ew-2;
    background-color: #300000;
    text-align: justify;
    color: #F4F0B9;
    align-content: center;
    width: 100%;
	font-family: "didact-gothic";
    font-size: 1.2em;
    font-weight: 400;
    font-style: lighter;
}
.ew-3{
	grid-area: ng-3;
    background-color: #300000;
	text-align: center;
    color: #F4F0B9;
	font-family: "didact-gothic";
    padding: 4px;
    margin: 0;
}
.ew-4{
    grid-area: ew-4;
    background-color: #300000;
    text-align: justify;
    align-content: center;
    color: #F4F0B9;
	font-family: "didact-gothic";
    padding: 4px;
    margin: 0;
    font-size: 1.2em;
    font-style: lighter;
}
.ew-5{
	grid-area: ew-5;
    background-color: #300000;
	text-align: left;
    color: #F4F0B9;
	/*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}
.ew-6{
	grid-area: ew-6;
    background-color: #300000;
	text-align: left;
    font-family: "didact-gothic";
    padding: 4px;
    margin: 0;
    font-size: 1em;
    font-style: lighter;
}
.ew-7{
	grid-area: ew-7;
    background-color: #300000;
	text-align: left;
/*    color: #F4F0B9;border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}

.nestedA-grid {
    display: grid;
    grid-template-columns: 2% 44% 8% 44% 2%;
    grid-template-rows: minmax(14px max-content);
    grid-template-areas: 
		". ngA-1 ngA-1 ngA-1 ."
		". ngA-2 ngA-2 ngA-2 ."
		". . . . ."
		". ngA-3 ngA-3 ngA-3 ."
		". . . . ."
		". ngA-4 ngA-4 ngA-4 ."
		". ngA-6 ngA-6 ngA-6 ."
		". ngA-7 ngA-7 ngA-7 ."
		". ngA-8 ngA-8 ngA-8 .";
    grid-gap: 6px 4px;
    padding: 4px;
    margin: 0;
}
.ngA-1{
    grid-area: ngA-1;
   /*background-color: #300000;*/
    text-align: center;
	align-content: center;
    color: #F4F0B9;
	margin: 0;
    padding: 4px;
	border-bottom: thin;
	border-bottom-color: coral;
}
.ngA-2{
	grid-area: ngA-2;
    /*background-color: #300000;*/
	font-family: "didact-gothic";
	font-size: 1em;
	font-weight: lighter;
	text-align: justify;
    color: #F4F0B9;	
	align-content: center;
	width: 100%;
}
.ngA-3{
	grid-area: ngA-3;
    /*background-color: #300000;*/
	font-family: "didact-gothic";
	font-size: 1em;
	font-weight: lighter;
	text-align: center;
    color: #F4F0B9;
	border: 0.5px solid #FDF4BE;
    padding: 4px;
    margin: 0;
}
.ngA-4{
	grid-area: ngA-4;
   /*background-color: #300000;*/
	font-family: "didact-gothic";
	font-size: 1em;
	font-weight: lighter;
	text-align: center;
	align-content: center;
    color: #F4F0B9;
	border: 0.5px solid #FDF4BE;
    padding: 4px;
    margin: 0;
    border-style: solid;
    border-color: #F4F0B9;
}
.ngA-5{
	grid-area: ngA-5;
    /*background-color: #300000;*/
	font-family: "didact-gothic";
	font-size: 1em;
	font-weight: lighter;
	text-align: left;
    color: #F4F0B9;
	/*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}
.ngA-6{
	grid-area: ngA-6;
    /*background-color: #300000;*/
	font-family: "didact-gothic";
	font-size: 1em;
	font-weight: lighter;
	text-align: left;
    color: #F4F0B9;/*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}
.ngA-7{
	grid-area: ngA-7;
    /*background-color: #300000;*/
	font-family: "didact-gothic";
	font-size: 1em;
	font-weight: lighter;
	text-align: left;
    color: #F4F0B9;/*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}
.ngA-8{
	grid-area: ngA-8;
    /*background-color: #300000;*/
	font-family: "didact-gothic";
	font-size: 1em;
	font-weight: lighter;
	text-align: left;
    color: #F4F0B9;/*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}