* {
  box-sizing: border-box;
}

/* Style the body */
body {
  font-family: Arial;
  margin: 0;
}

/* Header/logo Title */
.header {
  padding: 10px;
  text-align: left;
  background: #1abc9c;
  color: white;
  font-size:16px;
}

/* Style the top navigation bar */
.navbar {
  display: flex;
  background-color:#0066CC;
  color:#000000;
  text-align: left;
  font-size:16px;
}

/* Style the navigation bar links */
.navbar a {
  color: white;
  padding: 14px 18px;
  text-decoration: none;
  text-align: left;
}

/* Change color on current page */
.navbar .current {
  background-color: #ff0000;
  color: #ffffff;
}

/* Change color on hover */
.navbar a:hover {
  background-color: #1abc9c;
  color: black;
  padding: 14px 18px;
  text-decoration: none;
  text-align: left;
}

/* Column container */
.row {  
  display: flex;
  flex-wrap: wrap;
          padding-bottom: 20px;
  border-bottom:medium;
  border-bottom-color:#1abc9c;
  border-bottom-style:solid;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
  flex: 30%;
  background-color: #ffffff;
  padding-left: 20px;
      padding-right: 20px;
  border-right:medium;
  border-right-color:#1abc9c;
  border-right-style:solid;
    text-align:left;
}

/* Main column / center or right column */
.main {
  flex: 70%;
  background-color: white;
  padding-left: 20px;
}

/* Fake image, just for this example */
.fakeimg {
  background-color: :#99FFFF;
  width: 100%;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 0px;
}

.img {
	 {
  background-color: :#FFFFFF;
  width: 10%;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
  }

/* Footer */
.footer {
  padding: 20px;
  text-align: center;
  background: #ddd;
}

/* Responsive layout - when the screen is less than 360px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 360px) {
  .row, .navbar {   
    flex-direction: column;
  }
}



/* start CSS table for meeting schedule */


table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 2px solid #000000;
}

th, td {
  text-align: left;
  padding: 8px;
  border: 2px solid #000000;
}

tr:nth-child(even){background-color:#66FFFF;
border: 2px solid #000000;
}

/* end CSS table for meeting schedule */