@charset "UTF-8";
/**
 * SASS/SCSS/Compass Transcription of Skeleton Responsive Grid
 * @author Dennis Thompson <http://www.atomicpages.net>
 * @copyright Copyright (c) 2014 AtomicPages LLC
 * @license MIT
 * @version 2.0.2
 */
/* RESET
 * ------------------------------------------------ */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* BASIC STYLES
 * ------------------------------------------------ */
html {
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  line-height: 1.2;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background: #fff;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  font-size: 1.4 rem;
  line-height: 2.6 rem;
  color: #444;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
}

/* TYPOGRAPHY
 * ------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
  color: #181818;
  font-family: "Georgia", "Times New Roman", serif;
  font-weight: normal;
}

h1 a, h2 a, h3 a,
h4 a, h5 a, h6 a {
  font-weight: inherit;
}

h1 {
  font-size: 53.6662px;
  font-size: 5.36662 rem;
  line-height: 5.83324 rem;
  margin-bottom: 1.63324 rem;
}

h2 {
  font-size: 40.8324px;
  font-size: 4.08324 rem;
  line-height: 4.6662 rem;
  margin-bottom: 1.1662 rem;
}

h3 {
  font-size: 32.662px;
  font-size: 3.2662 rem;
  line-height: 3.9662 rem;
  margin-bottom: 0.9324 rem;
}

h4 {
  font-size: 24.5px;
  font-size: 2.45 rem;
  line-height: 3.5 rem;
  margin-bottom: 0.4662 rem;
}

h5 {
  font-size: 19.8324px;
  font-size: 1.98324 rem;
  line-height: 2.8 rem;
}

h6 {
  font-size: 16.3324px;
  font-size: 1.63324 rem;
  line-height: 2.45 rem;
}

.subheader {
  color: #777;
}

p {
  margin: 0 0 2 rem 0;
}
p img {
  margin: 0;
}
p.lead {
  font-size: 24.5px;
  font-size: 2.45 rem;
  line-height: 3.15 rem;
  color: #777;
}

em, i {
  font-style: italic;
}

strong, b {
  font-weight: bold;
}

u {
  text-decoration: underline;
}

small {
  font-size: 80%;
}

/*	Blockquotes  */
blockquote, blockquote p {
  font-size: 19.8324px;
  font-size: 1.98324 rem;
  line-height: 2.8 rem;
  color: #777;
  font-style: italic;
}

blockquote {
  margin: 0 0 2 rem;
  padding: 0.9 rem 2 rem 0 1.9 rem;
  border-left: 1px solid #ddd;
}

blockquote cite {
  display: block;
  font-size: 14px;
  font-size: 1.4 rem;
  color: #555;
}
blockquote cite:before {
  content: "— ";
}
blockquote cite a, blockquote cite a:visited {
  color: #555;
}

hr {
  border-style: solid;
  border-color: #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1 rem 0 3 rem;
  height: 0;
}

/* LINKS
 * ------------------------------------------------ */
a, a:visited {
  color: #333;
  text-decoration: underline;
  outline: 0;
}

a:hover, a:focus, a:active {
  color: #000;
}

p a, p a:visited {
  line-height: inherit;
}

/* LISTS
 * ------------------------------------------------ */
ul,
ol {
  margin-bottom: 2 rem;
}

ul {
  list-style: none outside;
}

ol {
  list-style: decimal;
}

ol, ul.square,
ul.circle, ul.disc {
  margin-left: 3 rem;
}

ul.square {
  list-style: square outside;
}

ul.circle {
  list-style: circle outside;
}

ul.disc {
  list-style: disc outside;
}

ul ul, ul ol,
ol ol, ol ul {
  margin-top: 0.4 rem;
  margin-right: 0;
  margin-bottom: 0.5 rem;
  margin-left: 3 rem;
  font-size: 90%;
}

ul ul li, ul ol li,
ol ol li, ol ul li {
  margin-bottom: 0.6 rem;
}

li {
  line-height: 1.8 rem;
  margin-bottom: 1.2 rem;
}

ul.large li {
  line-height: 2.1 rem;
}

li p {
  line-height: 2.1 rem;
}

/* IMAGES
 * ------------------------------------------------ */
img.scale-with-grid {
  max-width: 100%;
  height: auto;
}

/* BUTTONS
 * ------------------------------------------------ */
.button,
button,
input[type=submit],
input[type=reset],
input[type=button] {
  border: 1px solid #aaa;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #444;
  display: inline-block;
  font-weight: bold;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-size: 1.3 rem;
  text-decoration: none;
  cursor: pointer;
  line-height: normal;
  padding: 0.8 rem 1 rem;
  background: #eeeeee -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2)));
  background: #eeeeee -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: #eeeeee -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: #eeeeee -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: #eeeeee linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  text-shadow: 0 1px rgba(255, 255, 255, 0.75);
}
.button:hover,
button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
  color: #222;
  border: 1px solid #888;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  background: #dddddd -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3)));
  background: #dddddd -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: #dddddd -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: #dddddd -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: #dddddd linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.button:active,
