body{
    margin: 0;
    padding: 0;
    
}

#splash{
    height: 1000px;
    background: url(images/newbanner.jpg) no-repeat center top fixed;
    background-size: cover;
}

#overview{
    background-color: #00658E;
    padding: 40px 0 60px 0;
    color: #82C9DB;
}

#video{
    background: url(images/bluebinary.jpg) no-repeat center top fixed;
    background-size: cover;
    color: #fff;
}

#history{
    background-color: #04B0DA;
    color: #00658E;
    
}

#author{
    background-color: #134651;
    color: #82C9DB;
}
#author img{
   height: auto;
   width: 400px;
}

#footer{
    background-color: #82C9DB;
    
}

/* ---------------- TITLE PAGE STYLES ------------------- */

#title-page{
  width: 100%;
  padding-top: 300px; /* provides a lot of space above title to view the background image */
  color: #134651;
  text-align: left;
  padding-left: 50px;
}
#title-page h1 {
  font-size: 80px;
  text-shadow: 3px 3px #82C9DB;
  font-family: 'Lobster', cursive;
}
#title-page h3 {
  font-size: 1em;
  font-style: italic;
  margin: -30px 70px;
  padding-bottom: 20px;
  text-shadow: 2px 2px #82C9DB;
}

/* ---------------- CONTAINER STYLES ----------------- */
.container {
  width: 960px; /* static width container always stays at this width no matter what the window size */
  margin: 0 auto;
  overflow: hidden;
  font-family: 'Poiret One', cursive;
}
.half_container { /* provides a two column presentation */
  width: 50%;
  float: left;
  overflow: hidden;
}


/* ----------------- NAVIGATION BAR STYLES -------------------*/ 
#navbar{
	width: 100%;
	background-color: rgba(255, 255, 255, .8);
	height: 54px;
        position: fixed;
	top: 0;
	padding-left: -20px;
	
}
/* horizontal menu bars are typically created using a styled unordered list. Here's how! */
ul#menu {
	list-style: none; /* eliminates bullets */
	/* adjust padding top to adjust nav bar vertical position */
	padding-top: 0px;
        
} 
ul#menu li {
	float: left; /* changes list from vertical to horizontal */
	padding-bottom: 20px;
} 
ul#menu li a.button {
	font-size: 16px;
	text-decoration: none;
	/* this padding defines the size of the buttons */
	padding: 20px 75px 20px 75px;
}
/* change button color when mouse hovers over */
ul#menu li a.button:hover {
	background-color: rgba(42, 188, 238, 0.1);
}

/*------ Links --------*/
a:link {
	color: #04B0DA;
}
a:visited {
	color: #00658E;
}
a:hover {
	color: #4578DF;
	text-decoration: none;
}
/*----Images-----*/
img{
   padding: .5em;
    margin: 10px;
}
/*Table styles ----------------------------------*/
table {
    margin-left: 20px;
    border: solid #134651 1px;
}
td, tr{
    color: #134651;
    border: solid #134651 1px;
    padding: 0px;
}
td{
    padding: 6px;
    border: solid #134651 1px;
}