.nav-header ul {

    font-size: 14px;

  }

  .nav-header ul li a {

    display: block;

    font-size: 13px;

    font-weight: normal;

  }

    width: 14px;

  }

  }

  .nav-sidebar li a:hover {

  <%- navigation.each do |topic_group| -%>

    <%- if topic_id.start_with?(topic_group[:id]) %>

        <%- if topic_group.has_key?(:topics) -%>

          <a href="<%= subtopic_shim %><%= topic_group[:path] %>"><%= topic_group[:name] %></a>

        <%- else -%>

    <%- if not topic_group.has_key?(:topics) -%>

        <li><a class="<%= topic_id.start_with?(topic_group[:id]) ? ' active' : '' %>" href="<%= subtopic_shim %><%= topic_group[:path] %>"><%= topic_group[:name] %></a></li>

    <%- else -%>

        <a class="" href="#" data-toggle="collapse" data-target="#topicGroup-<%= topic_group[:id].hash %>">

          <span id="sgSpan-<%= topic_group[:id].hash %>" class="fa <%= topic_id.start_with?(topic_group[:id]) ? 'fa-caret-down' : 'fa-caret-right' %>"></span>&nbsp;<%= topic_group[:name] %>

        </a>

        <%= render("_templates/_nav.html.erb", :navigation => topic_group[:topics], :topic_id => topic_id, :subtopic_shim => subtopic_shim) %>

      </ul>

      </li>