button:active,
input[type=submit]:active,
input[type=reset]:active,
input[type=button]:active {
  border: 1px solid #666;
  background: #cccccc -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(100%, rgba(10, 10, 10, 0.4)));
  background: #cccccc -webkit-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  background: #cccccc -moz-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  background: #cccccc -o-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  background: #cccccc linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
}
.button.full-width,
button.full-width,
input[type=submit].full-width,
input[type=reset].full-width,
input[type=button].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}
.button.smaller,
button.smaller,
input[type=submit].smaller,
input[type=reset].smaller,
input[type=button].smaller {
  font-size: 12px;
  font-size: 1.2 rem;
  padding: 0.4 rem 0.5 rem;
}
.button.larger,
button.larger,
input[type=submit].larger,
input[type=reset].larger,
input[type=button].larger {
  font-size: 16px;
  font-size: 1.6 rem;
  padding: 1 rem 1.8 rem;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* FORMS
 * ------------------------------------------------ */
form {
  margin-bottom: 2 rem;
}

fieldset {
  margin-bottom: 2 rem;
}

input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=url],
input[type=tel],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=time],
input[type=number],
textarea,
select {
  background: #fff;
  border: 1px solid #ccc;
  padding: 0.6 rem 0.4 rem;
  outline: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-size: 1.5 rem;
  color: #777;
  margin: 0 0 2 rem;
  width: 21 rem;
  max-width: 100%;
  display: block;
}
input[type=text]:hover, input[type=text]:focus,
input[type=password]:hover,
input[type=password]:focus,
input[type=email]:hover,
input[type=email]:focus,
input[type=search]:hover,
input[type=search]:focus,
input[type=url]:hover,
input[type=url]:focus,
input[type=tel]:hover,
input[type=tel]:focus,
input[type=date]:hover,
input[type=date]:focus,
input[type=datetime]:hover,
input[type=datetime]:focus,
input[type=datetime-local]:hover,
input[type=datetime-local]:focus,
input[type=month]:hover,
input[type=month]:focus,
input[type=week]:hover,
input[type=week]:focus,
input[type=time]:hover,
input[type=time]:focus,
input[type=number]:hover,
input[type=number]:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus {
  border: 1px solid #aaa;
  color: #444;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
input[type=text]:active,
input[type=password]:active,
input[type=email]:active,
input[type=search]:active,
input[type=url]:active,
input[type=tel]:active,
input[type=date]:active,
input[type=datetime]:active,
input[type=datetime-local]:active,
input[type=month]:active,
input[type=week]:active,
input[type=time]:active,
input[type=number]:active,
textarea:active,
select:active {
  border: 1px solid #919191;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

select {
  padding: 0;
}

textarea {
  min-height: 6 rem;
}

label,
legend {
  display: block;
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5 rem;
}
label span,
legend span {
  font-weight: normal;
  font-size: 15px;
  font-size: 1.5 rem;
  color: #444;
}

select {
  width: 22 rem;
}

input[type=checkbox] {
  display: inline;
}

/* MISC
 * ------------------------------------------------ */
.subtract-bottom {
  margin-bottom: -2 rem !important;
}

.remove-bottom {
  margin-bottom: 0 !important;
}

.half-bottom {
  margin-bottom: 1 rem !important;
}

.add-bottom {
  margin-bottom: 2 rem !important;
}

/* BASE GRID
 * ------------------------------------------------ */
.container {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 0;
}
.container .column,
.container .columns {
  float: left;
  display: inline;
  position: relative;
}
.container .column.alpha,
.container .columns.alpha {
  margin-left: 0;
}
.container .column.omega,
.container .columns.omega {
  margin-right: 0;
}

.row {
  margin-bottom: 2 rem;
}

.container .column,
.container .columns {
  margin-left: 10px;
  margin-right: 10px;
}

/* The Grid */
.container .one.column,
.container .one.columns {
  width: 40px;
}
.container .two.columns {
  width: 100px;
}
.container .three.columns {
  width: 160px;
}
.container .four.columns {
  width: 220px;
}
.container .five.columns {
  width: 280px;
}
.container .six.columns {
  width: 340px;
}
.container .seven.columns {
  width: 400px;
}
.container .eight.columns {
  width: 460px;
}
.container .nine.columns {
  width: 520px;
}
.container .ten.columns {
  width: 580px;
}
.container .eleven.columns {
  width: 640px;
}
.container .twelve.columns {
  width: 700px;
}
.container .thirteen.columns {
  width: 760px;
}
.container .fourteen.columns {
  width: 820px;
}
.container .fifteen.columns {
  width: 880px;
}
.container .sixteen.columns {
  width: 940px;
}
.container .one-third.column {
  width: 300px;
}
.container .two-thirds.column {
  width: 620px;
}
.container .full-width.columns {
  width: 960px;
  margin-left: 0;
  margin-right: 0;
}
.container .offset-by-one {
  padding-left: 60px;
}
.container .offset-by-two {
  padding-left: 120px;
}
.container .offset-by-three {
  padding-left: 180px;
}
.container .offset-by-four {
  padding-left: 240px;
}
.container .offset-by-five {
  padding-left: 300px;
}
.container .offset-by-six {
  padding-left: 360px;
}
.container .offset-by-seven {
  padding-left: 420px;
}
.container .offset-by-eight {
  padding-left: 480px;
}
.container .offset-by-nine {
  padding-left: 540px;
}
.container .offset-by-ten {
  padding-left: 600px;
}
.container .offset-by-eleven {
  padding-left: 660px;
}
.container .offset-by-twelve {
  padding-left: 720px;
}
.container .offset-by-thirteen {
  padding-left: 780px;
}
.container .offset-by-fourteen {
  padding-left: 840px;
}
.container .offset-by-fifteen {
  padding-left: 900px;
}

/* TABLET (PORTRAIT)
 * ------------------------------------------------ */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 768px;
  }
  .container .column.alpha,
.container .columns.alpha {
    margin-left: 0;
    margin-right: 10px;
  }
  .container .column.omega,
.container .columns.omega {
    margin-right: 0;
    margin-left: 10px;
  }

  .alpha.omega {
    margin-left: 0;
    margin-right: 0;
  }

  .container .column,
.container .columns {
    margin-left: 10px;
    margin-right: 10px;
  }

  /* The Grid */
  .container .one.column,
.container .one.columns {
    width: 28px;
  }
  .container .two.columns {
    width: 76px;
  }
  .container .three.columns {
    width: 124px;
  }
  .container .four.columns {
    width: 172px;
  }
  .container .five.columns {
    width: 220px;
  }
  .container .six.columns {
    width: 268px;
  }
  .container .seven.columns {
    width: 316px;
  }
  .container .eight.columns {
    width: 364px;
  }
  .container .nine.columns {
    width: 412px;
  }
  .container .ten.columns {
    width: 460px;
  }
  .container .eleven.columns {
    width: 508px;
  }
  .container .twelve.columns {
    width: 556px;
  }
  .container .thirteen.columns {
    width: 604px;
  }
  .container .fourteen.columns {
    width: 652px;
  }
  .container .fifteen.columns {
    width: 700px;
  }
  .container .sixteen.columns {
    width: 748px;
  }
  .container .one-third.column {
    width: 236px;
  }
  .container .two-thirds.column {
    width: 492px;
  }
  .container .full-width.columns {
    width: 768px;
    margin-left: 0;
    margin-right: 0;
  }
  .container .offset-by-one {
    padding-left: 48px;
  }
  .container .offset-by-two {
    padding-left: 96px;
  }
  .container .offset-by-three {
    padding-left: 144px;
  }
  .container .offset-by-four {
    padding-left: 192px;
  }
  .container .offset-by-five {
    padding-left: 240px;
  }
  .container .offset-by-six {
    padding-left: 288px;
  }
  .container .offset-by-seven {
    padding-left: 336px;
  }
  .container .offset-by-eight {
    padding-left: 384px;
  }
  .container .offset-by-nine {
    padding-left: 432px;
  }
  .container .offset-by-ten {
    padding-left: 480px;
  }
  .container .offset-by-eleven {
    padding-left: 528px;
  }
  .container .offset-by-twelve {
    padding-left: 576px;
  }
  .container .offset-by-thirteen {
    padding-left: 624px;
  }
  .container .offset-by-fourteen {
    padding-left: 672px;
  }
  .container .offset-by-fifteen {
    padding-left: 720px;
  }
}
/*  MOBILE (PORTRAIT)
 * ------------------------------------------------ */
