/* Stylesheet for labs.publicsphereproject.org.
 *
 * $Id: labs.css,v 1.2 2020/10/01 20:18:00 dh_57xn9s Exp $ 
 */

img {
	max-width:90%;
}

table { 
  margin-left: auto;
  margin-right: auto;
}

body {
  margin: 25px;
}

p {
  margin-left: 20%;
  font-size: 10pt;
  font-family: arial,helvetica;
  color: black;
}

h2 {
  margin-left: 20%;
  font-size: 20pt;
  font-family: arial,helvetica;
  color: darkred;
}

h3 {
  font-size: 14pt;
  font-family: arial,helvetica;
  color: black;
}

h4 {
  font-size: 12pt;
  font-family: arial,helvetica;
  color: black;
}

  #navbar {
      background-color: #C7ECEC;
      border-bottom: 1px solid #93CFCF;
      height: auto;
      padding: 0;
      text-align: center;
  }
  nav {
      font-size: .8em;
      font-weight: bold;    
      text-transform: uppercase;
      background-color: #C7ECEC;
      font-family: helvetica,arial,sans-serif;
  }
  nav ul {
      list-style: none;
      position: relative;
      padding: 0;
      margin: 0;
 }
  nav ul li {
      text-align: left;
      display: inline-block;
      background-color: #C7ECEC;
      border: 1px solid #ccc;
  }
 nav a {
     padding: 6px 15px 2px 15px;
     display: block;
     text-decoration: none;
     color: #444;
 }
 nav ul li a:hover {
     background-color: #d0f0f0;
     color: #555;
 }
 nav ul ul {
     display: none;
     position: absolute;
 }
 nav ul li:hover > ul {
     display: inherit;
 }
 nav ul ul li {
     display: list-item;
     float: none;
     position: relative;
 }
 nav ul ul ul li {
     position: relative;
     top: -22px;
 }
 #pl ul ul li {
     left: 310px;
 }
 #proj ul ul li {
     left: 180px;
 }
 #pl ul {
     width: 320px;
 }
 #pl ul ul {
     width: 380px;
 }
 #proj ul {
     width: 180px;
 }
 #proj ul ul {
     width: 280px;
 }
 li > a::after {
     content:  ' \2207';
 }
 li > a:only-child::after {
     content: '';
 }