.layout.side-menu-layout {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box; }

.side-menu-layout .side-menu {
  float: left;
  width: 220px; }
.side-menu-layout:after {
  content: '';
  display: block;
  float: none;
  clear: both; }
.side-menu-layout ul.menu {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0; }
  .side-menu-layout ul.menu li {
    display: block;
    margin: 0;
    padding: 0; }
    .side-menu-layout ul.menu li a {
      display: block;
      margin: 0;
      padding: 5px 10px;
      background-color: #8B0000;
      color: white;
      text-decoration: none; }
      .side-menu-layout ul.menu li a:hover, .side-menu-layout ul.menu li a:active {
        background-color: #B95E5E; }
  .side-menu-layout ul.menu li + li {
    margin-top: 5px; }
.side-menu-layout ul.sub-menu {
  display: none;
  list-style: none;
  margin: 0 0 0 10px;
  padding: 0;
  font-size: 80%; }
  .side-menu-layout ul.sub-menu.active {
    display: block; }
  .side-menu-layout ul.sub-menu li {
    margin: 5px 0; }
  .side-menu-layout ul.sub-menu li.heading {
    background-color: #8B0000;
    color: white;
    padding: 3px 5px; }
  .side-menu-layout ul.sub-menu li.link a {
    padding: 0 10px;
    background-color: transparent;
    color: black; }
    .side-menu-layout ul.sub-menu li.link a:hover, .side-menu-layout ul.sub-menu li.link a:active {
      background-color: transparent;
      text-decoration: underline; }
.side-menu-layout .content {
  margin-left: 240px; }