@media only screen and (max-width: 767px) {
  .container {
    width: 300px;
  }
  .container .column,
.container .columns {
    margin-left: 0;
    margin-right: 0;
  }
  .container .one.column {
    width: 300px;
  }
  .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns {
    width: 296px;
  }
  .container .one-third.column {
    width: 296px;
  }
  .container .two-thirds.column {
    width: 296px;
  }
  .container .full-width.columns {
    width: 300px;
    margin-left: 0;
    margin-right: 0;
  }
  .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen {
    padding-left: 0;
  }
}
/* MOBILE (LANDSCAPE)
 * ------------------------------------------------ */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 420px;
  }
  .container .column,
.container .columns {
    margin-left: 0;
    margin-right: 0;
  }
  .container .one.column {
    width: 420px;
  }
  .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns {
    width: 416px;
  }
  .container .one-third.column {
    width: 416px;
  }
  .container .two-thirds.column {
    width: 416px;
  }
  .container .full-width.columns {
    width: 420px;
    margin-left: 0;
    margin-right: 0;
  }
  .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen {
    padding-left: 0;
  }
}
/* CLEARING
 * ------------------------------------------------ */
.container:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix, .row {
  zoom: 1;
}
.clearfix:before, .clearfix:after, .row:before, .row:after {
  content: " ";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after, .row:after {
  clear: both;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* Add custom styles here */
/* MEDIA QUERIES
 * ------------------------------------------------ */
/* Large displays */
@media only screen and (min-width: 960px) and (max-width: 1280px) {
  /* add code here */
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
  /* add code here */
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  /* add code here */
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  /* add code here */
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .iframeflex {
    display: none;
  }

  /* add code here */
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  .iframeflex {
    display: none;
  }

  .searchblock {
    display: none;
  }

  /* add code here */
}
/** font face definitions for web fonts */
/*
@font-face {
    font-family: "Quark Light";
    src:  url("fonts/Quark-Light.otf"),
          url("fonts/Quark-Light.woff") format('woff');

}

@font-face {
    font-family: "Quark Bold";
    src: url("fonts/Quark-Bold.otf"),
          url("fonts/Quark-Bold.woff") format('woff');

}
*/
#bg_slideshow, img.bgM {
  display: block;
  min-height: 150;
  min-width: 960;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0px;
  left: 0;
  opacity: 1;
  z-index: -9999;
}
@media screen and (max-width: 1010px) {
  #bg_slideshow, img.bgM {
    display: none;
    top: 150px;
  }
}

#bg_slideshow {
  position: relative;
  top: 0px;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background-color: #fff;
  background-image: none;
  background-repeat: repeat-x;
  box-sizing: border-box;
  color: #444;
  font-family: "Lato", "Source Sans pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  height: 2048px;
  overflow: auto;
}

/* GENERAL HTML */
ul {
  list-style: inside;
}

#header_container {
  background-color: #ebe9e9;
  background-image: none;
  background-repeat: repeat-x;
  height: 36px;
  width: 100%;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 100;
}
@media screen and (max-width: 870px) {
  #header_container {
    height: 95px;
    position: relative;
  }
}

.header {
  padding: 0px 0px;
  border: 0px solid #ccc;
  border-bottom-width: 0px;
  border-radius: 2px 2px 0px 0px;
  background-image: none;
  background-repeat: no-repeat;
  background-color: #ebe9e9;
  height: 36px;
  width: 100%;
  margin: 0px auto;
  margin-bottom: 0px;
  clear: both;
}
@media screen and (max-width: 959px) {
  .header {
    width: 100%;
  }
}
.header .logolink {
  float: left;
  margin-top: 3px 0px 0px 10px;
}
@media screen and (max-width: 420px) {
  .header .logolink {
    display: block;
    height: 48px;
    overflow-y: hidden;
  }
}
.header .logo {
  display: none;
  margin: 3px 0px 0px 10px;
}
@media screen and (max-width: 420px) {
  .header .logo {
    height: 75px;
    display: block;
  }
}
.header .languages {
  float: right;
  margin: 10px 10px 0px 0px;
}
.header .languages a:focus img {
  outline: 2px solid #fc5d08;
}
.header .languages_text {
  float: right;
  padding: 10px 4px 5px 20px;
}
.header .languages_text a, .header .languages_text a:visited {
  text-decoration: none;
  color: #fff;
  display: block;
  float: left;
  padding: 0px 10px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  border-right: 2px solid #fff;
}
.header .languages_text a.last {
  border-right: none;
}
.header .langbutton {
  width: 32px;
  margin-left: 5px;
  border: 1px solid #ccc;
}
@media screen and (max-width: 400px) {
  .header .langbutton {
    width: 24px;
  }
}

#maincontainer {
  padding: 0px 0px 80px 0px;
  margin-bottom: 54px;
  margin-top: 36px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}
