html,
body {
  margin: 0;
  padding: 0;
  font-family: 'Titillium Web', sans-serif;
  font-size:1em;
}

header,
nav {
  margin: 0;
  padding: 0;
}

main {
	background-color:#fff;
}

#ru-sas {
	background:url('http://edison.rutgers.edu/webimages/rutgers-sas2.png');
	width:275px;
	height:80px;
	margin:10px;
}

#rutgers-bar {
  width:100%;
  background-color: #c03;
  display:flex;
  padding:25px;
  box-shadow: -1px 0px 10px 1px rgba(0,0,0,0.75);
  box-sizing:border-box;
}
#content,#footer {
  margin-left:1%;
  margin-right:1%;
}
#clearfooter {
  margin-top:30px;
}
#rutgers-bar h1 {
  margin-left:20px;
  color:#222;
  font-family: 'Titillium Web', sans-serif;
  font-weight:600;
  font-size:2.5em;
  margin-bottom:0;
  padding-bottom:0;
  padding-top:10px;
  margin-top:10px;
}

.search h1 {
  margin-left:20px;
  color:#eee;
  font-family: 'Titillium Web', sans-serif;
  font-weight:400;
  font-size:2.7em;
  margin-bottom:0;
  padding-bottom:0;
  margin-top:20px;
  padding-top:0px !important;
}

main {
  display:block;
}

#banner {
	display:flex;
	width:100%;
	background:url('/webimages/edison-lab-banner-3.png');  
	background-size:cover;
	min-height:400px;
}

#banner-giving {
  width:100%;
  min-height:325px;
  position:absolute;
  left:0px;
  background:url('../../webimages/edison-world-expo-banner.png');
  background-size:cover;
  z-index:-1;
  opacity:0.8;
}

#banner h2, #banner-giving h2 {
  width:39%;
  padding:20px;
  font-size:2.4em;
  color:#fff;
  text-shadow: 2px 2px #444;
  /* color: red;
  text-shadow: 1px 2px #eee; */
}

#banner h2, #banner-giving h2 {
	width: 36.5%;
    padding: 20px;
    font-size: 2.5em;
    font-weight: 600;
    color: #eee;
    text-shadow: 1px 1px #444;
}

#banner-neh {
  width:100%;
  min-height:325px;
  position:absolute;
  left:0px;
  background:url('../../webimages/edison-world-expo-banner.png');
  background-size:cover;
  z-index:-1;
  opacity:0.8;
}

#banner-neh h2 {
  width:39%;
  padding:20px;
  font-size:2.4em;
  color:#fff;
  text-shadow: 2px 2px #444;
}

#main-left {
  float:left;
  width:58%;
  padding:30px 30px 0px 30px;
}

.section-title {
  margin-top:0px;
  padding-bottom:5px;
  border-bottom:0px solid #5f6a72;
  text-transform:uppercase;
}

#feature-ru250 {
  width: 100%;
  min-height: 200px;
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(150,150,100,1) 100%), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/675943/edison-rutgers-winants.jpg);
  background-size: 100%;
  background-blend-mode: screen;
  border: 1px solid #bbb;
  margin-bottom:20px;
}

#main-left article h2 {
  padding-left:20px;
  color:#c03;
  font-weight:400;
  padding-bottom:0;
  margin-bottom:0;
  font-size:3em;
  padding-top:10px;
  margin-top:0px;
}

#main-left article p {
  padding:20px;
  font-size:1.3em;
  padding-top:0px;
}

#feature-innovation {
  width:100%;
  min-height:250px;
  background-size:100%;
  margin-bottom:20px;
}

#feature-innovation img {
  width: 100%;
  border:0px solid #bbb;
  margin-bottom:10px;
}

#feature-volume9 {
  width:100%;
  min-height:250px;
  background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(150,150,100,1) 100%),url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/675943/edison-to-do-list-1888.png');
  background-size:100%;
  background-blend-mode:screen;
  border: 1px solid #bbb;
  margin-bottom:20px;
}

#main-right {
  float:left;
  width:39%;
  padding:30px 30px 0px 30px;
}

#innovation-series {
  width:100%;
  background-color:#dfd2b3;
  display:inline-block;
  padding-bottom:40px;
}

#innovation-series h2, #finding-edison h2 {
  margin-top:0px;
  padding-bottom:5px;
  border-bottom:1px solid #fff;
  text-transform:uppercase;
  padding:20px;
}

#innovation-series p, #finding-edison p {
  padding-left:20px;
  font-size:1.5em;
}

