﻿.detourbox, .newsbox, .quicklinkbox, .hslice .entry-content {
  background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/4QBoRXhpZgAATU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAAExAAIAAAASAAAATgAAAAAAAABgAAAAAQAAAGAAAAABUGFpbnQuTkVUIHYzLjUuMTAA/9sAQwACAQECAQECAgICAgICAgMFAwMDAwMGBAQDBQcGBwcHBgcHCAkLCQgICggHBwoNCgoLDAwMDAcJDg8NDA4LDAwM/9sAQwECAgIDAwMGAwMGDAgHCAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAFAAUAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A/cdYyWYcAKep6j86QgOyg53ZJ3E0r/Kc7eQePfv/AJ+tK0nU7fl6jjg5/wDrV7x5LGIzhBgkD06Y5oo3qpILfmpJop2FeJCjlpMdM7R9On+NLFIZlUHgMuTjjmiirH1RMsgUY2IfqM0UUViRc//Z); }

.detourbox h2 {
  background-image: url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABGdBTUEAALGPC/xhBQAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuM6DpWdUAAAD6SURBVFhHzdjtEYMgDAZgnKb7b9Nu0CmgBdqzVL4CeZPkzl/R+Jggd3qEuwuuF7d+unvtKPk4Rmc4F4HNI0Dimar27vuTawMhtk/RSVyabvVJMDhS576uKxCDy1UJnasDjeHKERvEnUCjuAT03uN4C2vuf52+N0FQMOCiDANkwmGAjDh+IB8ub+qsI+bDFS8FzxoE4Xg6CMTtA8G4PaAAbh0ohFsDCuLoQGEcDaiAmwcq4eaAirgxUBnXBxrAtYFGcHWgIdwVaAxXAg3iTqBRXAYaxvEAQV+tqWzz79ZsV8G4PaAAbh0ohFsDCuLoQGEcDaiAmwcq4SLwBSXkVAG/xZojAAAAAElFTkSuQmCC); }

.newsbox h2 {
  background-image: url(data:image/jpeg;base64,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); }

@font-face {
  font-family: "Archivo Black";
  src: url("/content/font/ArchivoBlack-Regular.eot") format("embedded-opentype"), url("/content/font/ArchivoBlack-Regular.ttf") format("truetype"); }

/******---------------- NON LAYOUT SPECIFIC CSS STYLES ----------------*******/
img, embed, object, video {
  max-width: 100%; }