@media screen and (max-width: 870px) {
  #maincontainer {
    margin-top: 40px;
  }
}

#content {
  float: none;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  margin-top: 0px;
  min-height: 1280px;
  max-height: 9000px;
  background-color: #fff;
  padding: 4px 4px;
  overflow: hidden;
  border: 0px solid #ccc;
  border-radius: 0px;
  box-shadow: none;
  /* */
}
@media screen and (max-width: 1010px) {
  #content {
    margin-top: 80px;
  }
}
@media screen and (max-width: 959px) {
  #content {
    width: 100%;
    margin-top: 90px;
  }
}
@media screen and (max-width: 869px) {
  #content {
    margin-top: 0px;
  }
}

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

h1 {
  font-size: 20px;
  font-weight: bold;
}

h2 {
  font-size: 16px;
  font-weight: bold;
}

h3 {
  font-size: 14px;
  font-weight: bold;
}

h4 {
  font-size: 12px;
  font-weight: bold;
}

h5 {
  font-size: 12px;
  font-weight: bold;
}

h6 {
  font-size: 12px;
  font-weight: bold;
}

h1, h1, h3, h4, h5, h6 {
  font-family: "OfficinaSansLT-Bold", Helvetica, Arial, Sans-Serif;
}

h1, h1, h3, h4, h5, h6 {
  font-weight: normal;
}

@media screen and (max-width: 869px) {
  h1 {
    font-size: 21px;
  }

  h2 {
    font-size: 18.2px;
  }

  h3 {
    font-size: 16.8px;
  }

  h4 {
    font-size: 15.4px;
  }
}
/********************************* MAIN MENU *****************************************/
/***************************************** DROPDOWN ***********************************/
/* ==========================================================================================*/
/* ==================================== MOBILE MENU =========================================*/
/* ==========================================================================================*/
/* container for the main menu */
.mainmenu_container {
  float: right;
}
@media only screen and (min-width: 870px) {
  .mainmenu_container {
    margin-top: 0px;
    margin-right: 32px;
    clear: right;
  }
}
@media only screen and (max-width: 869px) {
  .mainmenu_container {
    float: none;
  }
}

.mainmenu {
  background-color: transparent;
  background-image: none;
  min-height: 32px;
  margin-top: 3px;
  height: 32px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  top: 6px;
  position: relative;
}
.mainmenu .logolink {
  display: none;
  position: absolute;
  float: left;
  left: 0px;
}

/* menu link button for mobile menu, hidden when non-mobile */
.menu-link {
  display: none;
  float: right;
  text-decoration: none;
  padding: 6px 6px;
  text-align: center;
  width: auto;
  background-repeat: no-repeat;
  width: 100%;
}
@media screen and (max-width: 800) {
  .menu-link {
    width: 90px;
  }
}

