@font-face { font-family: 'OpenSansLight'; src: url("fonts/OpenSans-Light-webfont.eot"); src: url("fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Light-webfont.woff") format("woff"), url("fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("fonts/OpenSans-Light-webfont.svg#OpenSansLight") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'OpenSansLightItalic'; src: url("fonts/OpenSans-LightItalic-webfont.eot"); src: url("fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-LightItalic-webfont.woff") format("woff"), url("fonts/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'OpenSansRegular'; src: url("fonts/OpenSans-Regular-webfont.eot"); src: url("fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Regular-webfont.woff") format("woff"), url("fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("fonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'OpenSansItalic'; src: url("fonts/OpenSans-Italic-webfont.eot"); src: url("fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Italic-webfont.woff") format("woff"), url("fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("fonts/OpenSans-Italic-webfont.svg#OpenSansItalic") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'OpenSansSemibold'; src: url("fonts/OpenSans-Semibold-webfont.eot"); src: url("fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'OpenSansSemiboldItalic'; src: url("fonts/OpenSans-SemiboldItalic-webfont.eot"); src: url("fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("fonts/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), url("fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'OpenSansBold'; src: url("fonts/OpenSans-Bold-webfont.eot"); src: url("fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-Bold-webfont.woff") format("woff"), url("fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("fonts/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'OpenSansBoldItalic'; src: url("fonts/OpenSans-BoldItalic-webfont.eot"); src: url("fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'OpenSansExtrabold'; src: url("fonts/OpenSans-ExtraBold-webfont.eot"); src: url("fonts/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'OpenSansExtraboldItalic'; src: url("fonts/OpenSans-ExtraBoldItalic-webfont.eot"); src: url("fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("fonts/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic") format("svg"); font-weight: normal; font-style: normal; }

/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9. Hide the `template` element in IE, Safari, and Firefox < 22. */
[hidden], template { display: none; }

script { display: none !important; }

/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; white-space: nowrap; }

/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre-wrap; }

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

meta.foundation-version { font-family: "/5.1.0/"; }

meta.foundation-mq-small { font-family: "/only screen and (max-width: 40em)/"; width: 0em; }

meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; }

meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; }

meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; }

meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; }

meta.foundation-data-attribute-namespace { font-family: false; }

html, body { height: 100%; }

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

html, body { font-size: 100%; }

body { background: #cccccc; color: #5e5e5e; padding: 0; margin: 0; font-family: "OpenSansRegular"; font-weight: normal; font-style: normal; line-height: 1; position: relative; cursor: default; }

a:hover { cursor: pointer; }

img, object, embed { max-width: 100%; height: auto; }

object, embed { height: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; }

.left { float: left !important; }

.right { float: right !important; }

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.hide { display: none; }

.antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

img { display: inline-block; vertical-align: middle; }

textarea { height: auto; min-height: 50px; }

select { width: 100%; }

.row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5rem; *zoom: 1; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; float: left; }
.row.collapse .row { margin-left: 0; margin-right: 0; }
.row .row { width: auto; margin-left: -0.9375rem; margin-right: -0.9375rem; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; }
.row .row:before, .row .row:after { content: " "; display: table; }
.row .row:after { clear: both; }
.row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; }
.row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; }
.row .row.collapse:after { clear: both; }

.column, .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; }

@media only screen { .column.small-centered, .columns.small-centered { margin-left: auto; margin-right: auto; float: none; }
  .column.small-uncentered, .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; }
  .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right; }
  .small-push-0 { left: 0%; right: auto; }
  .small-pull-0 { right: 0%; left: auto; }
  .small-push-1 { left: 8.33333%; right: auto; }
  .small-pull-1 { right: 8.33333%; left: auto; }
  .small-push-2 { left: 16.66667%; right: auto; }
  .small-pull-2 { right: 16.66667%; left: auto; }
  .small-push-3 { left: 25%; right: auto; }
  .small-pull-3 { right: 25%; left: auto; }
  .small-push-4 { left: 33.33333%; right: auto; }
  .small-pull-4 { right: 33.33333%; left: auto; }
  .small-push-5 { left: 41.66667%; right: auto; }
  .small-pull-5 { right: 41.66667%; left: auto; }
  .small-push-6 { left: 50%; right: auto; }
  .small-pull-6 { right: 50%; left: auto; }
  .small-push-7 { left: 58.33333%; right: auto; }
  .small-pull-7 { right: 58.33333%; left: auto; }
  .small-push-8 { left: 66.66667%; right: auto; }
  .small-pull-8 { right: 66.66667%; left: auto; }
  .small-push-9 { left: 75%; right: auto; }
  .small-pull-9 { right: 75%; left: auto; }
  .small-push-10 { left: 83.33333%; right: auto; }
  .small-pull-10 { right: 83.33333%; left: auto; }
  .small-push-11 { left: 91.66667%; right: auto; }
  .small-pull-11 { right: 91.66667%; left: auto; }
  .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; }
  .small-1 { width: 8.33333%; }
  .small-2 { width: 16.66667%; }
  .small-3 { width: 25%; }
  .small-4 { width: 33.33333%; }
  .small-5 { width: 41.66667%; }
  .small-6 { width: 50%; }
  .small-7 { width: 58.33333%; }
  .small-8 { width: 66.66667%; }
  .small-9 { width: 75%; }
  .small-10 { width: 83.33333%; }
  .small-11 { width: 91.66667%; }
  .small-12 { width: 100%; }
  [class*="column"] + [class*="column"]:last-child { float: right; }
  [class*="column"] + [class*="column"].end { float: left; }
  .small-offset-0 { margin-left: 0% !important; }
  .small-offset-1 { margin-left: 8.33333% !important; }
  .small-offset-2 { margin-left: 16.66667% !important; }
  .small-offset-3 { margin-left: 25% !important; }
  .small-offset-4 { margin-left: 33.33333% !important; }
  .small-offset-5 { margin-left: 41.66667% !important; }
  .small-offset-6 { margin-left: 50% !important; }
  .small-offset-7 { margin-left: 58.33333% !important; }
  .small-offset-8 { margin-left: 66.66667% !important; }
  .small-offset-9 { margin-left: 75% !important; }
  .small-offset-10 { margin-left: 83.33333% !important; }
  .small-offset-11 { margin-left: 91.66667% !important; }
  .small-reset-order, .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } }
