body{
    /* background-color: rgb(208, 210, 249); */
    background-color: rgb(197, 226, 253);
    /* color: #3D3522; */
    /* color: rgb(22, 22, 121); */
    font-family: serif;
    color: rgb(54, 45, 45);
}

p {
    font-family: serif;
    color: #3D3522;
}

/* h3{
    color: #3D3522;
} */

img {
    max-width: 600px;
    width: 100%;
}

h1{
    
    /* border-bottom: 1px solid rgb(230, 230, 230); */
    border-bottom: 1px solid rgb(0, 0, 0);

    padding: 3px;
    /* color: rgb(255, 255, 255) */
    
}

h2{
    padding: 3px;
}

#header {
    font-family: serif;
}

.m_right {
    float:right
}

.m_active{
    /* border-right:1px solid #000000;
    border-left:1px solid #000000;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;  */
    color: #ffffff;
    background-color: #3D3522; 
}

.m_right a:hover{
    /* background-color: rgb(155, 255, 255); */
    background-color: #3D3522;
    color: rgb(208, 210, 249);
}

li {
	float:left;
    border-right:1px solid;
    border-left:1px solid;
    border-top:1px solid;
    border-bottom:1px solid;
    display: inline
}
li a {
	display:block;
    /* color:#ffffff; */
    color: #3D3522;
    text-align:center;
    padding:0px 16px;
    text-decoration:none
}

.fixed-nav-bar{
    font-size: large
}

/* #alphabet{
    width: 250px;
} */



column {
    float: left;
    position: relative;
    display: block;
    margin-bottom: 0px;
    /* margin-left: 1.5 cm;
    margin-right: 1.5 cm; */
    box-sizing: border-box;
    padding: 10px;
    width: 50%;
    /* border-right: 3px solid; */
    text-align: center;
}

#header{
    /* color:#ffffff; */
    color: #3D3522;
    text-decoration: none;
}

.filler{
    /* color: rgb(30, 108, 147); */
    color: rgb(208, 210, 249);
}

.filler::selection{
    /* color: rgb(30, 108, 147); */
    color: rgb(208, 210, 249);
}

.bio{
    overflow-wrap: anywhere;
    line-height: 2;
    color:#3D3522;
    text-align: left;
    /* border-radius: 1%; */
}

.name{
    width:600px;
}

.announce{
    text-align: center;
    /* color: #ffffff; */
    color: #3D3522;
    text-decoration: none;
    /* text-align: left; */
}

/* .announcement{ */
    /* text-align: center; */
    /* width: 600px;
    overflow-wrap: anywhere;
    line-height: 2; */
    /* color: #ffffff; */
/* } */

.link{
    /* color: #ffffff; */
    color: #3D3522;
    text-align: center;
    text-decoration: none;
    
}

.map{
    margin-top: 130px;
    float: right;
}

/* .event-details{
    float: left;
    border-right: 5px solid;
    margin-top: 5px
} */

.announce-row{
    height: 500px;
    border-top: 3px solid;
    /* text-align: left; */
}

.event-row{
    height: 750px;
    /* border-top: 3px solid; */
}

.board-row{
    height: 1000px;
    /* border-top: 3px solid; */
}

/* .image{
    border-top: 3px solid;
} */

.gal{
    height: 550px;
    /* border-top: 3px solid #FA1522; */
    text-align: center;
}

.footer {
   /* position: relative; */
   /* left: 0;
   bottom: 0; */
   /* position: absolute; */
   /* bottom: 1px; */
   /* float: bottom; */
   position: fixed;
   bottom: 0;
   width: 100%;
   height: 30px;
   background-color: rgb(155, 176, 196);
   text-align: center;
   /* margin: 20px; */
   font-size: 12px;
}

a{
    text-decoration: none;
    color: #3D3522;
}

.gallery-image{
    border-radius: 1%;
}

.front-page{
    text-align:center;
}

.contact{
    text-align: center;
}

/* 
@media screen and (max-width: 600px) {
    column {
      width: 100%;
    }
  } */

/* .top{
    background-color: rgb(30, 108, 147);
    position: sticky;
    top: 0;
} */

/* .event-details{
    background-color:rgb(150, 150, 190);
    width: 40%;
    height: 200px;
    overflow: visible;
    padding: 3px;
    margin-left: 3px;
} */


/* .fixed-nav-bar { 
	position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 9999; 
    width: 100%; 
} */