html,
body {
  margin: 0;
  padding: 0;
}

html {
  /* force scrollbars */
  overflow-y: scroll;
}

body {
  font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;
  background: #F7F0EA;
  color: #202020;
}
@media only screen and (max-width: 60em) {
  body {
    font-size: 100%;
  }
}
@media screen and (min-width: 60em) {
  body {
    font-size: 75%;
  }
}

/** remove border on links and images **/
a img {
  border: none;
}

/* Skip_link class - for invisible links and anchors */
.skip_link {
  display: none;
}

header#page_header {
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 60em) {
  #page_header_content {
    width: 80em;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 60em) {
  #page_body {
    width: 80em;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1em;
  }
}
#page_body:after {
  /* force clear after content */
  display: block;
  content: "";
  clear: both;
}
#page_body > #page_body_navigation_column {
  border-top: 3px solid #202020;
  padding-top: 1em;
}
@media screen and (min-width: 60em) {
  #page_body > #page_body_navigation_column {
    /* set column for desktop layout */
    width: 19em;
  }
}
@media only screen and (max-width: 60em) {
  #page_body > #page_body_navigation_column {
    margin-top: 1em;
  }
}
#page_body > #page_body_main_column {
  border-top: 3px solid #202020;
  padding-top: 1em;
}
@media screen and (min-width: 60em) {
  #page_body > #page_body_main_column {
    width: 60em;
    float: right;
  }
}
@media only screen and (max-width: 60em) {
  #page_body > #page_body_main_column {
    padding-left: 1em;
    padding-right: 1em;
    margin-top: 1em;
  }
}

#page_footer {
  border-top: 3px solid #202020;
  padding-top: 1em;
}
@media screen and (min-width: 60em) {
  #page_footer {
    width: 80em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
  }
}

#page_header {
  background-color: #003399;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF003399', endColorstr='#FF003399');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzM5OSIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjMDk0MGIwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDMzOTkiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzA5NDBiMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMzM5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #003399), color-stop(20%, #0940b0), color-stop(50%, #003399), color-stop(80%, #0940b0), color-stop(100%, #003399));
  background-image: -moz-linear-gradient(left, #003399 0%, #0940b0 20%, #003399 50%, #0940b0 80%, #003399 100%);
  background-image: -webkit-linear-gradient(left, #003399 0%, #0940b0 20%, #003399 50%, #0940b0 80%, #003399 100%);
  background-image: linear-gradient(to right, #003399 0%, #0940b0 20%, #003399 50%, #0940b0 80%, #003399 100%);
}
#page_header #logo_1 {
  float: left;
  margin-right: 1em;
}
#page_header #logo_2 {
  float: right;
  margin-left: 1em;
}

/** Navigation SERVICE **/
nav#navigation_service {
  padding-left: 1em;
}
@media only screen and (max-width: 60em) {
  nav#navigation_service {
    padding-bottom: 1em;
    clear: both;
  }
}
@media screen and (min-width: 60em) {
  nav#navigation_service {
    padding-top: 0.5em;
  }
}
nav#navigation_service:after {
  /* force flush after menu */
  display: block;
  content: "";
  clear: both;
}
nav#navigation_service ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-size: 90%;
  color: white;
}
@media screen and (min-width: 60em) {
  nav#navigation_service ul {
    padding-left: 0.5em;
  }
}
@media screen and (min-width: 60em) {
  nav#navigation_service ul li {
    margin: 0 0.5em;
    display: inline;
  }
}
nav#navigation_service ul li a {
  text-decoration: none;
  color: inherit;
}
nav#navigation_service ul li a:hover, nav#navigation_service ul li a:active, nav#navigation_service ul li a:focus {
  text-decoration: underline;
  outline: #fff dotted 1px;
}

/** Navigation MAIN **/
nav#navigation_main {
  overflow: hidden;
  padding-left: 1em;
}
nav#navigation_main ul {
  margin: 0;
  padding: 0;
  font-size: 120%;
  list-style-type: none;
}
nav#navigation_main ul li {
  margin: 0 0.5em 0 0;
  padding: 0 0.5em 0 0;
  line-height: 1.5em;
  font-weight: bold;
  color: white;
}
@media screen and (min-width: 60em) {
  nav#navigation_main ul li {
    min-height: 3em;
    float: left;
  }
}
@media screen and (min-width: 60em) {
  nav#navigation_main ul li:not(:last-of-type) {
    border-right: solid 1px #039;
  }
}
nav#navigation_main ul li.active {
  color: #FF0;
}
nav#navigation_main ul li a {
  text-decoration: none;
  color: inherit;
}
nav#navigation_main ul li a:hover, nav#navigation_main ul li a:active, nav#navigation_main ul li a:focus {
  color: #FF0;
  outline: #fff dotted 1px;
}

