body 
{
	font-family: 'Century Schoolbook',"Times New Roman", Times, serif;
	color: #000000;
	background-color: #FF801E;
	font-size:18pt;

	transition: background-color 2s cubic-bezier(1, 1, 1, 1);
	transition-delay: 0s;
	padding: 0;
	margin: 0;
}

h1
{
	font-size:22pt;
}

h2
{
	font-size:21pt;
}

h3
{
	font-size:18pt;
	font-weight: normal;
}

h4
{
	font-size:18pt;
	font-weight: normal;
}
h5
{
	font-size:18pt;
	font-weight: normal;
}
p{
    line-height: 170%;
}
a{
    color: black;
}
.littleParagraph{
    font-size:14pt;
	font-weight: normal;
    line-height: 100%;
}
.inline-image
{
	max-height: 40rem;
	width: 100%;
	margin-left:auto;
	margin-right:auto;	
	display:block;
	object-fit: contain;
}

.inline-imagebox
{
	width:100%;
    padding-top:5%;
    padding-bottom: 5%;
}

.mainGrid 
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;
	grid-auto-rows: minmax(100px, auto);
	height: 100vh;
	padding-top:1.8rem;
	padding-bottom:1.8rem;
	box-sizing: border-box;
}

.navGrid 
{
	width:22rem;
	grid-column: 1;
	grid-row: 1;
	justify-self: right;
	overflow:hidden;
	position: relative;
}



.navMenu
{	
	padding-top:2rem;
	padding-right:1.2rem;
	padding-bottom: 2rem;
	padding-left:1rem;
}

/* nav menu link style */
.navLink
{
	margin-top:0.4rem;
	margin-bottom:0.4rem;
	color:black;
	text-decoration: none;
}

a.navLink
{
	color:black;
	text-decoration: none;
}

a.navLink:hover
{
	color: black;
	font-style: italic;
	text-decoration: underline;
}

a.navLink:active 
{
	text-decoration: underline;
	color: black;
} 

a.navLink:visited 
{
	text-decoration: underline;
	color: black;
} 

.navLinkSelected
{
	color:black;
	text-decoration: none;
	font-style: italic;
}

/* nav menu current page link style */

.navLinkPadding
{
	margin-top:0.4rem;
	margin-bottom:0.4rem;
}

.navTitle 
{
	margin-top:0.4rem;
	margin-bottom:0.4rem;
}

.contentGrid{
	grid-column: 2/4;
	grid-row: 1;

	grid-template-columns: 1fr;
	grid-template-rows: auto 1fr auto;
	display: grid;
}


/* These three contorl the position of the menu line */

.contentTop{
	grid-column: 1;
	grid-row: 1;

	height: 0.0rem;
}

/* content line */
.contentLine{
	grid-column: 1;
	grid-row: 2;

	border-width: 0;
	border-left-width: 0.1rem;
	border-style: solid;
	border-color:black;
}

.contentBottom{
	grid-column: 1;
	grid-row: 3;

	height: 0.0rem;
}

.content {
}

.contentScroller 
{
	grid-column: 1;
	grid-row: 1 / 3;

	padding-left: 3rem;
	padding-right: 2rem;
	width: 85%;
	max-width: 50rem;
	overflow: auto;
}

#upArrow 
{
	position:fixed;
	display:none;
	right: 0.5vw;
	top:1.9rem;
	border:none;
	z-index: 99;
	outline:none;
	background-color:transparent;
	background-image: url("../images/uparrow.svg");
	background-repeat: no-repeat;
	height: 3rem;
	width: 3rem;
}

#downArrow 
{
	position:fixed;
	display:block;
	right: 0.5vw;
	bottom:0.9rem;
	border:none;
	z-index: 99;
	outline:none;
	background-color:transparent;
	background-image: url("../images/downarrow.svg");
	background-repeat: no-repeat;
	height: 3rem;
	width: 3rem;
}


#navUpArrow 
{
	position: absolute;
	display: none;
	right: -2.0rem;
	top: 0.1rem;
	border:none;
	z-index: 99;
	outline:none;
	background-color:transparent;
	background-image: url("../images/uparrow.svg");
	background-repeat: no-repeat;
	height: 3rem;
	width: 3rem;
}

#navDownArrow 
{
	position: absolute;
	display:block;
	right: -2.0rem;
	bottom: -0.9rem;
	border:none;
	z-index: 99;
	outline:none;
	background-color:transparent;
	background-image: url("../images/downarrow.svg");
	background-repeat: no-repeat;
	height: 3rem;
	width: 3rem;
}


/* Hide scrollbar for Chrome, Safari and Opera */
.noscrollbar::-webkit-scrollbar {
display: none;
}

/* Hide scrollbar for IE and Edge */
.noscrollbar {
-ms-overflow-style: none;
} 

/* Hide scrollbar for firefox and enabled overflow */
.noscrollbar
{
	scrollbar-width: none;
	overflow: auto;
	height: 100%;
}

#content-desktop {display: block;}
#content-mobile {display: none;}

@media screen and (max-width: 768px) 
{
	.mainGrid
	{
		/* display: block !important;  */
		display: block !important;
		padding-top: 0rem !important;
		padding-bottom: 0rem !important;
		/* overflow: hidden; */
		box-sizing: border-box !important;

	}
	.contentGrid
	{
		display: block !important;
		box-sizing: border-box !important;
		padding-top: 10vh !important;

	}
	.contentScroller
	{
		padding-left: 10vw !important;
		padding-right: 10vw !important;
		box-sizing: border-box !important;

		height: 90vh !important;
		width: 100vw !important;
	}

	.navMenu
	{	
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
		padding-left: 10vw !important;
		padding-right: 10vw !important;	
	}
	#navGrid
	{
		position: absolute;
		background-color: #FF801E;
		transition: background-color 2s cubic-bezier(1, 1, 1, 1);
		transition-delay: 0s;
		display:block;
		width:100vw;
		height:100vh;
		z-index: 100;
	}

	#downArrow 
	{
		bottom: -0.25rem;
		right: -1.5rem;
	}
	#upArrow 
	{
		top: 0.75rem;
		right: -1.5rem;
	}

	#navUpArrow 
	{
		right: -1.5rem;
		top: 0.75rem;
	}
	#navDownArrow 
	{
		right: -1.5rem;
		bottom: -0.25rem;
	}

	
	.backArrow 
	{
		border:none;
		z-index: 90;
		outline:none;
		background-color:transparent;
		background-image: url("../images/leftarrow.svg");
		background-repeat: no-repeat;
		background-position: right;
		height: 5rem;
		width: 2.2rem;
		grid-column: 2;
		grid-row: 1;
	}

	.titleBox
	{
		position: fixed;
		display: grid;
		grid-template-columns: 1fr auto;
		z-index: 90;
		top: 0rem;
		left:0;
		margin-left: 10vw;
		padding-left: 0vw;
		margin-right: 10vw;
		padding-right: 0vw;
		padding-top: 1vh;

		/* font-size:18pt; */
		font-weight: normal;
		height: 8vh;
		align-content: center;
		align-items: center;
		width: 80%;
		border-width: 0;
		border-bottom-width: 0.1rem;
		border-style: solid;
		border-color:black;
		cursor: pointer;
	}

	h4
	{
		font-size: 95% !important;

		/* white-space: nowrap; */

		overflow: hidden;
	}

}