h1, h2 {
  padding: .4em 0;
  margin: 5px 0 15px 0;
  font-size: 1.8em;
  color: #333333;
  background-color: #FFF;
  font-family: 'Archivo Black','Arial Black', Impact,sans-serif;
  border-bottom: 2px solid #000; }

h2 {
  margin: 5px 0;
  font-size: 1.4em;
  color: #006;
  border-bottom: 1px solid #CCC; }

h3 {
  padding: .24em 0;
  margin: 0;
  font-size: 1.4em;
  color: #000;
  background-color: #FFF;
  font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, Sans-Serif;
  font-weight: bold; }

h4 {
  padding: .16em 0;
  margin: 0;
  font-size: 1.2em;
  color: #03C;
  background-color: #FFF;
  font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif; }

h5 {
  padding: .16em 0;
  margin: 0;
  font-size: 1.1em;
  color: #000;
  background-color: #FFF;
  font-family: 'Britannic Bold', Arial, Sans-Serif; }

h6 {
  padding: .16em 0;
  margin: 0;
  font-size: 1.0em;
  color: #000;
  background-color: #FFF;
  font-family: 'Britannic Bold', Arial, Sans-Serif; }

p {
  margin: 0;
  padding: 0 1em 1em 1em;
  line-height: 1.5em;
  font-weight: 400;
  text-align: left; }

a {
  color: #002F87;
  font-size: 1em; }
  a:visited {
    color: purple; }
  a:hover {
    color: gray; }
  a:visited:hover {
    color: gray; }
  a img {
    text-decoration: none;
    border: none; }

strong {
  font-weight: 700 !important; }

b {
  font-weight: 700 !important; }

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0; }

.notice {
  color: #F00;
  font-weight: bold; }

.highlight {
  color: #8B0000;
  background-color: #FF0;
  font-weight: bold; }

.disclaimer p {
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: bolder; }

.error {
  color: red;
  font-weight: bolder; }

.floatrightstack {
  float: right;
  margin: 0 0 10px 10px;
  clear: right; }

.clear {
  clear: both;
  padding-bottom: 1px;
  margin-bottom: -1px; }

.hide {
  display: none !important; }

.inside {
  padding: 0 8px; }

div.hr {
  color: #999999;
  background-color: #666666;
  height: 1px;
  width: 100%;
  margin: 5px 0;
  border-bottom: solid 1px #000;
  clear: both; }
  div.hr hr {
    display: none; }

article header h1, article header h2 {
  padding: 5px 0;
  margin: 5px 0 0 0;
  font-size: 1.4em;
  color: #333333;
  background-color: #FFF;
  font-family: "Arial Black", Impact, Charcoal, Sans-Serif;
  border: none; }

article header .pubData {
  font-size: 0.8em;
  font-style: italic;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #CCC; }

article h2 {
  padding: 5px 0;
  margin: 5px 0;
  font-size: 1.2em;
  color: #006;
  background-color: #FFF;
  font-family: "Arial Black", Impact, Charcoal, Sans-Serif;
  border-bottom: 1px solid #CCC; }

article h3 {
  padding: 3px 0 3px 0;
  margin: 0;
  font-size: 1.2em;
  color: #000;
  background-color: #FFF;
  font-family: "Trebuchet MS", Arial, Verdana, Helvetica, Sans-Serif; }

.highlightbox, .bluebox, .greenbox, .detourbox, .newsbox, .yellowbox, .whitebox, .trolleybox, .greybox, .noticebox, .quicklinkbox, .hslice {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 10px auto;
  padding: 0;
  width: 98%;
  border-radius: 5px; }
  .highlightbox h2, .bluebox h2, .greenbox h2, .detourbox h2, .newsbox h2, .yellowbox h2, .whitebox h2, .trolleybox h2, .greybox h2, .noticebox h2, .quicklinkbox h2, .hslice h2 {
    margin: 0;
    padding: 5px 10px;
    font-style: normal;
    text-align: center; }
  .highlightbox h3, .bluebox h3, .greenbox h3, .detourbox h3, .newsbox h3, .yellowbox h3, .whitebox h3, .trolleybox h3, .greybox h3, .noticebox h3, .quicklinkbox h3, .hslice h3 {
    margin: 0;
    padding: 5px 10px;
    font-style: normal;
    background-color: transparent; }
  .highlightbox .text, .bluebox .text, .greenbox .text, .detourbox .text, .newsbox .text, .yellowbox .text, .whitebox .text, .trolleybox .text, .greybox .text, .noticebox .text, .quicklinkbox .text, .hslice .text {
    position: relative;
    display: block;
    margin: 0;
    padding: 5px 10px; }

.highlightbox {
  color: #8B0000;
  background-color: #FF0;
  border: 1px solid #8B0000;
  border-radius: 5px; }
  .highlightbox p {
    padding: 5px 10px;
    font-weight: bold;
    text-align: center; }

.bluebox {
  background-color: #D2E8FF;
  border: 1px solid #002F87; }
  .bluebox h2 {
    color: #FFF;
    background-color: #002F87; }

.greenbox {
  background-color: #D5F1D9;
  border: 1px solid #009944; }
  .greenbox h2 {
    color: #FFFFFF;
    background-color: #009944;
    border: 1px solid #009944; }
  .greenbox h3 {
    color: #1B6717; }

.detourbox {
  background-color: #D2E8FF;
  border: 1px solid #D3D3D3; }
  .detourbox h2 {
    background-repeat: repeat;
    border: 1px solid #D3D3D3; }

.newsbox {
  background-color: #D2E8FF;
  border: 1px solid #D3D3D3; }
  .newsbox h2 {
    background-repeat: repeat;
    border: 1px solid #D3D3D3; }

.yellowbox {
  background-color: #FFFDB4;
  background-image: none;
  border: 1px solid #879E3E; }
  .yellowbox h2 {
    color: #000000;
    background-color: #BFBE95; }
  .yellowbox h3 {
    color: #364D00; }

.whitebox {
  border: 1px solid #002F87; }

.trolleybox {
  color: #000;
  background-color: #FFF;
  background-image: url(/images/home/trolley.png);
  background-repeat: no-repeat;
  background-position: bottom;
  border-radius: 5px; }

.greybox {
  background-color: #C0C0C0;
  color: #000;
  border: 1px solid #002F87; }
  .greybox h2 {
    background-color: transparent; }

.noticebox {
  border: 1px solid #8B0000;
  color: #000;
  background-color: #FFF; }
  .noticebox h2 {
    background-color: #FFF;
    color: #8B0000; }
  .noticebox h3 {
    background-color: transparent;
    color: #F00; }
  .noticebox .subheading {
    font-weight: bold; }

.quicklinkbox {
  background-color: #D2E8FF;
  border: 1px solid #002F87; }
  .quicklinkbox h2 {
    color: #FFF;
    background-color: #002F87; }
  .quicklinkbox img {
    text-align: left;
    width: 50px;
    height: 50px;
    margin-bottom: 3px;
    border-style: none; }
  .quicklinkbox a {
    float: left;
    width: 80px;
    height: 6.5em;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    display: block; }

.hslice {
  color: #000; }
  .hslice .entry-title {
    margin: 0;
    padding: 5px 10px;
    color: #FFF;
    background-color: #002F87;
    border-radius: 5px 5px 0 0;
    font-style: normal;
    text-align: center;
    border: 1px solid #002F87;
    border-bottom: none; }
  .hslice .entry-content {
    background-color: #D2E8FF;
    position: relative;
    margin: 0;
    padding: 10px;
    border-radius: 0 0 5px 5px;
    border: 1px solid #002F87;
    border-top: none; }

.feedlist ul {
  padding: 0 0 0 15px;
  margin: 0;
  list-style: none;
  line-height: 1em;
  font-weight: bolder; }
  .feedlist ul li {
    margin: 5px 0 0 0;
    padding: 5px 0 0.5em 0;
    border-bottom: 1px solid #FFF; }

.feedlist .feedlistlink {
  border-top: 1px solid #FFF;
  color: #FF9110;
  border-bottom: 1px solid #CCC;
  font-size: 0.8em; }
  .feedlist .feedlistlink a {
    color: #000;
    font-weight: bolder; }

.previousNext {
  text-align: center;
  font-weight: bolder;
  border: 4px outset #DDD;
  clear: both; }

.route1, a.route1:visited {
  color: #AA198D;
  font-weight: bold; }

.route2, a.route2:visited, .route2F, a.route2F:visited, .route2X, a.route2X:visited {
  color: #F7323F;
  font-weight: bold; }

.route3, a.route3:visited, .route3Xa.route3X:visited {
  color: #63A70A;
  font-weight: bold; }

.route1-2-3, a.route1-2-3:visited {
  color: #002F87;
  font-weight: bold; }

.route4, a.route4:visited {
  color: #FFD700;
  font-weight: bold;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }

.route5, a.route5:visited {
  color: #BE955B;
  font-weight: bold; }

.route6, a.route6:visited {
  color: #7A232E;
  font-weight: bold; }

.route7, a.route7:visited, .route7A, a.route7a:visited, .route7X, a.route7X:visited {
  color: #060E9F;
  font-weight: bold; }

.route6-7, a.route6-7:visited {
  color: #E0CAA3;
  font-weight: bold;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }

.route9, a.route9:visited, .route9M, a.route9M:visited, .route9LS, a.route9LS:visited, .route9MT, a.route9MT:visited {
  color: #00837B;
  font-weight: bold; }

.route10, a.route10:visited, .route10H, a.route10H:visited, .route10E, a.route10E:visited {
  color: #FF5000;
  font-weight: bold; }

.route11, a.route11:visited, .route11M, a.route11M:visited, .route11K, a.route11K:visited {
  color: #5C315E;
  font-weight: bold; }

.route12, a.route12:visited {
  color: #E89E6C;
  font-weight: bold; }

.route13, a.route13:visited, .route13U, a.route13U:visited {
  color: #2B5134;
  font-weight: bold; }

.route14, a.route14:visited, .route14W, a.route14W:visited {
  color: #C39BDE;
  font-weight: bold; }

.route15, a.route15:visited, .route15C, a.route15C:visited {
  color: #704C1C;
  font-weight: bold; }

.route16, a.route16:visited, .route16X, a.route16X:visited {
  color: #009BDE;
  font-weight: bold; }

.route17, a.route17:visited {
  color: #00a171;
  font-weight: bold; }

.route17B, a.route17B:visited {
  color: #34D9C3;
  font-weight: bold; }

.route17S, a.route17S:visited {
  color: #E7AAB9;
  font-weight: bold; }

.route16-17, a.route16-17:visited {
  color: #009944;
  font-weight: bold; }

.route18, a.route18:visited {
  color: #B01657;
  font-weight: bold; }

.route0, a.route0:visited {
  color: #000000;
  font-weight: bold; }

.routeDT, a.routeDT:visited {
  color: #000000;
  font-weight: bold; }

.routePTT, a.routePTT:visited {
  color: blue;
  font-weight: bold; }

.routebk1-2-3 {
  background-color: #002F87; }

.routebk1 {
  background-color: #AA198D; }

.routebk2 {
  background-color: #F7323F; }

.routebk3 {
  background-color: #63A70A; }

.routebk4 {
  background-color: #FFD700; }

.routebk5 {
  background-color: #BE955B; }

.routebk6 {
  background-color: #7A232E; }

.routebk7 {
  background-color: #060E9F; }

.routebk6-7 {
  background-color: #E0CAA3; }

.routebk9 {
  background-color: #00837B; }

.routebk10 {
  background-color: #FF5000; }

.routebk11 {
  background-color: #5C315E; }

.routebk12 {
  background-color: #e89e6C; }

.routebk13 {
  background-color: #2B5134; }

.routebk14 {
  background-color: #C39BDE; }

.routebk15 {
  background-color: #704C1C; }

.routebk16 {
  background-color: #009BDE; }

.routebk17 {
  background-color: #001A71; }

.routebk17b {
  background-color: #34D9C3; }

.routebk17s {
  background-color: #E7AAB9; }

.routebk16-17 {
  background-color: #009944; }

.routebk18 {
  background-color: #B01657; }

dl.faq dt {
  font-weight: bold;
  font-size: 1.2em; }

dl.compactlist dt {
  font-weight: bold;
  margin-top: 0.8em; }

dl.compactlist dd {
  margin: 0.6em;
  display: inline; }

table.tableshade {
  width: 80%;
  margin: 5px;
  background: #FFF;
  border: 1px solid #333333;
  border-collapse: collapse; }
  table.tableshade td, table.tableshade th {
    border-bottom: 1px solid #333333;
    padding: 6px 16px;
    text-align: left; }
  table.tableshade th {
    background: #EEEEEE; }
  table.tableshade caption {
    background: #E0E0E0;
    margin: 0;
    border: 1px solid #333333;
    border-bottom: none;
    padding: 6px 16px;
    font-weight: bold; }

table.cleantable {
  width: 90%;
  font-family: "Trebuchet MS",sans-serif;
  font-weight: bold;
  line-height: 1.4em;
  font-style: normal;
  border-collapse: separate; }
  table.cleantable thead {
    border-bottom: 2px solid #E0E0E0; }
    table.cleantable thead th {
      padding: 15px;
      text-shadow: 1px 1px 1px #CCC;
      border: 1px solid #E0E0E0;
      background-color: #EEEEEE;
      text-align: center; }
    table.cleantable thead:empty {
      background: transparent;
      border: none; }
  table.cleantable tfoot td {
    color: #EEEEEE;
    text-align: center;
    padding: 10px 0;
    text-shadow: 1px 1px 1px #444; }
  table.cleantable tfoot th {
    color: #666; }
  table.cleantable tbody td {
    padding: 10px;
    text-align: left;
    background-color: #FFF;
    border: 1px solid #E0E0E0;
    text-shadow: 1px 1px 1px #FFF; }
  table.cleantable tbody th {
    text-align: right;
    padding: 10px;
    background-color: #F9F9F9;
    border: 1px solid #E0E0E0;
    text-shadow: 1px 1px 1px #CCC; }
  table.cleantable img {
    padding: 5px; }

form.cleanform {
  width: auto;
  color: #333; }
  form.cleanform fieldset {
    margin-bottom: 10px;
    border: 1px solid #002F87;
    background-color: #F0F8FF; }
    form.cleanform fieldset fieldset {
      border: none;
      margin: 3px 0 0;
      background-color: transparent;
      background-image: none; }
      form.cleanform fieldset fieldset legend {
        padding: 0 0 5px;
        font-weight: normal; }
      form.cleanform fieldset fieldset label {
        display: block;
        width: auto;
        margin-left: 123px; }
  form.cleanform legend {
    padding: 0 2px;
    font-weight: bold; }
  form.cleanform label {
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
    width: 120px; }
  form.cleanform .textbox input {
    width: 350px;
    display: inline-block; }
  form.cleanform .datetime input {
    display: inline-block; }
  form.cleanform textarea {
    width: 350px;
    display: inline-block;
    height: 150px; }
  form.cleanform .field-validation-error {
    font-weight: bold;
    font-style: normal;
    color: #f00; }

.section {
  padding: 5px 4px 6px 3px; }
  .section .name {
    font-size: 1.2em;
    color: #000099;
    font-weight: bold;
    padding: 1px;
    margin: 1px; }
  .section .position {
    font-size: 1.1em;
    color: #000;
    padding: 1px;
    margin: 1px; }
  .section .district {
    font-size: 1.1em;
    color: #000;
    padding: 1px;
    margin: 1px; }

ul.thumbnails {
  margin: 0;
  padding: 0; }
  ul.thumbnails li {
    position: relative;
    list-style: none;
    float: left;
    margin: 8px;
    text-align: center;
    display: block; }
    ul.thumbnails li span {
      display: block; }
      ul.thumbnails li span.image-overlay {
        display: none;
        width: 200px;
        padding: 5px;
        border-radius: 7px 7px 0 0;
        background-color: #FFF;
        background-color: rgba(255, 255, 255, 0.75);
        -ms-word-wrap: break-word;
        word-wrap: break-word; }
      ul.thumbnails li span.below-image {
        line-height: normal; }
    ul.thumbnails li img {
      margin: auto;
      display: inline;
      vertical-align: middle; }
    ul.thumbnails li:hover {
      background-color: #F3F6F7;
      border-color: #DBE2E5;
      border-radius: 7px;
      box-shadow: 0 0 10px #d0d0d0; }
      ul.thumbnails li:hover span.image-overlay {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        line-height: normal; }
  ul.thumbnails a {
    width: 200px;
    height: 200px;
    display: block; }

.imagesection {
  width: 99%;
  margin: 15px 0 15px 0;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #000;
  overflow: hidden;
  clear: both; }
  .imagesection .image {
    float: left;
    position: relative; }
  .imagesection img {
    float: left; }
  .imagesection .text {
    padding-left: 10px;
    overflow: hidden; }

.tripplan {
  margin: 5px auto;
  font: normal .9em "Trebuchet MS", Tahoma;
  max-width: 30em;
  line-height: 1em;
  width: 98%;
  position: relative;
  font-weight: bolder; }
  .tripplan fieldset {
    clear: both;
    background-color: #FFF;
    color: #000; }
  .tripplan img {
    width: 100%;
    height: auto; }
  .tripplan label {
    margin: 4px 0;
    padding: 0;
    width: 20%;
    float: left; }
  .tripplan input {
    margin: 4px 0;
    padding: 2px; }
    .tripplan input[type=text] {
      width: 70%; }
  .tripplan select {
    margin-left: 4em;
    padding: 2px; }
  .tripplan .example {
    margin: 4px 0 6px 0;
    padding: 2px 2px 5px 2px;
    font-weight: bolder;
    color: #333333; }

html, body {
  background-color: #999999;
  color: #FFF; }

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font: normal 300 0.75em verdana,geneva,sans-serif; }

.wrapper {
  display: block;
  position: relative;
  text-align: left;
  width: 98%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0;
  background-color: #FFFFFF;
  color: #000000;
  border: 2px outset #999999; }
  .wrapper:before, .wrapper:after {
    content: "";
    display: table; }
  .wrapper:after {
    clear: both; }
  .wrapper .container {
    zoom: 1; }

header {
  display: block;
  padding: 0; }

main {
  display: block;
  position: relative;
  width: 65%;
  float: left;
  margin: 0 auto; }

aside {
  display: block;
  position: relative;
  width: 35%;
  float: right; }
  aside:before, aside:after {
    content: "";
    display: table; }
  aside:after {
    clear: both; }
  aside .container {
    zoom: 1; }

footer {
  clear: both;
  display: block;
  position: relative;
  border-top: 1px solid #000000;
  border-width: 1px 0;
  padding: 0.5em; }

#subfooter {
  color: #CCCCCC;
  background-color: #999999;
  font-size: 10px; }

.logo {
  clear: left;
  position: relative; }

.logo img {
  float: left;
  border: none;
  text-decoration: none; }

.mission {
  color: #000000;
  background-color: #CCCCCC;
  font-weight: bold;
  padding: 2px 4px;
  margin: 0;
  display: block;
  position: relative;
  clear: both;
  border-top: 2px outset #DDDDDD; }

.logolinetop {
  width: 100%;
  border-top: 4px solid #00A160;
  margin: 0;
  padding: 0;
  height: 3px;
  border-bottom: 4px solid #002F87;
  position: relative;
  overflow: hidden; }

.logolinebottom {
  width: 100%;
  border-bottom: 4px solid #00A160;
  margin: 0;
  padding: 0;
  height: 3px;
  border-top: 4px solid #002F87;
  position: relative;
  overflow: hidden; }

.turb {
  display: block;
  position: relative;
  float: right;
  height: 42px;
  width: auto; }

#google_translate_element {
  float: right; }

nav {
  position: relative;
  z-index: 100;
  font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
  background-color: #002F87; }
  nav:before, nav:after {
    content: "";
    display: table; }
  nav:after {
    clear: both; }
  nav .container {
    zoom: 1; }
  nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none; }
    nav ul li:hover ul {
      visibility: visible; }
      nav ul li:hover ul li ul {
        visibility: hidden; }
      nav ul li:hover ul li:hover ul {
        visibility: visible; }
    nav ul li ul {
      visibility: hidden;
      position: absolute;
      height: 0;
      top: 31px;
      left: 0;
      width: 149px;
      border-top: 1px solid #000; }
      nav ul li ul ul {
        left: 149px;
        top: -1px;
        width: 149px; }
      nav ul li ul a {
        height: auto;
        line-height: 2em;
        padding: 5px 10px;
        width: 128px;
        border-width: 0 1px 1px 1px;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0; }
  nav li {
    float: left;
    position: relative; }
  nav a {
    display: block;
    font-size: 12px;
    text-decoration: none;
    padding: 0 15px;
    color: #000;
    border: 1px solid #000;
    border-width: 1px;
    background-color: #E6EAF3;
    padding-left: 10px;
    line-height: 29px;
    font-weight: bold;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
    nav a:hover {
      color: #FFF;
      background: #00A160; }
    nav a:visited {
      color: #000; }

.twocol {
  width: 48%;
  float: left;
  margin-right: 1%; }

@media only screen and (max-width: 750px) {
  nav a {
    border-radius: 0; }
  nav li {
    display: block;
    float: none;
    width: 100%; }
    nav li:hover ul {
      display: none; }
  main {
    width: 100%;
    float: none; }
  aside {
    width: 100%;
    float: none; }
  .teststyle {
    color: black; } }
