@charset "UTF-8";

body {
    background-color: white;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: rgb(49, 51, 50);
    }

.banner-container {
    text-align: center;
}

#bannerbox {
    position: center;
    background-color: rgb(49, 51, 50);
    height: 190px;
    padding: 0px;
}

#banner {
    position: float right;
    width: 100%;
    height: 50px;
    z-index: 9999;
    margin: auto;
    clear: both;
    display: block;
}

#banner2 {
    position: absolute;
    top: 10px;
    position: center;
    width: 100%;
    height: 50px;
    z-index: 9999;
    margin: auto;
    clear: both;
    vertical-align: middle;
    display: block;
}

#imager {
    float: right;
    z-index: 9999;
    margin: 60px;
    clear: both;
    display: block;
}

#imagec {
    float: center;
    z-index: 9999;
    margin: 60px;
    clear: both;
    display: block;
}

#scale {
    position: center;
    max-width: 100%;
    height: auto;
}

#imagel {
    float: left;
    z-index: 9999;
    margin: 60px;
    clear: both;
    display: block;
}

#slideshow {
    float: right;
    text-align: left;
    width: 900px;
    height: auto;
    z-index: 9999;
    margin-right: 60px;
    margin-left: 320px;
    display: block;
    font-size: 20px;
    }

#work {
    position: center;
    max-width: 50%;
    z-index: 9999;
    clear: both;
    display: block;
}

#header1 {
    text-align: center;
}

#content {
    margin: auto;
    float: right;
    text-align: left;
    width: auto;
    z-index: 9999;
    margin-right: 60px;
    margin-left: 320px;
    display: block;
    }

#page {
    margin: auto;
    width: 1100px;
    padding: 15px;
}

#header2 {
    text-align: center;
}

#news-container {
    display: flex;
    justify-content: center;
    align-items: stretch;
}

#ourteam {
    margin: auto;
    margin-right: 60px;
    float: right;
    width: 900px;
}

* {
    box-sizing: border-box;
}

#bio {
    float: left;
    width: 50%;
}

/* Clear floats after image containers */
#ourteam::after {
    content: "";
    clear: both;
    display: table;
}

a.logos {
    display: inline;
    }

a.logos:link {color:#0000ff;}
a.logos:visited {color:#ffcc00;}
a.logos:hover {background-color: white;color:#ffcc00;}

img.logos {
    display: inline-block;
    float: left;
    margin: 0 auto;
    }

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto
    }

#timeline {
    padding: 10px;
    position: center;
    z-index: 9999;
    clear: both;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}

#map {
    float: left;
}

#maptext {
    float: right;
    width: 400px;
    font-size: 24px;
}

a.email {
    position: relative;
    border: none;
    background-color: white;
    display: inline;
    margin-left: 8px;
    padding: 0;
    float:right;
}
a.email:link {color:#0000ff;}
a.email:visited {color:#ffcc00;}
a.email:hover {background-color: white;color:#ffcc00;}

#menucontainer {
    float: left;
}

#header {
    margin: auto;
    text-align: left;
    width: 1100px;
    font-weight: normal;
    font-size: 55px;
}

/* NAVIGATION BAR */
#nav {
    margin: auto;
    text-align: left;
    width: 1100px;
    font-weight: bold;
    font-size: 24px;
}

#nav2 {
    margin: auto;
    text-align: right;
    width: 1100px;
    font-weight: bold;
    font-size: 24px;
    color: rgb(239, 149, 107);
}

#nav3 {
    display: none;
    background-color: rgb(49, 51, 50);
    color: white;
    width: auto;
    font-weight: normal;
    font-style: italic;
    font-size: 20px;
    border: none;
}

li {
    text-align: left;
    list-style-type: none;
    font-weight: normal
    font-size: 20
    }

/* nav bar hover */
li a {
    display: block;
    color: #000;
    float: left;
    padding: 6px 16px;
    background-color: white;
    color: rgb(49, 51, 50);
    text-decoration: none;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    float: left;
    margin-right: 8px;
    width:auto;
}

.nav .current {
    color: rgb(49, 51, 50);
}

/* changes link color on hover */
li a:hover, .dropdown:hover .dropbtn {
    background-color: rgb(#000);
    color: rgb(239, 149, 107);
}

/* highlights active page on nav bar */
.active {
    background-color: rgb(#000);
    color: rgb(239, 149, 107);
}

.dropdown {
    position: absolute;
    text-indent: 24px;
}

/* dropdown menu */
.dropbtn {
    display: inline-block;
    vertical-align: left;
    background-color: white;
    text-align: center;
    padding: 6px 31px;
    color: rgb(49, 51, 50);
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-decoration: none;
    font-size: 24px;
    border: none;
    font-weight: bold;
}

.dropdown-content {
    display: none;
    background-color: rgb(49, 51, 50);
    color: white;
    width: auto;
    font-weight: normal;
    font-style: italic;
    font-size: 20px;
    border: none;
}

.dropdown-content a {
    padding: 6px 26px;
    background-color: white;
    color: rgb(113, 11, 46);
    text-decoration: none;
    display: block;
    text-align: left;
    text-indent: 31px;
}

.dropdown-content a:hover {
    background-color: rgb(#000);
    color: rgb(239, 149, 107);
    border: 0.6px solid white;
}

.dropdown:hover .dropdown-content {
    display: block;
}