#innovation-series-wrapper {
  width:98%;
  margin:0 auto;
  display:flex;
}

#innovation-series-wrapper-v2 {
  width:98%;
  margin:0 auto;
  display:inline-block;
}

.innovation-series-item {
  width:23%;
  float:left;
  background-color:#c1bbab;
  border:2px solid #ddd;
  margin-right:15px;
  color:#444;
}

.innovation-series-item-v2 {
  width:45%;
  float:left;
  background-color:#c1bbab;
  border:2px solid #ddd;
  margin-left:15px;
  color:#444;
}


#innovation-series-wrapper h2 {
  font-size:1.1em;
  padding:10px;
}

#innovation-series-wrapper h2 a {
  text-decoration:none;
  color:#000;
}

#innovation-series-wrapper p {
  font-size:1em;
  padding:10px;
}

#finding-edison {
  display:inline-block;
  width:100%;
  background-color:#4d6a79;
  padding-bottom: 40px;
}

/*
#finding-edison h2 {
  margin-top:0px;
  padding-bottom:5px;
  border-bottom:1px solid #fff;
  text-transform:uppercase;
  color:#fff;
  padding:20px;
  padding-bottom:0;
}

#finding-edison-map {
  display:flex;
  width:100%;
}
*/

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #eee;
}

li {
  float: left;
}

li a,
.dropbtn {
  display: inline-block;
  color: #333;
  color: #BE5E5E;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover,
.dropdown:hover .dropbtn {
  background-color: #5f6a72;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #efefef;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ccc
}

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

.overlay {
   background:transparent; 
   position:absolute; 
   width:100%;
   height:480px; /* your iframe height */
   top:480px;  /* your iframe height */
   margin-top:-480px;  /* your iframe height */
   z-index:10;
   border:2px solid yellow;
}

.maps iframe{
    pointer-events: none;
}

footer {
  width:100%;
  background-color:#333;
  color:#fff;
  display:flex;
}

footer section {
  padding:20px;
  padding-bottom:0px;
}

.footer-column {
  width:25%;
  float:left;
}

footer a {
	color:#ddd;
}

footer p {
  padding:10px;
  padding-right:20px;
}

#oversight-promo {
  padding:10px 0px;
  width:100%;
  text-align:center;
  background-color:#eee;
}

#oversight-logo-wrapper {
  display:flex;
  padding:30px 0px;
  width:80%;
  margin:0 auto;
}

.oversight-logo {
  float:left;
  width:25%;
  text-align:center;
}

#ru-affiliated {
  padding:10px 0px;
  width:100%;
  text-align:center;
  background-color:#eee;
}

form {
  margin:0;
  padding:0;
}

.w3-panel {
	margin-top:0px !important;
	margin-bottom:0px !important;
}

.w3-blue-grey { color: #333 !important; background-color:#fff !important; }

@media (max-width: 720px), (max-device-width: 720px) { 
    #page { background: none; }
    #navigation { display: none; }
    #content { margin: 20px; padding:0; }
    p, ul, ol, #content div { font-size: 1.2em; line-height:1.4em; }
    .contentimageright { width: 100%; height: 100%; margin:0; border:0px; margin-bottom:20px; }
    #header { height: 100%; }
    #rutgers-bar { 
	width: 100%; 
	display: inline-block; 
	box-shadow: -1px 0px 10px 1px rgba(0,0,0,0.75) !important;
    }
	#rutgers-bar h1 { text-align:center; margin-left:0; margin:inherit; padding:inherit; margin-bottom:10px; }
	#ru-sas {
	background:url('http://edison.rutgers.edu/webimages/sas-mobile.png');
	width:100%;
	background-size:cover;
	display:block;
	min-height:124px; 
	margin:0; }
    a.header-ru { text-align: center; width: 100%; display: block; }
    #header img { width: 150px; height: auto; margin-top:6px; }
    #header h1 { margin-top: 5px; }
    nav ul li:nth-of-type(1) { display: none; }
    nav ul li a, .dropbtn { padding:14px 10px; }
    #footer { border-top:1px dashed #ddd; margin: 20px; font-size:0.9em; padding-top:10px; }
	#main-left { width: 100%; }
	#main-right { width: 100%; margin-top:0px; }
	#innovation-series-wrapper { display: block; }
	.innovation-series-item { width: 100%; }
	footer { display:inline-block; }
	#finding-edison { display: inline-block; }
	#finding-edison-map { display: inline-block; }
}

dt, dd { font-size:1em; }