/** Navigation SUB **/
nav#navigation_sub ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
nav#navigation_sub ul.level_1 {
  font-size: 125%;
}
nav#navigation_sub ul.level_1 > li {
  font-weight: bold;
  background-color: #e8e3dd;
}
nav#navigation_sub ul.level_1 > li:not(:last-of-type) {
  border-bottom: solid 1px #fff;
}
nav#navigation_sub ul.level_1 > li.active:before,
nav#navigation_sub ul.level_1 > li.current:before {
  float: left;
  margin-left: 0.1em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  font-size: 90%;
}
nav#navigation_sub ul.level_1 > li.active:before {
  content: "\25bc";
}
nav#navigation_sub ul.level_1 > li.current:before {
  content: "\25b6";
}
nav#navigation_sub ul.level_1 > li > a {
  display: block;
  padding-left: 1em;
}
nav#navigation_sub ul.level_2 > li {
  font-weight: normal;
  background-color: #f1eae4;
  border-top: solid 1px #fff;
}
nav#navigation_sub ul.level_2 > li > a {
  display: block;
  padding-left: 1.5em;
}
nav#navigation_sub ul.level_2 > li.active > a,
nav#navigation_sub ul.level_2 > li.current > a {
  font-weight: bold;
}
nav#navigation_sub ul.level_3 > li {
  font-weight: normal;
  background-color: #f1eae4;
  border-top: solid 1px #fff;
}
nav#navigation_sub ul.level_3 > li > a {
  display: block;
  padding-left: 2em;
}
nav#navigation_sub ul.level_3 > li.active > a,
nav#navigation_sub ul.level_3 > li.current > a {
  font-weight: bold;
}
nav#navigation_sub ul.level_4 > li {
  font-weight: normal;
  background-color: #f1eae4;
  border-top: solid 1px #fff;
}
nav#navigation_sub ul.level_4 > li > a {
  display: block;
  padding-left: 2.5em;
}
nav#navigation_sub ul.level_4 > li.active > a,
nav#navigation_sub ul.level_4 > li.current > a {
  font-weight: bold;
}
nav#navigation_sub li.spacer {
  height: 0.2em;
  background-color: #fff !important;
}
nav#navigation_sub a {
  color: inherit;
  text-decoration: none;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-right: 1em;
}
nav#navigation_sub a:focus,
nav#navigation_sub a:active,
nav#navigation_sub a:hover {
  text-decoration: underline;
}

/** Navigation BREADCRUMBS **/
nav#navigation_breadcrumbs > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
nav#navigation_breadcrumbs > ul li {
  display: inline;
  margin: 0 0.5em 0 0;
  font-weight: bold;
  color: #039;
}
nav#navigation_breadcrumbs > ul li:before {
  display: inline;
  content: "\2023";
  margin: 0 0.5em 0 0;
  color: black;
}
nav#navigation_breadcrumbs > ul li.current {
  color: black;
}
nav#navigation_breadcrumbs > ul li a {
  text-decoration: none;
  color: inherit;
}
nav#navigation_breadcrumbs > ul li a:hover {
  text-decoration: underline;
  color: inherit;
}

/** Navigation FOOTER **/
nav#navigation_footer {
  overflow: hidden;
}
nav#navigation_footer > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media only screen and (max-width: 60em) {
  nav#navigation_footer > ul > li {
    padding: 1em 1em 0 1em;
  }
}
@media screen and (min-width: 60em) {
  nav#navigation_footer > ul > li {
    width: 20%;
    float: left;
  }
}
nav#navigation_footer > ul > li > span {
  font-size: 150%;
  font-weight: bold;
  color: #8B8885;
}
nav#navigation_footer > ul > li > ul {
  margin: 0 1em 0 0;
  padding: 0;
  list-style-type: none;
}
nav#navigation_footer > ul > li > ul > li {
  padding: 0.5em 0;
  border-bottom: solid 1px #8c8885;
}
nav#navigation_footer > ul > li > ul > li:first-of-type {
  border-top: solid 1px #8c8885;
}
@media only screen and (max-width: 60em) {
  nav#navigation_footer > ul > li > ul > li:first-of-type {
    margin-top: 1em;
  }
}
@media screen and (min-width: 60em) {
  nav#navigation_footer > ul > li > ul > li:first-of-type {
    margin-top: 2em;
  }
}
nav#navigation_footer > ul > li > ul > li:before {
  display: inline;
  float: left;
  color: #039;
  content: "\276F\2000";
  /*  content: "\203A\2000";*/
}
nav#navigation_footer > ul > li > ul > li > a {
  text-decoration: none;
  font-weight: bold;
  color: #039;
}
nav#navigation_footer > ul > li > ul > li > a:hover, nav#navigation_footer > ul > li > ul > li > a:focus, nav#navigation_footer > ul > li > ul > li > a:active {
  text-decoration: underline;
}

