body {
	background-color:white;
  color:black;
  font-size:12px;
  font-family:helvetica, arial, sans-serif;
  margin:0px;
  line-height:22px;
}
.menu {
  position:fixed;
  left:0px;
  top:0px;
  padding-top:16px;
}
.menu > a.title {
  display:block;
  font-weight:bold;
  font-size:14px;
  margin-bottom:11px;
  padding-left:22px;
  text-decoration:none;
}

.menu-section {
  line-height:18px; /* to make the selected rectangle the right size, needs layout compensation */
  margin-bottom:22px;
}
.menu-section .title {
  font-weight:bold;
  padding-left:22px;
}
.menu-section a {
  display:block;
  text-decoration:none;
  color:#4c4c4c;
  padding-left:22px;
  margin-top:4px;
}
.menu-section a:hover {
  color:black;
}
.menu-section a.selected {
  -text-decoration:underline;
  -color:black;
  color:white;
  background-color:black;
}

.main {
  margin-left:200px;
  width:600px;
  padding-top:16px;
  line-height:22px;
}

.main-section {
  margin-bottom:44px;
  position:relative;
}
.main-section.selected {
}
.main-section a[name] {
  position:absolute;
  top:-16px;
}
.main-section .title {
  font-weight:bold;
  font-size:14px;
  margin-bottom:11px;
}
.main-section .title > .date {
  color:#b2b2b2;
}
.main-section .title > .date::before {
  content:" ";
}
.main-section .image {
  margin-bottom:11px;
  box-shadow:0px 0px 12px rgba(0, 0, 0, 0.33);
  font-size:0;
}
.main-section .video {
  margin-bottom:11px;
  box-shadow:0px 0px 12px rgba(0, 0, 0, 0.33);
}
.main-section .links {
  margin-top:7px;
}
.links a {
  margin-right:11px;
  color:#444;
}

a {
  color:black;
}

img {
  border:0;
}

ul {
  padding-left:18px;
}

li {
  margin-bottom:11px;
}