/** { font-family: Verdana, Helvetica, Helvetica, sans-serif !important; }*/

* {
  margin: 0;
}
html, body {
  height: 100%;
}
main {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -51px;
}
main:after {
  content: "";
  display: block;
}
footer, footer:after {
  height: 51px;
}
footer {
  background: orange;
}

body { background-color: #000; font-family: 'Helvetica', 'Arial', 'Open Sans', sans-serif !important; }
p { font-family: 'Helvetica', 'Arial', 'Open Sans', sans-serif !important; }
h1, h2, h3, h4, h5, h6, b, nav, footer { font-family: 'Helvetica', 'Arial', 'Open Sans', sans-serif !important; }
h1.page-title { text-align: center;}
.color-block { background-color: #333333; padding: 15px; }

header {
padding: 15px 0;
border-bottom: 3px solid #ff9600;
background: rgb(51,51,51); /* Old browsers */
background: -moz-linear-gradient(top, rgba(51,51,51,1) 1%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 80%, rgba(51,51,51,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(51,51,51,1)), color-stop(20%,rgba(0,0,0,1)), color-stop(80%,rgba(0,0,0,1)), color-stop(100%,rgba(51,51,51,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(51,51,51,1) 1%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 80%,rgba(51,51,51,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(51,51,51,1) 1%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 80%,rgba(51,51,51,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(51,51,51,1) 1%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 80%,rgba(51,51,51,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(51,51,51,1) 1%,rgba(0,0,0,1) 20%,rgba(0,0,0,1) 80%,rgba(51,51,51,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}

header #logo{
  font-family: 'Antic Didone', serif;
  font-size: 2rem;
  line-height: 2rem;
  clear: both;
}

header #logo span.l {
  color: #ff9600;
}
header #logo span.r {
  color: #A6A6A6;
}
header #logo span.big {
  font-size: 4rem;
  line-height: 4rem;
}
.top-bar {
  background: #000000;
}
.top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li {
  background: #000000;
  text-transform: uppercase;
  font-weight: bold;
  font-size: .75rem;
}
header #umdlogo {
  text-align: right;
}
header #clock {
  line-height: 2rem;
  font-size: .8rem;
}
header #umdlogo, .sublogo {
  color: #ffffff;
  font-family: 'Helvetica', 'Arial', 'Open Sans', serif;
}
.sublogo span.gray {
   color: #A6A6A6;
}
@media only screen and (max-width: 40em) {
  header #logo, header #umdlogo, .sublogo {
    text-align: center;
  }
}

h4.divider {
	text-align: left;
	background: #333333;
	padding: 5px 10px;
	/*  margin: 0 -15px;*/
  display: block;
	color: #F33;
}

main {
  padding-top: 30px;
}

main #about {
 text-align: center;
  padding-bottom: 15px;
}

@media only screen and (max-width: 40em) {
  main #about {
    text-align: center;
  }
}

main .row.section {
  padding-bottom: 15px;
}

main .row.section .img-cont {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}
main .row.section .img-cont img {
  width: 75%;
}

main #welcome {
  text-align: justify;
  background-color: #333333;
}

main #welcome p { font-size: 1.2rem; }

.about-text, .contact-text {
  margin-top: 15px;
  font-size: .9rem;
}

.about-text span.title-header, .contact-text span.title-header {
  line-height: 1.25rem;
  font-size: 1.25rem;
  margin-top: 10px;
  color: #ff9600;
  font-family: 'Helvetica', 'Arial', 'Open Sans', sans-serif;
  font-weight: bold;
}

.contact-text { text-align: center; }

footer {
  border-top: 3px solid #ff9600;
  margin-top: 60px;
  text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#999999+0,333333+20,333333+100 */
background: rgb(153,153,153); /* Old browsers */
background: -moz-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(51,51,51,1) 20%, rgba(51,51,51,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,153,153,1)), color-stop(20%,rgba(51,51,51,1)), color-stop(100%,rgba(51,51,51,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(153,153,153,1) 0%,rgba(51,51,51,1) 20%,rgba(51,51,51,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(153,153,153,1) 0%,rgba(51,51,51,1) 20%,rgba(51,51,51,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(153,153,153,1) 0%,rgba(51,51,51,1) 20%,rgba(51,51,51,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(153,153,153,1) 0%,rgba(51,51,51,1) 20%,rgba(51,51,51,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}
/*
footer .row {
  text-align: center;
  background: #333333;
}
*/
footer a {
  padding: 15px;
  position: relative;
  display: block;
  font-size: .75rem;
  font-weight: bold;
}
footer a:hover {
  background: #ff9600;
  color: #000000;
}
footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 100%;
  position: relative;
  text-align: center;
}
footer ul li {
  display: inline-block;
}

.section-content {
  display: none;
}
.section-content.active {
  display: block;
}
.toggler {
  display: none;
}
.toggler.active {
  display: inline-block
}

#labmembers li div, #presentations li div, .lab-fun li div {
  padding: 15px;
  background: #333333;
  font-size: .8rem;
  size: .8rem;
  line-height: 1.1rem;
}
#labmembers li b { font-size: 1rem; }
#labmembers li img, #presentations li img, .lab-fun li img {
  display: block;
  margin-bottom: 15px;
}
#labmembers li b, #labmembers li span, #presentations li b, #presentations li span, .lab-fun li b, .lab-fun li span { display: block; }

#presentations li img, .lab-fun li img { border: 2px solid #ff9600; }

ul#pubs-list li { margin-bottom: 15px; }

ul#pubs-list li em {color:#FFC }

table,tr,td { background: none !important; border: none; text-align: center !important; }

#formermembers ul, #formermembers li { margin-left: 0 !important; padding-left: 0 !important; list-style: none; line-height: 1.2rem; }

#formermembers ul li { padding-bottom: 10px; } 

#formermembers h5 { text-decoration: underline; padding-bottom: 0; }

/*#labmembers li a { font-size: .8rem; }*/

#gallery h4 { text-align: center; text-decoration: underline; padding-top: 15px; }