@charset "UTF-8";
/* CSS Document */
body {
	background-color: #fff6f4;
	color: #67300c;
	font-family: Helvetica, Arial, "sans-serif";
}

#main {
	max-width: 800px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#footer {
	position: relative;
	max-width: 78%;
	margin-top: 5%;
}

#footertext {
	color: #8B8B8B;
	line-height: 125%;
}

#topnav {
	margin-top:10px;
	display: flex;
	flex-direction: row;
}

#topnav a {
	position: relative;
	z-index: 3;
	font-size: 16px;
	color: #67300c;
	flex-grow: 1;
	text-decoration: none;
}

@keyframes menuanim {
	0% {color: #af952d;}
	30% {color: #ea5c31;}
	100% {color: #af952d;}
}

#topnav a:hover {
	animation-name: menuanim;
	animation-iteration-count: infinite;
	animation-duration: .4s;
	
}

/* TO SCALE HEADER IMAGE TO WINDOW SIZE*/
#menuheader img {
	position: relative;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	display: block;
}

#thebody {
	display: relative;
	left: 0;
	right: 0;
	z-index: -1;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
}

#thecontent {
	margin-top: 5%;
	height: 75%;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

#thecontent img,
#thecontent map {
	position: relative;
	margin: auto;
	margin-top: 5px;
}

/*DIV FOR BOTH SAP COLUMNS*/
#selectaproj {
	position: absolute;
	margin-top: 35px;
	width: 630px;
	left: 0; 
    right: 0;
	margin-left: auto;
	margin-right: auto;	
}

/*BACKGROUND IMAGE:*/
#projbord {
	position:relative;
	z-index: -1;
	width: 650px;
	margin-left: auto;
	margin-right: auto;	
}

/*SET HEIGHT OF LEFT AND RIGHT SAP COLUMNS*/
#projname,
#projdesc {
	height: 645px;
}

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

/* Hide scrollbar for IE, Edge and Firefox */
.noscroll {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
} 

/*PROJECT TABLE OF CONTENTS*/
#projname {
	float: left;
    width: 33%;
/*	border-top: solid 2px #ea5c31;*/
/*	border-left: solid 2px #ea5c31;*/
/*	border-bottom: solid 2px #ea5c31;*/
	text-align: left;
    overflow: auto;
	color: #67300c
}

#projname a {
	color: #67300c;
	text-decoration: none;
}

#projname a:hover {
	color:#E77C36
}

/*PROJECT DESCRIPTIONS*/
#projdesc {
    width: 66%;
	margin-left: auto;
	margin-right: auto;
/*
	border-top: solid 2px #ea5c31;
	border-right: solid 2px #ea5c31;
	border-bottom: solid 2px #ea5c31;
*/
    overflow: hidden;	
}

#projname h2,
#projname h3,
#projname p,
#projtype,
#filterSelect {
	margin-left: 15px;
}

ul li {
	padding: 7px 10px 7px 0px;
	margin-left: -15px;
}

ul {
	list-style-type: none;
}

/*List of project categories and types*/
.videos,
.music,
.events,
.contraptions,
.objects,
.drawings {
	display: none;
}

/*ABOUT PAGE*/

#aboutcontent {
	margin-top: 5%;
	height: 75%;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	border-style: none none none solid;
	border-color: #ea5c31;
	background: #FFEFEB;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 125%;
}

#aboutcontent a {
	color:#67300c;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	text-decoration: none;
}

#aboutcontent a:hover {
	animation-name: menuanim;
	animation-iteration-count: infinite;
	animation-duration: .4s;
}


#faceimg {
	display: block;
	float: left;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 14px;
}


#aboutcontent p {
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
}

.wordanim {
	animation-name: menuanim;
	animation-iteration-count: infinite;
	animation-duration: .4s;
}