@media only screen and (min-width: 40.063em) { .column.medium-centered, .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; }
  .column.medium-uncentered, .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; }
  .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right; }
  .medium-push-0 { left: 0%; right: auto; }
  .medium-pull-0 { right: 0%; left: auto; }
  .medium-push-1 { left: 8.33333%; right: auto; }
  .medium-pull-1 { right: 8.33333%; left: auto; }
  .medium-push-2 { left: 16.66667%; right: auto; }
  .medium-pull-2 { right: 16.66667%; left: auto; }
  .medium-push-3 { left: 25%; right: auto; }
  .medium-pull-3 { right: 25%; left: auto; }
  .medium-push-4 { left: 33.33333%; right: auto; }
  .medium-pull-4 { right: 33.33333%; left: auto; }
  .medium-push-5 { left: 41.66667%; right: auto; }
  .medium-pull-5 { right: 41.66667%; left: auto; }
  .medium-push-6 { left: 50%; right: auto; }
  .medium-pull-6 { right: 50%; left: auto; }
  .medium-push-7 { left: 58.33333%; right: auto; }
  .medium-pull-7 { right: 58.33333%; left: auto; }
  .medium-push-8 { left: 66.66667%; right: auto; }
  .medium-pull-8 { right: 66.66667%; left: auto; }
  .medium-push-9 { left: 75%; right: auto; }
  .medium-pull-9 { right: 75%; left: auto; }
  .medium-push-10 { left: 83.33333%; right: auto; }
  .medium-pull-10 { right: 83.33333%; left: auto; }
  .medium-push-11 { left: 91.66667%; right: auto; }
  .medium-pull-11 { right: 91.66667%; left: auto; }
  .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; }
  .medium-1 { width: 8.33333%; }
  .medium-2 { width: 16.66667%; }
  .medium-3 { width: 25%; }
  .medium-4 { width: 33.33333%; }
  .medium-5 { width: 41.66667%; }
  .medium-6 { width: 50%; }
  .medium-7 { width: 58.33333%; }
  .medium-8 { width: 66.66667%; }
  .medium-9 { width: 75%; }
  .medium-10 { width: 83.33333%; }
  .medium-11 { width: 91.66667%; }
  .medium-12 { width: 100%; }
  [class*="column"] + [class*="column"]:last-child { float: right; }
  [class*="column"] + [class*="column"].end { float: left; }
  .medium-offset-0 { margin-left: 0% !important; }
  .medium-offset-1 { margin-left: 8.33333% !important; }
  .medium-offset-2 { margin-left: 16.66667% !important; }
  .medium-offset-3 { margin-left: 25% !important; }
  .medium-offset-4 { margin-left: 33.33333% !important; }
  .medium-offset-5 { margin-left: 41.66667% !important; }
  .medium-offset-6 { margin-left: 50% !important; }
  .medium-offset-7 { margin-left: 58.33333% !important; }
  .medium-offset-8 { margin-left: 66.66667% !important; }
  .medium-offset-9 { margin-left: 75% !important; }
  .medium-offset-10 { margin-left: 83.33333% !important; }
  .medium-offset-11 { margin-left: 91.66667% !important; }
  .medium-reset-order, .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; }
  .push-0 { left: 0%; right: auto; }
  .pull-0 { right: 0%; left: auto; }
  .push-1 { left: 8.33333%; right: auto; }
  .pull-1 { right: 8.33333%; left: auto; }
  .push-2 { left: 16.66667%; right: auto; }
  .pull-2 { right: 16.66667%; left: auto; }
  .push-3 { left: 25%; right: auto; }
  .pull-3 { right: 25%; left: auto; }
  .push-4 { left: 33.33333%; right: auto; }
  .pull-4 { right: 33.33333%; left: auto; }
  .push-5 { left: 41.66667%; right: auto; }
  .pull-5 { right: 41.66667%; left: auto; }
  .push-6 { left: 50%; right: auto; }
  .pull-6 { right: 50%; left: auto; }
  .push-7 { left: 58.33333%; right: auto; }
  .pull-7 { right: 58.33333%; left: auto; }
  .push-8 { left: 66.66667%; right: auto; }
  .pull-8 { right: 66.66667%; left: auto; }
  .push-9 { left: 75%; right: auto; }
  .pull-9 { right: 75%; left: auto; }
  .push-10 { left: 83.33333%; right: auto; }
  .pull-10 { right: 83.33333%; left: auto; }
  .push-11 { left: 91.66667%; right: auto; }
  .pull-11 { right: 91.66667%; left: auto; } }
