body {
    padding:0px;
    margin:0px;
    font-size:20px;
    line-height:32px;
    font-weight:400;
    /* font-family:"Segoe UI", "Frutiger", "Freight Sans Pro", sans-serif */
	font-family:"Public Sans", sans-serif
}

* {
    box-sizing:border-box;
}

.namelink {
    font-size:1.5em;
}

header {
    /*background: #B31B1B;*/
	/* background:#486130; */
	/* background:#394A13; */
	background:rgba(57,74,19,1);
	background:#BE830E;
	/* background: cmyk(75%,50%,100%,25%); */
    color:#000000;
    font-weight:bold;
    left:0px;
    right:0px;
    top:0px;
    padding-left:20px;
    padding-right:20px;
    z-index:1000;
	/*font-family:serif;*/
}

header.dynamic {
    position:fixed;
}

footer {
    text-align:center;
    padding-left:50px;
    padding-right:50px;
}

nav {
    display:flex;
    flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    align-items:center;
    justify-content:space-between;
    min-height:72px;
    margin-left:auto;
    margin-right:auto;
    vertical-align:middle;
}

#navhead {
    padding:10px;
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
}

#navbar {
    display:flex;
}

#navbar ul {
    display:flex;
    flex-direction:row;
    -ms-flex-direction:row;
    margin-left:auto;
}

#navbar ul li {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

a {
    color:#222222;
    font-weight:bold;
    text-decoration:none;
}
a:visited {
    color:#222222;
}

nav a {
    color:#000000;
    text-decoration: none;
    padding:10px;
}
nav a:visited {
    color:#000000;
    text-decoration: none;
}
#navitems a.current {
    color:#000000;
	text-shadow:1px 1px #222222;
}
#navitems a:hover {
    text-decoration: underline;
}

#photo {
    width:200px;
    border-style:none;
    border-radius:5px;
}

section {
    padding-top:100px;
    padding-bottom:100px;
}

.seccontent {
    display:flex;
    margin-left:auto;
    margin-right:auto;
}

.sechead {
    flex-basis:33.33%;
    padding-left:20px;
    padding-right:20px;
    max-width:350px;
    min-width:350px;
}
.secbody {
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
    flex-basis:66.66%;
    max-width:720px;
    min-width:350px;
}

#about {
    text-align:left;
}
    #about .sechead {
        text-align:center;
        font-size:0.9em;
    }

    #about span {
        display:block;
    }

    #about .name {
        font-size:1.8em;
    }

    #about .origname {
        font-size:1.2em;
        color:#555555;
        margin-bottom:4px;
    }
	
	#about .degree {
        font-size:1em;
        color:#555555;
        margin-bottom:10px;
	}
	
	#about .title {
        font-size:1.3em;
	}

    #about .address {
        margin-top:10px;
        color:#555555;
    }

    h1 {
        font-weight:normal;
        font-size:2em;
    } 
    h2 {
        font-weight:normal;
    }

.banner {
	padding:10px;
	border:2px #BE830E solid;
	background:#F5EDDE;
}

.publinks {
    color:inherit;
}

    .publinks li {
        padding:3px;
        padding-left:10px;
        padding-right:10px;
        display:inline-block;
        list-style:none;
        list-style-position:inside;
        list-style-type:none;
        border:1px black solid;
        border-radius:5px;
        font-size:.8em;
        margin-bottom:5px;
        margin-right:5px;
        margin-left:0px;
    }

    .publinks li:hover {
        background:#dddddd;
    }

.pubtitle {
    font-size:1.3em;
    margin-bottom:5px;
    margin-top:5px;
}

.pubdata {
    margin-bottom:5px;
}


/*#classestaught > li > ul {
    display:inline-block;
    vertical-align:top;
}*/

.publication {
    margin-top:30px;
}
.publication:first-of-type {
    margin-top:0px;
}
.contact ul {
    display:flex;
    flex-direction: row;
    -ms-flex-direction: row;
    padding-left:0;
    justify-content:center;
}
.contact li {
    list-style:none;
    list-style-type:none;
    list-style-position:inside;
    margin:5px;
}
.contact img {
    width:64px;
    height:64px;
    display:inline-block;
}
.contact a {
    display:inline-block;
    height:64px;
    width:64px;
}
.contact a:hover {
    background:#dddddd;
}