nav.menu {
  margin: 1px 0px 0px 0px;
  float: right;
  max-width: 760px;
  width: auto;
  height: 32px;
  background-color: transparent;
  background-image: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  max-height: 0px;
  /*
  > li > ul.sub-menu {
      min-width: 10em;
      padding: 4px 0;
      //background-color: #f4f4f4;
      border: 1px solid #CCC;
      border: 1px solid rgba(0, 0, 0, 0.2);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding;
      background-clip: padding-box;
  }
  */
  /*
  > ul > li.last {
      position: relative;
      ul {
         	 right: 1px;
      }
  }
  */
  /* submenu link item: this can RARELY be very narrow */
}
nav.menu > ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-table;
  width: 100%;
  /* main menu top level item li */
}
nav.menu > ul:after {
  content: "";
  clear: both;
  display: block;
}
nav.menu > ul li {
  padding: 0px 0px 0px 0px;
  float: left;
  margin: 0px 0px 0px 0px;
}
nav.menu > ul li > a {
  width: 100%;
  font-family: "Uni Sans Book", "Open Sans", Helvetica, Arial, Sans-Serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0px;
  text-decoration: none;
  color: #fff;
  height: 52px;
  padding: 16px 10px 0px 26px;
  text-align: left;
  display: block;
}
nav.menu > ul li > a:hover {
  background-color: #1e303f;
  color: #fff;
}
nav.menu > ul li ul.sub-menu {
  background-color: #1e303f;
}
nav.menu > ul li:hover > ul {
  display: block;
  background-color: #1e303f;
}
nav.menu > ul li:hover > ul li:hover {
  background-color: #5e6c78;
}
nav.menu > ul li:hover > ul li:hover a {
  color: #fff;
}
nav.menu > ul li:hover > ul li a:hover {
  color: #000;
  background-color: #1e303f;
}
nav.menu > ul li:hover > ul li:hover {
  background-color: "";
}
nav.menu > ul li.has-submenu > a.active:after {
  content: "";
}
@media only screen and (max-width: 869px) {
  nav.menu > ul li.has-submenu > a.active:after {
    content: "-";
  }
}
nav.menu > ul > li ul {
  display: none;
  margin: 0;
  position: absolute;
  list-style: none;
  min-width: 160px;
  background-color: #1e303f;
  border: 0px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  z-index: 100;
}
nav.menu > ul > li ul > li {
  position: relative;
  float: none;
}
nav.menu > ul > li ul > li:hover a:hover {
  background-color: #5e6c78;
}
nav.menu > ul > ul ul {
  overflow: hidden;
  max-height: 0;
}
nav.menu > ul > li {
  display: inline-block;
  margin-top: -3px;
  margin-bottom: -1px;
  min-width: 20px;
}
nav.menu > ul > li:focus {
  background-color: red;
}
nav.menu ul li > a {
  width: auto;
  font-size: 14px;
  letter-spacing: 0px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  height: 52px;
  padding: 16px 10px 0px 26px;
  text-align: left;
}
@media screen and (max-width: 800px) {
  nav.menu ul li > a {
    width: auto;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 869px) {
  nav.menu ul li > a {
    color: #fff;
  }
}
nav.menu ul li ul > li a {
  padding: 12px 16px 12px 10px;
  height: auto;
  color: white;
  width: 100%;
  background-color: #1e303f;
  -webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -ms-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
nav.menu ul li ul > li a:hover {
  background-color: #1e303f;
  color: #fff;
}
@media only screen and (max-width: 869px) {
  nav.menu ul li ul > li a {
    color: #fff;
  }
}
nav.menu .menu ul ul ul {
  min-width: 200px;
  position: absolute;
  left: 100%;
  top: 0;
}

.menu.active {
  max-height: 55em;
}

@media only screen and (min-width: 870px) and (max-width: 959px) {
  .menu {
    height: 70px;
  }

  .menu ul li > a {
    height: 70px;
  }
}
@media only screen and (max-width: 869px) {
  #mainmenu {
    background-color: #000;
    height: auto;
    width: 100%;
  }

  nav.menu {
    height: auto;
    clear: both;
    width: 100%;
    min-width: inherit;
    float: none;
    overflow: hidden;
  }
  nav.menu > li > ul.sub-menu {
    padding: 0px;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
  }
  nav.menu .active, nav.menu > ul ul.active {
    max-height: 55em;
  }
  nav.menu ul {
    display: inline;
  }
  nav.menu ul li {
    float: none;
  }
  nav.menu ul li > a {
    width: 100%;
    height: 48px;
  }
  nav.menu ul ul {
    display: inherit;
    position: relative;
    left: auto;
    top: auto;
    box-shadow: none;
    border: none;
  }
  nav.menu ul ul > li a {
    background-color: #5e6c78;
    color: #fff;
    height: 48px;
    padding: 14px 32px 3px 30px;
  }
  nav.menu > ul {
    border-top: 1px solid #808080;
  }
  nav.menu > ul ul {
    overflow: hidden;
    max-height: 0;
  }
  nav.menu li, nav.menu > ul > li {
    display: block;
  }
  nav.menu li a {
    color: #000;
    display: block;
    padding: 0.8em;
    border-bottom: 1px solid #808080;
    position: relative;
  }
  nav.menu li.has-submenu > a:after {
    content: "+";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.55em 0.5em;
  }
  nav.menu li.has-submenu > a.active:after {
    content: "-";
  }
  nav.menu > ul li ul {
    position: relative;
  }

  a.menu-link {
    display: block;
    color: #fff;
    background-color: #1e303f;
  }
}
.rightborder {
  box-shadow: 1px 0px 0px #ccc;
}
@media screen and (max-width: 869px) {
  .rightborder {
    box-shadow: none;
  }
}

.footer {
  display: none;
  background-color: #5e6c78;
  background-image: none;
  border-top: 1px solid #ccc;
  margin: 1px auto 0px auto;
  height: 54px;
  color: #fff;
  font: inherit;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 5px 0px 0px 0px;
  text-align: center;
  z-index: 20;
}
.footer .footer-container {
  width: 960px;
}
@media only screen and (max-width: 959px) {
  .footer .footer-container {
    width: 100%;
  }
}
.footer .footer-container .footer-section {
  width: 40%;
  height: inherit;
  padding: 2px 10px;
  text-align: left;
  color: inherit;
  float: left;
  margin: 0px auto 0px auto;
}
@media only screen and (max-width: 600px) {
  .footer .footer-container .contactinfo {
    font-size: x-small;
    line-height: 16px;
    width: 50%;
  }
}
.footer .footer-container .footer_search {
  float: left;
  width: 25%;
}
.footer .footer-container .footer_search .search {
  width: 100%;
}
.footer .footer-container .footer_search .search input.search {
  width: 75%;
}
.footer .footer-container .footer_search button.search {
  width: 24px;
  float: right;
}
.footer .footer-container .social_icons {
  width: 20%;
  margin-top: 0px;
  float: right;
}
@media screen and (max-width: 600px) {
  .footer .footer-container .social_icons {
    display: block;
  }
}
@media only screen and (max-width: 869px) {
  .footer {
    display: block;
    position: relative;
  }
}

/* todo todo todo  sidebar */
.container .sidebar {
  background-color: #eee;
  margin-bottom: -5000px;
  padding-bottom: 5000px;
  margin-left: 0;
  padding-left: 6px;
}
@media only screen and (max-width: 870px -1) {
  .container .sidebar {
    margin-bottom: 0px;
    padding-bottom: 10px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: "OfficinaSansLT-Book", "Arial bold", serif;
}

h1 {
  font-size: 28px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 18px;
}

a, a:visited {
  color: #1e303f;
}

/* start modules flag */
.start_modules_from_here {
  display: none;
}

.fl {
  float: left;
}

.w100 {
  width: 100%;
  overflow: auto;
}

.w99 {
  width: 99%;
  overflow: auto;
}

.w98 {
  width: 98%;
  overflow: auto;
}

.w95 {
  width: 95%;
  overflow: auto;
}

.w90 {
  width: 90%;
  overflow: auto;
}

.w80 {
  width: 80%;
  overflow: auto;
}

.w67 {
  width: 67%;
  overflow: auto;
}

.w50 {
  width: 50%;
  overflow: auto;
}

.w33 {
  width: 32%;
  margin-left: 1%;
  overflow: auto;
}
@media screen and (max-width: 420px) {
  .w33 {
    width: 100%;
  }
}

.w25 {
  width: 25%;
  overflow: auto;
}
@media screen and (max-width: 420px) {
  .w25 {
    width: 100%;
  }
}

/* sidebar gadgets */
.gadget {
  margin: 0 0 12px;
  padding: 8px 6px 4px 0px;
  /* background-color: #FFFFFF; */
}

.gadget_content {
  width: 100%;
  border: 1px solid;
  border-color: #ccc;
  padding: 4px;
  /* border-radius: 0px 0px 4px 4px;
   box-shadow: 2px 2px 2px #ddd; */
}

.gadget_header {
  background-color: #1E2F3F;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 0px 4px;
  /*   border-color : #A7A7A7 #A7A7A7 #A7A7A7 #A7A7A7;
     border-width : 1px 1px 1px 1px;
     border-style : solid solid solid solid;
     border-radius: 4px 4px 0px 0px; */
  height: 28px;
  width: 100%;
  /*  box-shadow: 2px 0px 2px #ddd; */
}

.gadget_title {
  background-color: inherit;
  color: #fff;
  font-weight: bold;
  padding: 3px 0px 0px 0px;
  position: relative;
  margin-right: 30px;
  text-align: left;
  float: left;
  /* font-size:24px; */
}

.gadget .minimize {
  float: right;
  margin: 0px;
  height: 21px;
  width: 23px;
  background-image: url(img/minus_22_gray.png);
  overflow: hidden;
  cursor: pointer;
  z-index: 3;
}

.gadget .maximize {
  float: right;
  margin: 0px;
  height: 20px;
  width: 22px;
  background-image: url(img/plus_22_gray.png);
  overflow: hidden;
  position: relative;
  cursor: pointer;
  z-index: 3;
}

.gadget_icon {
  float: left;
  margin: 0px;
  height: 24px;
  width: 24px;
  overflow: hidden;
  z-index: 3;
}

/* news list */
ul.news_list {
  list-style-type: none;
  padding-left: 0px;
  margin: 5px 0px;
}

a.newsitem {
  position: relative;
  z-index: 24;
  padding: 2px;
  display: block;
  text-decoration: none;
  color: #686868;
}

a.newsitem span {
  display: none;
}

a.newsitem span.date {
  display: inline;
  font-weight: bold;
  border: 1px solid #ccd;
  background-color: #eee;
  padding-left: 2px;
  padding-right: 2px;
  /*  border-radius: 3px; */
}

.site_news_article {
  padding: 4px;
  border: 1px solid #ccc;
  margin: 10px;
  border-radius: 4px;
  box-shadow: 2px 2px 2px #888;
  overflow: auto;
}

.site_news_article .title {
  font-size: 14px;
  font-weight: bold;
  color: #0a5e82;
  border-bottom: 1px dashed #0a5e82;
}

.site_news_article img {
  border: 1px solid #ccc;
  margin-left: 5px;
  box-shadow: 2px 2px 2px #ccc;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 3px;
}

p.news_ingress {
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
}

/** news **/
.all_news_link {
  clear: both;
  padding: 6px 6px;
}

.all_news_link a {
  color: #E83A2C;
  text-decoration: none;
}

.all_news_titlebar {
  font-size: 17px;
  padding: 5px 5px;
  letter-spacing: 2px;
  background-color: #376C81;
  color: white;
  clear: both;
  margin: 5px 20px 5px 5px;
}

.all_news {
  clear: both;
  margin-top: 10px;
  padding: 10px;
}

.all_news .article {
  padding: 10px;
}

/* content area news list in 2+ columns */
.news_list_content {
  width: 100%;
  margin: 4px 0px;
  /*  border: 1px solid #ccc; */
  overflow: hidden;
  padding-bottom: 5px;
}

.news_list_content .title {
  margin-bottom: 5px;
  font-size: 17px;
  padding: 2px 13px;
  letter-spacing: 2px;
  background-color: #AC2A20;
  color: white;
}

.news_list_content .news_columns {
  width: 100%;
  display: block;
  overflow: hidden;
}

.news_list_content .column {
  width: 45%;
  float: left;
  padding: 4px 0px;
  overflow: hidden;
  min-width: 350px;
}

.news_list_content .bottom {
  border-top: 1px solid #ccc;
}

.news_list_content .all_news_link {
  clear: both;
  padding: 2px 14px;
}

@media only screen and (max-width: 959px) {
  .news_list_content .column {
    width: 95%;
  }
}
@media only screen and (max-width: 479px) {
  .news_list_content .newsitem .date {
    display: block;
  }
}
/**********************  calendar stuff ********************/
#calendar_small {
  width: 100%;
}

.calendar_small_content {
  background-color: #EFF3FC;
  width: 100%;
}

.module_icon {
  float: left;
  margin: 0px;
  height: 24px;
  width: 24px;
  overflow: hidden;
  z-index: 3;
}

.calendar_gadget_icon {
  background-image: url(images/calendar_24.png);
}

.calendar_daynames {
  font-size: 11px;
  background-color: #EFF3FC;
  color: #626466;
}

.calendar_daynames td {
  border-bottom: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
}

.calendar_dayname {
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: #eaeaea;
  color: #626466;
  font-size: 12px;
  text-align: center;
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  letter-spacing: 1px;
}

.calendar_cell {
  font-size: 11px;
  border-width: 0px 0px 1px 1px;
  border-style: solid;
  border-color: #eaeaea;
  color: #626466;
  padding: 2px 2px 2px 2px;
  background-color: #EFF3FC;
  text-align: center;
}

.calendar_cell_weekend {
  border-color: #B5CDDF;
  color: #626466;
  padding: 2px 2px 2px 2px;
  background-color: #E7F1F7;
}

.calendar_today {
  background-color: #F9E400;
}

.calendar_small_selectmonth {
  width: 100%;
  height: 18px;
}

.nextyear {
  float: right;
  height: 18px;
  width: 20px;
  text-align: left;
  padding-left: 2px;
  background-image: url("images/button_next_year.png");
  background-repeat: no-repeat;
}

.prevyear {
  float: right;
  height: 18px;
  max-height: 30px;
  width: 20px;
  text-align: left;
  padding-left: 2px;
  background-image: url("images/button_prev_year.png");
  background-repeat: no-repeat;
}

.thismonth {
  float: left;
  height: 14px;
  max-height: 30px;
  width: 66%;
  max-height: 40px;
  text-align: center;
}

.prevmonth {
  float: left;
  height: 14px;
  max-height: 40px;
  width: 17%;
  text-align: center;
}

.nextmonth {
  float: left;
  height: 14px;
  width: 17%;
  max-height: 40px;
  text-align: center;
}

.calendar_monthlink {
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 11px;
  color: #006;
  border: 1px solid #ccf;
  border-radius: 2px;
  padding: 2px 4px;
}

.calendar_weeknr {
  text-align: center;
  border-width: 0px 0px 1px 0px;
  border-style: solid dotted solid solid;
  border-color: #eaeaea #888 #eaeaea #eaeaea;
  border-width: 1px 1px 1px 1px;
  color: #006;
  font-size: 10px;
  font-weight: normal;
}

.calendar_cell_inside {
  padding: 2px;
}

.calendar_cell_inside_today {
  background-color: #fffccf;
}

.calendar_daynr {
  font-size: 14px;
  font-weight: bold;
  padding-right: 10px;
  text-align: left;
}

.calendar_holiday {
  font-size: xx-small;
  color: red;
}

.calendar_dayinfo {
  font-size: xx-small;
  color: #444444;
}

.calendar_fog {
  position: absolute;
  z-index: 99;
  opacity: 0.5;
  background-color: #fff;
  background-image: url(img/loading_big.gif);
  background-position: center center;
  background-repeat: no-repeat;
  width: inherit;
  height: inherit;
}

.social_gray {
  background-image: url(images/social-gray.png);
  background-repeat: no-repeat;
  display: inline-block;
}

.facebook {
  width: 45px;
  height: 44px;
  background-position: -5px -5px;
}

.pinterest {
  width: 45px;
  height: 44px;
  background-position: -60px -5px;
}

.twitter {
  width: 45px;
  height: 44px;
  background-position: -5px -59px;
}

.someblock {
  width: 120px;
  height: 32px;
  margin-top: 5px;
  float: left;
}
.someblock .some {
  width: 36px;
  height: 36px;
  margin-top: 5px;
  float: left;
  background-image: url(images/someicons.png);
  background-repeat: no-repeat;
  display: block;
}
.someblock .facebook {
  background-position: -44px 0px;
}
.someblock .twitter {
  background-position: -91px 0px;
}
.someblock .youtube {
  background-position: -95px 0px;
}
.someblock .linkedin {
  background-position: 3px 0px;
}

a.facebook-share {
  display: block;
  height: 24px;
  width: 80px;
  padding-left: 32px;
  background-image: url("/sharedcss/some/fb-plain-24.png");
  background-repeat: no-repeat;
  background-color: #4a6eaa;
  color: #fff;
  font-family: Helvetica, Arial, san-serif;
  text-decoration: none;
  font-size: 12px;
  padding-top: 2px;
}

.searchblock {
  float: left;
  margin-top: 14px;
  color: #fff;
  border-radius: 3px;
}
@media screen and (max-width: 870px) {
  .searchblock {
    margin-left: 10px;
  }
}
@media screen and (max-width: 420px) {
  .searchblock {
    margin-left: 10px;
    display: none;
  }
}
.searchblock .search {
  float: left;
  width: 200px;
  height: 24px;
  background-color: #fff;
  border-radius: 0px;
}
@media screen and (max-width: 870px) {
  .searchblock .search {
    width: 160px;
  }
}
.searchblock .search label {
  color: #eee;
  float: left;
}
.searchblock .search input {
  width: 150px;
  float: left;
  height: 24px;
  margin-top: 0px;
  margin-left: 5px;
  border: none;
  background-color: #fff;
}
@media screen and (max-width: 870px) {
  .searchblock .search input {
    width: 120px;
  }
}
.searchblock .search button.search, .searchblock .search button.search:focus {
  width: 16px;
  background-repeat: no-repeat;
  background-color: transparent;
  border: white;
  background-image: url(images/search-glass2.png);
  float: right;
  margin-top: 5px;
}

.search_results {
  border: 0px solid #ccc;
  padding: 8px;
  border-radius: 0px;
  box-shadow: none;
}
.search_results .result {
  margin-bottom: 4px;
}
.search_results .result .searchdate {
  display: block;
}
/*
  generic form variables
*/
input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=url],
input[type=tel],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=time],
input[type=number],
textarea,
select {
  margin: 0 0 0px;
}

