body {
    
  font-family:         garamond;
    font-size:  20px;
  line-height:         1.6em;
        background-color: #09080e;
    color: white;    
}

a {
  color: white;
}

h1 {
  color:               #615fca;
  font-size:           70px;
}


h2 {
  color:               white;
  font-size:           60px;
  margin-top: -5px;
  margin-bottom: 10px;
}


h3 {
  color:               #d12c47;
  font-size:           30px;
    font-family:    garamond;
}

h4 {
    
  color: white;
  font-size: 30px;
  font-family: garamond;
}

nav {
  background-color:#2C5463;
  height:40px;
}
 
 
nav ul {
  font-family: garamond;
  font-size: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
nav ul li {
  display: block;
  position: relative;
  float: left;
 
}
 
nav li ul { 
  display: none; 
}
 
nav ul li a {
  display: block;
  text-decoration: none;
  padding: 7px 15px 3px 15px;
  background: #2C5463;
  color: #ffffff;  
  margin-left: 1px;
  white-space: nowrap;
  height:30px;
  width:90px;
  text-align:center;
 
}
 
nav ul li a:hover { 
  background: #617F8A; 
}
 
nav li:hover ul {
  display: block;
  position: absolute;
  height:30px;
}
 
nav li:hover li {
  float: none;
  font-size: 16px;
 
}
 
nav li:hover a { 
  background: #3A464F; 
  height:30px; /* Height of lower-level nav items is shorter than main level */
}
 
nav li:hover li a:hover { 
  background: #95A9B1; 
}
 
nav ul li ul li a {
    text-align:left; /* Top-level items are centered, but nested list items are left-aligned */
}

#head {
    
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 5%;
}    



#slideshow {
    
        padding-top: 5%;
        padding-left: 5%;
        float: left;
}

#logo {
        
        padding-top: 5%;
        padding-right: 5%;
        float: right;
}

#vids {
    
    margin: 5%;
    
}

#allcontent {
    
	padding:	5%;
    padding-top: 10px;
}