@media only screen and (min-width: 64.063em) { .column.large-centered, .columns.large-centered { margin-left: auto; margin-right: auto; float: none; }
  .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; }
  .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right; }
  .large-push-0 { left: 0%; right: auto; }
  .large-pull-0 { right: 0%; left: auto; }
  .large-push-1 { left: 8.33333%; right: auto; }
  .large-pull-1 { right: 8.33333%; left: auto; }
  .large-push-2 { left: 16.66667%; right: auto; }
  .large-pull-2 { right: 16.66667%; left: auto; }
  .large-push-3 { left: 25%; right: auto; }
  .large-pull-3 { right: 25%; left: auto; }
  .large-push-4 { left: 33.33333%; right: auto; }
  .large-pull-4 { right: 33.33333%; left: auto; }
  .large-push-5 { left: 41.66667%; right: auto; }
  .large-pull-5 { right: 41.66667%; left: auto; }
  .large-push-6 { left: 50%; right: auto; }
  .large-pull-6 { right: 50%; left: auto; }
  .large-push-7 { left: 58.33333%; right: auto; }
  .large-pull-7 { right: 58.33333%; left: auto; }
  .large-push-8 { left: 66.66667%; right: auto; }
  .large-pull-8 { right: 66.66667%; left: auto; }
  .large-push-9 { left: 75%; right: auto; }
  .large-pull-9 { right: 75%; left: auto; }
  .large-push-10 { left: 83.33333%; right: auto; }
  .large-pull-10 { right: 83.33333%; left: auto; }
  .large-push-11 { left: 91.66667%; right: auto; }
  .large-pull-11 { right: 91.66667%; left: auto; }
  .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; }
  .large-1 { width: 8.33333%; }
  .large-2 { width: 16.66667%; }
  .large-3 { width: 25%; }
  .large-4 { width: 33.33333%; }
  .large-5 { width: 41.66667%; }
  .large-6 { width: 50%; }
  .large-7 { width: 58.33333%; }
  .large-8 { width: 66.66667%; }
  .large-9 { width: 75%; }
  .large-10 { width: 83.33333%; }
  .large-11 { width: 91.66667%; }
  .large-12 { width: 100%; }
  [class*="column"] + [class*="column"]:last-child { float: right; }
  [class*="column"] + [class*="column"].end { float: left; }
  .large-offset-0 { margin-left: 0% !important; }
  .large-offset-1 { margin-left: 8.33333% !important; }
  .large-offset-2 { margin-left: 16.66667% !important; }
  .large-offset-3 { margin-left: 25% !important; }
  .large-offset-4 { margin-left: 33.33333% !important; }
  .large-offset-5 { margin-left: 41.66667% !important; }
  .large-offset-6 { margin-left: 50% !important; }
  .large-offset-7 { margin-left: 58.33333% !important; }
  .large-offset-8 { margin-left: 66.66667% !important; }
  .large-offset-9 { margin-left: 75% !important; }
  .large-offset-10 { margin-left: 83.33333% !important; }
  .large-offset-11 { margin-left: 91.66667% !important; }
  .large-reset-order, .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; }
  .push-0 { left: 0%; right: auto; }
  .pull-0 { right: 0%; left: auto; }
  .push-1 { left: 8.33333%; right: auto; }
  .pull-1 { right: 8.33333%; left: auto; }
  .push-2 { left: 16.66667%; right: auto; }
  .pull-2 { right: 16.66667%; left: auto; }
  .push-3 { left: 25%; right: auto; }
  .pull-3 { right: 25%; left: auto; }
  .push-4 { left: 33.33333%; right: auto; }
  .pull-4 { right: 33.33333%; left: auto; }
  .push-5 { left: 41.66667%; right: auto; }
  .pull-5 { right: 41.66667%; left: auto; }
  .push-6 { left: 50%; right: auto; }
  .pull-6 { right: 50%; left: auto; }
  .push-7 { left: 58.33333%; right: auto; }
  .pull-7 { right: 58.33333%; left: auto; }
  .push-8 { left: 66.66667%; right: auto; }
  .pull-8 { right: 66.66667%; left: auto; }
  .push-9 { left: 75%; right: auto; }
  .pull-9 { right: 75%; left: auto; }
  .push-10 { left: 83.33333%; right: auto; }
  .pull-10 { right: 83.33333%; left: auto; }
  .push-11 { left: 91.66667%; right: auto; }
  .pull-11 { right: 91.66667%; left: auto; } }