textarea {
  width: 320px;
}

/* generic forms */
.generic_form {
  border: 1px solid #ccc;
  background-color: #fffff;
  width: 400px;
  padding: 10px;
  box-shadow: 4px 4px 4px #eee;
}
.generic_form label {
  color: #666;
  margin-top: 5px;
}
.generic_form input[type=text] {
  width: 40rem;
}
.generic_form textarea {
  width: 40rem;
  height: 100px;
}
.generic_form input[type=submit] {
  margin-top: 10px;
}

/* mega menu list */
.nav-menu {
  display: block;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 15;
}

/* a top level navigation item in the mega menu */
.nav-item {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
}

/* first descendant link within a top level navigation item */
.nav-item > a {
  position: relative;
  display: inline-block;
  padding: 0.5em 1em;
  margin: 0 0 -1px 0;
  border: 1px solid transparent;
}

/* focus/open states of first descendant link within a top level
   navigation item */
.nav-item > a:focus,
.nav-item > a.open {
  outline: 1px solid #dedede;
}

/* open state of first descendant link within a top level
   navigation item */
.nav-item > a.open {
  /* background-color: #fff; */
  border-bottom: none;
  z-index: 1;
}

/* sub-navigation panel */
.sub-nav {
  position: absolute;
  display: none;
  top: 2.6em;
  margin-top: -1px;
  padding: 0.5em 1em;
  border: 1px solid #dedede;
  /* background-color: #fff; */
}

