body, html {
margin: auto;
padding: 0px;
font-family: 'Roboto', sans-serif; 
font-weight: bold;
background: #fff url('images/background.gif') bottom no-repeat; 
}

.flip-entry-title {

display: none;

}

h1 {

font-size: 50px;
font-weight: normal;
margin-bottom: 15px;

}

h1.gallery {

font-size: 50px;
font-weight: normal;
margin-bottom: -15px;

}

h1.light {

color: #fff;
font-size: 50px;
font-weight: normal;

}

p {
font-size: 15px;
font-weight: bold;

}

ul {
font-size: 15px;
font-weight: normal;
color: #666;
}

p.light {
font-size: 15px;
font-weight: normal;
color: #fff;
line-height: 25px;
}

p.contact a{
float: left;
font-size: 20px;
font-weight: normal;
color: #fff;
line-height: 25px;
margin-left: 60px;
margin-top: 25px;
text-decoration: none;
}

p.contact a:hover{
float: left;
font-size: 20px;
font-weight: normal;
color: #f0f0f0;
line-height: 25px;
margin-left: 60px;
margin-top: 25px;
text-decoration: underline;
}

/* GENERAL STYLES */

#content_container {
margin: auto;
width: 1000px;
}

#navigationLeft{

float: left;
margin-left: 0px;
margin-right: 0px;

}

#navigationRight{

float: right;
height: 100px;

}

ul#navigationNew {

margin: 0px;
padding: 0px;
font-size: 14px;
display: inline;
font-family: 'Comfortaa', cursive;

}

ul#navigationNew li {

display: inline;
line-height: 30px;
list-style-type: none;
border-bottom:  none;
margin-right: 0px;
}

ul#navigationNew li a {
text-decoration: none;
color: #000;
padding: 5px 12px;
}

ul#navigationNew li a.on {
text-decoration: none;
color: #000;
padding: 5px 12px;
background: #a8f3fe;
}

ul#navigationNew li a:hover {
text-decoration: none;
color: #000;
background: #acc3f5;

}

ul#social li{

float: right;
display: inline;
margin-left: 15px;

}

#video_home_content {

    width: fit-content;
    height: fit-content;
    align-content: center;
    
    }
#index_sound_icon{
    height: 5vh;
}
#home_content {

width: 1000px;
height: 668px;
background: url('images/homeImage.jpg');
border-top: 1px solid #000;

}

#book_us_image {
    display: table;
    align-content: center;
    display: table;
}

#chamber_camp_image {
    width: 40vw;
    align-content: center;
}

#about_content {

position: relative;
width: 1000px;
height: 667px;
background: url('images/galleries/Group photo for _about_ page (1).png');
border-top: 1px solid #000;

}

#about_main_image {
    width: 100%;
    justify-content: center;
    display: flex;
    padding-top: 30px;
    padding-bottom: 30px;
}

#about_text {
    width: 66%;
    float: left;
    padding-left: 5px;
}

.about_sidebar {
float: right;
width: 33%;
height: 100%
}

#bios_content {

width: 1050px;
border-top: 1px solid #000;

}

#bios_content_individual {

width: 1000px;
border-top: 1px solid #000;
background: #fff;
padding-bottom: 25px;

}

#media_content {

width: 1000px;
border-top: 1px solid #000;

}

a.bio:hover {
 opacity: 0.6;
 filter: alpha(opacity=60); /* For IE8 and earlier */
}

.pictureOverlay {

position: absolute;
bottom: 0;
font-size: 14px;
padding: 25px;
background: #fff;
 background: rgba(255, 255, 255, 0.8);
}

#contact_content {

width: 1000px;
height: 667px;
background: url('images/contactImage.jpg');
border-top: 1px solid #000;

}

#coming_soon {

width: 1000px;
height: 667px;
background: url('images/comingSoonImage.jpg');
border-top: 1px solid #000;

}

h2.contactText {

padding: 35px;
font-weight: normal;
color: #fff;

}

h2.galleryHeading {

position: absolute;
bottom: 0;
right: 0;
display: table;
background: rgba(000,000,000,0.4);
color: #fff;
padding: 30px;
font-size: 40px;
margin: 0px;

}

a.gallery {

text-decoration: none;

}

a.gallery:hover {

opacity: 0.6;
filter: alpha(opacity=60);
 
}


h2.contactText a {

color: #fff;

}

h2.contactText a:hover {

text-decoration: underline;

}

#page_container {

}

