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

.header {
	display: grid;
	width: 98%;
    grid-area: header;
    background-color: #300000;
    color: #F4F0B9;
    
}
a:link{
	color:#F9F017;
}
a:visited{
	color:#F9F017;
}

h1, h2, h3, h4, h5, p{
	
	font-family: "cutive";
	font-weight: lighter;
	letter-spacing: 0.25em;
	line-height: 1.4em;
}
h1{
	font-size: 1.25em;
}
h2{
	font-size: 1em;	
}
h3{
    font-size: 0.8em;
    text-align: left;
    line-height: 1.2em;
    letter-spacing: 0.75em;
    	
}
h4{
	font-size: 0.6em;	
}
h5{
	font-size: 0.4em;	
}
p{
	font-size: 0.7em;
	font-weight: lighter;	
}
.grid {
	
	display: grid;
	grid-template-columns: 5% 35% 35% 20% 5%;
	grid-template-rows: minmax(40px max-content);
	grid-template-areas: 
		". header header header ."
		". title title title ."
		". content content content ." 
		". footer footer footer .";
	grid-gap: 4px 10px;
	margin-left: 10%;
	margin-right: 10%;
}
.colors a {
	color: #F9F017;
}
.title {
    grid-area: title;
    background-color: #300000;
    text-align: center;
    color: #F4F0B9;
}
.sidebar {
    grid-area: sidebar;
    background-color: #300000;
    color: #F4F0B9;
    border-style: solid;
    border-width: 2px;
    border-color: #F4F0B9;
	padding: 6px;
}

.content{
    grid-area: content;
    background-color: #300000;
    color: #F4F0B9;
    width: 90%;
    margin-left: 6%;
    margin-right: 6%;
    align-self: center;
}
.beach2020sem{
	width: 98%;
	align-content: center;
}
.beach_text{
	width: 90%;
	text-align: center;
	
}
.thumbnail_textlft{
	
	align-content: center;
}
.img{
	max-width: 99%;
	
}
.note{
	width: 40%;
	align-content: center;
	border: #0B2F0D;
	border-style: solid;
	border-width: 2px;
	
}

.schedule_table{
    align-content: center;
    border-color: #F4F0B9;
    border-style: solid;
    border-width: 1px;
    max-width: 86%;
}

