ul.nav {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
      overflow: hidden;
      background-color: #333;
	  }

	ul.navPic {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
      overflow: hidden;
      background-color: #222;
      opacity: 0.2;
	  }

	ul.navshort {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
      overflow: hidden;
      background-color: #333;
      display: inline-block;
      opacity: .8; 
	  }

	ul.navshortPic {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
      overflow: hidden;
      background-color: #333;
      display: inline-block;
      opacity: .5; 
	  }

	li.nav {
      float: left;
	  }

	li.navPic {
      float: left;
      opacity: 0.8;
	  }

	li.nav a.nav {
   	  display: block;
      // background-color: green;
      color: white;
      text-align: center;
      // padding: 14px 16px;
      padding: 7px 8px;
      text-decoration: none;
	  }

	li.navPic a.navPic {
   	  display: block;
      color: blue;
      text-align: center;
      // padding: 14px 16px;
      padding: 1px 1px;
      text-decoration: none;
	  }

	li.nav a:hover:not(.active) {
      background-color: #222;
	  }

	.active {
      background-color: #4CAF50;
 	  }