article#page_content {
  margin-top: 1em;
  overflow: hidden;
}
@media screen and (min-width: 60em) {
  article#page_content > header,
  article#page_content > section {
    width: 40em;
    float: left;
  }
}
@media screen and (min-width: 60em) {
  article#page_content > aside {
    margin-left: 41em;
  }
}
article#page_content > aside > * {
  /* the first block elements of the side bar */
  background-color: #e8e3dd;
  padding: 1em;
  margin-bottom: 1em;
}

article#page_content acronym,
article#page_content abbr {
  cursor: help;
}
article#page_content > header h1 {
  font-weight: bold;
  font-size: 200%;
  margin: 0;
  padding: 0;
}
article#page_content > section a {
  color: #039;
  text-decoration: none;
}
article#page_content > section a:hover {
  text-decoration: underline;
}
article#page_content > section dl > dt {
  font-weight: bold;
}
article#page_content > section dl > dd {
  margin-left: 1em;
}
article#page_content > section ul:not([class*="csc-uploads"]):not([class*="f3-widget-paginator"]) {
  list-style-type: none;
  padding-left: 1em;
  text-indent: -1em;
}
article#page_content > section ul:not([class*="csc-uploads"]):not([class*="f3-widget-paginator"]) > li:before {
  content: "\00BB\2000";
}
article#page_content > section ol {
  padding-left: 2.5em;
}
article#page_content > section h2 {
  font-weight: bold;
  font-size: 175%;
  margin: 0;
  padding: 0;
}
article#page_content > section h3 {
  font-weight: bold;
  font-size: 125%;
  margin: 0;
  padding: 0;
}
article#page_content > section h4 {
  font-weight: bold;
  font-size: 115%;
  margin: 0;
  padding: 0;
}
article#page_content > section h5 {
  font-weight: bold;
  font-size: 110%;
  margin: 0;
  padding: 0;
}
article#page_content > section h6 {
  font-weight: bold;
  font-size: 100%;
  margin: 0;
  padding: 0;
}
article#page_content > section p {
  text-align: justify;
}
article#page_content > aside h2 {
  font-weight: bold;
  font-size: 125%;
  margin: 0;
  padding: 0;
}
article#page_content > aside a {
  color: #039;
  text-decoration: none;
}
article#page_content > aside a:hover {
  text-decoration: underline;
}
article#page_content > aside dl > dt {
  font-weight: bold;
}
article#page_content > aside dl > dt:not(:first-of-type) {
  padding-top: 0.5em;
}
article#page_content > aside dl > dd {
  margin-left: 1em;
}
article#page_content > aside ul:not([class*="csc-uploads"]) {
  list-style-type: none;
  padding-left: 1em;
  text-indent: -1em;
}
article#page_content > aside ul:not([class*="csc-uploads"]) > li:before {
  content: "\00BB\2000";
  color: #039;
}
article#page_content > aside ol {
  padding-left: 2.5em;
}

article.news {
  /* every news list item */
  border-bottom: solid 1px #202020;
  margin-bottom: 1em;
  overflow: hidden;
}
article.news > header > img {
  float: left;
  margin: 0 1em 1em 0;
}
article.news > header > div {
  overflow: hidden;
}
article.news > header > div > span.news_date {
  font-size: 90%;
  font-weight: bold;
  float: left;
}
article.news > header > div > span.news_category {
  font-size: 90%;
  font-weight: bold;
  float: right;
}
article.news > header > h2 {
  font-size: 120% !important;
}

footer#page_footer {
  margin-top: 1em;
}
footer#page_footer p {
  text-align: right;
}
@media only screen and (max-width: 60em) {
  footer#page_footer p {
    padding-left: 1em;
    padding-right: 1em;
  }
}

/*# sourceMappingURL=thw_new.css.map */