/* ================================================================================================================================================= */
/* NORMALIZE & SKELETON CSS */
/* FROM http://getskeleton.com/ */
/* ================================================================================================================================================= */

/* NORMALIZE CSS*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 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;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * 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/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * 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/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

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"], /* 1 */
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;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 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 and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 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/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}

/* ================================================================================================================================================= */
/* SKELETON CSS */
/* ================================================================================================================================================= */

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
--------------------------------------------------
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
=============================== */
.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    /*padding: 0;*/ }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
=============================== */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222; }


/* Typography
=============================== */
h1, h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", Arial;
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; 
  color:#000;}
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 3.0rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 2.0rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 2.0rem; line-height: 1.6;  letter-spacing: 0; }

h1{display:block;}
h2{color:#007ea8;}
h4 {color:#ff9933;}

/* Larger than phablet */
@media (min-width: 550px) {
  /*
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
  */
}

p {
  margin-top: 0; 
  font-family: "Trebuchet MS", Arial;
  }


/* Links
=============================== */
a {
  color: #1EAEDB; }
a:hover {
  color: #0FA0CE; }


/* Buttons
=============================== */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
=============================== */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
=============================== */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


/* Code
=============================== */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
=============================== */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
=============================== */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


/* Utilities
=============================== */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
=============================== */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
=============================== */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

/* ================================================================================================================================================= */
/* MENU */
/* FROM HERE http://cssmenumaker.com/menu/responsive-flat-menu */
/* THIS MENU DID NOT WORK WELL ON iPad IN LANDSCAPE MODE SO I AM TURNING THIS OFF FOR MOBILE AND USING JQUERY MENU */
/* ================================================================================================================================================= */

/* @import url(http://fonts.googleapis.com/css?family=Montserrat:400,700); */
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index:1000;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  font-family: Montserrat, sans-serif;
  background: #333333;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 17px;
  font-size: 12px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 700;
  text-transform: uppercase;
}
#cssmenu > ul > li:hover > a {
  color: #ffffff;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: /*35px*/ auto;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 12px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 400;
  background: #333333;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}

/* ================================================================================================================================================= */
/* MOBILE JQUERY MENU */
/* FROM HERE http://mmenu.frebsite.nl/download.html */
/* THIS MENU DID NOT WORK WELL ON iPad IN LANDSCAPE MODE SO I AM TURNING THIS OFF FOR MOBILE AND USING JQUERY MENU */
/* ================================================================================================================================================= */
#menu-button {display:none !important;}

nav:not(.mm-menu)
{
	display: none;
}
.mobile-header
{
	display: none;
	background: #333;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;
	text-align: center;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 40px;
	padding: 0 50px;
	position:relative;
}
.mobile-header a
{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
}
#mobile-menu,.mobile-header {font-family: Verdana, Arial, Helvetica, sans-serif;}
.mm-navbar {height:60px;}
.mm-hasnavbar-top-1 .mm-panels {top:60px;}
.mm-listview > li > a, .mm-listview > li > span,.mm-navbar .mm-title {white-space:normal;}
.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a,.mm-menu .mm-navbar .mm-btn::before, .mm-menu .mm-navbar .mm-btn::after {color:rgba(0,0,0,0.8);cursor: pointer;}
.mm-menu .mm-navbar a:hover {color:#ff9933;}

.mm-listview .mm-next:hover {background: rgba(255,153,51,0.5);}
.mm-listview  a,.mm-listview  a.mainmenu,.mm-listview > li > a {color:#007ea8;}
.mm-listview  a:hover,.mm-listview  a.mainmenu:hover,.mm-listview > li > a:hover {color:#ff9933;font-weight:normal;}


/* ================================================================================================================================================= */
/* OLD SITE CSS
/* ================================================================================================================================================= */

a:link, a:visited, a:active   {color:#007ea8; text-decoration:none;}
a:hover {color:#ff9933; text-decoration:none;}

A.mainmenu {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; 
font-weight: normal;
font-size: 15px;
line-height : 18px;
color: #007ea8;
}
A.mainmenu:link, A.mainmenu:visited, A.mainmenu:active {color: #007ea8; text-decoration:none;font-weight: normal;}
A.mainmenu:hover {color: #ff9933; text-decoration:none;font-weight: bold;}

A.mainmenuselected {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; 
font-weight: bold;
font-size: 15px;
line-height : 18px;
color: #007ea8;
background:#ff9933;
}
A.mainmenuselected:link, A.mainmenuselected:visited, A.mainmenuselected:active {color: #ffffff; text-decoration:none;font-weight: bold;background:#ff9933;}
A.mainmenuselected:hover {color: #ffffff; text-decoration:none;font-weight: bold;background:#007ea8;}

A.submenu {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; 
font-weight: normal;
font-size: 11px;
line-height : 13px;
color: #007ea8;
}
A.submenu:link, A.submenu:visited, A.submenu:active {color: #007ea8; text-decoration:none;font-weight: normal;}
A.submenu:hover {color: #007ea8; text-decoration:none;font-weight: bold;}

A.submenuselected {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; 
font-weight: bold;
font-size: 11px;
line-height : 13px;
color: #007ea8;
}
A.submenuselected:link, A.submenuselected:visited, A.submenuselected:active {color: #007ea8; text-decoration:none;font-weight: bold;}
A.submenuselected:hover {color: #007ea8; text-decoration:underline;font-weight: bold;}

A.subsubmenu {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; 
font-weight: normal;
font-size: 11px;
line-height : 13px;
color: #c3c1c1;
}
A.subsubmenu:link, A.subsubmenu:visited, A.subsubmenu:active {color: #c3c1c1; text-decoration:none;font-weight: normal;}
A.subsubmenu:hover {color: #676767; text-decoration:none;font-weight: bold;}

A.subsubmenuselected {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; 
font-weight: bold;
font-size: 11px;
line-height : 13px;
color: #676767;
}
A.subsubmenuselected:link, A.subsubmenuselected:visited, A.subsubmenuselected:active {color: #676767; text-decoration:none;font-weight: bold;}
A.subsubmenuselected:hover {color: #676767; text-decoration:underline;font-weight: bold;}

A.footerlink:link, A.footerlink:visited, A.footerlink:active {color: #918f82; text-decoration:none;}
A.footerlink:hover{color: #b6111c; text-decoration:underline;}

A.mmthumb {}
A.mmthumb:hover {background:url(/images/mm_selected.png) 0 0 no-repeat;}

A.mmthumbselected {display:block;margin-top:3px;margin-bottom:5px;border:2px #ff9933 solid;}
A.mmthumbselected:hover {border:2px #007ea8 solid;}

.mmimage {position:relative;width:142px;height:158px;}
.mmimagelink  {position:absolute;top:0px;left:0px;z-index:10;width:142px;height:158px;}
.mmimagelink a {display:block;width:142px;height:158px;background:url(/images/mm_selected.png) 0 -158px no-repeat;}
.mmimagelink a:hover, .mmimagelink a.selected {width:142px;height:158px;background:url(/images/mm_selected.png) 0 0 no-repeat;}
.mmleft, .mmleft .mmimagelink a  {
-webkit-border-top-left-radius: 9px;
-moz-border-radius-topleft: 9px;
border-top-left-radius: 9px;
background-image:url(/images/mm_selected_left.png);
}
.mmright, .mmright .mmimagelink a  {
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topright: 9px;
border-top-right-radius: 9px;
background-image:url(/images/mm_selected_right.png);
}

body {
background:#e7e7e7;
margin:15px 48px;
padding:0px;
font-family: "Trebuchet MS", Arial /*Times New Roman, Times, Georgia, Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;*/;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
/*font-size: 1em;*/
color: #000000;
}
P { color: #000000 }
TD P { color: #000000 }
DT { color: #000000 }
DD { color: #000000 }
td {
font-family: "Trebuchet MS", Arial /*Times New Roman, Times, Georgia, Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;*/;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
font-size: 1em;
color: #000000;
}

#content,#homecontent {
width:720px;
float:left;
padding-left:10px;
padding-right:10px;
text-align:left;
font-family: Times New Roman, Times, Georgia, Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
font-size: 1em;
color: #000000;
}
#homecontent{
width:1000px;
clear:both;
padding:20px 0 20px 0;
}
.slogan {
font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
font-size: 13px;
line-height: 20px;
color: #5a5742;
}
.formboxes {
border: #b0d6e5 1px solid;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
text-decoration: none;
font-size: 10px;
font-family: Verdana, Helvetica, Arial, 'san serif';
color: #007ea8;
background: #FFFFFF;
font-weight:normal;
}

.textsmall {
font-size: 0.8em;
color:#333333;
}
.footer {
font-size: 0.8em;
color:#918f82;
}

.bluetext{
color:#007ea8;
}
#sidebar{
width:250px;
float:right;
font-size:15px;
line-height:24px;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
#submenu,#daily-quote {
border:1px solid #a2a2a2;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.clear{clear:both;}
#submenu ul {text-transform:uppercase;list-style:none;padding:0px;margin:0px;background:#414141;}
#submenu ul li {border-bottom:1px solid #5d5d5d;padding-left:10px;}

#submenu ul ul {text-transform:none;color:#FF9933;border-top:1px solid #5d5d5d;margin-left:-10px;}
#submenu ul ul ul {text-transform:none;color:#FF9933;border-top:1px solid #5d5d5d;margin-left:-30px;}
#submenu ul ul ul ul {text-transform:none;color:#FF9933;border-top:1px solid #5d5d5d;margin-left:-50px;}
#submenu ul ul ul ul ul {text-transform:none;color:#FF9933;border-top:1px solid #5d5d5d;margin-left:-70px;}
#submenu ul ul li {padding: 0px 0 0px 30px; background:  url(/images/bullet-disc.png) no-repeat 15px 8px;}
#submenu ul ul ul li {padding: 0px 0 0px 50px; background:  url(/images/bullet-circle.png) no-repeat 35px 8px;}
#submenu ul ul ul ul li {padding: 0px 0 0px 70px; background: url(/images/bullet-square.png) no-repeat 55px 8px;}
#submenu ul ul ul ul ul li {padding: 0px 0 0px 90px; background:  url(/images/bullet-arrow.png) no-repeat 75px 8px;}

#submenu ul a {color:#FF9933;display:block;}
#submenu ul a:hover {color:#ffffff;display:block;}
#submenu ul ul a {color:#ffffff;display:block;}
#submenu ul ul a:hover {color:#FF9933;display:block;}

#daily-quote {margin-bottom:30px;background:#ebebeb;padding:10px;font-size:12px;line-height:16px;}
.the-quote {font-style:italic;}

.logo {float:left;color#414141;font-family:Trebuchet MS;margin-left:20px;margin-bottom:10px;}
.logoheading {font-size:26px;line-height:28px;text-transform:uppercase;letter-spacing:1px;}
.logotext {font-size:15px;line-height:20px;}
.tagline {float:right;color:#007ea8;font-size:30px;line-height:36px;font-style:italic;font-family:Trebuchet MS;margin-right:20px;margin-top:8px;}
.clear {clear:both;}


.mainwelcome {
width:1000px;
color:#ffffff;
background:#414141;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
font-family:"Trebuchet MS",times,serif;
}
.mainwelcome p,.mainwelcome h1 {margin:0;padding:0;color:#ffffff; font-size:15px;line-height:22px;}
.mainwelcomecontent{padding:10px;}
.mainwelcome h1{ font-size:40px;line-height:40px;color:#ffcc00;font-family:"Trebuchet MS",times,serif;}
.mainheading {margin-bottom:5px;}
.mainwelcomecontent a {color:#ffcc00;text-decoration:underline;}
.mainwelcomecontent a:hover {color:#8f8f8f;}
.column1 {
margin-top:20px;
float:left;
width:660px;
font-size:22px;
line-height:32px;
}
.column2 {
margin-top:20px;
float:right;
width:320px;
}
.column1 h3 {
color:#007ea8;
font-size:32px;
line-height:36px;
margin:0 0 5px 0;
padding-bottom:5px;
border-bottom:1px solid #e7e7e7;
}
.column1 p {margin:0px;}

.boxes, .searchbox,.biobox,.howtobox {
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}

.boxes {
float:left;
width:204px;
border:1px solid #414141;
background:#ebebeb;
color:#414141;
min-height:300px;
}
.boxes h2 {
background:#414141;
color:#ffffff;
font-family:"Trebuchet MS",times,serif;
font-size:22px;
line-height:36px;
text-align:center;
margin:0px;
display:block;
-webkit-border-top-left-radius: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 9px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
}
.boxes p {
color:#414141;
margin:9px;
font-family:"Trebuchet MS",times,serif;
font-size:12px;
line-height:20px;
text-align:justify;
}
.extraspace-right {
margin-right:20px;
}
.extraspace-bottom {
padding-bottom:20px;
}
.extraspace-top {
padding-top:20px;
}
.boxes a,.biobox a,.howtobox a {text-decoration:underline;}
.searchbox{
margin-bottom:20px;
color:#ffffff;
padding:5px 0 5px 15px;
}
.searchbox a {color:#ffffff;}
.searchbox a:hover {color:#ffcc00;}
.searchbox,.biobox {
border:1px solid #007ea8;
background:#007ea8;
}
.biobox {
width:318px;
border:1px solid #007ea8;
background:#ebebeb;
color:#414141;

}
.biobox h2 {
background:#007ea8;
color:#ffffff;
font-family:"Trebuchet MS",times,serif;
font-size:30px;
line-height:38px;
text-align:center;
margin:0px;
padding:3px;
display:block;
-webkit-border-top-left-radius: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 9px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
}
.biobox p, .biobox li {
color:#414141;
margin:9px;
font-family:"Trebuchet MS",times,serif;
font-size:14px;
line-height:20px;
}
.biobox p {text-align:justify;}

.howto{
margin-top:20px;
background:#ebebeb;
border-top:1px solid #007ea8;
border-bottom:1px solid #007ea8;
width:1000px;
}
.howto p {
margin:0px;
font-size:40px;
line-height:72px;
color:#007ea8;
font-family:"Trebuchet MS",times,serif;
text-align:center;
text-shadow: 1px 1px 0px #ffffff;
filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
.howtobox {
float:left;
width:318px;
border:1px solid #007ea8;
background:#007ea8;
color:#ffffff;
min-height:250px;
}
.howtobox h2 {
background:#ebebeb;
color:#007ea8;
font-family:"Trebuchet MS",times,serif;
font-size:22px;
line-height:36px;
text-align:center;
margin:0px;
display:block;
-webkit-border-top-left-radius: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 9px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
text-shadow: 1px 1px 0px #ffffff;
filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
.howtobox p, .howtobox li {
color:#ffffff;
margin:9px;
font-family:"Trebuchet MS",times,serif;
font-size:14px;
line-height:22px;
text-align:justify;
}
.howtobox ul,.howtobox li {
font-family:"Trebuchet MS",times,serif;
font-size:14px;
line-height:22px;
}
.howtobox a {color:#ffcc00;text-decoration:underline;}
.howtobox a:hover {color:#ffcc00;text-decoration:none;}

.closingwelcome {
margin-top:20px;
width:1000px;
color:#ffffff;
background:#414141;
-webkit-border-bottom-left-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomleft: 9px;
-moz-border-radius-bottomright: 9px;
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
font-family:"Trebuchet MS",times,serif;
}
.closingwelcome p,.closingwelcome h3 {margin:0;padding:0;color:#ffffff; font-size:15px;line-height:22px;}
.closingwelcomecontent{padding:10px;}
.closingwelcome h3{ font-size:30px;line-height:40px;color:#ffcc00;font-family:"Trebuchet MS",times,serif;margin:0 0 10px 0;padding-bottom:10px;border-bottom:1px solid #737373;font-weight:normal;}
.closingheading {margin-bottom:5px;}
.closingwelcomecontent a {color:#ffcc00;text-decoration:underline;}
.closingwelcomecontent a:hover {color:#8f8f8f;}
.newsitem {margin:0 0 10px 0;padding-bottom:10px;border-bottom:1px solid #737373;}
p.newsheading {margin-left:20px;}

/* MAIN MENU CHANGES */
.ddsmoothmenu, .ddsmoothmenu ul li ul li a {font-size:15px !important;}
.above-sidebar-menu {text-align:center;padding:6px 0;font-weight:bold;}


@media only screen and (max-width: 767px) {
	/*.ddsmoothmenu ul ul {display:none !important;}*/
}


/*
 jQuery Nivo Slider v2.7.1
 http://nivo.dev7studios.com
 Copyright 2011, Gilbert Pellegrom
 Free to use and abuse under the MIT license.
 http://www.opensource.org/licenses/mit-license.php
 */
.nivoSlider{position:relative;}
.nivoSlider img{position:absolute;top:0;left:0;}
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
.nivo-slice{display:block;position:absolute;z-index:5;height:100%;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-caption{position:absolute;left:0;bottom:0;background:#000;color:#fff;opacity:0.8;width:100%;z-index:8;}
.nivo-caption p{padding:5px;margin:0;}
.nivo-caption a{display:inline!important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav{left:0;}
.nivo-nextNav{right:0;}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active{font-weight:700;}

/*
Skin Name: Nivo Slider Default Theme (modified)
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider, modified to work with the Inland One template.
Version: 1.0
Author: Gilbert Pellegrom (modified by Andreas Viklund)
Author URI: http://dev7studios.com
*/
.slider-wrapper .nivoSlider{position:relative;height:300px;background:#fafafa url(/Hemlock/images/loading.gif) no-repeat 50% 50%;margin-bottom:55px;}
.slider-wrapper .nivoSlider img{position:absolute;top:0;left:0;display:none;}
.slider-wrapper .nivoSlider a{border:0;display:block;}
.slider-wrapper .nivo-controlNav{position:absolute;left:50%;bottom:-41px;margin-left:-60px;/* Tweak this to center bullets */}
.slider-wrapper .nivo-controlNav a{display:block;width:22px;height:22px;background:url(/Hemlock/images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.slider-wrapper .nivo-controlNav a.active{background-position:0 -22px;}
.slider-wrapper .nivo-directionNav a{display:block;width:30px;height:30px;background:url(/Hemlock/images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
.slider-wrapper a.nivo-nextNav{background-position:-30px 0;right:15px;}
.slider-wrapper a.nivo-prevNav{left:15px;}
.slider-wrapper .nivo-caption{font-family:'Droid Sans',Helvetica,Arial,sans-serif;background:rgba(0, 0, 0, 0.2);text-align:center;text-shadow:0 0 4px #111;}
.slider-wrapper .nivo-caption a{color:#fff;border-bottom:1px dotted #fff;}
.slider-wrapper .nivo-caption a:hover{color:#fff;}

/* ================================================================================================================================================= */
/* NEW CSS TO WORK WITH MOBILE SITE
/* ================================================================================================================================================= */
body {margin:15px 0;}
td, dl, dt, p, #content div {width:auto !important;}
ul {
display: block;
list-style-type: disc;
list-style-position: outside;
padding-left:20px;
}
li {margin-bottom: 0;}
.container {width:100%;max-width:1060px;}
.main {
background:#ffffff;
border:1px solid #000000:
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
padding:30px;
}
.ls-v5 .ls-nav-prev, .ls-v5 .ls-nav-next {display:none !important;}
.logo,.tagline {float:none;}
.tagline {text-align:right;font-size:24px;}
.header {margin-bottom:15px;}
#cssmenu {margin-top:30px;}
#cssmenu > ul > li {width:14.2857%;}
#cssmenu ul ul li a {line-height:16px;}
#cssmenu > ul > li > a {background:#333333;padding-left:0px;letter-spacing:normal;font-weight:600;text-align:center;}
#cssmenu > ul > li.has-sub > a {padding-right:15px;}
#cssmenu > ul > li > a:hover, #cssmenu > ul > li > ul > li > a:hover, #cssmenu > ul > li > ul > li > ul > li > a:hover, #cssmenu > ul > li > ul > li > ul > li > ul > li > a:hover /*, #cssmenu >li a.mainmenuselected, #cssmenu ul > ul > li > a:hover,#cssmenu ul > li a.mainmenuselected > li > a:hover*/ {background:#FF9933;}
#cssmenu > ul > li > a.mainmenuselected {color:#ffffff;}

#cssmenu > ul > li {padding-top:16%;}
#cssmenu .big-questions,#cssmenu .christ,#cssmenu .family,#cssmenu .mission, #cssmenu .links,#cssmenu .downloads,#cssmenu .contact  {background-size:contain;background-repeat:no-repeat;}
#cssmenu .big-questions {background-image:url(/images/mm_big_question.jpg);}
#cssmenu .christ {background-image:url(/images/mm_christ.jpg);}
#cssmenu .family {background-image:url(/images/mm_family.jpg);}
#cssmenu .mission {background-image:url(/images/mm_mission.jpg);}
#cssmenu .links {background-image:url(/images/mm_links.jpg);}
#cssmenu .downloads {background-image:url(/images/mm_download.jpg);}
#cssmenu .contact {background-image:url(/images/mm_contact.jpg);}

#cssmenu > ul > li.has-sub > a:before {right:12px;}
#cssmenu > ul > li.has-sub > a:after {right:9px;}

/*#cssmenu > li.selected > li, #cssmenu > li > li a, #cssmenu > li a.mainmenuselected > li a  {background:#333333;}*/
.searchbox .cse .gsc-control-cse, .searchbox .gsc-control-cse {padding:10px 10px 10px 0;}
.searchbox table,.searchbox td {margin:0;padding:0;border:none;}
.searchbox input {margin:0;}
.searchbox .gsc-input-box {height:24px;}
.searchbox .gsc-search-button input.gsc-search-button-v2, .searchbox input.gsc-search-button-v2 {margin-top:4px !important;}

#footer {margin-top:15px;}
#footer p {margin:0;text-align:center;font-size:12px;}

#content, #homecontent, .mainwelcome, .biobox,.howto, .closingwelcome {width:100%;}
#sidebar {width:26%;}
#content {width:70%;padding-left:0;}
#content table {width:100%;}

.column1 {width:66%;}
.column2 {width:32%;}
.boxes {width:30%;}
.howtobox {width:31.1%;}
.extraspace-right {margin-right:3%;}
.biobox img {width:35%;margin-right:20px;}
.howto {padding:15px 0;}
.howto p {line-height:42px;}

.content-image {margin-top:10px;}
.alignright {float:right;margin-left:40px;}
.alignleft {float:left;margin-right:40px;}

/* ================================================================================================================================================= */
/* Mobile Media Queries
/* ================================================================================================================================================= */

/*  #Mobile (Landscape and Portrait)
================================================== */


	@media only screen and (max-width: 958px) {
	
		#cssmenu ul ul ul ul li a {padding-left: 45px;}
		#cssmenu ul ul ul ul ul li a {padding-left: 55px;}
		.boxes,.howtobox {width:100%;min-height:inherit;height:inherit;}
		.extraspace-right {margin-bottom:30px;}
		.biobox p {text-align:left;}
		.biobox img {width:100%;margin-right:0px;margin-bottom:20px;}
		.searchbox .gsc-search-button input.gsc-search-button-v2, .searchbox input.gsc-search-button-v2 {padding:6px;}
		
	}
	
	@media only screen and (max-width: 768px) {
	
		body {background:#ffffff;}
		.main {padding:0;box-shadow:none;border:none;}
		.mainwelcome h1 {font-size:32px;line-height:40px;}
		.column1, .column2, #sidebar, #content {width:100%;}
		.logo,.tagline {text-align:center;}
		.logo {margin-left:0;}
		.logoheading {font-weight:bold;font-size:30px;}
		.logotext {font-size:20px;line-height:20px;}
		.tagline {font-size:22px;line-height:24px;margin-right:0;margin-bottom:30px;}
		
		.alignright {float:none;margin-left:0px;}
		.alignleft {float:none;margin-right:0px;}
		#content .content-image {width:100% !important;}
		

	}

/*@media all and (max-width: 787px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px)*/

@media all and (max-width: 787px) {
  
  .mobile-header {display:block;}
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul li a {
    padding-left: 25px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {
    color: #dddddd;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #ffffff;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 17px;
    color: #dddddd;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #dddddd;
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 1099;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #262626;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
  #cssmenu > ul > li {padding-top:0px;}
  #cssmenu .big-questions,#cssmenu .christ,#cssmenu .family,#cssmenu .mission, #cssmenu .links,#cssmenu .downloads,#cssmenu .contact  {background-image:none;)
}