@font-face
  {
    font-family: "EB_Garamond"; src: local("EB_Garamond") ,url('../TheoryTopics/fonts/EB_Garamond/EBGaramond-Regular.ttf') format('truetype');
    font-family: "Cabin"; src: local("Cabin") ,url('../TheoryTopics/fonts/Cabin/Cabin-Regular.ttf') format('truetype');
  }

*
	{
		color: black;
		font-family: "Cabin", 'Segoe UI', '-apple-system', 'sans-serif';	
		font-size: 18px;
		margin: 0px;
	}
body
	{
		background-color: whitesmoke;/*Really light gray*/
		text-align: center;
		min-height: 200px;
		
	}
h1
	{
		text-shadow: 3px 3px 3px rgba(0,0,0,0.6);
		font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
  		font-weight: 700;
  		font-size: 100px;
  		color: white;
  		line-height: 1.1;
	}
h2
	{
	    font-family:'Segoe UI', '-apple-system', Tahoma, Geneva, Verdana, sans-serif;
	    font-size: 50px;
	    /*text-shadow: 3px 3px 3px rgba(0,0,0,0.6);*/
	    text-shadow: -1px 2px 5px rgba(0,0,0,0.6);
	}
h3
	{
	    font-size: 30px;
	    color: grey;
	}

a
	{
		color: #03A9F4;
	    /*font-weight: bold;*/
	    text-decoration: none;
	}

a:hover
	{
		font-weight: bold;
	}

.navigation_buttons:hover
	{
		font-weight: unset;
	}

.listLocation
	{
	    list-style-type: disc;
	}

.middleContainer
	{
		margin: auto;
		max-width: 940px;		
	}
.bottomContainer
	{
		margin: auto;
		min-height: 20px;
		color: #525252; /*dark gray*/
	}	
.topBanner
	{
		font-size: 18px;
		font-style: normal;
	}
.pictureBackgroundColor
	{
		background: darkgray;
		padding-bottom: 20px;
		padding-right: 20px;

	}
.mainPic
	{
		width: 100%;
		max-width: 1000px;
		max-height: 800px;
	}

.mainText
	{
		padding: 25px;
		font-size:20px;
		font-family: 'Segoe UI','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	}
.navDiv
	{
		background-color:gray;
	}
nav
	{
		display:table;	
		margin:0 auto;
		/*min-width: 800px;*/
		min-height: 50px;
		background-color: gray;

	}
.item
{
	display:inline;
	float:left;
	padding: 15px 20px 20px 20px;
	color: white;
	text-align:left;

	-webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.item:hover, item:focus, item:active
{
	background-color: #909090;
	color: white;
}
.item a
{
	color: white;
	text-decoration:none;
}
.emailLink
{
	text-decoration: none;
	color: gray;
}
.nestedItem
{
	display:none;
	color: darkgray;
	list-style-type: none;
	padding: 0px;
	color: white;
	text-align: left;
	/*Hover Fade*/
	-webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.nestedItem:hover, nestedItem:focus, nestedItem:active /* Other Hover Fade Properties */
{
	background-color: gray;
	color: white;
}

a.mobileMenu
{
	display: none;
}
.mainAssignmentTable 
{

    display:table;
    margin: 0 auto;
    border: 10px solid gray;
    width: 700px;
    
}

.dayTableContainer
{
    display:table-row;
}
.dateTable
{
    display:table-cell;
    border: solid darkgray;
    border-top-width: 1px;
    border-bottom-width:1px;
    border-left-width:2px;
    border-right-width:1px;
    padding: 5px;
    text-align: left;
    width: 35%;
    background-color: whitesmoke;
}
.assignmentText 
{
    display: table-cell;
    border:  solid gray;
    border-top-width: 1px;
    border-bottom-width:1px;
    border-left-width:2px;
    border-right-width:1px;
    width: 65%;
    height: 50px;
    padding: 5px;
    text-align:left;
    background-color: white;
}





.contentPageLongText {
    text-align: left;
    text-indent: 50px;
}

.mainImageBio
{
    text-align: center;
}

.AppLinkNames
{
    font-weight: bold;
    text-decoration: none;
}

.altPathRecordings
{
    color: red;
}

#altPathRecordings {
    text-align:left;
}