/* sub-navigation panel open state */
.sub-nav.open {
  display: block;
}

/* list of items within sub-navigation panel */
.sub-nav ul {
  display: inline-block;
  vertical-align: top;
  margin: 0 1em 0 0;
  padding: 0;
}

/* list item within sub-navigation panel */
.sub-nav li {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* custom styles */
/* div containers */
.lifted_container {
  border-width: 1px 3px 3px 1px;
  border-color: #08396e;
  border-style: solid;
  padding: 5px;
}
@media screen and (max-width: 420px) {
  .lifted_container {
    border-width: 1px 0px;
    padding: 0px;
  }
}
.lifted_container img {
  width: 250px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.front_page_column {
  height: 420px;
}
@media screen and (max-width: 870px) {
  .front_page_column {
    height: auto;
  }
}

@media only screen and (max-width: 479px) {
  .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns {
    width: 100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns {
    width: 100%;
  }
}
nav#main_nav {
  background-color: #617c3e;
  /*
  border-bottom: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  box-shadow: 0 1px 4px #9C9C9C;
  */
  height: 40px;
  /*background-image: url(images/navi-bg.png); */
}

nav#main_nav ul.nav-menu {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  box-shadow: none;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 995px;
}

nav#main_nav li.nav-item > a {
  color: #fff;
  float: left;
  font-size: 1.5em;
  padding: 11px 9px 9px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

nav#main_nav .sub-nav {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.98);
  border-color: #D7A900 -moz-use-text-color -moz-use-text-color;
  border-image: none;
  border-right: 0 none;
  border-style: solid none none;
  border-width: 4px 0 0;
  box-shadow: 1px 1px 5px #808080;
  /*  left: 0; */
  margin: -1px 0 0;
  /*
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 42px;
    transition: all 0.3s ease 0s;
  */
}

