body{
	font-family:calibri;
	font-size:14pt;
	color:#233d4d;
	background-color:#f5f5f5;
}

.maindiv{
	margin-left:70px;
}
.techmain{
	display:flex;
	flex-direction:column;
}

.rowdiv{
	display:flex;
	flex-direction:row;
	
}

.techdiv{
	display:flex;
	flex-direction: column;
	margin-left:30px;
}

blockquote{
	border-left: 5px solid #EF8354;
	padding-left: 8px;
	color:#333333;
}
footer{
	margin-top:3px;
	color:#bfbfbf;
	font-size:12pt;
	font-weight:300;
}

h1, h2{
	color:#2d3142;
}

th, td{
	width:20%;
	text-align:center;
}

.studentlink{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color:#ef8354;
	color: white;
	padding: 10px 5px;
	margin:5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-weight:400;
	border-radius:10px;
	width:2in;	
	
}

a.studentlink:hover {
	
  background-color: #335970;
  color: white;
}
a.studentlink:active {
  background-color: #335970;
  color: white;
}

.techlink{
	color: #619b8a;
	padding: 10px 5px;
	margin:5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-weight:400;
	border-radius:10px;
	width:2in;	
}

a.techlink:hover {
  background-color: #ef8354;
  color: white;
}
a.techlink:active {
  background-color: #ef8354;
  color: white;
}

.tlink{
	padding: 10px;
	color: #335970;
	text-decoration: none;
	font-weight:500;
	/*background-color:#619b8a ;
	color: white;	
	text-align: center;	
	display: inline-block;
	font-weight:400;
	border-radius:10px;	
	vertical-align: middle;
	margin:5px;*/
	
}

a.tlink:hover {
  background-color: #335970;
  color: white;
}
a.tlink:active {
  background-color: #335970;
  color: white;
}


/*Navbar*/
#navbar a{
  background-color: #233d4d;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  float:left;
  font-weight:500;
  font-family:calibri;
  font-size:14pt;
  
}

#navbar{	
	overflow: hidden;
	z-index:4;
  background-color: #233d4d;
  list-style-type: none;
  margin: 0;
  padding: 0;
}


#navbar a:hover {
  background-color: #a1c181;
  color: #f5f5f5;
}
#navbar a:active {
  background-color: #a1c181;
  color: #f5f5f5;
}



/* The sidebar menu */



.sidenav {
  width: 150px; /* Set the width of the sidebar */
  /*height: 70%; /* Full-height: remove this if you want "auto" height */
  /*top: 150; /* Stay at the top */
  left: 5;
  background-color: #233d4d;
  color:white;
  overflow-x: hidden; /* Disable horizontal scroll */
  overflow-y: hidden;
  margin-top:10px;
  position:fixed;
  
}

/* The navigation menu links */
.sidenav a {
  padding: 1px 8px 1px 16px;
  text-decoration: none;
  font-size:16pt;
  font-family:calibri;
  background-color: #233d4d;
  color:white;
  display: block;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  background-color: #a1c181;
  color: #f5f5f5;;
}

/* When you choose navigation links, change their color */
.sidenav a:active {
	background-color: #a1c181;
  color: #f5f5f5;;
}
.sidenavlabel{
	color:white;
  background-color:#233d4d; 
  padding: 2px 16px 2px 6px;
  font-size: 16pt;
  font-weight:500;
}



/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 14px;}
}