@font-face {
  font-family: "Open Sans Light";
  src: url(/?loadCustomFile=fonts/opensans-light-webfont.woff);
}

@font-face {
  font-family: "Open Sans";
  src: url(/?loadCustomFile=fonts/opensans-regular-webfont.woff);
}

@font-face {
  font-family: "Open Sans Italic";
  src: url(/?loadCustomFile=fonts/opensans-lightitalic-webfont.woff);
}

@charset "UTF-8";
@media all
{

  body {
    font-family: "Open Sans Light", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: normal ;
    line-height: normal;
    font-size: 14px;
  }
  blockquote {
    font-family: "Open Sans Italic", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: normal ;
  }
  cite {
    font-family: "Open Sans Italic", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: normal ;
  }

  dt {
    font-family: "Open Sans", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: normal ;
  }
  
  h1 {
    font-family: "Open Sans Light", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: normal ;
    font-size: 180%;
    line-height: normal;
  }
  
  h2 {
    font-family: "Open Sans Light", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 150%;
    font-weight: normal ;
  }

  h3 {
    font-family: "Open Sans Light", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 125%;
    font-weight: normal ;
  }

  h4 {
    font-family: "Open Sans Light", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 116.67%;
    font-weight: normal ;
  }

  h5 {
    font-family: "Open Sans Light", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 108.34%;
    font-weight: normal ;
  }

  h6 {
    font-family: "Open Sans Light", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 100%;
    font-weight: normal ;
  }

}


/* custom styles tomaz */
body {
  color: #666;
}


#main {
  padding-top: 30px;
  }

.qm0 {
  border-color: #fff
  padding-left: 28px;
  border:none;
}

#qm0 .current, body #qm0 .current:hover {
  color: #666;
  background: #fff;
  border-top: #fff;
  border-left: #fff;
  border-right: #fff;
  border-bottom: solid 6px #ccc;
}

#qm0 a:hover {
  border:none;
  background: #fff;
  color: #666;
  border-width: 0;
}

#qm0 a {
  font-family: "Open Sans Light", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: normal ;
  border-color: none;
  background: transparent;
  color: #666;
  border-width: 0;
  border-bottom: solid 6px transparent;
}

#qm0 a:hover {
  border-color: #fff;
  background: #fff;
  color: #666;
  border-top: #fff;
  border-left: #fff;
  border-right: #fff;
  border-bottom: solid 6px #ccc;
}

body #qm0 .qmactive, body #qm0 .qmactive:hover, body #qm0 .current, body #qm0 .current:hover {
  border-color: #fff;
  background: transparent;
  color: #666;
  border-bottom: solid 6px #ccc;
}    

#qm0 {
    border:none;
}

#qm0 div a:hover {
  color: #fff;
  border:none;
  background: #ccc;
}

#nav2 {
  background: #f3f3f3;
  padding-left: 28px;
  height:auto;
}

#nav2::before {
  content: '';
  position: absolute;
  top: 246px;
  left: 0;
  /* border-top: 1px solid #ccc; */
  background: #ccc;
  width: 100%;
  transform: translateY(-50%);
}

/* submenu styles */
#qm0 div, #qm0 ul {
  color: #666;
  border-color: #eee;
  background: #fff;
}

#qm0 div a, #qm0 ul a {
    color: #666;
    border-color: #eee;
    background: #fff;
}

strong, b {
  font-family: "Open Sans", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
}

em, i {
  font-family: "Open Sans Italic", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-style: normal;
}

h1, h2, h3, h4, h5 ,h6 {
  color: #666;
}

#footer {
  background: #f3f3f3;
  color: #666;
}

#footer a, #footer a:hover, #footer a:focus, #footer a:active {
  color: #666;
}

#footer_col3_content {
    border-left: 1px #999 dotted;
    border-right: 1px #999 dotted;
    background-color: transparent;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  list-style-position: outside;
}
li {
  padding-left:-14px;
}
li::before {
  display:inline-block;
  margin-left: -.8em;
  width: .8em;
  content: '\2022';
  font-weight: normal;
  font-style: normal;
  }
/* NEW */
/* link behaviour */
a {
  text-decoration: underline;
  color: #666;
}
a:visited {
  text-decoration: underline;
  color: #666;
}
a:hover, a:active, a:focus {
  text-decoration: none;
  color: #666;
}


/* Media Stuff */
#page_margins {
  max-width:100%;
  min-width:auto;
}

.headerimg > img {
  height: auto !important;
  max-width: 100%;
}

img { max-width: 100%; height: auto !important;}


/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {}

/* Medium Devices, Desktops */

@media only screen and (max-width: 985px) {
  #col1 {
    width: 100% !important;
    float: left;
    margin:0;
  }

  #col2 {
    width: 100% !important;
    float: left;
    margin:0;
  }
    

  #col3 {
    width: 100% !important;
    float: left;
    margin:0;
  }

  #footer_col1 {
    width:100%;
    float: left;
    margin: 0;
  }

  #footer_col2 {
    width: 100%;
    float: left;
    margin: 0;
  }

  #footer_col3 {
    width: 100%;
    float: left;
    margin: 0;
  }


}

/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
  #nav2 {
    padding-left:0;
  }
  
  #qm0 a {
    width:100%;
    padding:0;
    margin:0;
  }

}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {}

/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {}