body {
  background-color:#313131;
  margin: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#container {
  width: 900px;
  margin: auto;
  background-color: #095087;
}

#leftcolumn {
  width: 200px;
  float: left;
  color: #b5d1de;
  padding: 15px;
  box-sizing: border-box;
}

#leftcolumn ul {
  list-style-type: none;
}

#leftcolumn ul li{
  margin-bottom: 10px;
}

.navlink {
  color: #b5d1de;
  text-decoration: none;
}

.navlink:hover {
  color: #ffffff;
}

.active {
  color: #fff;
}

#rightcolumn {
  width: 700px;
  background-color: white;
  margin-left: 200px;
  min-height: 100vh;
  padding: 15px;
  box-sizing: border-box;
}

#header {
  font-size: 150%;
  font-weight: bold;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}

.hidden {
  display: none;
}

.content {
  padding: 10px;
  line-height: 1.3;
}

.title {
  font-size: 130%;
  font-weight: bold;
}

#me_image:hover {
  opacity: 0.9;
}

.title2 {
  font-size: 110%;
  font-weight: bold;
}

.photos {
  float: left;
  padding: 5px;
}

.photosimg:hover {
  opacity: 0.8;
}

.clear {
  clear: both;
}

#gallery1 {
  height: 275px;
}

#gallery2 {
  height: 232px;
}

#hi {
	margin-bottom: 0px;
}