body {
	
	padding:0px;margin:0px;

}	

body ul#fnav {list-style-type: none;
    margin: 0rem 6rem;
    padding: 0;
    align-items: center;
	justify-content: center;
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;margin-bottom:15px;}

ul#fnav  li  {
    background-color: #353432;
    color: #fff;
        -webkit-box-flex: 0;
    -webkit-flex: 0 0 27%;
    -ms-flex: 0 0 27%;
    flex: 0 0 27%;
    max-width: 27%;
    margin:.5rem;
    padding:.6rem;
    text-align:center;
}

ul#fnav li a {
	    font-weight:600;
	}

ul#fnav li:hover {
    background-color: #464543;
}

    
ul#fnav  li a {
    color: #fff;
    text-decoration:none;
}

p a {text-decoration:none;color:#fff;font-size:1.27rem;margin-right:40px;}
p a:hover {text-decoration:underline;color:#eee;}

div#underlay {
background: #fff url('https://p-iiif.bowdoin.edu/iiif/var/www/iiif/taki/128.tif/full/1962,/0/default.jpg') no-repeat fixed center;
  background-size:cover;
height:100%;z-index:1;border:1px solid #ccc;}
		

div#overlay {
position:absolute;top:130px;
z-index:9;text-align:right;
margin:0px;
padding:0px;
width:95%;
}

div.hti {
font-size: 2.32rem;
    line-height: 2.43rem;
    letter-spacing: .15rem;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
}
span.ht2 {font-size: 1.3rem;
    color: #000;
    font-style: italic;
    letter-spacing: .11rem;
    text-transform: none;
    font-weight: 600;}
			
				

div.intro {background-color:#fff;text-align:justify;border-radius:1rem;padding:.2rem 1.72rem;
margin:1rem 3rem;
font-size:1.33rem;color:#000;font-weight:600;}

div.intro p {line-height:1.74rem;}

p#toc {border:1px outset #333;background-color:#3f496c;color:#fff;display:inline-block;font-family:Arial;
		padding:.6rem;font-size:.9rem;margin-top:1.05rem}

p#toc:hover {background-color:#555;}

/**** MOBILE /
 @media screen and (max-width: 1025px) {
    div.intro {margin:1rem 1rem}
    
    ul#fnav li {flex: 0 0 87%;
    max-width: 87%;}
}