.footer {
    grid-area: footer;
    background-color: #300000;
    color: #F5EF91;
    text-align: center;
}
.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-4 ." 
		". ng-5 . ng-6 ."
		". ng-7 . ng-8 ."
		". ng-9 . ng-10 ."
		". ng-11 . ng-12 ."
		". ng-13 . . .";
    grid-gap: 6px 4px;
    padding: 4px;
    margin: 0;
	letter-spacing: 0.25em;
	line-height: 2.25em;
	align-content: center;
}
.ng-1{
    grid-area: ng-1;
    background-color: #300000;
    text-align: center;
	align-content: center;
    color: #F4F0B9;
	margin: 0;
    padding: 4px;
}
.ng-2{
	grid-area: ng-2;
    background-color: #300000;
	text-align: center;
    color: #F4F0B9;
	font-size: 1.5em;
	align-content: center;
	width: 100%;
}
.ng-3{
	grid-area: ng-3;
/*    background-color: #300000;*/
	align-content: center;
    color: #F4F0B9;
/*	border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}
.ng-4{
	grid-area: ng-4;
/*    background-color: #300000;*/
	text-align: left;
	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;
	text-align: left;
    color: #F4F0B9;
    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-8;
    background-color: #300000;
	text-align: left;
    color: #F4F0B9;/*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}

.ng-9{
	grid-area: ng-9;
    background-color: #300000;
	text-align: left;
    color: #F4F0B9;/*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}
.ng-10{
	grid-area: ng-10;
    background-color: #300000;
	text-align: left;
    color: #F4F0B9;/*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}
.ng-11{
	grid-area: ng-11;
    background-color: #300000;
	text-align: left;
    color: #F4F0B9;/*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}
.ng-12{
	grid-area: ng-12;
    background-color: #300000;
	text-align: left;
    color: #F4F0B9;/*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}
.ng-13{
	grid-area: ng-13;
    background-color: #300000;
	text-align: left;
    color: #F4F0B9;/*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}
.ng-14{
	grid-area: ng-14;
    background-color: #300000;
	text-align: left;
    color: #F4F0B9;/*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}
.ng-15{
	grid-area: ng-15;
    background-color: #300000;
	text-align: left;
    color: #F4F0B9;/*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}

/*.ngg-grid {
    display: grid;
    grid-template-columns: 10% 36% 1% 36% 15%;
    grid-template-rows: minmax(14px max-content);
    grid-template-areas: 
		". ngg-1 . ngg-2 ."
		". ngg-3 . ngg-4 ."
		". ngg-5 . ngg-6 ."
		". ngg-7 . ngg-8 ."
		". ngg-9 . ngg-10 ."
		". ngg-11 . ngg-12 .";
    grid-gap: 6px 4px;
    padding: 4px;
    margin: 0;
    border: 0.5px solid #4A0B0B;
}*/
.ngg-grid {
    display: grid;
    grid-template-columns: 10% 36% 1% 36% 15%;
    grid-template-rows: minmax(14px max-content);
    grid-template-areas: 
		". ngg-1 . ngg-2 ."
		". ngg-3 . ngg-4 ."
		". ngg-5 . ngg-6 ."
		". ngg-7 . ngg-8 ."
		". ngg-9 . ngg-10 ."
		". ngg-11 . ngg-12 .";
    grid-gap: 6px 4px;
    padding: 4px;
    margin: 0;
    border: 0.5px solid #4A0B0B;
}
.ngg-1{
	grid-area: ngg-1;
	text-align: left;
    color: #F4F0B9;
    padding: 4px;
    margin: 0;
}
.ngg-2{
	grid-area: ngg-2;
	text-align: left;
    color: #F4F0B9;
    padding: 4px;
    margin: 0;
}
.ngg-3{
	grid-area: ngg-3;
	text-align: left;
    color: #F4F0B9;
    padding: 4px;
    margin: 0;
}
.ngg-4{
	grid-area: ngg-4;
	text-align: left;
    color: #F4F0B9;
    padding: 4px;
    margin: 0;
}
.ngg-5{
	grid-area: ngg-5;
	text-align: left;
    color: #F4F0B9;
    padding: 4px;
    margin: 0;
}
.ngg-6{
	grid-area: ngg-6;
	text-align: left;
    color: #F4F0B9;
    padding: 4px;
    margin: 0;
}
.ngg-7{
	grid-area: ngg-7;
	text-align: left;
    color: #F4F0B9;
    padding: 4px;
    margin: 0;
}
.ngg-8{
	grid-area: ngg-8;
	text-align: left;
    color: #F4F0B9;
    padding: 4px;
    margin: 0;
}
.ngg-9{
	grid-area: ngg-9;
	text-align: left;
    color: #F4F0B9;
    padding: 4px;
    margin: 0;
}
.ngg-10{
	grid-area: ngg-10;
	text-align: left;
    color: #F4F0B9;
    padding: 4px;
    margin: 0;
}
.ngg-11{
	grid-area: ngg-11;
	text-align: left;
    color: #F4F0B9;
    padding: 4px;
    margin: 0;
}
.ngg-12{
	grid-area: ngg-12;
	text-align: left;
    color: #F4F0B9;
    padding: 4px;
    margin: 0;
}






/*.viewcart{
    grid-area: viewcart;
    background-color: #300000;
    text-align: right;
    color: #F4F0B9;
	border-top: 0.5px; 
	border-top-style: solid;
    border-color: #FDF4BE;
    padding: 4px;
    margin: 0;
}*/

/*.2019sem{
	grid-area: _2019sem;
    background-color: #300000;
	text-align: center;
    color: #F4F0B9;	
	
}*/
/*.calendar-1{
	grid-area: calendar-1;
    background-color: #300000;
	text-align: center;
    color: #F5EF91;	
}*/
.aaai{
	grid-area: aaai;
    background-color: #300000;
	align-content: left;
    color: #F4F0B9;
    padding: 4px;
    margin: 0;
}


.nestedtable-grid {
    display: grid;
    grid-template-columns: 10% 20% 20% 20% 20% 10%;
    grid-template-rows: minmax(14px max-content);
    grid-template-areas: 
		". schedule schedule schedule schedule ."
		". day day . . ."
		". time_am1 topic topic presenter ." 
		". time_pm topic2 topic2 presenter2 ."
		". day2 day2 . . ."
		". time_am2 topic3 topic3 presenter3 ."
		". time_am3 topic4 topic4 presenter4 ."
		". time_pm topic5 topic5 presenter5 ."
		". ending ending ending ending .";
    background-color: #101C03;
    grid-gap: 6px 4px;
    padding: 4px;
    font-family: "didact-gothic";
    font-size: 0.85em;
    letter-spacing: 0.25em;
    line-height: 2.25em;
}
.schedule{
    grid-area: schedule;
    text-align: center;
	align-content: center;
    color: #F4F0B9;
	border: 0.5px solid #FDF4BE;
	margin: 0;
    padding: 4px;
}
.day{
	grid-area: day;
   
	text-align: left;
    color: #F4F0B9;
	border: 0.5px solid #FDF4BE;
	font-size: 1em;
/*	align-content: center;*/
	
}
.day2{
	grid-area: day2;
    
	text-align: left;
    color: #F4F0B9;
	border: 0.5px solid #FDF4BE;
	font-size: 1em;
/*	align-content: center;*/
	
}
.day3{
	grid-area: day3;
    
	text-align: left;
    color: #F4F0B9;
	border: 0.5px solid #FDF4BE;
	font-size: 1em;
/*	align-content: center;*/
	
}
.time_am1{
	grid-area: time_am1;
    
	text-align: center;
    color: #F4F0B9;
	border: 0.5px solid #FDF4BE;
    padding: 4px;
    margin: 0;
	font-size: 1em;
}
.time_am2{
	grid-area: time_am2;
    
	text-align: center;
    color: #F4F0B9;
	border: 0.5px solid #FDF4BE;
    padding: 4px;
    margin: 0;
	font-size: 1em;
}
.time_am3{
	grid-area: time_am3;
    
	text-align: center;
    color: #F4F0B9;
	border: 0.5px solid #FDF4BE;
    padding: 4px;
    margin: 0;
	font-size: 1em;
}
.time_pm{
	grid-area: time_pm;
    
	text-align: center;
    color: #F4F0B9;
	border: 0.5px solid #FDF4BE;
    padding: 4px;
    margin: 0;
	font-size: 1em;
}
.topic{
	grid-area: topic;
    
	text-align: center;
	align-content: center;
    color: #F4F0B9;
	font-size: 1em;
	border: 0.5px solid #FDF4BE;
    padding: 4px;
    margin: 0;
    border-style: solid;
    border-color: #F4F0B9;
}
.topic2{
	grid-area: topic2;
    
	text-align: center;
	align-content: center;
    color: #F4F0B9;
	font-size: 1em;
	border: 0.5px solid #FDF4BE;
    padding: 4px;
    margin: 0;
    border-style: solid;
    border-color: #F4F0B9;
}
.topic3{
	grid-area: topic3;
    
	text-align: center;
	align-content: center;
    color: #F4F0B9;
	font-size: 1em;
	border: 0.5px solid #FDF4BE;
    padding: 4px;
    margin: 0;
    border-style: solid;
    border-color: #F4F0B9;
}
.topic4{
	grid-area: topic4;
    
	text-align: center;
	align-content: center;
    color: #F4F0B9;
	font-size: 1em;
	border: 0.5px solid #FDF4BE;
    padding: 4px;
    margin: 0;
    border-style: solid;
    border-color: #F4F0B9;
}
.topic5{
	grid-area: topic5;
    
	text-align: center;
	align-content: center;
    color: #F4F0B9;
	font-size: 1em;
	border: 0.5px solid #FDF4BE;
    padding: 4px;
    margin: 0;
    border-style: solid;
    border-color: #F4F0B9;
}
.presenter{
	grid-area: presenter;
    
	text-align: left;
    color: #F4F0B9;
	border: 0.5px solid #FDF4BE;
    padding: 4px;
    margin: 0;
}
.presenter2{
	grid-area: presenter2;
    
	text-align: left;
    color: #F4F0B9;
	border: 0.5px solid #FDF4BE;
    padding: 4px;
    margin: 0;
}
.presenter3{
	grid-area: presenter3;
   
	text-align: left;
    color: #F4F0B9;
	border: 0.5px solid #FDF4BE;
    padding: 4px;
    margin: 0;
}
.presenter4{
	grid-area: presenter4;
   
	text-align: left;
    color: #F4F0B9;
	border: 0.5px solid #FDF4BE;
    padding: 4px;
    margin: 0;
}
.presenter5{
	grid-area: presenter5;
   
	text-align: left;
    color: #F4F0B9;
	border: 0.5px solid #FDF4BE;
    padding: 4px;
    margin: 0;
}

.ending{
	grid-area: ending;
    
	text-align: left;
    color: #F4F0B9;/*border: 0.5px solid #FDF4BE;*/
    padding: 4px;
    margin: 0;
}