/******Global Formatting******/
body{
    font-family:Helvetica;
}

a, a:visited { 
 text-decoration: none; 
 color: black; 
}

/******Global Formatting******/



/******Menu Formatting******/
.container_menu, .container_menu div{
    display:flex;
    flex-wrap:wrap;
    max-width:1200px;
    margin:auto;
    background-color: #f6f6f6;
}
.box_logo{
    flex:1;
    padding-right:20px;
}
.box_title{
    flex:5;
    font-family:Georgia;
    font-weight:bold;
    font-size: 28px;
    justify-content:center;
}
.menu1, .menu2, .menu3, .menu4{
    flex:1;
    height:60px;
    justify-content:center;
    align-items:center;
    
}
a.hover_menu{
    font-size:20px;
    text-decoration:none;
	font-weight:bold;
}
a.hover_menu:hover{
    color:darkgrey;
}

/******Menu Formatting******/


/******Index Formatting******/
.container{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width:1200px;
    margin:auto;
    justify-content:center;
    align-items:flex-start;
}

.content_left{
    display:flex;
    flex:1;
    height:800px;
    padding:20px;

}

.content_right{
    display:flex;
    flex:1;
    flex-direction: column;
    max-height:800px;
    overflow-y: auto;
    padding:20px;
}
.news_head{
    font-size:24px;
    font-weight:bold;
}
.news_blurb{
    padding-left:10px;
    font-size:18px;
}
.news_img{
    width:400px;
    height:auto;
    padding-left:75px;
}

.spacer{
    padding-top:10px;
    padding-bottom:10px;

    
}






/******Index Formatting******/




/******Footer Formatting******/
.container_foot, .container_foot div{
    display:flex;
    max-width:1200px;
    height:200px;
    margin:auto;
    background-color: #d7d7d7;
    padding-top:5px;
    font-size:18px;

}
.foot1{
    flex:1;
    justify-content:flex-start;
    text-align:left;
    padding-left:10px;
}
.foot2{
    flex:1;
    justify-content:center;
    font-weight:bold;
}
.foot3{
    flex:1;
    justify-content:flex-end;
    text-align:right;
    padding-right:10px;
}

/******Footer Formatting******/


/******ByLaws Formatting******/
.container_bylaw{
    display:flex;
    max-width:1200px;
    height:auto;
    margin:auto;
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
}

/******ByLaws Formatting******/




@media screen and (min-width: 1000px) {}
@media screen and (max-width: 600px) {
.container_foot, .container_foot div{max-width:600px;font-size:10px;height:80px;}
.news_head{font-size:18px;}
.news_blurb{font-size:14px;padding-left:0px;}
.news_img{width:200px;height:auto;padding-left:0px;}
.content_left{flex: 0 0 100%;max-height:400px;}
.content_right{max-height:400px;align-items:center;}
}