body {
    margin: 60px auto;
    width: 80%;
}
html {
  overflow-y: scroll;
}
nav ul, footer ul {
    font-family:'Helvetica', 'Arial', 'Sans-Serif';
    padding: 0px;
    list-style: none;
    font-weight: bold;
    float: right;
}
nav ul li, footer ul li {
    display: inline;
    margin-right: 20px;
}
a {
    text-decoration: none;
    color: #3b7a57;
}
a:hover {
    text-decoration: underline;
}

nav ul li a.active {
    text-decoration: underline;
}

h1 {
    font-size: 3em;
    font-family:'Helvetica', 'Arial', 'Sans-Serif';
}
p {
    font-size: 1.0em;
    line-height: 1.4em;
    color: #333;
}
footer {
    border-top: 1px solid #d5d5d5;
    font-size: .8em;
}
ul.posts { 
    margin: 20px auto 40px; 
    font-size: 1.5em;
}
ul.posts li {
    list-style: none;
}
.pic {
 	margin-left:2%;
 	margin-right:5%;
	float:left;
	height:163px;
	width:246px;
}
.speaker {
	width:100%;
	height:auto;
	padding:0%;
}

.collapsebio { 
    vertical-align:top; 
    height:auto !important; 
}
.speakerbio {
    display:none; 
    height:auto;
    margin:0;
    float: left;
}
.show {
    display: none; 
}
.hide:target + .show {
    display: inline; 
}
.hide:target {
    display: none; 
}
.hide:target ~ .speakerbio {
    display:inline; 
}
.hide, .show {
}
.hide:hover, .show:hover {
	color: black;
	text-decoration: none;
}
.speakerbio p{
    height:auto;
    margin:0;
}