#content_left {
float: left;
width: 250px;
height: 800px;
border-right: 1px solid #999;
}

#content_right {
float: left;
width: 749px;
height: 800px;
background: url('images/home_image.jpg');
}

#content_right_plain {
float: left;
width: 699px;
background: #fff;
padding: 0px 25px 0px 25px;
}


#content_right_about {
float: left;
width: 699px;
height: 800px;
background: url('images/about_us.jpg');
padding: 0px 25px 0px 25px;
}

#content_right_education {
float: left;
width: 699px;
height: 1000px;
background: url('images/education-outreach.jpg');
padding: 0px 25px 0px 25px;
}

#content_right_contact {
float: left;
width: 699px;
height: 800px;
background: url('images/contact-us.jpg');
padding: 0px 25px 0px 25px;
}

#content_right_bios {
float: left;
width: 699px;
height: 800px;
padding: 0px 25px 0px 25px;

}

#content_right_media {
float: left;
width: 699px;
padding: 0px 25px 0px 25px;

}

#content_right_arleigh {
float: left;
width: 699px;
height: 800px;
background: url('images/bios/Arleigh/arleigh-bio.jpg');
padding: 0px 25px 0px 25px;
}

#content_right_emily {
float: left;
width: 699px;
height: 800px;
background: url('images/bios/Emily/Emily-bio.jpg');
padding: 0px 25px 0px 25px;
}

#content_right_drew {
float: left;
width: 699px;
height: 950px;
background: url('images/bios/Drew/Drew-bio.jpg') no-repeat bottom;
padding: 0px 25px 0px 25px;
}

#content_right_mary {
float: left;
width: 699px;
height: 950px;
background: url('images/bios/Mary/Mary-bio.jpg') no-repeat bottom;
padding: 0px 25px 0px 25px;
}

#content_right_maddi {
float: left;
width: 699px;
height: 950px;
background: url('images/bios/Maddi/Maddi-bio.jpg') no-repeat bottom;
padding: 0px 25px 0px 25px;
}




#logo {
margin-left: 40px;
margin-top: 25px;
width: 231px;
height: 145px;
background: url('images/logo_1.png') no-repeat;
}

#navigation ul {


margin-top: 30px;

}

#navigation li {
letter-spacing: 1px;
padding-right: 15px;
line-height: 20px;
text-align: right;
list-style-type: none;
border-bottom:  none;
padding-bottom: 20px;
}

#navigation li a {
text-decoration: none;
color: #000;
}

#navigation li a:hover {

text-decoration: none;
color: #000;
font-weight: bold;
}

#footer_container {
width: 100%;
height: 150px;
border-top: 1px solid #000;
}

#footer_content {

margin: auto;
width: 1000px;
padding-top: 15px;
text-transform: uppercase;
}


#footer_left {

float: left;
font-size: 13px;

}

#footer_right {

float: right;
font-size: 13px;

}

#footer_right a {

color: #000;
text-decoration: none;

}

.bopstopButton {

float: left;
position:relative;
background: url('images/galleries/bopstopButton.jpg');
width: 1000px;
height: 409px;

}

.promotionalButton {

position:relative;
float: left;
background: url('images/galleries/promotionalButton.jpg');
width: 500px;
height: 334px;

}

.sitkaButton {

position:relative;
float: left;
background: url('images/galleries/sitkaButton.jpg');
width: 500px;
height: 334px;

}

.k4Button {

position:relative;
float: left;
background: url('images/education/K-4.jpg');
width: 500px;
height: 327px;

}

.g46Button {

position:relative;
float: left;
background: url('images/education/G-4-6.jpg');
width: 500px;
height: 327px;

}

.g712Button {

position:relative;
float: left;
background: url('images/education/G-7-8.jpg');
width: 500px;
height: 327px;

}

.conedButton {

position:relative;
float: left;
background: url('images/education/Con-Ed.jpg');
width: 500px;
height: 327px;

}

.newdtButton {

position:relative;
float: left;
background: url('images/education/New-Duo-Trio.jpg');
width: 500px;
height: 327px;

}

.sillyButton {

position:relative;
float: left;
background: url('images/education/Silly.jpg');
width: 500px;
height: 327px;

}

.collegeButton {

position:relative;
float: left;
background: url('images/education/college-programs.jpg');
width: 500px;
height: 327px;

}

.bio {
    padding-right: 25px;
    padding-left: 25px;
}

.row:after {
    content: "";
    display: table;
    clear: both;
  }

.column {
    float: left;
    width: 50%;
  }