nav#main_nav .sub-nav-group {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.01) 96%, #EDEDED 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: left;
  padding: 20px 0 20px 0px;
}

nav#main_nav .sub-nav-group:last-child {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}

nav#main_nav .sub-nav ul li {
  /* background: url("img/bullet-gold.png") no-repeat scroll left 7px rgba(0, 0, 0, 0); */
  list-style: none outside none;
  margin-bottom: 5px;
  margin-left: 0;
  padding-left: 12px;
}

nav#main_nav .sub-nav a {
  border-bottom: 1px solid #F1F1F1;
  color: #3C3C3C;
  display: block;
  font-size: 150%;
  margin: 0 30px 3px 0;
  min-width: 200px;
  padding: 0 10px 3px 7px;
  line-height: 21px;
}

nav#main_nav a {
  text-decoration: none;
}

nav#main_nav li.nav-item > a:hover,
nav#main_nav li.nav-item > a:focus,
nav#main_nav li.nav-item > a.open {
  color: #fff;
  /* slightly lighter version of #D7A900 */
  background-color: #445461;
}

nav#main_nav .sub-nav a:hover,
nav#main_nav .sub-nav a:focus {
  background-color: #0088cc;
  color: #FFFFFF;
}

#site_news_article .news_date {
  font: inherit;
}
#site_news_article .news_ingress_image {
  float: right;
  max-width: 240px;
  outline: 1px solid #ccc;
}

.news_list_entry {
  overflow-y: hidden;
  margin-bottom: 10px;
  width: 100%;
  padding: 5px;
  border: 1px solid #eee;
  /* titlerow contains the date and the writer */
  /* title contains just the title of the article  as a dummy link
     which will simply open the full news article when clicked */
  /* ingress contains the key ideas of the article */
  /* and here we are with the article */
  /* this should be inside the .ingress section in case it has NOT been used elsewhere */
}
.news_list_entry .titlerow {
  width: 100%;
  margin-bottom: 0px;
}
.news_list_entry .titlerow .date {
  float: left;
  width: 80px;
}
.news_list_entry .title {
  color: inherit;
}
.news_list_entry .title a {
  font-weight: bold;
  font-size: 110%;
}
.news_list_entry .ingress {
  width: 100%;
  margin-top: 5px;
  font-weight: normal;
  clear: both;
}
@media only screen and (max-width: 480px) {
  .news_list_entry .ingress {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
.news_list_entry .article {
  width: 100%;
  clear: both;
  margin-top: 5px;
}
.news_list_entry .newsimage {
  float: left;
  border: 1px solid #ccc;
  margin-right: 8px;
  margin-bottom: 5px;
  max-width: 250px;
}
@media only screen and (max-width: 767px) {
  .news_list_entry .newsimage {
    max-width: 180px;
  }
}
@media only screen and (max-width: 419px) {
  .news_list_entry .newsimage {
    max-width: 90px;
  }
}

/*
the main settings cog initially hidden 
*/
.cog {
  display: none;
  position: relative;
  float: right;
  right: 10px;
  top: 10px;
  color: #888;
  font-size: 18px;
  margin-left: 10px;
}
.cog:hover {
  color: #444;
}

#confirmdelete {
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  z-index: 999;
  display: none;
}

.settings {
  display: none;
  z-index: 9999;
}
.settings .body {
  background-color: #fff;
  padding: 8px;
}
.settings .body label {
  font-size: inherit;
}
.settings .body #font-size, .settings .body #main-background, .settings .body #body-background, .settings .body #newstitle-color, .settings .body #ingress-color, .settings .body #title-background, .settings .body #title-color {
  margin-bottom: 4px;
}
.settings .body .colorin {
  margin-bottom: 4px;
  padding: 0px;
}

.gadget, .rss-gadget {
  width: 400px;
  max-width: 400px;
  min-height: 200px;
  border: 1px solid #ccc;
  background-color: white;
}
.gadget .gadgettitle, .rss-gadget .gadgettitle {
  height: 24px;
  background-color: #0d588b;
  color: white;
  padding: 5px 8px;
  letter-spacing: 1px;
  cursor: grab;
}
.gadget .gadgettitle .gadgetbutton, .rss-gadget .gadgettitle .gadgetbutton {
  display: block;
  float: right;
  color: white;
  padding: 0px 3px;
}
.gadget .gadgettitle .gadgetbutton:hover, .rss-gadget .gadgettitle .gadgetbutton:hover {
  color: #c0811a;
}
.gadget .body, .rss-gadget .body {
  overflow: hidden;
  font-size: smaller;
  overflow: auto;
  height: inherit;
  width: 100%;
}
.gadget .padded, .rss-gadget .padded {
  padding: 8px;
}
.gadget .ui-dialog .ui-resizable-handle, .rss-gadget .ui-dialog .ui-resizable-handle {
  background-image: url("");
}

.rss-gadget .body .rssitem {
  padding: 4px;
  border-bottom: 1px solid #ccc;
}
.rss-gadget .body .rssitem a {
  line-height: 15px;
  display: block;
  padding: 2px;
  color: #0e2478;
  font-weight: bold;
  text-decoration: none;
}
.rss-gadget .body .rssitem .ingress {
  margin-top: 3px;
  line-height: 15px;
}

#addfeed {
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  z-index: 999;
  display: none;
}
#addfeed input {
  padding: 0px 2px;
  width: 200px;
}
#addfeed button:disabled, #addfeed button[disabled] {
  opacity: 0.7;
}

.ui-resizable-handle {
  z-index: auto !important;
}

#mfPreviewBar {
  display: none;
}

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