.hp { display: none; }

/* HTML5 display-role reset for older browsers */
/*
*
* Simple fluid media
*
*/
/*
*
* Zoomable baseline grid
* type size presets
*
*/
/*
*
* Four-column grid active
* ----------------------------------------
* Margin | # 1 2 3 4 | Margin
* 5.55555% | % 25 50 75 100 | 5.55555%
*
*/
/*
* Simple elastic gutters
* Note: box-sizing will not work in IE6-8
*/
/*
*
* Fixes for IE6-8
* http://jonikorpi.com/leaving-old-IE-behind/
*
*/
/* asdfasdffffffddddddddddddddddddddddddddd */
h1, h2, h3, h4, h5, h6 { font-family: 'OpenSansSemiBold'; padding: 0; }

h1 { color: #d6501c; margin: 10px 0px; font-size: 2em; }

h2 { font-size: 1.6em; margin: 10px 0px; padding: 0; }

h3 { font-size: 1.4em; margin: 5px 0px; }

h4 { font-size: 1.2em; margin: 5px 0px; }

a:link { color: #0065a8; text-decoration: none; }

a:visited { color: #0065a8; text-decoration: none; }

a:active { color: #fff; text-decoration: none; }

a:hover { color: #d6501c; text-decoration: none; }

fieldset { border: none; }

#main_container { margin: 0 auto; min-width: 43em; max-width: 68em; padding: 10px; /* IE6-9 */ }

.content { position: relative; color: #5E5E5E; margin: 1em 0; width: 100%; }

.round_box { background: #B6B6B6; min-height: 20em; float: left; margin: 0 0 1em 0; width: 100%; border-top-left-radius: 7px; border-top-right-radius: 7px; -moz-border-radius-topright: 7px; -moz-border-radius-topleft: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; }

form#myform { background: #B6B6B6; padding: .75em; font-size: .9em; border-top-left-radius: 7px; border-top-right-radius: 7px; -moz-border-radius-topright: 7px; -moz-border-radius-topleft: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; }

form#myform input, textarea, select { background: #F0F0F0; border: none; -moz-border-radius: 3px; border-radius: 3px; outline: none; padding: .5em; }

.input { font-size: 1em; 
  color: #ffffff; margin: 20px 0px; padding: 20px 40px; 
  background: #207cca;
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border: 1px solid #003366; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.5); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.5); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.3);
    transition: all 0.4s;
     }
.input:hover{
      background: #fe3600;
      transition: all 0.4s;
}


.content #css3button { font-size: 1.4em; margin: 45px 10px; }

.content #css3button a { color: #ffffff; padding: 20px 40px; background: #5993bf; /* Old browsers */ background: -moz-linear-gradient(top, #5993bf 0%, #2989d8 36%, #207cca 52%, #1d5693 98%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5993bf), color-stop(36%, #2989d8), color-stop(52%, #207cca), color-stop(98%, #1d5693)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5993bf 0%, #2989d8 36%, #207cca 52%, #1d5693 98%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5993bf 0%, #2989d8 36%, #207cca 52%, #1d5693 98%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5993bf 0%, #2989d8 36%, #207cca 52%, #1d5693 98%); /* IE10+ */ background: linear-gradient(top, #5993bf 0%, #2989d8 36%, #207cca 52%, #1d5693 98%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5993bf', endColorstr='#1d5693',GradientType=0 ); /* IE6-9 */ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #003366; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.5); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.5); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.3); }

.content #css3button a:hover { color: #FC0; }

.rounded_background { margin: 10px 0 10px 0; padding: 10px; font-size: .9em; border-top-left-radius: 7px; border-top-right-radius: 7px; -moz-border-radius-topright: 7px; -moz-border-radius-topleft: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; }

.reflection { min-height: 300px; }

.reflection .image-wrap { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 2px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 2px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 2px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0, 0, 0, 0.5); -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; float: left; margin: .25em 10px .25em 0; }

table.placings_table { width: 100%; }
table.placings_table thead th { font-weight: bold; }
table.placings_table tbody tr:nth-child(2n) { background: #f0f3f5; }

form#myform button { padding: .2em 4em; font-size: 1.5em; color: white; background: #5993bf; text-transform: uppercase; font-family: 'OpenSansSemibold'; border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em; border: 1px solid #003366; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.5); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.5); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.3); }

form#myform button:hover { background: #ff6e35; cursor: pointer; }

#main_container .content { position: relative; }

#header { color: #FC0; padding: 5px 0 0 0; margin-bottom: 15px; min-width: 100%; text-align: center; }

#head_background { height: 325px; }

#tagline { font-size: 1.5em; color: #5E5E5E; font-family: 'OpenSansExtraBold'; position: relative; margin: 1em 0; }

/*----------front page stuff-------------------- */
#header_front { margin: 0 auto; width: 100%; text-align: center; }

.content-front { position: relative; float: left; color: #5E5E5E; padding: 10px; max-width: 100%; margin: 1px 0 0; min-height: 200px; }

.content-front a { color: #39C; text-decoration: none; padding: .3em 0; }

.content-front a:hover { color: #F90; text-decoration: underline; }

.front_button { position: relative; width: 100%; margin: 1em 0; }

.front_button .button { width: auto; }

.column { position: relative; float: left; width: 48%; padding: 5px; margin: 5px; }

.column h4 { padding: .5em; }

a.button { font-family: 'OpenSansBold'; font-size: 2em; background: #5993bf; border: 1px solid #003366; color: #FFF; display: block; text-align: center; text-decoration: none; border-radius: .5em; -moz-border-radius: 5em; }

a.button span { display: block; }

a.button:hover { color: #FFF; background: #ff6e35; outline: none; /* hide dotted outline in Firefox */ text-decoration: none; }

a.button:active { background-position: bottom right; color: #FF5300; outline: none; /* hide dotted outline in Firefox */ }

.blue_button { padding: .2em 4em; font-size: 1.5em; color: white; background: #3086D5; text-transform: uppercase; font-family: 'OpenSansSemibold'; }
a.blue_button1{
padding: .2em 1em;
font-size: 1.3em;
color: white;
background: #5993bf;
text-transform: uppercase;
font-family: 'OpenSansSemibold';
border-radius: .5em;
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border: 1px solid #003366;
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.5);
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.3);  
}

input[type=submit].blue_button_submit{
  padding: .2em 1em;
  font-size: 1.3em;
  color: white;
  background-color: #5993bf;
  text-transform: uppercase;
  font-family: 'OpenSansSemibold';
  border-radius: .5em;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  border: 1px solid #003366;
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 1px rgba(255, 255, 255, 0.5);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.3);  
  }

.gray_inputs { background-color: #CCC; padding: .5em 1em; }

a.button:active span { background-position: bottom left; }

#screenshot { text-align: right; }

/*----------------------end front page stuff -----------------------*/
.secondary_button { width: 100%; }

#player { margin: 0 auto; display: table; }

#left { position: relative; float: left; min-width: 25em; min-height: 290px; margin-right: 8px; }

#left-bottom { font-family: 'OpenSansBold'; position: relative; float: left; width: 610px; height: 92px; padding-left: 10px; padding-right: 10px; padding-top: 130px; background-image: url(images/what-to-expect.png); background-repeat: no-repeat; background-position: top; background-size: 100%; }

#center { position: relative; float: left; width: 20%; min-height: 290px; padding-left: 20px; padding-right: 10px; background-color: rgba(111, 111, 111, 0.5); border-radius: 6px; margin-top: 2px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1affffff', endColorstr='#1affffff', GradientType=0 ); /* IE6-9 */ }

#right { text-align: center; font-family: 'OpenSansRegular'; position: relative; float: right; width: 20%; min-height: 492px; padding: 10px; background-color: rgba(111, 111, 111, 0.5); margin-top: 2px; border-radius: 6px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1affffff', endColorstr='#1affffff', GradientType=0 ); /* IE6-9 */ }

#left-bottom a:link { color: #FFF; text-decoration: none; }

#left-bottom a:visited { color: #FFF; text-decoration: none; }

#left-bottom a:visited:hover { color: #FC0; text-decoration: none; }

#left-bottom a:active { color: #FFF; text-decoration: none; }

#left-bottom a:hover { color: #FC0; text-decoration: none; }

#right a:link { color: #FFF; text-decoration: none; }

#right a:visited { color: #FFF; text-decoration: none; }

#right a:visited:hover { color: #FC0; text-decoration: none; }

#right a:active { color: #FFF; text-decoration: none; }

#right a:hover { color: #FC0; text-decoration: none; }

.column_head { font-size: 1.1em; font-weight: bold; text-shadow: 2px 2px 4px #000; }

footer { position: relative; color: #6D6D6D; text-align: right; font-size: 0.9em; border-top: 1px  #999 solid; width: 100%; float: left; margin: 1em 0 0 0; }

/* menu */
#menu-centered { margin: 0; padding: .5em 0; text-align: center; border-top: solid 1px #acacac; border-bottom: solid 1px #acacac; font-family: 'OpenSansSemibold'; }

/* @media screen and (max-width: 480px) */
#menu-centered li { display: inline; list-style: none; padding: 0 1em; position: relative; }

@media screen and (max-width: 30.059em) { #menu-centered li { display: block; padding: .5em 0; } }
#menu-centered ul { display: none; margin: 0; padding: 7px; width: 235px; position: absolute; left: 0; background: #ddd; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(white), to(#cfcfcf)); /* for webkit browsers */ background: -moz-linear-gradient(top, white, #cfcfcf); /* for firefox 3.6+ */ }

#menu-centered li:hover > ul { display: block; z-index: 100; }

#menu-centered ul li { float: none; margin: 5; padding: 0px; }

#menu-centered a { color: #d6501c; text-decoration: none; }

#menu-centered ul a { color: #000; display: block; }

#menu-centered a:hover { background: #5fb8eb; color: #fff; }

/* sub levels link hover */
#menu-centered ul li:hover a, #menu-centered li:hover li a { background: none; border: none; color: #666; -webkit-box-shadow: none; -moz-box-shadow: none; z-index: 1000; }

#menu-centered:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

#menu-centered ul a:hover { background: #0399d4 !important; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04acec', endColorstr='#0186ba'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)) !important; /* for webkit browsers */ background: -moz-linear-gradient(top, #04acec, #0186ba) !important; /* for firefox 3.6+ */ color: #fff !important; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); z-index: 1000; }

html[xmlns] #menu-centered { display: block; }

* html #menu-centered { height: 1%; }

/* Front page Menu */
#menu-home { color: #FFF; font-size: .9em; margin: 0; padding: 7px 0; text-align: center; font-family: 'OpenSansSemibold'; width: 100%; display: table; }

#menu-home li { display: inline; list-style: none; font-size: 1.2em; padding: 1px .5em; position: relative; }

#menu-home li:first-child { padding: 1px .5em 1px 0; }

#menu-home li:last-child { padding: 1px 0 1px .5em; }

#menu-home ul { display: none; margin: 7px 0px 0px 10px; padding: 7px; width: 125px; position: absolute; left: 0; background: #ddd; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(white), to(#cfcfcf)); /* for webkit browsers */ background: -moz-linear-gradient(top, white, #cfcfcf); /* for firefox 3.6+ */ }

#menu-home li:hover > ul { display: block; z-index: 100; }

#menu-home ul li { float: none; margin: 0; padding: 0px; }

#menu-home a { color: #CCC; text-decoration: none; padding: 5px; }

#menu-home ul a { color: #000; display: block; }

#menu-home a:hover { background: #5fb8eb; }

#menu-home .current a, #menu-home li:hover > a { background: #d1d1d1; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */ background: -moz-linear-gradient(top, #ebebeb, #a1a1a1); /* for firefox 3.6+ */ color: #000; border-top: solid 1px #f8f8f8; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

/* sub levels link hover */
#menu-home ul li:hover a, #menu-home li:hover li a { background: none; border: none; color: #666; -webkit-box-shadow: none; -moz-box-shadow: none; z-index: 1000; }

#menu-home:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

#menu-home ul a:hover { background: #0399d4 !important; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04acec', endColorstr='#0186ba'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)) !important; /* for webkit browsers */ background: -moz-linear-gradient(top, #04acec, #0186ba) !important; /* for firefox 3.6+ */ color: #fff !important; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); z-index: 1000; }

html[xmlns] #menu-home { display: block; }

* html #menu-home { height: 1%; }

/* calendar feed */
.when { color: #09F; font-weight: bold; }

.login { color: #FFF; margin-top: 10px; font-size: .9em; float: right; z-index: 200; background: #666; padding: 5px; }

.login a:link { font-weight: normal; text-decoration: none; color: #CCC; }

.login a:visited { font-weight: normal; text-decoration: none; color: #CCC; }

.login a:hover { text-decoration: underline; }

.login a:active { text-decoration: underline; }

/* @media screen and (min-width: 320px) */
/*@media screen and (min-width: 1em) and (max-width:20.062em) */
@media screen and (min-width: 16px) and (max-width: 321px) { body { /* Zoom baseline grid to 17/16 = 1.0625 */ font-size: .8em; }
  h1 { line-height: 1.1428571428571428em; margin: 1.1428571428571428em 0 0.5714285714285714em; }
  #main_container { margin: 0 auto; /*min-width:14em;
max-width:20em;*/ min-width: 224px; max-width: 320px; padding: 0px; }
  #header_front { padding: 10px 0 0 0; }
  #head_background { height: 215px; padding: 0; }
  #menu-home li { padding: 0px; margin: 0px; }
  #menu-home ul { margin: 0; padding: 4px; width: 65px; left: 0; }
  #menu-home ul li { float: none; margin: 0; }
  #menu-home a { padding: 1px; }
  a.button { font-size: .9em; }
  a.button span { line-height: 8px; padding: 2px 0 2px 10px; }
  #tagline { margin: 0 auto; font-size: 1.4em; }
  footer { padding: 0 5px 0 0; }
  .content-front { margin: 0; }
  .content { margin: 0; padding: 10px 5px 10px 5px; }
  .login { width: 100%; background: #999; margin-top: 5px; font-size: .9em; float: left; }
  .column { width: 100%; margin: 0; padding: 0; }
  .column h4 { padding: 3px 0px; } }
/* @media screen and (max-width: 480px) */
@media screen and (min-width: 20.063em) and (max-width: 30.059em) { body { /* Zoom baseline grid to 17/16 = 1.0625 */ font-size: 1.0625em; }
  h1 { 	/* 42px / 48px   font-size: 1.625em;*/ line-height: 1.1428571428571428em; margin: 1.1428571428571428em 0 0.5714285714285714em; }
  #main_container { margin: 0 auto; min-width: 13em; max-width: 24em; padding: 10px; }
  #tagline { margin: 0 auto; padding-top: 15px; font-size: 1.3em; }
  #head_background { height: 285px; }
  #menu-home li { padding: 0px; font-size: 1.1em; margin: 0px; }
  #menu-home ul { font-size: .8em; margin: 0; padding: 5px; width: 105px; }
  #menu-home ul li { margin: 3px; padding: 0px; }
  #menu-home a { padding: 0 5px 0 5px; }
  .content-front { margin: 0; }
  .content { margin: 0; padding: 10px 5px 10px 5px; }
  a.button { padding-top: 5px; padding-bottom: 5px; font-size: 1.2em; }
  a.button span { padding: 5px 0 5px 10px; }
  .login { width: 50%; background: #999; margin-top: 5px; font-size: .9em; float: left; }
  #column1 { margin-top: 0px; }
  .column { width: 100%; margin: 0; padding: 0; }
  .column h4 { font-size: 1em; padding: 4px 0px; }
  footer { padding: 1em 0; } }
@media screen and (max-width: 30.059em) { #menu-home li { display: block; padding: .3em 0; }
  #menu-home li:first-child { padding: 0 0 .3em 0; }
  #menu-home li:last-child { padding: .3em 0 0 0; } }
@media screen and (min-width: 30.06em) and (max-width: 39.99em) { body { /* Zoom baseline grid to 17/16 = 1.0625 */ font-size: 1.0625em; }
  h1 { 	/* 42px / 48px   font-size: 2.625em;*/ line-height: 1.1428571428571428em; margin: 1.1428571428571428em 0 0.5714285714285714em; }
  #main_container { margin: 0 auto; min-width: 11em; max-width: 35em; padding: 10px; }
  #menu-centered li { padding: 5px 1%; }
  #menu-home li { padding: 0px; font-size: 1.2em; margin: 0px; }
  #menu-home ul { font-size: .7em; margin: 0px; padding: 0px; width: 145px; }
  #menu-home ul li { margin: 5px; padding: 0px; }
  #menu-home a { padding: 0 15px; }
  .login { width: 100%; position: relative; margin: 15px 0 15px 0; font-size: .9em; float: left; }
  a.button { padding-top: 5px; padding-bottom: 5px; font-size: 1.2em; padding-right: 18px; /* sliding doors padding */ }
  #tagline { font-size: 1.4em; }
  .column { width: 45%; margin-top: -10px; }
  .column h4 { font-size: 1em; }
  footer { min-width: 95%; padding: 0px; font-size: .8em; margin-top: -10px; } }
@media screen and (min-width: 40em) and (max-width: 44.99em) { body { /* Zoom baseline grid to 17/16 = 1.0625 */ font-size: 1.0625em; }
  h1 { 	/* 42px / 48px   font-size: 2.625em;*/ line-height: 1.1428571428571428em; margin: 1.1428571428571428em 0 0.5714285714285714em; }
  #main_container { margin: 0 auto; min-width: 12em; max-width: 37em; padding: 10px; }
  #menu-centered li { padding: 5px 1%; }
  #menu-home li { padding: 0px; font-size: 0.9em; margin: 0px; }
  #menu-home ul { margin: 0; padding: 0px; width: 105px; top: 18px; left: 0; }
  #menu-home ul li { margin: 0; padding: 0px; }
  #menu-home a { padding: 2px; }
  .login { width: 100%; position: relative; margin: 15px 0 15px 0; font-size: .9em; float: left; }
  #tagline { margin-top: 10px; font-size: 1.5em; }
  .column { width: 45%; }
  .column h4 { font-size: 1.2em; } }
/* @media screen and (min-width: 640px) */
@media screen and (min-width: 45em) and (max-width: 51.99em) { body { /* Zoom baseline grid to 17/16 = 1.0625 */ font-size: 1.0625em; }
  h1 { 	/* 42px / 48px   font-size: 2.625em;*/ line-height: 1.1428571428571428em; margin: 1.1428571428571428em 0 0.5714285714285714em; }
  #main_container { margin: 0 auto; min-width: 23em; max-width: 40em; padding: 10px; }
  #menu-centered li { padding: 5px 1%; }
  #menu-home ul { width: 100px; }
  #menu-home ul li { margin: 0; padding: 0px; }
  #menu-home a { padding: 0px 2px; }
  #tagline { font-size: 1.5em; margin-top: 10px; }
  .column { width: 45%; }
  .column h4 { font-size: 1.3em; } }
@media screen and (min-width: 52em) { .front_button { width: 50%; } }
/* @media screen and (min-width: 720px) */
@media screen and (min-width: 52em) and (max-width: 55.49em) { body { /* Reset baseline grid to 16/16 = 1 */ font-size: 1em; }
  #twoway .wrapper { float: left; width: 50%; }
  #main_container { margin: 0 auto; min-width: 23em; max-width: 48em; padding: 10px; }
  #menu-centered li { display: inline; list-style: none; position: relative; }
  #menu-home ul { padding: 0px; width: 100px; }
  #tagline { font-size: 1.6em; }
  .column { width: 45%; }
  .column h4 { font-size: 1.4em; } }
/* @media screen and (min-width: 888px) */
@media screen and (min-width: 55.5em) and (max-width: 61.49em) { body { /* Zoom baseline grid to 17/16 = 1.0625 */ font-size: 1.0625em; }
  #main_container { margin: 0 auto; min-width: 30em; max-width: 48em; padding: 10px; }
  #menu-home ul { padding: 0px; width: 100px; }
  #tagline { font-size: 1.5em; }
  .column { width: 43%; }
  .column h4 { font-size: 1.4em; } }
/* @media screen and (min-width: 984px) */
@media screen and (min-width: 61.5em) and (max-width: 74.99em) { body { /* Reset baseline grid to 16/16 = 1.0 */ font-size: 1em; }
  header, #twoway { margin: 0 16.666666666666664%; }
  #main_container { margin: 0 auto; min-width: 33em; max-width: 47em; padding: 10px; }
  #menu-home ul { padding: 0px; width: 100px; }
  #tagline { font-size: 1.6em; }
  .column { width: 46%; }
  .column h4 { font-size: 1.4em; } }
/* @media screen and (min-width: 1200px) */
@media screen and (min-width: 75em) and (max-width: 86.99em) { body { /* Zoom baseline grid to 17/16 = 1.0625 */ font-size: 1.0625em; }
  #main_container { margin: 0 auto; min-width: 13em; max-width: 55em; padding: 10px; }
  #menu-home ul { margin: 8px 0px 0px 10px; padding: 0px; left: 0; }
  .column { width: 46%; }
  .column h4 { font-size: 1.5em; } }
/* @media screen and (min-width: 1392px) */
@media screen and (min-width: 87em) and (max-width: 94.99em) { body { /* Reset baseline grid to 16/16 = 1.0 */ font-size: 1em; }
  header, #twoway { margin: 0 27.77777777777778%; }
  #main_container { margin: 0 auto; min-width: 15em; max-width: 61em; padding: 10px; }
  .column { width: 47%; }
  .column h4 { font-size: 1.55em; } }
/* @media screen and (min-width: 1680px) */
@media screen and (min-width: 95em) and (max-width: 104.99em) { body { /* Zoom baseline grid to 17/16 = 1.0625   font-size: 1.0625em;*/ }
  #main_container { margin: 0 auto; min-width: 43em; max-width: 65em; padding: 10px; }
  .column { width: 47%; }
  .column h4 { font-size: 1.55em; } }
@media screen and (min-width: 105em) { body { /* Zoom baseline grid to 17/16 = 1.0625  font-size: 1.0625em; */ }
  #main_container { margin: 0 auto; min-width: 43em; max-width: 70em; padding: 10px; }
  #menu-home a { padding: 0px 30px 0px 30px; }
  #menu-home ul { font-size: 1em; margin: 2px 0px 0px 11px; padding: 0px; width: 140px; }
  #menu-home ul li { margin: 0px; padding: 5px; }
  .column { width: 48%; }
  .column h4 { font-size: 1.55em; } }
/*
*
* Sixteen-column grid active
* ----------------------------------------------------------------------------------------------------------------------
* Margin | # 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | Margin
* 5.55555% | % 6.25 12.5 18.75 25.0 31.25 37.5 43.75 50.0 56.25 62.5 68.75 75.0 81.25 87.5 93.75 100 | 5.55555%
*
*
*/
/* @media screen and (min-width: 1872px) */
@media screen and (min-width: 117em) { header, #twoway { margin: 0 5.555555555555555%; }
  header .wrapper { width: 37.5%; margin-left: 25%; } }
/* @media screen and (min-width: 2080px) */
@media screen and (min-width: 130em) { body { 	/* Zoom baseline grid to 18/16 = 1.125   font-size: 1.125em;*/ max-width: 160em; } }

.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.pagination li {
    padding: 5px;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid black;
    border-radius: 5px;
    background-color: #999999;
}

.pagination .disabled {
    pointer-events: none;
    color: black;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

.loggedDiv{
  display: inline-block;
  width:100%;
}
#loggedInOff{
  list-style: none;
  float: right;
  font-weight: bold;
}