/* Tiny Carousel */
/*#slider1 { height: 1%; overflow: hidden; padding: 0 0 10px; }
#slider1 .viewport { float: left; width: 240px; height: 120px; overflow: hidden; position: relative; }
#slider1 .buttons {
    background: #C01313;
    border-radius: 25px;
    display: block;
    margin: 30px 5px 0px 0px;
    float: left;
    width: 25px;
    height: 25px;
    position: relative;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
    text-decoration: none;
    font-size: 15px;
}
#slider1 .next {
    margin: 30px 0px 0px 5px;
}
#slider1 .buttons:hover {
    color: #C01313;
    background: #fff;
}
#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 150px; left: 0; top: 0; }
#slider1 .overview li { float: left; margin: 0 20px 0 0; padding: 1px; height: 121px;  width: 100px; }




 Slider 2 

#slider2 { height: 1%; overflow: hidden; padding: 0 0 10px; }
#slider2 .viewport { float: left; width: 240px; height: 120px; overflow: hidden; position: relative; }
#slider2 .buttons {
    background: #C01313;
    border-radius: 25px;
    display: block;
    margin: 30px 5px 0px 0px;
    float: left;
    width: 25px;
    height: 25px;
    position: relative;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
    text-decoration: none;
    font-size: 15px;
}
#slider2 .next {
    margin: 30px 0px 0px 5px;
}
#slider2 .buttons:hover {
    color: #C01313;
    background: #fff;
}
#slider2 .disable { visibility: hidden; }
#slider2 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 150px; left: 0; top: 0; }
#slider2 .overview li { float: left; margin: 0 20px 0 0; padding: 1px; height: 121px;  width: 100px; }*/


.slider { height: 1%; overflow: hidden; padding: 0 0 10px; }
.slider .viewport { float: left; width: 240px; height: 120px; overflow: hidden; position: relative; }
.slider .buttons {
    background: #C01313;
    border-radius: 25px;
    display: block;
    margin: 30px 5px 0px 0px;
    float: left;
    width: 25px;
    height: 25px;
    position: relative;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
    text-decoration: none;
    font-size: 15px;
}
.slider .next {
    margin: 30px 0px 0px 5px;
}
.slider .buttons:hover {
    color: #C01313;
    background: #fff;
}
.slider .disable { visibility: hidden; }
.slider .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 150px; left: 0; top: 0; }
.slider .overview li { float: left; margin: 0 20px 0 0; padding: 1px; height: 121px;  width: 100px; }

.slider { height: 72%; overflow: hidden; padding: 0 0 10px; }
.slider .viewport { float: left; width: 360px; height: 120px; overflow: hidden; position: relative; }
.slider .buttons {
    background: #C01313;
    border-radius: 25px;
    display: block;
    margin: 30px 5px 0px 0px;
    float: left;
    width: 25px;
    height: 25px;
    position: relative;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
    text-decoration: none;
    font-size: 15px;
}
.slider .next {
    margin: 30px 0px 0px 5px;
}
.slider .buttons:hover {
    color: #C01313;
    background: #fff;
}
.slider .disable { visibility: hidden; }
.slider .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 150px; left: 0; top: 0; }
.slider .overview li { float: left; margin: 0 20px 0 0; padding: 1px; height: 121px;  width: 100px; }




/* Added Styling */

.bgBiology {
	background-image: url(images/ScienceFairMap_02.jpg);	
		}
.bgEarth {
	background-image: url(images/ScienceFairMap_06.jpg);	
		}
.bgPhysical {
	background-image: url(images/ScienceFairMap_13.jpg);	
		}
.bgWholeBG {
   background-size: 100% 100%;
	background-image: url(images/Whole_bg.jpg);	
	background-repeat: no-repeat;
}