body {
  margin: 0;
  font-size: 20px;
  font-family: Garamond, Baskerville, Baskerville Old Face, Hoefler Text, Times New Roman, serif;
  background-color: #ebe9eb;
}

a { text-decoration: underline;
color: #000000;
text-weight: 500}
a:hover {color:  #1f618d;}

.header {
  background-color: #dad8da;
  padding: 20px;
  text-align: center;
  font-size: 20px;
}

.header img{display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    padding: 10px 0;
    }

#navbar {
  overflow: hidden;
  background-color: #333333;
    box-shadow: 0 5px 15px grey;
}


#navbar a {
  float: left;
  display: block;
  color: /*#A9A9A9*/ #ebe9eb;
  text-align: center;
  padding: 20px 20px;
  text-decoration: none;
  font-size: 20px;
}

#navbar p {
  float: right;
  display: block;
  color: #ebe9eb;
  text-align: center;
  padding: 10px 35px;
  margin: 0;
  border: 0;
  font-size: 20px;
}


#navbar a:hover {
  background-color: #ddd;
  color: black;
}

#navbar a:active {
  background-color: #b5b5b5;
  color: white;
}

#navbar .current {
  background-color: #b5b5b5;
  color: white;
}


.center {text-align: center;}

.content {
padding: 0 ;
margin: 70px auto 20px;
width: 60%;
border: 0;
  }
  
.content img { display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 800px;
}

.content .id{ display: block;
    margin-left: auto;
    margin-right: auto;
    width: 180px;
}

.content p {text-align: center;
	font-size: 20px;
	margin: 10px;
	}

div.content p#normal {text-align: left;
	font-size: 20px;
	margin: 10px;
	}

.content li {font-size: 20px;
			margin: 15px 2px;}

.content h4 {font-size: 22px;}

.content h3 {text-align: center;}

.trystero img {display: block;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
    width: 50px;
    padding: 10px;
    }

.blankspace {margin: 700px auto;}

.fixed {min-width: 200px;
		max-width: 500px;}

.project_text {font-size: 18px;}
.project_text td {padding: 5px 10px;}

.courses_text {font-size: 20px;}
.courses_text th {font-weight: bold;
  font-size: 22px;
text-align: left;}
#heavier {font-weight: 600;}
.courses_text a {color:   #196f3d  }
.courses_text a:hover {color:  #1f618d;}
#pad {padding: 5px 15px 15px 20px;}


.podcasts {margin-left: auto;
	margin-right: auto;
		width: 80%;
		max-width: 800px;
		text-align: center;}

.podcasts a {text-decoration: none;}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}

/*.column {
    float: left;
    padding: 10px;

}

.left {width: 25%;}

.right {width: 75%}

.row:after {
    content: "";
    display: table;
    clear: both;
}
 Responsive layout - makes the two columns stack on top of each other instead of next to each other 
@media screen and (max-width: 600px) {
    .column  {
        width: 100%;
    }
} 

.footer {  background-color: #6c6c6c;
padding: 0 ;
margin: 0;
border: 0;
}

.footer p {  color: #f2f2f2;
  text-align: center;
  padding: 10px 14px;
  font-size: 17px;
margin-bottom: 0;
margin-top: 0;
border: 0;
}

.footer a {text-decoration: none;
		color: #f2f2f2;}


#ebe9eb

#dad8da
*/