/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Bree+Serif);

body {
  background: #FFFFEE;
  font-size:22px;
  line-height: 32px;
  color: #309900;
  word-wrap:break-word !important;
  font-family: 'Open Sans', sans-serif;
  text-decoration:none;
  background-image: url("pix/LogoLabel.png");
  background-repeat: no-repeat, repeat-x;
  background-position: center;
  background-position: top;
  background-size: 800px;
   }

h1 {
  text-decoration:none;
  margin-top: 20px;
  text-align:center;
  color: #309900;
  font-size:30px;
  }
h2 {
  margin-top: 20px;
  text-align:center;
  color: #309900;
  font-size:25px;
  }

h3 {
  font-size: 25px;
  text-align: center;
  color: #309900;
}

h3 a {
  color: #006010;
}

h4 {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  text-align: center;
  color: #309900;
  font-weight: normal;
}

h5 {
  margin-top: 5px;
  font-size: 11px;
  text-align: center;
  color: #309900;
}
h5 a{
  font-size: 15px;
  text-align: center;
  color: #309900;
}

h6 {
  font-family: 'Open Sans', sans-serif;
  margin-top: 5px;
  margin-left: 15px;
  font-size: 13px;
  text-align: left;
  color: #309900;
  font-weight: normal;
}
h7 {
  margin-top: 5px;
  font-size: 11px;
  text-align: center;
  color: #309900;
  font-weight: normal;
}
h8 {
  margin-top: 5px;
  font-size: 10px;
  text-align: center;
  color: #309900;
}

a {
  color: #309900;
}


#container {
  margin: 0 auto;
}

p {
  text-align: center;
}

nav {
  font-family: 'Open Sans', sans-serif;
  margin: 115px 0;
  margin-bottom: 0;
  background-color: #FDFF99;
}

nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  }
  
nav ul li {
  display:inline-block;
  background-color: #FDFF99;
  }

nav a {
  font-family: 'Open Sans', sans-serif;
  display:block;
  padding:0 10px; 
  font-size:20px;
  line-height: 60px;
  text-decoration:none;
}

nav a:hover { 
  background-color: #88FF50; 
  color:#006010;
}

/* Hide Dropdowns by Default */
nav ul ul {
  display: none;
  position: absolute; 
  top: 60px; /* the height of the main nav */
}
  
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
  display:inherit;
}
  
/* First level dropdown */
nav ul ul li {
  width:210px;
  float:none;
  display:list-item;
  position: relative;
}

/* second and further layers dropdown */
nav ul ul ul li {
  position: relative;
  top:-60px; 
  left:170px;
}

  
/* Change this in order to change the Dropdown symbol */
li > a:after { content:  ''; }
li > a:only-child:after { content: ''; }

.footer {
  font-family: 'Open Sans', sans-serif;
  text-decoration:none;
  font-size: 15px;
  text-align: center;
  color: #309900;
  background-color: #FDFF99;
  padding: 10px;
}

#blogTable {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  border-collapse: collapse;
  width: 100%;
}

#blogTable td, #blogTable th {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 18px;
  text-align: left;

  border: 1px solid #ddd;
  padding: 8px;
}

#blogTable tr:nth-child(even){background-color: #f2f2f2;}

#blogTable tr:hover {background-color: #ddd;}

#blogTable th {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 18px;
  text-align: center;
  color: green;
}

.items{
  text-align:left;
  margin: 30px auto;
}


.items figure{
  margin:0px 10px;
  display:inline-block;
  font-size: 14px;
  text-decoration:none;
  color:black;
}