@import url('https://fonts.googleapis.com/css?family=Crushed|Nunito');

/*! normalize.css v1.1.2 | MIT License | git.io/normalize */

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

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

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

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}
/* fixing the anchor links */
h4 a[id]:before {
    display: block; 
	content: " "; 
	margin-top: -285px; 
	height: 285px; 
	visibility: hidden; 
}

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

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

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

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

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/* Added by AM 20180309 */
div.header-logo {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Added by AM 20180320 */
span.header-three {
    font-size: 1.17em;
    margin: 1em 0;
    display: block;
}

/* Added by AM 20180312 */
span.header-four {
    font-size: 1em;
    margin: 1.33em 0;
}

/* Added by AM 20180312 */
span.header-six {
    font-size: 0.67em;
    margin: 2.33em 0;
    display: block;
}

.page_button {
    border: 0;
    background: #F39D3A;
    text-shadow: 1px 1px 1px #DB9245;
    color: #fff;
    height: 31px;
    line-height: 31px;
    text-transform: uppercase;
    font-size: 20px;
    padding: 10px 10px;
    text-align: left;
    transition: background-color .15s linear;
    font-family: "Montserrat",sans-serif;
    font-weight: bolder;
    width: auto;
}

.page_button:hover {
	color: #fff4e2;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

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

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

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

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

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

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

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

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

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

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

/* ==========================================================================
   WYSIWYG Specific
   ========================================================================== */

h4.sub-header-blue {
	font-size:18px;
	font-weight:bold;
	font-family:"Montserrat",sans-serif; margin:0; color: #268dbe; text-align:left;
}

h3.green-header{
	font-size: 20px;
	font-weight: 600;
	color: #3bb3ae;
}

h4.medium-header{
	font-size: 16px;
	font-weight: bold;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}



/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

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

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * 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 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ 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 6+.
 * 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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * 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.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

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

/**
 * 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 3+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 6/7/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;
}

/* ==========================================================================
   Start Application CSS
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 25px 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.mobile-only {
	display:none;
}

.screenreader {
	position:absolute;
	left: -9999px;
}

/*==========================================================================
   Alert Block Styles
========================================================================== */
.alert-block {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
.alert-block.hidden {
	display: none;
}
.alert-block .alert-block-bkgd {
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.7);
}
.alert-block .alert-block-content {
	max-width: 800px;
	min-width: 800px;
	max-height: calc(100% - 10%);
	padding: 30px;
	box-sizing: border-box;
	background-color: #fff;
	border: 5px solid #bbb;
	box-shadow: 0 0 5px rgba(0,0,0,.4);
	position: fixed;
	top: 10%;
	left: calc(50% - (800px / 2));
	z-index: 1000;
	overflow: scroll;
}
.alert-block .alert-block-content p {
	margin-bottom: 10px;
	color: #1c1c1c;
	font-size: 16px;
}
.alert-block .alert-block-content ol {
	margin-bottom: 10px;
	padding: 0 0 0 35px;
}
.alert-block .alert-block-content .close {
	color: #bbb;
	font-size: 25px;
	position: absolute;
	top: 15px;
	right: 15px;
}

@media only screen and (max-width: 800px) {
	.alert-block .alert-block-content {
		width: calc(100% - 60px);
		min-width: unset;
		max-height: calc(100% - 25px);
		top: 15px;
		left: 30px;
		overflow: scroll;
	}
	.alert-block .alert-block-content .close {
		position: fixed;
		top: 21px;
		right: 43px;
	}
}

@media only screen and (max-width: 450px) {
	.alert-block .alert-block-content {
		width: calc(100% - 20px);
		max-height: calc(100% - 25px);
		padding: 35px 20px 15px 15px;
		top: 15px;
		left: 10px;
		overflow: scroll;
	}
	.alert-block .alert-block-content .close {
		right: 17px;
	}
	.alert-block .alert-block-content p {
		font-size: 14px;
	}
	.alert-block .alert-block-content img {
		max-width: 100%;
	}
	.alert-block .alert-block-content ol li {
		font-size: 13px;  
	}
}

/* ==========================================================================
   Form Styles
   ========================================================================== */
   
.bytestudios_form input, .bytestudios_form textarea,
.form-horizontal input, .form-horizontal textarea,
.bucket input, input#startdate, input#enddate, input[type=reset] {
	border:1px solid #ddd;
	height:30px;
	margin-bottom:20px; margin-top:3px;
	outline:none;
	padding:0px 5px;
	width:100px; font-family:"Montserrat",sans-serif;
}

select {
	font-family:Arial;
}

.form-horizontal input {
	width:220px;
}

.bytestudios_form textarea, .form-horizontal textarea {
	height:150px;
	width:520px;
	resize: none;
	padding:5px 5px;
}

.bytestudios_form input:focus,.bytestudios_form textarea:focus,
.form-horizontal input:focus,.form-horizontal textarea:focus {
	border:1px solid #bbb;
}

.bytestudios_form label, .form-horizontal label {
	font-family:"Montserrat",sans-serif;
	color:#888; text-transform:uppercase;
	font-size:11px;
}

form#eventfilter label {
	font-size:14px;
	font-weight:normal;
	color:#000;
	text-transform:none;
}

.captcha-instructions {
	height:59px;
	padding:16px;
}

#recaptcha_response_field {
	float:left; 	width:300px;
}

input#recaptcha_response_field {
	border:3px solid #FFAC4F;
	box-shadow:none;
	border-radius:5px;
}
.bucket #recaptcha_response_field{
	width: 194px;
}

#recaptcha_widget {
	margin:0;
	display:block;
	float:left;
}

#recaptcha_image {
	 border:3px solid #FFAC4F;
	 border-radius:5px;
	 padding:10px; background:#fff;
	 margin-bottom:5px;
}
.bucket #recaptcha_image{
	padding: 2px;
	width: 200px !important;
	height: 38px !important;
}
.wysiwyg #recaptcha_challenge_image {
	margin:0; border-radius:5px;
}
.bucket #recaptcha_challenge_image{
	width:200px;
	height: 38px;
}

/*
fieldset {
	background:#fff;
	width:320px;
	padding: 7px;
	line-height: 10px;
	border:1px solid #dadada;
	float:left;
}
*/

.index fieldset {
	padding: 0px 10px;
	line-height: 29px;
	background:#fff;
	border:1px solid #ccc;
	float:left;
}

.index #event-results h4 {
	display:none;
}

.index .internal-links {
	padding-top: 15px;
	line-height:23px;
	text-transform:uppercase;
	font-size:15px;
	color:#bbb;
}

.index .internal-links a {
	color:#ddd;
	/*padding-right:20px;*/
}
.index .internal-links a:after {
	content:"";
	padding:0px 0px;
}
.index .internal-links a:hover {
	color: white;
}
.index .internal-links a:hover:after {
	content:"";
	padding:0px 0px;
}

select {
	border:0px;
	-webkit-appearance: none;
	-moz-appearance: none;
    appearance: none;
    padding:5px;
	padding-right:15px;
	text-size:11px;
	font-family:"Arial", sans-serif;
	font-weight:normal;
	background:white url('../jpg/selectbox.jpg') no-repeat;
	background-position-y:center;
	background-position-x:right;
	border:1px solid #ddd;
	border-radius:0px;
	height:31px;
	margin-bottom:20px;
	margin-top: 3px;
}

fieldset select {
	border:0px;
	-webkit-appearance: none;
	-moz-appearance: none;
    appearance: none;
     padding:0;
	padding-right:10px;
	margin-right:15px;
	text-size:11px;
	font-family:"Arial", sans-serif;
	background:url('../jpg/selectbox.jpg') no-repeat;
	background-position-y:center;
	background-position-x:right;
	box-shadow:none; height:auto;
	width:87px;
}

select::-ms-expand {
    display: none;
}

.ie9 select, .lt-ie9 select {
	padding-right:0px;
	background-image:none;
	margin-right:5px;
}

input[type="reset"] {
	width:31px; height:31px;
	padding:0;
	text-indent:-9999px;
	background:url('../jpg/reset.jpg') no-repeat center center;
	margin-left:5px;
	margin-top:3px; margin-bottom:0;
}

input#startdate, input#enddate {
	background:#fff url('../png/datepicker.png') no-repeat right 5px center;
}

input:focus#startdate, input:focus#enddate {
	background:#fff url('../png/datepicker.selected.png') no-repeat right 5px center;
}

fieldset {
	margin-top:10px;
}

.index input[type="reset"] {
	float:left;
	margin-top:10px;
}

input[type="submit"], button[type="submit"], button.submit {
	border:0;
	background:#F39D3A;
	text-shadow:1px 1px 1px #DB9245;
	color:#fff; height:31px;
	line-height:31px; text-transform:uppercase;
	font-size:14px; padding:0px 10px;
	text-align:left;
	transition: background-color .15s linear;
	font-family:"Montserrat",sans-serif;
	width:auto;

}

input[type="radio"], input[type="checkbox"] {
	width:auto;
	box-shadow:none;
	height:auto;
	margin:0px;
}


span.radio label {
	color:#000;
	text-transform:none;
	font-size:12px;
}


input[type="radio"] {
	margin-bottom:20px;
}

input[type="checkbox"] {
 margin-right:10px;
}

button.submit:hover {
	background:#ffac4f;
}

.form_label_style {
margin-right: 20px;
	float:left;
}

.form_label_style label {
	display:block;
	width:auto;
	float:none;
	margin-right:15px;
}

.form_label_style div {
	float:left;
	width:auto;
}

.form_label_style div label {
	color:#1c1c1c;
	text-transform:none;
	padding-top:3px;
}

.form_label_style div input[type="checkbox"] {
	margin-left:10px;
}

.form_label_style input,  textarea,  select, .column select {
	margin-bottom:0px;
}

.form_label_style {
	margin-bottom:15px;
}


.form_label_style input[type="radio"]{
    margin-right: 5px;
    margin-bottom:3px;
}

input[type="text"]:disabled {
	background:transparent;
}

/* ==========================================================================
   datepicker
   ========================================================================== */
#ui-datepicker-div {
	background:#fff;
	border:1px solid #000;
	margin-top:3px;
	padding:10px;
}

.ui-datepicker-title {
	font-family:"Montserrat",sans-serif;
	font-weight:bold;
	font-size:15px;
}

.ui-datepicker-prev, .ui-datepicker-next {
	font-size:12px;
	color:#888;
	font-family:"Montserrat",sans-serif;
	margin-right:5px;
	cursor:pointer;
}

#ui-datepicker-div th {
	width:20px;
	text-align:left;
	font-size:11px;
	font-family:"Montserrat",sans-serif;
	font-weight:normal;
}

#ui-datepicker-div td {
	height:20px;
	text-align:left;
	font-size:11px;
	font-family:"Montserrat",sans-serif;
}

/* ==========================================================================
   Typography / H1-H6 Styles
   ========================================================================== */
   
/*@font-face {
  font-family: 'Montserrat';
  src: url('/assets/fonts/Montserrat-Bold.eot');
  src: url('/assets/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
  	   url('/assets/fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg'),
       url('/assets/fonts/Montserrat-Bold.woff') format('woff'),
       url('/assets/fonts/Montserrat-Bold.ttf') format('truetype');
       font-weight:bold;
}

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

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'Montserrat';
		src: url('/assets/fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
		font-weight:normal;
	}
	@font-face {
		font-family: 'Montserrat';
		src: url('/assets/fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
		font-weight:bold;
	}
}*/


.form_header_style,h1,h2,h3,h4,h5,h6 { font-family:"Montserrat",sans-serif; margin:0; color:#000; text-align:left; line-height:130%; }
/* Added by AM 20180309, 201800309 */
/* Updated by AM 20180309, 201800320 */
div.header-logo, span.header-three, span.header-four, span.header-six { font-family:"Montserrat",sans-serif; margin:0; color:#000; text-align:left; line-height:130%; }
nav { font-family:"Montserrat",sans-serif;}

h1 {
	color:#fff;
	font-size:24px;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:3px;
	margin-top:5px;
	text-shadow:1px 1px 3px rgba(0,0,0,0.7);
}

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

h3 {
	font-size:20px;
	font-weight:normal;
}

h4 {
	font-size:18px;
	font-weight:bold;
}
   
h5 {
	font-size:14px;
	font-weight:bold;
}

/* Added by AM 20180309 */
div.header-logo {
	color:#fff;
	font-size:24px;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:3px;
	margin-top:5px;
	text-shadow:1px 1px 3px rgba(0,0,0,0.7);
}

/* Added by AM 20180320 */
span.header-three {
	font-size:20px;
	font-weight:normal;
}

/* Added by AM 20180312 */
span.header-four {
	font-size:18px;
	font-weight:bold;
}

.form_header_style {
	width:90%;
	border-bottom:1px solid #e8e8e8;
	margin-bottom:10px;
}

.form_header_style, h6 {
	font-size:14px;
	font-weight:normal;
}

p.pull-quote {
	font-family:"Georgia",serif;
	font-size:20px;
	line-height: 130% !important;
}

.image-border, .wysiwyg img.image-border {
border: 4px solid #fff;
box-shadow: 0px 0px 3px #aaa;
	width:auto; text-align:center;
	background:#fff; margin-bottom:20px;
	display:block;
	width:auto;
	margin:0 auto;
	margin-bottom:10px;
}

div.image-border img {
	margin:0px; max-width:100%;
}

div.image-border.right {
	margin:10px;
	margin-right:0px;
}

.wysiwyg ul, .wysiwyg ul li {
	margin:0; padding:0;
}

.wysiwyg img {
	margin:5px;
	max-width:100%;
	height:auto;
}

/* table captions added by MD 20150723 */
.table_caption {
	font-size: 10px;
	color: #888;
	border: 0;
	text-align: center;
}
.table_caption[align=right] {
	margin-left: 15px;
}
.table_caption img {
	margin: 0;
	border: 0;
	display:block;
	height:auto;
	margin:0 auto;
}

.img_full_centered {
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto;
}
img.img_full_centered {
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto;
}

.img_full_width {
	width:100%;
	height:auto;
}

.img_right_25, .img_left_25 {
	display:block;
	width:25%;
}

.wysiwyg .img_right_25, .img_right_25 {
	float:right;
	margin-left:15px;
	text-align:left;
}

.wysiwyg .img_left_25, .img_left_25 {
	float:left;
	margin-right:15px;
	text-align:left;
}

.img_right_50, .img_left_50 {
	display:block;
	width:50%;
}

.wysiwyg .img_right_50, .img_right_50 {
	float:right;
	margin-left:15px;
	text-align:left;
}

.wysiwyg .img_left_50, .img_left_50 {
	float:left;
	margin-left: 0;
	margin-right:15px;
	text-align:left;
}

table .img_right_25, table .img_left_25,
table .img_right_50, table .img_left_50 {
	width:100%;
}

.wysiwyg ul {
	margin:10px 0px;
	overflow: hidden;
}

.wysiwyg ul li {
	margin-bottom:5px;
	margin-left:20px;
}

a .readmore, a.readmore, .readmore a {
	font-weight:bold;
		font-family:"Montserrat",sans-serif;
}

a .readmore a:after, a.readmore:after, .readmore a:after{
	content: " »";
}

a.summer-signup-button {
	color: #f6f5f4;
	font-size: 15px;
	background: #E8BD64;
	display: table;
	padding: 7px 20px;
	box-sizing: border-box;
	text-transform: uppercase;
	text-align: center;
}
a.external.summer-signup-button:after {
	content: url(../png/external-white.png);
}
a.summer-signup-button:hover {
    background: #f3ad1c;
    	color: #f6f5f4;
}
a.external.summer-signup-button:hover:after {
	content: url(../png/external-white.png);
}
a:hover.external:after {
	content:url('../png/external.hover.png');
	padding:0px 4px;
}

a.external:after {
	content:url('../png/external.png');
	padding:0px 4px;
}

li.facebook a:hover.external:after, li.facebook a.external:after,
li.pinterest a:hover.external:after, li.pinterest a.external:after,
li.linkedin a:hover.external:after, li.linkedin a.external:after,
li.tiktok a:hover.external:after, li.tiktok a.external:after,
li.twitter a:hover.external:after, li.twitter a.external:after,
li.instagram a:hover.external:after, li.instagram a.external:after,
li.youtube a.external:after, li.countycat a.external:after {
	content:"";
	padding:0px;
}

a.pdf:after {
	content:url('../png/pdf.png');
	padding:0px 4px;
}

a:hover.pdf:after {
	content:url('../png/pdf.hover.png');
	padding:0px 4px;
}

li.catalog a.external:after, a.external.book:after {
	content: "";
	padding:0px;
}

a.readmore.caps {
	text-transform:uppercase;
}

button.readmore {
	border:1px solid #898989;
	color:#fff; height:39px;
	line-height:39px; text-transform:uppercase;
	font-size:14px; padding:0px 10px;
	width:212px;
	text-align:left;
	transition: background-color .15s linear;
	font-family:"Montserrat",sans-serif;
}

#buckets button.readmore {
	width:162px;
}

button.readmore.blue {
	background:#28518d;
}

button.readmore.teal {
	background:#3ea29c;
}

button.readmore.green {
	background:#8cb05c;
}

button.readmore:hover {
	background:#2d60aa url('../png/white.right-arrow.png') no-repeat top right;
}

button.readmore.teal:hover {
	background-color:#43b5ae;
}

button.readmore.green:hover {
	background-color:#9cc664;
}
   
/* ==========================================================================
   Link Colors
   ========================================================================== */
   
a {	color:#268dbe; font-family:"Montserrat",sans-serif; }
a:hover {	color:#00aeef; }

#top-menu a {
	font-size:11px;
	text-transform:uppercase;
	color:#767676;
	text-decoration:none;
}

#top-menu a:hover, #top-menu li.active a {
	color:#000;
}

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

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color:#00aeef;
}
   
/* ==========================================================================
   Global Layout Elements
   ========================================================================== */

html,body {
	font-family:"Montserrat", sans-serif;
	color:#1c1c1c;
	font-size:13px;
	font-weight:400;
	min-width:1007px;
	min-height:100%;
}

body {
	background:url('../jpg/main.background.jpg') no-repeat top center fixed;
	background-size:cover;
}

small {
	font-size:12px;
}

.infowindow {
	font-family:"Montserrat",sans-serif;
	font-size:12px;
}

.infowindow h5 {
	text-transform: uppercase;
font-size: 12px;
font-weight: bold;
}

.container {
	padding-bottom:550px;
	position:relative;
	min-height:100%;
}

a {  text-decoration:none;
	transition:color .1s linear; }

.grid {
	width:1019px;
	padding:0 10px;
	margin:0 auto;
	position:relative;
}
.mdgridfix {
	width: 1005px;
	padding: 0;
	/*padding: 0;*/
}
.mdgridfix-secondary {
	width: 992px;
	padding: 0 8px;
	
}
.emotd {
	background:#0a4094;
	height:38px;
	padding:10px 0px;
	text-align:center;
	color:#fff;
	font-size:15px;
	width:100%;
	display:none;
}

.emotd h6 {
	text-align:center;
	font-family:Arial;
	color:#30bbfe;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}

.emotd p {
	margin:0; padding:0;
display: inline-block;
margin-top: -20px;
}

.emotd img {
	padding-right: 10px;
}

.right {
	float:right;
}

.left {
	float:left;
}

body.resources {
	background:url('../jpg/resources.background.jpg') no-repeat top center fixed;
	background-size:cover;
}

body.recommendations {
	background:url('../jpg/recommendations.background.jpg') no-repeat top center fixed;
	background-size:cover;
}

body.research {
	background:url('../jpg/research.background.jpg') no-repeat top center fixed;
	background-size:cover;
}

section#page {
	background:#F8F8F8 url('../png/page.background.png') repeat-y center;
	margin-top:250px;
}

/* for ships commmon */
.ships-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;
                width: auto;
    max-width: 180px;
    margin-left: auto;
}

.ships-logo #doa {
    width: 180px;
    height: 80px;
/*
    margin-bottom: 20px;
    margin-right: -70px;
*/
}
.ships-logo .row-1 {
	-ms-flex-item-align: end;    align-self: flex-end;
}
.ships-logo .row-2 {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
        margin-top: 20px;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
}
.ships-logo #noaa {
	height: 50px;
/*
	position: absolute;
	left: 100px;
*/
}

.ships-logo #mpl_ship {
	height: 50px;
/*
    position: absolute;
    left: 10px;
*/
}

/* end of logo ships commmon */

body.teens section#page, body.kids section#page {
	background:#F8F8F8 url('../png/kids.teens.background.png') center;
}

body.teens section#page .grid, body.kids section#page .grid {
	background:url('../png/kids.teens.background.over.png') repeat-y center;
}

body.teens .wysiwyg h2,body.teens .wysiwyg h4 {
	font-family:"Crushed",sans-serif;
	font-size:30px;
}

body.kids .wysiwyg h2,body.kids .wysiwyg h4 {
	font-family:"Nunito",sans-serif;
	color:#0355ba;
}


body.no-left section#page {
	background-image:none;
}

body.emotd-active section#page {
	margin-top:308px;
}

section#content {
	/*width:780px;
	width:799px;*/
	width:772px;
	float:right;
}

body.no-left section#content {
	width:100%;
	float:left;
}

body.no-left section#content .wysiwyg {
/* 	width:780px; */
	width:760px;
}

body.no-buckets section#content .wysiwyg {
	width:100%;
}

body.no-left.no-buckets section#content .wysiwyg, body.no-left.no-buckets section#content header {
	width:1019px;
/* 	box-sizing: border-box */
}

.index section#content {
	float:none;
	width:987px;
	padding-bottom:30px;
}

.index section#content .wysiwyg {
	margin-top:30px;
	float:left;
}

.index .wysiwyg img {
	margin:0px;
}

.index section#content .wysiwyg .column {
	width:371px;
	float:left;
	margin-right:10px;
	font-size:12px;
	font-family:"Montserrat",sans-serif;
}

.event-list {
	width:100%;
	margin:15px 0px;
	/* border-bottom:1px solid #c3c3c3; */
}


body.no-buckets .event-list {
	width:600px;
}

.index .event-list {
	width:100%;
	margin:15px 0px;
}

.event-list div {
	background:#fff;
	padding:10px 5px;
	min-height:40px;
	overflow:hidden;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
}

.event-list div:last-child {
	border-bottom:1px solid #c3c3c3;
}

.event-list span.time {
	width:45px;
	padding-top:1px;
	display:block;
	margin-right:10px;
	float:left; text-align:center;
	text-indent:-9999px;
	font-size:12px;
	color:#222; font-weight:bold;
}

.event-list h5 {
	margin-left: 55px;
}

.event-list h5 a {
	color:#268dbe;
}

.event-list h5 a:hover {
	color:#00aeef;
}

h5 span {
	font-weight:normal;
}

.event h5 a {
	color:#268dbe;
}

.event h5 b {
	display:none;
}

.event h5 a:hover {
	color:#00aeef;
}

.event-list div.first span {
	text-indent:0px;
}

.event-list p, .event-list .meta {
	margin:0;
	margin-left: 55px;
}

.event-list div.first {
	border-top:1px solid #c3c3c3;
}

.event-list div.dark {
	background-color:#ededed;
}


.font {
	margin:0; padding:0; list-style:none;
	float:left; margin-left:5px;
}

.font li {
	list-style:none;
	float:left;
}

li#regfont {
    margin-left:9px;
    margin-right:5px;
    width:19px;
    height:22px;
    line-height:25px;
    margin-top:5px;
    background:#c1c1c1;
    text-align:center;
    font-size:13px;
    color:#e6e6e6;
    font-weight:normal;
    cursor:pointer;
}

li#bigfont {
    width:19px;
    height:22px;
    line-height:22px;
    margin-top:5px;
    background:#c1c1c1;
    text-align:center;
    font-size:18px;
    color:#e6e6e6;
    font-weight:normal;
    margin-right:0px;
    cursor:pointer;
}

li:hover#regfont, li:hover#bigfont {
    background:#999;
}

li#regfont a, li#bigfont a {
	color:#e6e6e6;
	font-size:normal;
}

li#regfont.selected, li#bigfont.selected {
    background:#767676;
}


section#content header {
	position:absolute;
	top:-50px; height:100px;
	border-bottom:1px solid #c1c1c1;
	width:780px;
}

section#content header.share-off {
	   border-bottom:0px;
	   height:50px;
   }

section#content header h1 {
	position: absolute;
	bottom: 60px;
	width:615px;
}
section#content.has-page-image header h1 {
	width:415px;
}
section#content header img.page-image {
	border:4px solid #fff;
	box-shadow:0px 0px 3px #aaa;
	max-width:340px;
	float:right;
}

section.wysiwyg {
	margin-top:70px;
	padding-bottom:50px;
	min-height: 300px;
		width:540px;
		max-width: 100%; 
		padding-right:10px;
			float:left;
			line-height:20px;
			color:rgba(28,28,28,0.9);
}

section.wysiwyg a{
	font-weight: bold;
}

section.wysiwyg.share-off {
	margin-top:20px;
}

.index section.wysiwyg, section.wysiwyg.full {
	width:auto;
	padding-right:0px;
}

section.wysiwyg div.image-buffer {
	float:right;
	background:#F8F8F8;
	width:356px;
	height: 140px;
}

section.wysiwyg div.image-buffer{
	margin-right:-224px;/* was -230px */
}

section.wysiwyg table, .wysiwyg tr, .wysiwyg td, .wysiwyg th, .wysiwyg tbody {
	border-color:#f8f8f8;
	border:0px;
}

.wysiwyg td {
	padding:3px;
}

div#social-block {
	width: 411px;
	margin-top: 60px;
}

body.no-left section#content header, body.no-left div#social-block {
	width:1019px;
}

footer {
	height:550px;
	background-color:#777;
	overflow:hidden;
	position:absolute;
	bottom:0;
	width:100%;
	font-family:"Montserrat",sans-serif;
}

footer .grid{
	display: block;
}

footer section#dark {
	width:100%;
	background:#4A4A4A;
	height:146px;
	position: absolute; 
	bottom:0;    
	margin-top: 20px;
    display: block;
    padding-top: 15px;
}

#footer-logos{
	float: left;
	width: 33%;
}

footer nav#site-map {
	font-size:11px;
	color:#fff;
	text-shadow:0px 0px 1px #333;
}

footer nav#site-map b, footer nav#site-map strong {
	text-transform:uppercase;
	font-size:12px;
	font-family:"Montserrat", sans-serif;
	display:inline-block;
	padding-bottom:4px;
}

footer nav#site-map ul {
	margin:0; padding:0;
	margin-top:20px;
}

footer nav#site-map ul li {
	font-size:14px;
	text-transform:uppercase;
}

footer nav#site-map ul li ul {
	margin-bottom:15px;
	margin-top:5px;
}

footer nav#site-map ul li .column {
	float:left;
	width:150px;
	margin-left:20px;
}

footer nav#site-map ul li .column:first-child {
	margin:0px;
}

footer nav#site-map ul li ul li {
	font-size:11px; text-transform:none;
	 line-height:13px;
	margin:0px; letter-spacing:normal;
}

footer nav#site-map ul li ul.drop-nav li a {
	color:#fff; font-weight:normal;
	display:block; padding:4px;
	margin-left:-4px;
}

footer nav#site-map ul li ul.drop-nav li a:hover {
	background:#6d6d6d;
}

footer nav#site-map ul li.parent {
	width:321px; float:left;
	border-bottom:1px solid #aaa;
	height:25px;
	margin-left:14px;
	font-family:"Montserrat", sans-serif;
	letter-spacing:1px;
}

footer nav#site-map ul li.parent:first-child {
	margin-left:0px;
}

footer nav#site-map ul li.parent .clearfix {
	margin-top:15px;
}

footer nav#site-map ul li.parent a {
	color:#fff;
}

footer nav#footer-links ul, footer nav#footer-links ul li {
	margin:0; padding:0; text-align:right; 
}

footer nav#footer-links ul li {
	text-transform:uppercase;
	font-size:12px;
	display: inline-block;
	float: left;
	margin-left: 25px;
}

footer nav#footer-links ul li a {
	color:#fff;
}
footer nav#footer-links ul.social-ul {
	display: none;
}
footer nav#footer-links ul li.facebook, footer nav#footer-links ul li.twitter, footer nav#footer-links ul li.pinterest, footer nav#footer-links ul li.instagram {
	width:14px;
	height:14px;
	border-left:0px;
	padding:0px;
	margin-top:0px;
}

footer nav#footer-links ul li.facebook {
	margin-left:15px;
}

footer nav#footer-links ul li.twitter, footer nav#footer-links ul li.pinterest, footer nav#footer-links ul li.instagram {
	margin-left:5px;
}

footer section#legal {
	font-size:11px; text-transform:uppercase;
	color:#fff; font-family:"Montserrat",sans-serif;
	text-shadow:0px 0px 1px #333;
}

footer section#legal a {
	color:#fff; border-bottom:1px solid #fff;
}

footer section#legal ul, footer section#legal ul li {
	list-style:none; margin:0; padding:0; text-align:right;
}

footer section#legal ul li { display:inline; }

footer section#legal ul li:before {
	content:"|";
	padding:5px;
	color:#9a9a9a;
}

footer section#legal ul li:first-child:before {
	content:"";
}

footer section#legal ul {
	margin:5px 0px;
}

footer .right {
	margin-top: 15px;
	width: 66%;
}

footer section#legal {
	margin-top:25px;
	display: inline-block;
}

footer .footer-logo {
	text-indent:-9999px;
	float: left;
	margin-top: 10px;
/* 	margin-top:25px; */
}

.footer-logo#mpl {
	width:129px;
	height:88px;
	background:url('../png/footer-logo.png') no-repeat;
}

.footer-logo#mpl a {
	display:block;
	width:129px;
	height:88px;
}

.footer-logo#mke {
	width:76px;
	height:88px;
	margin-left:20px;
	background:url('../jpg/city-mke-logo.jpg') no-repeat;
}

.footer-logo#mke a {
	display:block;
	width:76px;
	height:88px;
}

.footer-logo#fdlp {
/* 	margin-top:36px; */
	width:79px;
	height:70px;
	margin-left:22px;
	background:url('../png/fdlp.png') no-repeat;
}

.footer-logo#fdlp a {
	display:block;
	width:79px;
	height:70px;
}


/* ==========================================================================
   Share Links
   ========================================================================== */
  ul.share {
	 list-style:none; float:left;
	 margin:0; padding:0;
	 margin-top:2px;
	 border-right:1px solid #c1c1c1;
	 padding-right:5px;
  }
 
  ul.share li {
	  float:left;
	  margin-right:8px;
	  margin-bottom:10px;
  }

  ul.share li a {
	  display:block;
	  width:28px;
	  height:28px;
	  text-indent:-9999px;
	  transition:opacity .15s linear;
  }
  
  ul.share li.via {
	  text-indent:0px;
	  margin-top:8px;
	  font-size: 12px;
	  color: #555;
	  text-transform:uppercase;
	  font-family:"Montserrat",sans-serif;
  }
  
  ul.share li.facebook a {
	  background:url('../png/share_facebook.png') no-repeat top;
  }
  
  ul.share li.twitter a {
	  background:url('../png/share_twitter.png') no-repeat top;
  }
  
  ul.share li.pinterest a {
	  background:url('../png/share_pinterest.png') no-repeat top;
  }

  ul.share li.linkedin a {
	  background:url('../png/share_linkedin.png') no-repeat top;
  }
  
  ul.share li.email a {
	  background:url('../png/share_email.png') no-repeat top;
  }
  
  ul.share li a:hover {
	background-position:bottom;
  }
  
/* ==========================================================================
   Secondary Page CSS
   ========================================================================== */
   
/* General Header */

header.site {
	background:url('../jpg/white_noise.jpg');
	height:auto;
	margin:0; padding:0;
	box-shadow:0px 0px 8px #000;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:10;
}

/*
body.emotd-active header.site {
	height:173px;
}
*/

header.site h1 {
	margin:0; padding:0;
	text-indent:-9999px;
	  float: left;
  margin-top: 5px;
}

/* Added by AM 20180309 */
header.site div.header-logo {
	margin:0; padding:0;
	text-indent:-9999px;
	  float: left;
  margin-top: 5px;
}

.special header.site h1 {
	position:absolute;
	top:3px;
}

/* Added by AM 20180309 */
.special header.site div.header-logo {
	position:absolute;
	top:3px;
}

header.site h1 a {
	display:block;
	width:182px; height:37px;
	background:url('../png/mpl-logo.png');
}
/* Added by AM 20180309 */
header.site div.header-logo a {
	display:block;
	width:182px; height:37px;
	background:url('../png/mpl-logo.png');
}
header.site h1 a:hover {
	background-position:bottom;
}
/* Added by AM 20180309 */
header.site div.header-logo a:hover {
	background-position:bottom;
}

#expander {
	position:relative;
}

.print-logo {
	display:none;
}

/* Top Menu (Logo, Links, Social Media, Etc) */

#top-menu {
	height:50px;
	width: 1010px;
}

#top-menu ul {
	float:right;
	margin:0px;
	padding:0px;
	padding-top:15px;
}

/* start top menu summer reading */
li.summer_reading{
	width: 50px;
	margin-top: 0px!important;
	height: 24px!important;
}

li.summer_reading a{
	color: #92b068!important;
}



#top-menu ul, #top-menu ul li {
	display:block;
	list-style:none;
}

#top-menu ul li {
	float:left;
	height:11px;
	line-height:11px;
	padding:0px 4px;
	border-left:1px solid #bdbdbd;
	margin-top:4px;
}

#top-menu ul li:first-child {
	border-left:0px;
}

#top-menu ul li.hours,
#top-menu ul li.quicklinks,
#top-menu ul li.countycat {
	border-color: #bdbdbd;
	padding: 0px 5px;
	margin-top: 0px;
	height: 24px;
	position:relative;
}
#top-menu ul li.quicklinks {
	margin-left: 5px;
}
#top-menu ul li.countycat {
	padding-right: 10px;
	border-right: 1px solid #666;
}
.index #top-menu ul li.hours,
.index #top-menu ul li.quicklinks,
.index #top-menu ul li.countycat {
	border-color:#666;
}

#top-menu ul li.hours a,
#top-menu ul li.quicklinks a {
	height: auto;
  display: inline-block;
  margin-top: -16px;
  padding-top: 17px;
}

.top-menu-arrow {
	width:0;
	height:0;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	border-top:12px solid #888;
	font-size:0;
	line-height:0;
	margin:0 auto;
	position:absolute;
	top:-4px;
	left:50%;
}

#top-menu ul li.hours .top-menu-arrow,
#top-menu ul li.quicklinks .top-menu-arrow {
	margin-left:-20px;
	top:-20px;
}

#top-menu ul li.hours:hover .top-menu-arrow,
#top-menu ul li.quicklinks:hover .top-menu-arrow {
	top:-18px;
}

#top-menu ul li.hours.open .top-menu-arrow,
#top-menu ul li.quicklinks.open .top-menu-arrow {
		top:-18px;
	border-top:12px solid #bbb;	
}

#message-center.open .top-menu-arrow {
	border-top:12px solid #bbb;
}

li.countycat span {
	text-align:left;
	color:rgba(92, 92, 92, 0.7);
	font-size:11px;
	text-transform:uppercase;
}

.index li.countycat span {
	color:rgba(255,255,255,0.6);
}

#cc-login {
	display:inline-block;
	padding-right:3px;
	border-right:1px solid #bdbdbd;
}

.index #cc-login {
	border-color:#666;
}

#top-menu ul li.facebook,
#top-menu ul li.twitter,
#top-menu ul li.tiktok,
#top-menu ul li.linkedin,
#top-menu ul li.youtube,
#top-menu ul li.instagram {
	border-left:0px;
	padding:0px 4px;
	/* margin-top:0px; */
}

#top-menu ul li.social a {
	font-size:14px;
}
body:not(.index) #top-menu ul li.social a .twitter-x-logo {
	-webkit-filter: invert(100%);
	filter: invert(100%);;
}

#top-menu ul li.instagram {
	padding-right:0px;
}

#top-menu ul li.facebook {
	margin-left:10px;
}

/*



#top-menu ul li.facebook {
	padding-left:2px;
	padding-right:3px;
}

#top-menu ul li.pinterest {
	padding-left:2px;
	padding-right:3px;
}

#top-menu ul li.instagram {
	padding-left:3px;
	padding-right:8px;
}

#top-menu ul li.twitter {
	padding-left:2px;
	padding-right:3px;
}
*/

#top-menu li.twitter a:hover, li.twitter a:hover {
	color:#55ACEE;
}

#top-menu li.facebook a:hover, li.facebook a:hover {
	color:#587ec9;
}

#top-menu li.pinterest a:hover, li.pinterest a:hover {
	color:#C61E25;
}

#top-menu li.instagram a:hover, li.instagram a:hover {
	color:#A7917A;
}

/*
#top-menu ul li#facebook a {
	display:block; width:14px; height:14px;
	background:url('/assets/images/facebook.png');
}

#top-menu ul li#facebook a:hover {
	background-position:bottom;
}

#top-menu ul li#twitter a {
	display:block; width:14px; height:14px;
	background:url('/assets/images/twitter.png');
}

#top-menu ul li#twitter a:hover {
	background-position:bottom;
}

#top-menu ul li#pinterest a {
	display:block; width:11px; height:14px;
	background:url('/assets/images/pinterest.png') no-repeat;
}

#top-menu ul li#pinterest a:hover {
	background-position:bottom;
}
*/

/*
#top-menu ul li.catalog span {
	background:url('/assets/images/explore-countycat.png');
	width:16px; height:16px; display:block;
	position:absolute; bottom:0; right:7px;
}
*/

#top-menu ul li.catalog a:hover span {
	background-position:bottom;
}

/* Main Navigation */

#main-nav {
	margin:0;
	border:0;
	color:#fff;
	height:auto;
	position:relative;
	padding-bottom:5px;
	width:100%;
}

.special #main-nav {
	margin:0;
	border:0;
	color:#fff;
	height:auto;
	position:absolute;
	padding-bottom:5px;
	width:100%;
	z-index:1;
}

.ie9 #main-nav.gradient {
	filter: none;
}

#main-nav ul {
	display:table;
	width:100%;
/* width:auto; */
	text-align:left;
	padding:0px; margin:0px;
	height:100%;
}

/* google translate styles */

.grid.clearfix.mdgridfix.translate-bkg-home {
    width: 100%;
    padding: 4px 0;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.1);
}

.grid.clearfix.mdgridfix.translate-bkg-internal {
    width: 100%;
    padding: 4px 0;
    box-sizing: border-box;
    background: rgba(245, 245, 245, 0.78);
}

#translator-menu{
	width: 987px;
	margin: 0 auto;
}

div#google_translate_element {
    float: right;
    margin-right: -3px;
}

.goog-te-gadget-simple {
    background-color: rgba(255, 255, 255, 0)!important;
/*
    border-left: 1px solid #d5d5d5!important;
    border-top: 1px solid #d5d5d5!important;
    border-bottom: 1px solid #d5d5d5!important;
    border-right: 1px solid #d5d5d5!important;
*/
    border: none!important;
    font-size: 10px!important;
}

.goog-te-gadget-simple .goog-te-menu-value {
    color: #9e9898!important;
}


/* Firefox Hack */
@-moz-document url-prefix() {
	.firefox-fix {
		position:relative;
	}
}

#main-nav li {
	display:table-cell;
	margin:0 auto;
	padding:0;
		height:100%;
		font-size:18px;
		text-transform:uppercase;
		letter-spacing:1px;
		line-height:55px;
			padding:0px 20px;
}

#main-nav li a {
	cursor:pointer;
}

#main-nav ul li.resources a {
	color:#273945;
}
#main-nav ul li.recommendations a {
	color:#244946;
}
#main-nav ul li.research a {
	color:#435927;
}
#main-nav li .content {
	width:358px;
	padding:22px;
	box-sizing:border-box;
}

#main-nav li .content p {
	font-family:Georgia;
	font-size:13px;
	font-style:italic;
	text-transform:none;
	letter-spacing:normal;
}

#main-nav li.resources {
	background:#516E80;
	text-align:right;
	border-top:1px solid #1e2a32;
	border-bottom:1px solid #1e2a32;
}

#main-nav li.resources .content {
width:155px;
/* 	position:absolute; right:0; top:15px; */
}
#main-nav li.recommendations {
	background:#538582;
	border-top:1px solid #203634;
	border-bottom:1px solid #203634;
	border-left:1px solid #314140;
/* 	width:343px; */
	width:220px;
}
#main-nav li.research {
	background:#92B068;
	border-top:1px solid #3c4b28;
	border-bottom:1px solid #3c4b28;
	border-left:1px solid #3a4a3d;
	text-align:left;
	width:55%;
}

#main-nav li.research .content {
	position:absolute; left:0;
}

#main-nav ul li .drop {
	display:none;
	position:absolute;
	top:57px; left:0;
	background:#e8e8e8;width:100%;
	border-top:10px solid #516E80;
	border-bottom:10px solid #516E80;
	padding:15px 0px;
	box-shadow:0px 2px 2px rgba(0,0,0,0.3);
	color:#000;
}

#main-nav ul li.active .drop {
	display:block;
}

#main-nav ul li.active {
	border-bottom:0px;
}

#main-nav ul li.active a {
	color:#fff; display:inline-block;
	height:55px;
	background:url('../png/dropdown.png') no-repeat center bottom;
}

#main-nav ul li.recommendations .drop {
	border-top:10px solid #538582;
	border-bottom:10px solid #538582;
}

#main-nav ul li.research .drop {
	border-top:10px solid #92B068;
	border-bottom:10px solid #92B068;
}

#main-nav ul li .drop .column {
	width:240px; height:auto;
	text-align:center;
	/* margin-bottom:20px; */
	float:left;
}

#main-nav ul li .drop .column ul {
		width:240px; height:auto;
		margin-bottom:15px;
}

#main-nav ul li .drop ul li {
	float:none;
	font-size:11px; line-height:normal;
	letter-spacing:normal; padding:2px 0px;
	display:list-item;
}

#main-nav ul li .drop ul li a {
	color:#5d5d5d; text-transform:none;
	display:list-item; height:auto;
	background-image:none;
}

/* Added by AM 20180308 */
#main-nav ul li.resources .drop ul li b, #main-nav ul li.resources .drop ul li strong {
	color:#415a6b;
}

/* Added by AM 20180308 */
#main-nav ul li.recommendations .drop ul li b, #main-nav ul li.recommendations .drop ul li strong {
	color:#528683;
}

/* Added by AM 20180308 */
#main-nav ul li.research .drop ul li b, #main-nav ul li.research .drop ul li strong {
	color:#92af68;
}

#main-nav ul li .drop ul li a:hover {
	color:#000;
}

#main-nav ul li .drop .drop-links {
	width:530px; float:left;
}

#main-nav ul li.drop .featured {
	float:right;
}

/* Added by AM 20180308 */
#main-nav ul li .drop li b, #main-nav ul li .drop li strong {
	font-size:12px;
	color:#000;
}


#main-nav .featured {
	float:right;
	width:458px;
	padding-left:30px;
	margin-top:20px;
	height:277px;
	border-left:1px solid #6c6c6c;
}

#main-nav li .featured {
	text-transform:none;
	letter-spacing:normal;
	line-height:normal;
}

#main-nav .featured-item {
	width:395px;
	height:209px;
	text-align:left;
	font-size:12px;
}

#main-nav .featured-item h3 {
	margin-bottom:15px;
}

/* Added by AM 20180320 */
#main-nav .featured-item span.header-three {
	margin-bottom:15px;
}

#main-nav .featured-item .text {
	float:right; width:230px;
	vertical-align:middle;
	padding:0px;
}

#main-nav ul li.research .featured-item .text {
	float:none;
	width:100%;
	padding-top:0px;
	margin-top:-5px;
}

#main-nav ul li.active .featured-item a {
	color:#268dbe;
	display:inline;
	height:auto;
	background:none;
}

.featured-item img {
	max-width:136px;
	max-height:208px;
	float:left;
}

.featured-item .logo-container {
	background:#fff;
	display:inline-block;
	width:auto;
	height:auto;
	padding:10px;
	border:1px solid #ccc;
	text-align:center;
	margin-bottom:15px;
	margin:0 auto;
}

#main-nav ul li.active .featured-item a:hover {	color:#00aeef; }

#main-nav ul li.active .featured-item a.readmore {
	display:block;
}

/*
#main-nav {
	position:absolute; height:55px;
	bottom:5px;
	margin:0; padding:0; width:100%;
	border-top:1px solid #1e2a32;
	border-bottom:1px solid #1e2a32;
background: #516e80; 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxNmU4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzUxNmU4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzkyYjA2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MmIwNjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #516e80 0%, #516e80 40%, #92b068 40%, #92b068 100%); 
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#516e80), color-stop(40%,#516e80), color-stop(40%,#92b068), color-stop(100%,#92b068));
background: -webkit-linear-gradient(left, #516e80 0%,#516e80 40%,#92b068 40%,#92b068 100%);
background: -o-linear-gradient(left, #516e80 0%,#516e80 40%,#92b068 40%,#92b068 100%);
background: -ms-linear-gradient(left, #516e80 0%,#516e80 40%,#92b068 40%,#92b068 100%);
background: linear-gradient(to right, #516e80 0%,#516e80 40%,#92b068 40%,#92b068 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516e80', endColorstr='#92b068',GradientType=1 );
}



#main-nav div#green-background {
	width:60%;
	position:absolute;
	top:-1px; right:0px;
	background-color:#92B068;
	height:55px;
	border-top:1px solid #3c4b28;
	border-bottom:1px solid #3c4b28;
	z-index:0; display:none;
}

#main-nav ul, #main-nav ul li {
	display:block;
	list-style:none;
	height:55px; margin:0; padding:0;
	line-height:55px; letter-spacing:2px;
}

#main-nav ul {
	width:1019px;
	margin:0 auto;
}

#main-nav ul li {
	float:left; font-size:18px;
	text-transform:uppercase;
	padding:0px 20px;
}

#main-nav ul li:first-child {
	padding-left:0px;
}

#main-nav ul li.recommendations {
	width:234px;
	background-color:#538582;
	border-left:1px solid #314141;
	border-right:1px solid #3c493c;
	border-top:1px solid #203634;
	border-bottom:1px solid #203634;
	margin-top:-1px;
}

#main-nav ul li.recommendations.active {
	border-bottom:1px solid #457470;
}

#main-nav ul li.resources a {
	color:#273945;
}
#main-nav ul li.recommendations a {
	color:#244946;
}
#main-nav ul li.research a {
	color:#435927;
}

#main-nav ul li a:hover {
	color:#fff;
}

#main-nav ul li.active a {
	color:#fff;
}

#main-nav ul li .drop {
	display:none;
	position:absolute;
	top:56px; left:0;
	background:#e8e8e8;width:100%;
	border-top:10px solid #516E80;
	border-bottom:10px solid #516E80;
	padding:15px 0px;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
	height:317px; overflow:hidden;
}


/* Search Box (in Main Navigation) */

#main-nav li.search {
	padding:0px;
	width:414px;
}

#main-nav form, #search form {
border: 1px solid #fff;
height: 37px;
width: 400px;
position: absolute;
top: 8px;
margin-left: 145px;
}

.index #search form {
	position:relative;
	float:right;
	margin-top:10px;
	margin-left:0px;
}

#main-nav input, #search input {
	background: transparent;
	border:0; font-family:"Montserrat",sans-serif;
	color:#fff; font-size:15px; height:35px;
	position:absolute; top:0px; padding:0px 8px;
	width:90%; line-height:37px; margin:0;
}

#main-nav input:focus, #search input:focus {
	border:none;
	outline: none;
}

.page_search, #page_search{
	outline:none;
	padding:5px 0;
	font-size:15px;
	font-family: "Montserrat",sans-serif;
}

#main-nav input[type=submit], #search input[type=submit] {
	width:27px; height:29px; text-indent:-9999px;
	background:url('../png/search.png');
	position:absolute; right:4px; top:4px;
}

#main-nav input::-webkit-input-placeholder, #search input::-webkit-input-placeholder {
	color:#fff;
}

/* Left Navigation */

nav#left-nav {
	/*width:220px;*/
	width:204px;
	margin-top:-58px;
	background:url('../png/leftnav.background.png') no-repeat;
	font-size:12px;
	float:left;
}
/***** stuff for ships *****/
ul.ships li a {
	padding-left: 10px !important;
	
}
/***** end ships *****/ 
body.kids nav#left-nav, body.teens nav#left-nav {
	width:204px;
	padding: 6px 0 0 0;
	background:url('../png/kids.teens.leftnav.background.png') no-repeat;
}

body.teens {
	background-size: auto;
	background-repeat: repeat;
	background-position: center top 123px;
}

body.kids {
	background-size: auto;
	background-repeat: repeat-x;
	background-position: center top 123px;
}

body.teens.emotd-active {
	background-position: center top 173px;
}

body.kids.emotd-active {
	background-position: center top 173px;
}

#left-contain {
	float:left;
	width:220px;
}

#to-top-container {
	position:fixed;
	width: 220px;
	text-align: center;
	display:none;
	bottom:0; margin-bottom:50px;
}

#to-top {
	background:url('../png/scrolltop.png') no-repeat;
	width:115px;
	height:56px;
	margin:0 auto;
}

#to-top a {
	width:115px;
	height:56px;
	display:block;
	font-family:"Montserrat",sans-serif;
	font-weight:bold;
	line-height:23px;
	text-transform:uppercase;
	font-size:11px;
	line-height:30px;
}

nav#left-nav ul, nav#left-nav ul li {
	margin:0; padding:0;
	background-color: #EEEEEE;
}

/* Added by AM 20180308 */
nav#left-nav b,
nav#left-nav strong {
	text-transform:uppercase;
	color:#000;
	display:block;
	padding-left:10px;
	position:relative;
	cursor:pointer;
}

nav#left-nav .menu {
	display:none;
}

nav#left-nav .open .menu {
	display:block;
}

/* Added by AM 20180308 */
nav#left-nav b .fa,
nav#left-nav strong .fa {
	position:absolute;
	top:2px;
	right:20px;
}

nav#left-nav h6 {
	text-transform:uppercase;
	color:#000;
	font-size:16px;
	font-weight:normal;
	margin:5px 0px; margin-bottom:25px;
	padding-top:15px; padding-left:10px;
}

/* Added by AM 20180312 */
nav#left-nav span.header-six {
	text-transform:uppercase;
	color:#000;
	font-size:16px;
	font-weight:normal;
	margin:5px 0px; margin-bottom:25px;
	padding-top:15px; padding-left:10px;
}

/* Added by AM 20180308 */
body.resources nav#left-nav b,
body.resources nav#left-nav h6,
body.resources nav#left-nav strong {
	color:#415a6b;
}

/* Added by AM 20180308 */
body.resources nav#left-nav b:hover,
body.resources nav#left-nav strong:hover {
	color:#5A849D;
}

/* Added by AM 20180312 */
body.resources nav#left-nav span.header-six {
	color:#415a6b;
}


/* Added by AM 20180308 */
body.recommendations nav#left-nav b,
body.recommendations nav#left-nav h6,
body.recommendations nav#left-nav strong {
	color:#528683;
}
/* Added by AM 20180308 */
body.recommendations nav#left-nav b:hover,
body.recommendations nav#left-nav strong:hover {
	color:#579c98;
}

/* Added by AM 20180312 */
body.recommendations nav#left-nav span.header-six {
	color:#528683;
}

/* Added by AM 20180308 */
body.research nav#left-nav b,
body.research nav#left-nav h6,
body.research nav#left-nav strong {
	color:#92af68;
}
/* Added by AM 20180308 */
body.research nav#left-nav b:hover,
body.research nav#left-nav strong:hover {
	color:#9fc667;
}

body.research nav#left-nav span.header-six {
	color:#92af68;
}

nav#left-nav ul li ul {
	margin-bottom:20px;
}

nav#left-nav ul li ul li {
	margin:3px 0px;
}

nav#left-nav ul li a {
	color:#5d5d5d;
}

nav#left-nav ul li a:hover {
	color:#000;
}

nav#left-nav ul li ul li ul li {
	padding:3px;
	padding-left:15px;
}
/* ARCHIVE PORTFOLIOS */
nav#left-nav li.archive.portfolio b {
    color: #92af68;
    padding-left: 0;
}
nav#left-nav li.archive.portfolio b .fa {
	right: 10px;
}
/*
nav#left-nav ul li.archive.portfolio li.parent {
    color: #516f80;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 14px; 
}
*/
nav#left-nav ul.port  {
	margin-left: 0px !important;
}
nav#left-nav li.archive.portfolio ul li a:before {
    display: none;
}
nav#left-nav li.archive.portfolio ul li a {
    text-transform: capitalize;
    font-size: 12px;
    font-weight: normal;
}
/* END ARCHIVE PORTFOLIOS */
nav#left-nav ul li ul li ul li.active {
	background:url('../png/left-nav_active.png') no-repeat;
}

nav#left-nav ul li ul li ul li.active a {
	color:#000;
}

nav#left-nav ul li ul li ul li ul {
	margin-bottom:0px;
	margin-left:-15px;
	margin-top:4px;
}

nav#left-nav ul li ul li ul li ul li {
	padding-left:25px;
}

nav#left-nav ul li ul li ul li ul li:last-child {
	margin-bottom:0px;
}

nav#left-nav ul li ul li ul li ul li a:before {
	content: "— ";
	opacity:.5;
}

nav#left-nav ul li ul li ul li.active ul li a {
	color:#5d5d5d;
}

nav#left-nav ul li ul li ul li.active ul li.active {
	background-image:none;
}

nav#left-nav ul li ul li ul li.active ul li.active a {
	color:#000;
}

nav#left-nav ul li ul li ul li.parent {
	margin-bottom:0px;
	padding-bottom:0px;
}


header.site #quicklinks-menu {
	display:none;
	width:100%;
	background:#fff;
	padding-top:5px;
	border-bottom:5px solid #bbb;
	position:relative;
	z-index:1;
}

#quicklinks-menu ul,
#quicklinks-menu ul li {
	list-style:none;
	margin:0;
	padding:4px 0px;
	font-size:12px;
	line-height:100%;
}


#quicklinks-menu ul li a {
	color:#5d5d5d;
	vertical-align: top;
}
#quicklinks-menu ul li a:hover {
	color:#000;
}

#quicklinks-menu .column {
	float:left;
	margin-bottom:20px;
	margin-right:30px;
	width:143px;
}

#quicklinks-menu .column:last-child {
	margin-right:0px;
}

/* Added by AM 20180308 */
#quicklinks-menu ul b, #quicklinks-menu ul strong {
	text-transform:uppercase;
}

#messages {
	background:#fff;
	height:56px;
	padding-top:10px;
	border-bottom:5px solid #bbb;
	position:relative;
	z-index:1;
	text-align:center;
	display:none;
}

#messages a.close {
	color:#000;
	z-index:5;
	top:2px;
}

#messages a.close i {
	background: #000;
  color: #fff;
}

#messages .message-top, 
#messages .message {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

#messages p {
	margin:0px;
}

#messages b, #messages strong {
	text-transform:uppercase;
}

#message-center {
	width:130px;
	float:left;
	height:50px;
	margin-left:15px;
	margin-top:-1px;
	font-size:11px;
	color:#888890;
	position:relative;
	text-transform:uppercase;
	/*
background: url('/assets/images/top_menu_arrow.png') 70px -3px no-repeat;
	transition: all .1s linear;
*/
	cursor:pointer;
}

.index #message-center {
	color:#c9c9c9;
}

#message-center:hover .top-menu-arrow,
#message-center.open .top-menu-arrow {
	top:-2px;
}

#message-center.open {
	position:relative;
	z-index:2;
}

#message-center #message-count {
	font-size:9px;
	letter-spacing:0.5px;
	position:absolute;
	top:6px;
	left:10px;
}

#message-center #notification-rotator {
	position:absolute;
	margin-top:8px;
	padding-left:10px;
	line-height:12px;
	width:140px;/* was 176px */
	height:35px;
	padding-left:10px;
	border-left:1px solid #bdbdbd;
}

.index #message-center #notification-rotator {
	border-left:1px solid #666;
}

#notification-rotator span {
	position:absolute;
	display:block;
	left:9px;
	top:11px;
}

.message.closing,
#messages .message-top.closing b,
#messages .message.closing b,
#messages .message-top.closing strong,
#messages .message.closing strong {
	color:#30bbfe;
}

.message.emergency,
#messages .message-top.emergency b,
#messages .message.emergency b {
	color:#d70303;
}

.message.announcement,
#messages .message-top.announcement b,
#messages .message.announcement b {
	color:#538582;
}

#messages .message.closing,
#messages .message.emergency {
	color:#000;
}

/* ==========================================================================
   Locations Dropdown
   ========================================================================== */
   
header.site #locations {
	display:none;
	width:100%;
	background:#fff;
	padding-top:5px;
	border-bottom:5px solid #bbb;
	position:relative;
	z-index:1;
}

.index header.site #locations {
	padding-top:10px;
	position:relative;
	z-index:1;
}

header.site h3 {
	border-bottom:1px solid #000;
	margin:10px 0px;
	margin-bottom:15px;
}

/* Added by AM 20180320 */
header.site span.header-three {
	border-bottom:1px solid #000;
	margin:10px 0px;
	margin-bottom:15px;
}

header.site a.close {
	position: absolute;
  top: 20px;
  right: 10px;
	cursor:pointer;
	color:#000;
	opacity:0.5;
	text-transform:uppercase;
	font-size: 11px;
  line-height: 13px;
}

header.site a.close i {
	background:#000;
	color:#F7F7F7; padding:1px 2px;
}

header.site a:hover.close {
	opacity:1;
}

#map-canvas { 
	width:275px;
	height:420px;
	float:left;
	margin-right:20px;
}

#branch-canvas {
	width:200px;
	height:400px;
	float:left;
	margin-top:10px;
	margin-right:10px;
	border:1px solid #bbb;
}

#location-list ul.right {
	width:560px;
	max-width: 100vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#location-list ul {
	margin:0; padding:0; list-style:none;
}

#location-list ul li {
  width: 230px;
  float: left;
  margin-left: 10px;
  margin-bottom: 20px;
  font-size: 12px;
  color: #767676;
  font-family: "Montserrat",sans-serif;
  position: relative;
  cursor: pointer;
/*   height: 70px; */
	height: 80px;
}

ul.location-list {
	margin:0; padding:0; list-style:none;
}

ul.location-list li {
	width:260px;
	float:left;
	margin:0px; padding:0px;
	margin-bottom:20px;
}

.wysiwyg #location-list ul li {
	color:#121212;
	width:161px;
	height: auto;
	margin-bottom: 20px;
}
.go-full-hours, a.hours-pdf {
	display: inline-block;
	padding: 10px;
	background-color: #268dbe;
	color: #fff;
	font-weight: normal;
	font-weight: normal;
	margin: 10px auto; 
}
.go-full-parent {
	height: auto; 
	text-align: right;
	border-top: 1px solid;
	padding: 10px 0; 
}
.go-full-hours:hover, .a.hours-pdf:hover {
	background-color: #00aeef;
	color: #fff;
}

a.hours-pdf:after, a.hours-pdf:hover:after {
	content: "\f1c1";
	font-family: 'FontAwesome';
	margin-left: 2.5px;
	display: inline-block;
	font-size: 12px !important;
	color: #fff;
}
a.all-hours-toggle {
	margin-left: 5px;
}
a.all-hours-toggle.down {
	margin-left: 0;
}
a.all-hours-toggle:after {
	content: "\f105";
	font-family: 'FontAwesome';
	margin-left: 2.5px;
	display: inline-block;
	font-size: 12px !important;
	color: #268dbe;
}
a.all-hours-toggle.down:after {
	content: "\f107";
} 
ul.show-all-hours {
	display: inline-block;
	padding-left: 0;
	margin-left: 0;
	display: none;
}
.wysiwyg #location-list ul.show-all-hours li.temp {
	color: red;
}
.wysiwyg #location-list ul.show-all-hours li {
	margin: 0;
}
#location-list ul li .checkbox {
	width:11px;
	height:11px;
	background:url('../png/checkbox.png') no-repeat;
	position:absolute;
	top:2px;
	left:-18px;
}

#location-list ul li.selected {
	color:#000;
}

#location-list ul li.selected .checkbox{
	background-position:bottom;
}

#location-list h6 {
	text-transform:uppercase;
	font-size:12px; font-weight:bold;
	color:#767676;
}

/* Added by AM 20180312 */
#location-list span.header-six {
	text-transform:uppercase;
	font-size:12px; font-weight:bold;
	color:#767676;
}

.wysiwyg #location-list h6 {
	color:#000;
}

/* Added by AM 20180312 */
.wysiwyg #location-list span.header-six {
	color:#000;
}

#location-list li.selected h6 {
	color:#000;
}

/* Added by AM 20180312 */
#location-list li.selected span.header-six {
	color:#000;
}

#location-list h6 small {
	text-transform:none;
	font-style:italic;
}

#location-list a {
	font-weight:bold;
}

span.chosen {
	display:block;
	text-transform:uppercase;
	color:#e0044d;
}

.wysiwyg .fa-home, .bucket .fa-home {
	color:#e0044d;
}

#location-list span.chosen {
	display:none;
}

#location-list li.selected span.chosen {
	display:block;
	text-transform:uppercase;
	color:#e0044d;
}

#location-list li.selected:hover span.choose, #location-list li.selected span.choose {
	display:none;
}

span.choose {
	display:block;
	cursor:pointer;
}

#location-list li location:hover span.choose, span:hover.choose {
	display:block;
}

#location-list span.choose, span.choose {
	text-transform:uppercase;
}


span.choose:hover, #location-list span.choose:hover {
	color:#e0044d;
}

#location-list li:hover, #location-list li:hover h6, #location-list li.hover, #location-list li.hover h6 {
	color:#000;
}

#location-list li:hover span.header-six, #location-list li.hover span.header-six {
	color:#000;
}


span#location-name:after {
	content:url('../png/location-arrow.png');
	padding-left:4px;
	padding-bottom:2px;
}

#location a:hover span#location-name:after {
	content:url('../png/location-arrow.black.png');
	padding-left:4px;
	padding-bottom:2px;
}

/*
.location_pages_alert_box {
    display: block;
    position: relative;
    background: white;
    margin-top: -61px;
    background: red;
    padding: 6px;
    color: white;
    box-sizing: border-box;
    width: 200px;
    height: 62px;
    display: none;
}
*/

.location_pages_alert_box {
    display: block;
    background: white;
    margin-top: 0;
    background: red;
    padding: 6px;
    color: white;
    box-sizing: border-box;
    width: 200px;
    height: 62px;
    display: none;
    position: absolute;
    z-index: 100;
}

a.location_closing_link:hover{
}

a.location_closing_link:hover .location_pages_alert_box {
	display: block;
}

a.location_closing_link{
	color: red;
}

/* ==========================================================================
   Bucket Styles
   ========================================================================== */
aside#buckets {
	float:right;
	width:220px;
	margin-top:70px;
	font-size:12px;
	line-height:18px;
	color:#434343;
	font-family:"Montserrat",sans-serif;
}

aside#blog-sidebar{
	float:right;
	width:220px;
	margin-top:-50px;
	font-size:12px;
	color:#434343;
}

.has-page-image aside#buckets {
	margin-top:230px;
}

.bucket {
	background:#fff;
	border:1px solid #dadada;
	margin-bottom:20px;
	width:190px;
	padding:15px 15px 5px 15px;
/* 	text-align:center; */
	position:relative;
}

.bucket #news-contain b, .bucket #news-contain .errors {
	font-weight:bold;
	color:#e0044d;
}

.bucket.newsletter {
	background:#fff url('../png/newsletter.png') no-repeat top 10px right 10px;
}

.bucket img {
	display:block;
	margin:0 auto;
}

.bucket .event {
	border-top:1px solid #ccc;
	padding:5px 0px;
}

.bucket div.event.first {
	border:0px;
}

.bucket p {
	text-align:left;
}

#buckets div.image-text-link img {
	margin-bottom:10px;
}

#buckets div.donate .heart {
	position:absolute;
	right:3px;
	top:-30px;
}

#buckets div.donate .margin-fix {
	max-width:220px;
	margin-left:-15px;
	margin-top:-15px;
	margin-bottom:10px;
}

#buckets div.donate {
	margin-top:40px;
	padding-top:15px;
}

.bucket.location {
	font-family:"Montserrat",sans-serif;
	text-align:left; color:#000;
}

.bucket table {
	border-collapse:collapse;
	border:0px; border-color:#fff;
	text-align:left;
	width:100%;
}

.bucket table td {
	padding:3px;
	vertical-align: top;
	font-family:"Montserrat",sans-serif;
}

.bucket table tr:nth-child(even) {
	background:#f5f5f5;
}

.bucket.location h4 {
	margin-bottom:5px;
}

.bucket.location #single-map {
	width:auto;
	height:100px;
	border:1px solid #bbb;
	margin:5px 0px;
	margin-bottom:20px;
}

.bucket ul.booklists {
	padding:0px;
	margin:0px;
	width:100%;
}

.bucket ul.ready-ref-icons {
	list-style:none; margin:0; padding:0;
	margin-top:15px; width:220px; margin-left:-12px;
	height:50px;
}

.bucket ul.ready-ref-icons li, .bucket ul.ready-ref-icons li a {
	float:left; display:block;
	width:45px;
	height:50px;
	text-indent:-9999px;
}

.bucket ul.ready-ref-icons li {
	padding:0px 4px;
	border-left:1px solid #eee;
	cursor:pointer;
}

.bucket ul.ready-ref-icons li:first-child {
	border-left:0px;
}

.bucket ul.ready-ref-icons li#telephone {
	background:url('../png/redref_telephone.png') top center no-repeat;
}

.bucket ul.ready-ref-icons li#email {
	background:url('../png/redref_email.png') top center no-repeat;
}

.bucket ul.ready-ref-icons li#text {
	background:url('../png/redref_text.png') top center no-repeat;
}

.bucket ul.ready-ref-icons li#chat {
	background:url('../png/redref_chat.png') top center no-repeat;
}

.bucket ul.ready-ref-icons li#telephone.active, .bucket ul.ready-ref-icons li:hover#telephone.active, 
.bucket ul.ready-ref-icons li#email.active, .bucket ul.ready-ref-icons li:hover#email.active, 
.bucket ul.ready-ref-icons li#text.active, .bucket ul.ready-ref-icons li:hover#text.active, 
.bucket ul.ready-ref-icons li#chat.active, .bucket ul.ready-ref-icons li:hover#chat.active {
	background-position:bottom center;
}

.bucket ul.ready-ref-icons li:hover#telephone, 
.bucket ul.ready-ref-icons li:hover#email, 
.bucket ul.ready-ref-icons li:hover#text, 
.bucket ul.ready-ref-icons li:hover#chat {
	background-position:center center;
}

.expand-contain {
	background:#eee;
	width:210px;
	margin-left:-10px;
	margin-top:10px;
}

.expand-contain p {
	margin:0px; padding:5px;
}

.expand {
	display:none;
}

#social-icons-bucket {
    width: 80%;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
}

#social-icons-bucket ul.share {
    text-indent: 0px;
    margin-top: 8px;
    font-size: 12px;
    color: #555;
    text-transform: uppercase;
    font-family: "Montserrat",sans-serif;
    width: 100%;
    float: left;
    margin-right: 8px;
    margin-bottom: 10px;
    border-right: 0;
}

#social-icons-bucket li.via {
    text-indent: 0px;
    margin-top: 8px;
    font-size: 12px;
    color: #555;
    text-transform: uppercase;
    font-family: "Montserrat",sans-serif;
    width: 100%;
}
/*** insta bucket ****/
.insta-bucket {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: row;
	            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
            margin: 10px 0;
}
.item_box {
	width: calc(50% - 1em);
}
.item_box img {
	width: 100%;
}
/* ==========================================================================
   Bigger Font
   ========================================================================== */
   
body.bigfont .wysiwyg {
	font-size:15px;
}

body.bigfont  h2 {
	font-size:28px;
}

body.bigfont .wysiwyg h3 {
	font-size:25px;
}

body.bigfont .wysiwyg h4 {
	font-size:22px;
}
   
body.bigfont .wysiwyg h5 {
	font-size:18px;
	font-weight:bold;
}

body.bigfont .wysiwyg h6 {
	font-size:18px;
	font-weight:normal;
}

body.bigfont .meta {
	font-size:12px;
}

/* ==========================================================================
   Index Page Styles
   ========================================================================== */

body.index header.site, body.index.emotd-active header.site {
	background-image:none;
	box-shadow:none;
	background:rgba(0,0,0,0.5);
	height:auto;
	position:static;
}

.lt-ie9 .index header.site {
	background:url('../png/translucent-black.png');
}

.index #top-menu a {
	color:#dfdfdf;
}

.index header.site h1 a {
	background-image:url('../png/mpl-logo.index.png');
}

/* Added by AM 20180309 */
.index header.site div.header-logo a {
	background-image:url('../png/mpl-logo.index.png');
}

/*
.index #top-menu ul li#facebook a {
	background-image:url('/assets/images/facebook.index.png');
}

.index #top-menu ul li#pinterest a {
	background-image:url('/assets/images/pinterest.index.png');
}

.index #top-menu ul li#twitter a {
	background-image:url('/assets/images/twitter.index.png');
}
*/

/*
.index #top-menu ul li.catalog span {
	background-image:url('/assets/images/explore-countycat.index.png');
}
*/

.index #top-menu a:hover {
	color:#fff;
}

.index #top-menu li {
	border-color:#666;
}

.index aside#buckets {
margin-top:30px;
}

body.index section#page, body.index.emotd-active section#page {
	margin-top:0px;
	background-image:none;
}

section#search {
	width: 400px;
	position: absolute;
	top: 0px;
}

.index section#search {
	height:80px;
	position:relative;
	width:auto;
}

section#top-content {
	min-height:300px;
	background:#eee url('../jpg/white_noise.jpg');
	margin-bottom:50px;
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
}

section#campaign {
	margin-top:10px;
	width:100%;
	overflow:hidden;
		position:relative;
		height:425px;
}

.left-arrow a {
	width:59px;
	height:60px;
	background:url('../png/campaign-left.png') no-repeat top;
	display:block;
}

.right-arrow a {
	width:59px;
	height:60px;
	background:url('../png/campaign-right.png') no-repeat top;
	display:block;
}

.right-arrow a:hover, .left-arrow a:hover {
	background-position:bottom;
}

section#campaign div {
	float:left;
	margin-left:10px;
	box-shadow:0px 0px 2px #ddd;
	font-family:"Montserrat",sans-serif;
		position:relative;
}

div.left-arrow, div.right-arrow {
	margin:0;
	width:59px;
	height:60px;
	float:none;
	position:absolute;
	bottom:200px;
	z-index:10;
	display:none;
	
}

div.left-arrow {
	left:0px;
}

div.right-arrow {
	right:0px;
	}

section#campaign div p {
	margin:10px 0px;
}

section#campaign div#campaign-slider {
	float:none;
	margin:0px;
	box-shadow:none;
}

section#campaign .box {
	cursor:pointer;
}

section#campaign .wide div.sticker,
section#campaign .thin div.sticker,
section#campaign .regular div.sticker {
	margin-top:-30px;
}

section#campaign div.gold-star {
	background:transparent url('../png/star-stamp.png') no-repeat;
	width:58px;
	height:37px;
	color:#d5d1bb;
	font-size:11px;
	line-height:13px;
	text-transform:uppercase;
	font-weight:bold;
	font-family:"Montserrat",sans-serif;
	padding:20px 12px;
	padding-top:25px;
	display:table;
	transition:all .25s ease-in-out;
	float:right;
	box-shadow:none;
}

section#campaign .box:hover div.gold-star {
	transform:rotate(-10deg);
}

section#campaign div.gold-star span {
	display:block;
	transform:rotate(15deg);
	display:table-cell;
	vertical-align:middle;
}

section#campaign div.purple-star {
	background:url('../png/star-stamp-purple.png') no-repeat;
	width:58px;
	height:37px;
	color:#cbc5d9;
	font-size:11px;
	line-height:13px;
	text-transform:uppercase;
	font-weight:bold;
	font-family:"Montserrat",sans-serif;
	padding:20px 12px;
	padding-top:25px;
	display:table;
	transition:all .25s ease-in-out;
	float:right;
	box-shadow:none;
}

section#campaign .box:hover div.purple-star {
	transform:rotate(-10deg);
}

section#campaign div.purple-star span {
	display:block;
	transform:rotate(15deg);
	display:table-cell;
	vertical-align:middle;
}

section#campaign div.red-star {
	background:url('../png/star-stamp-red.png') no-repeat;
	width:58px;
	height:37px;
	color:#d8cbcb;
	font-size:11px;
	line-height:13px;
	text-transform:uppercase;
	font-weight:bold;
	font-family:"Montserrat",sans-serif;
	padding:20px 12px;
	padding-top:25px;
	display:table;
	transition:all .25s ease-in-out;
	float:right;
	box-shadow:none;
}

section#campaign .box:hover div.red-star {
	transform:rotate(-10deg);
}

section#campaign div.red-star span {
	display:block;
	transform:rotate(15deg);
	display:table-cell;
	vertical-align:middle;
}

section#campaign div.last {
	margin-right:12px;
}

section#campaign div.divider {
	width:1px;
	height:425px;
	background:#ddd;
	position:absolute;
	right:-12px;
	top:0px;
	border-right:1px solid #fbfbff;
}

section#campaign .box:hover h3 a {
	color:#00aeef;
}

span.tag {
	background:#000; padding: 2px 4px;
	color:#fff; margin-bottom:10px;
	display:inline-block; font-size:11px;
	font-family:"Montserrat",sans-serif;
}

.result span.tag {
	padding:0px 4px;
}

span.tag a {
	color:#fff;
}

/* Added by AM 20180308 */
span.tag b, span.tag strong {
	text-transform:uppercase;
}

section#campaign .wide {
	width:420px;
	height:425px;
}

section#campaign .regular {
	width:330px;
	height:425px;
}

section#campaign .black h3 a {
	color:#fff; font-weight:normal; line-height:22px;
}

section#campaign .stacked {
	width:240px;
	height:230px;
	float:none;
	margin:0px;
	margin-left:10px;
	margin-bottom:10px;
}

section#campaign .small-white {
	width:240px;
	height:185px;
	float:none;
	margin-top:10px;
	margin-left:0px;
}

section#campaign .small-contain {
	box-shadow:none;
	margin:0px;
}

.thin {
	height:425px;
	width:241px;
}

section#campaign .black {
	background:#1c1c1c;
	color:#fff;
}

.white {
	background:#fff;
}

section#campaign .text, .text {
	padding:10px;
	margin:0px;
	box-shadow:none;
}

.index #main-nav {
/* 	height:460px; */
	height:125px;
	position:static;
	overflow:hidden;
}

.index #main-nav ul {
		table-layout: fixed;
}

.index #main-nav li {
	position:relative;
	border:0; line-height:inherit;
	font-size:24px; letter-spacing:2px;
	padding:0px !important;
}

.index #main-nav li:first-child .content {
	padding:22px;
	padding-left:30px;
}

.index #main-nav li:last-child .content {
	padding-right:0px;
}

.index #main-nav li a {
	display:block;
	width:100%;
	background:url('../png/index_dropdown.png') no-repeat left 35px;
	/* color:#fff; */
	padding-bottom:10px;
	cursor:pointer;
	/* padding-top:15px; */
}

.index #main-nav.open li a {
	background-image:url('../png/index_pullup.png');
	background-position: left 28px;
}

.index #main-nav li .drop ul li a, .index #main-nav li .drop ul li a:hover, .index #main-nav li:hover a {
	color:#fff;
}
.index #main-nav li a p {
	color:#fff;
}

.index #main-nav li p, .index #main-nav li a, .index #main-nav li .drop {
	opacity:0.7;
	transition:opacity .15s linear;
}

.index #main-nav li:hover p, .index #main-nav li:hover a, .index #main-nav li:hover .drop {
	opacity:1;
}

.index #main-nav li.resources .drop ul li a:hover {
	background:#405c6f;
}

.index #main-nav li.recommendations .drop ul li a:hover {
	background:#40736e;
}

.index #main-nav li.research .drop ul li a:hover {
	background:#829d5b;
}

#main-nav li.resources a:hover, #main-nav li.resources a:focus-within {
	color:#fff;
}

#main-nav li.recommendations a:hover, #main-nav li.recommendations a:focus-within {
	color:#fff;
}

#main-nav li.research a:hover, #main-nav li.research a:focus-within {
	color:#fff;
}

.index #main-nav li.resources .content {
	width:358px; position:absolute; right:0px; top:0px;
}

.index #main-nav li.resources .drop ul li b {
	color:#AED6EF;
}

.index #main-nav li.research .content {
	width:358px; position:absolute; left:0px; top:0px;
}

.index #main-nav li.resources {
	width:auto; text-align:inherit;
}

.index #main-nav li.research {
	width:auto; text-align:inherit;
}

.index #main-nav li.research .drop ul li b {
	color:#BEF979;
}

.index #main-nav li.recommendations {
	width:358px;
}

.index #main-nav li.recommendations .drop ul li b {
	color:#9CE9E3;
}

.index #main-nav li.resources .drop, .index #main-nav li.recommendations .drop, .index #main-nav li.research .drop {
	display:block;
	position:static;
	border:0px; background:transparent;
	box-shadow:none; height:auto;
}

.index #main-nav li .drop .column {
	  width: 145px;
  margin-left: -4px;
}

.index #main-nav li .drop .column:first-child {
	margin-right:20px;
}

.index #main-nav ul li .drop li b {
	display:block;
	padding-left:4px;
	padding-bottom:2px;
}

.index #main-nav ul li .drop .column ul {
	width:100%;
}

.index #main-nav ul li .drop .column ul li a {
	padding-bottom:0px;
	background:transparent;
		font-size:11px;
		line-height:13px;
		padding:4px;
		width:auto;
}

.index #main-nav ul li .drop .drop-links {
	width:auto;
}

/* accessibility */
a#skip_navigation {
	position: fixed;
	top: 8px;
    left: -9999px;
}
a#skip_navigation:focus {
	position: fixed;
    left: 8px;
    background-color: #ccc;
    text-decoration: underline;
    color: black;
    padding: 5px;
    z-index: 1000;
}
.index #main-nav:focus-within {
	height: 722px !important;
}
.index #main-nav li:focus-within .drop {
	opacity:1;
}
.index #main-nav li:focus-within a {
	color:#fff;
	opacity: 1;
}


/* blog */
.blog-category .header {
	width:100%; margin-bottom:10px;
	border-bottom:3px solid #888;
	position:relative;
}

.blog-category .header h3 {
	float:left;
	background:#888;
	padding:5px 10px;
	padding-bottom:0px;
	color:#fff; padding-left:40px;
	height: 31px;
margin-bottom: -3px;
}

.blog-category .header.now h3 {
	background:#414990 url('../png/now_blog.png') no-repeat top left;
}
.blog-category .header.now {
	border-color:#414990;
}

.blog-category .header.read h3 {
	background:#007F59 url('../png/read_blog.png') no-repeat top left;
}
.blog-category .header.read {
	border-color:#007F59;
}

.blog-category .header.branch h3 {
	background:#BAB34C url('../png/neighborhood_blog.png') no-repeat top left;
}
.blog-category .header.branch {
	border-color:#BAB34C;
}

.blog-category .header a {
	position:absolute;
	right:0px;
	bottom:0px;
	text-transform:uppercase;
	font-size:11px;
}

.blog-category {
	margin:10px 0px;
}

article .blog-image {
	height:200px;
	width:540px;
}

.wysiwyg ul.pager {
	margin:0;
	width:100%;
	list-style:none;
	text-transform:uppercase;
}

.wysiwyg ul.pager li.disabled, .wysiwyg ul.pager li.previous {
	float:left;
	margin:0px;
}

.wysiwyg ul.pager li.next {
	float:right;
	margin:0px;
}

.comment {
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
	padding-bottom:5px;
	font-size:12px; color:#666;
}

.comment img {
	margin:0;
}

.comment small {
	font-family:"Montserrat",sans-serif;
	text-transform:uppercase;
	font-size:11px; color:#888;
}

.blog-latest {
	background:#fff;
	border:1px solid #dadada;
	margin-bottom:15px;
	width:369px;
	min-height:391px;
}

article.blog-latest .blog-image, article.blog-previous .blog-image {
	overflow:hidden;
	height:200px;
}

.blog-latest .blog-image {
	width:369px;
	height:200px;
}

article.blog-previous .blog-image {
	height:119px;
	width:150px;
	float:left;
	margin-right:10px;
}

.blog-previous .blog-image img {
	max-height:150px;
	min-width:150px;
}

.blog-previous {
	background:#fff;
	border:1px solid #dadada;
	margin-bottom:15px;
	height:119px; overflow:hidden;
}

article.blog-blurb {
	background:#fff;
	border:1px solid #dadada;
	margin-bottom:15px;
	width:100%;
}

.meta {
	font-size:11px;
	color:#666;
	font-family:"Montserrat",sans-serif;
	display:block;
}

.wysiwyg article .blog-image {
	overflow:hidden;
	position:relative;
}

.wysiwyg article .blog-image img {
	margin:0px; width:540px;
	background-position:center center;
}

.index .wysiwyg .blog-previous img {
	float:left;
	border-right:1px solid #dadada;
	margin-right:10px;
}

.index span#location-name:after {
	content:url('../png/location-arrow.index.png');
	padding-left:4px;
	padding-bottom:2px;
}

.index #location a:hover span#location-name:after {
	content:url('../png/location-arrow.white.png');
	padding-left:4px;
	padding-bottom:2px;
}

/* ==========================================================================
   Library Admin
   ========================================================================== */

ul.staff {
	width: 550px;
	margin:0; padding:0;
	list-style:none;
	margin-top:20px;
	font-size:13px;
}

/*
ul.staff li {
	width:246px;
	margin:0; padding:0;
	list-style:none;
	margin-right:20px;
	float:left;
	margin-bottom:15px;
}
*/

ul.staff li {
    width: 251px;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-right: 15px;
    float: left;
    margin-bottom: 15px;
    height: 138px;
}

/*
ul.staff li .img {
	float:left;
	width:65px;
	height:90px;
	margin-right:10px;
	margin-top:3px;
}
*/

ul.staff li .img {
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 10px;
    margin-top: 3px;
    margin-bottom: 25px;
}

ul.staff li .img img {
	width:100px;
	height:100px;
	margin:0;
	max-width: inherit;
}

/* ==========================================================================
   Search Styles
   ========================================================================== */
   
#search-results {
	width:376px;
	position: absolute;
	top: 46px;
	left: 145px;
	background: rgba(0,0,0,0.9);
	border: 1px solid #fff;
	z-index: 999;
	padding: 12px;
	line-height:normal;
	text-transform:none;
	letter-spacing:normal;
	display:none;
	
	max-height:600px;
	overflow: scroll;
}

.index #search-results {
	right: 0px;
	top: 56px;
	left:auto;
}

#search-results a, #main-nav li.research #search-results a {
	font-family:"Montserrat",sans-serif;
	font-size:15px; color:#fff;
	display:block; font-weight:bold;
}

#search-results a:hover, #main-nav li.research #search-results a:hover {
	color:#00aeef;
}
#search-results #direct-result .result a:hover{
	color:#00aeef;
}
#search-results .result, #main-nav li.research #search-results .result {
	padding-left:30px;
	margin-bottom:15px;
	font-family:"Montserrat",sans-serif;
	font-size:11px; color:#bbb;
	background-position:top 5px left;
	background-repeat:no-repeat;
}

.result {
	position:relative;
}

.expand_img{
	cursor:pointer;
	cursor:hand;
}

.result i {
	padding-right:5px;
}

#search-results .result i {
	/* padding-right: 5px; */
	position: absolute;
	left: 5px;
	top: 5px;
}

.result.book {
	background:url('../png/icon.book.png');
}
.result.periodical {
	background:url('../png/icon.periodical.png');
}
.result.event {
	background:url('../png/icon.event.png');
}
.result.media {
	background:url('../png/icon.media.png');
}
.result.internet {
	background:url('../png/icon.internet.png');
}
#main-nav li.research #search-results .result.loading, #search-results .result.loading, main-nav li.research #search-results .result.loading {
	background:url('../gif/loading.gif') no-repeat;
	font-family:"Montserrat",sans-serif;
	font-size:15px;
}

.result .type {
/* margin-bottom: 5px; */
}

.wysiwyg .result-container {
	width:1039px;
}

.search-column {
	width:313px;
	float:left;
	padding:10px;
	padding-bottom:0px;
	margin-right:10px;
}

.result_section{
	margin-bottom:10px;
}

.wysiwyg div.result {
	width:auto;
	padding:10px;
	background:#fff;
	border:1px solid #e8e8e8;
	/*margin-bottom:10px;*/
}

.search-column h4 {
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:1px;
	text-align:center;
}

.search-column h4 small {
	display:block;
	color:#fff;
	text-transform:none;
	letter-spacing:normal;
}

.search-column.resources h4 {
	color:#273945;
}

.search-column.resources {
	background:#516E80;
}

.search-column.recommendations h4 {
	color:#244946;
}

.search-column.recommendations {
	background:#538582;
}

.search-column.research h4 {
	color:#435927;
}

.search-column.research {
	background:#92B068;
}

.wysiwyg div.result a.item-name {
	font-size:17px;
	font-family:"Montserrat",sans-serif;
	font-weight:bold;
}

.wysiwyg div.result .tag {
	text-transform:uppercase;
	font-weight:bold;
}
#direct-result{
	background-color: #FFFFFF;
    margin: -12px -12px 12px -12px;
    padding: 6px 12px 6px 12px;
}
#direct-result .result{
	overflow: auto;
	margin-bottom: 0px;
	padding-left: 30px;
	
}
#direct-result .result a {
    color: #050505!important;
    text-transform: capitalize;
    font-size: 17px!important;
}
#direct-result .result #meta-info {
    color: #646464;
    font-size: 13px;
}
#direct-result .tag {
    color: #008BAE;
}
.meta-book{
    max-width: 60px;
    max-height: 80px;
    float: right;
}

.wysiwyg div.result .meta-info {
	display:block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color:#666;
	font-size:11px;
	font-family:"Montserrat",sans-serif;
}
.result #meta-info{
	text-transform: uppercase;
}

#search-results .tag {
	text-transform:uppercase;
	background-color:transparent;
	font-weight:bold;
}

.tag.resource {
	color:#94C0CB;
}

.tag.recommendation {
	color:#5DAC99;
}

.tag.research {
	color:#BDD18A;
}

a.full-results {
	text-align:center;
}

/* ==========================================================================
   Database Styles
   ========================================================================== */
#research-databases {
	font-size:13px;
	font-family:"Montserrat",sans-serif;
}

#research-databases p {
	font-size:12px;
	margin:0px;
	margin-top:5px;
}

#research-databases td {
	padding-bottom:20px;
}

#research-databases td.image img {
	max-width:100px;
}

#research-databases td.name {
	vertical-align: top;
}

ul.alphabet {
display:inline-block;
	background:#e8e8e8;
	margin:10px 0px;
}

ul.alphabet li {
	float:left;
	list-style:none;
	margin:0;
	font-family:"Montserrat",sans-serif;
	font-weight:bold;
	color:#aaa;
	padding:0px;
	font-size:13px;
}

ul.alphabet li:first-child {
	padding-left:0px;
}

ul.alphabet li a {
	color:#666;
	display:block;
	padding:5px;
}

ul.alphabet li span {
	display:block;
	padding:5px;
}

ul.alphabet li a.active {
	color:#000;
	background:#d8d8d8;
}

ul.alphabet li a:hover {
	background:#d8d8d8;
}

section#wide {
	width:900px;
	margin-top:20px;
}

.boxed-item {
	background:#fff;
	width:225px;
	height:225px;
	padding:10px;
	border:1px solid #ddd;
	float:left;
	margin:10px 0px;
	margin-right:20px;
}

/* ==========================================================================
   Booklists
   ========================================================================== */
   
div#booklist-container {
	height:auto;
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
}

.bookcover {
	width:166px;
	height:230px;
	position:relative;
	display:inline-block;
	margin: 0px 5px;
	margin-top:10px;
	cursor:pointer;
	-webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
}

.wysiwyg .bookcover img {
	width:166px;
	margin:0px;
}

.bookcover .frontface, .bookcover .backface {
	position:absolute;
	top:0; left:0;
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;

    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;

    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;

    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;

    transition: 0.6s;
    transform-style: preserve-3d;
    
}

.bookcover .frontface {
	z-index:5;
	width:166px;
	max-height:230px;
	overflow:hidden;
	box-shadow:0px 0px 3px rgba(0,0,0,0.5);
}

.bookcover .backface {
	padding:10px;
	padding-left:20px;
	padding-right:8px;
	z-index:1;
	text-align:left;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
	background:url('../png/book-backface.png') no-repeat;
	overflow:hidden;
	width:138px;
	height:210px;
}

.bookcover .backface p.desc {
	color:#aaa;
	line-height:normal;
	font-size:11px;
	hyphens:auto;
	margin:4px 0px;
}

.bookcover .book-discussion {
	position:absolute;
	bottom:-22px;
	text-transform:uppercase;
	font-size:12px;
	width:100%;
	text-align:center;
	/* font-family:"Arial",sans-serif; */
	font-weight:bold;
}

#content .bookcover h3 {
	color:#268dbe;
	margin-bottom:10px;
	font-size:14px;
	line-height:17px;
}

#content .bookcover h3 span {
	color:#ccc;
	font-size:12px;
	margin-top:2px;
	display:inline-block;
}

#content .bookcover a.view-all {
	color:#fff;
	font-size:12px;
	line-height:15px;
	display:inline-block;
}

.bookcover a:hover.view-all {
	color:#fff;
}

.bookcover:hover .flipcover .backface, .bookcover.hover .flipcover .backface {
	-webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
	
.bookcover:hover .flipcover .frontface, .bookcover.hover .flipcover .frontface {
	-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flipcover {
	-moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
	position: relative;
}

.ie9 .bookcover:hover .frontface, .lt-ie9 .bookcover:hover .frontface {
	display:none;
}

ul.booklists {
display:inline-block;
	background:#e8e8e8;
	margin:10px 0px;
	width:100%;
}

ul.booklists li {
	float:left;
	list-style:none;
	margin:0;
	font-family:"Montserrat",sans-serif;
	font-weight:bold;
	color:#aaa;
	padding:0px;
	font-size:13px;
	margin-bottom:3px;
	margin-right:3px;
}

ul.booklists li:first-child {
	padding-left:0px;
}

ul.booklists li a {
	color:#666;
	display:block;
	padding:5px;
}

ul.booklists li span {
	display:block;
	padding:5px;
}

ul.booklists li a.active {
	color:#000;
	background:#d8d8d8;
}

ul.booklists li a:hover {
	background:#d8d8d8;
}







/* "new" booklists edits */
div#booklist-container.new {
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* overflow: auto; */
}
body.no-buckets div#booklist-container.new {
	width: 523px;
}
div#booklist-container.new .bookcover .frontface img {
	width: 100%;
}
div#booklist-container.new .booklist-container.alt {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	/*justify-content: center;*/
	/* 	overflow: auto; */
}
div#booklist-container.new .book-item {
	width: 166px;
	height: 230px;
	margin: 10px 10px 0 0;
	display: inline-block;
	position: relative;
}
body.no-buckets div#booklist-container.new .book-item {
	width: 163px;
}
div#booklist-container.new .book-item .book-cover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: transform .6s;
	transform-style: preserve-3d;
}
div#booklist-container.new .book-item .book-cover .cover-front,
div#booklist-container.new .book-item .book-cover .cover-back {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 0s .2s;
	overflow: hidden;
}
div#booklist-container.new .book-item .book-cover .cover-front {
	opacity: 1;
}
div#booklist-container.new .book-item .book-cover .cover-front .pane {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}
div#booklist-container.new .book-item .book-cover .cover-front img {
	width: 100%;
	margin: 0;
}
div#booklist-container.new .book-item .book-cover .cover-back {
	background-image: url(../png/book-backface.png);
	opacity: 0;
	transform: rotateY(180deg);
}
div#booklist-container.new .book-item .book-content {
	opacity: 0;
	position: relative;
	transition: opacity .3s ease-out;
}
div#booklist-container.new .book-item .book-content .heading {
	margin: 0;
    color: #fff;
    color: #268dbe;
    color: #299CD1;
	/* font-family: 'ptf_nordic_rnd_ltnormal', sans-serif; */
	font-family: "Montserrat",sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.5px;
}
div#booklist-container.new .book-item .book-content .heading span {
	margin-top: 5px;
	display: block;
	color: #ccc;
	font-size: 10px;
	line-height: 12px;
}
div#booklist-container.new .book-item .book-content p.desc {
	margin: 5px 0 10px 0;
	color: #aaa;
	font-size: 12px;
	line-height: 14px;
}
div#booklist-container.new .book-item .book-content .links-container {
	width: 100%;
	position: relative;
}
div#booklist-container.new .book-item .book-content .links-container a {
	color: #000;
	/* font-family: 'Chivo', sans-serif; */
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: -0.1px;
    display: inline-block;
}
div#booklist-container.new .book-item .book-content .links-container a.links-top {
	width: 100%;
	padding: 2px 5px;
	padding-right: 29px;
	box-sizing: border-box;
	background-color: #92B168;
	background-color: #268dbe;
	background-color: #299ACF;
	text-align: right;
	position: relative;
	transition: background-color .3s;
}
div#booklist-container.new .book-item .book-content .links-container a.links-top:before {
	content: "";
	width: 19px;
	height: 10px;
	background: url(../svg/mlk2021-icon-downarrow.svg) no-repeat;
	background-size: cover;
	display: inline-block;
	position: absolute;
	top: calc(50% - 5px);
	right: 5px;
	transition: transform .2s;
}
/*
div#booklist-container.new .book-item .book-content .links-container a.links-top:before {
	content: "▼";
	font-size: 8px;
	display: inline-block;
	position: absolute;
	top: calc(50% - 6px);
	right: 5px;
	transition: transform .2s;
}
*/
div#booklist-container.new .book-item .book-content .links-container a.links-top:hover {
	background-color: #BCE386;
	background-color: #299ACF;
	background-color: #268dbe;
}
div#booklist-container.new .book-item .book-content .links-container .links-dropdown {
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	background-color: #BCE386;
	opacity: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: absolute;
	top: 18px;
	left: 0;
	transition: padding .3s, opacity .3s;
	pointer-events: none;
}
div#booklist-container.new .book-item .book-content .links-container .links-dropdown .link {
	width: 100%;
	/* 	margin-bottom: 5px; */
	padding: 0 5px;
	box-sizing: border-box;
	background-color: #BCE386;
	background-color: #268dbe;
	background-color: #299ACF;
	/* 	color: #333; */
	text-align: right;
	display: block;
	position: relative;
	transition: padding .3s, background-color .3s;
}
/* LINKS DROPDOWN > LINK */
div#booklist-container.new .book-item .book-content .links-container .links-dropdown .link:last-of-type {
	margin-bottom: 0;
}
div#booklist-container.new .book-item .book-content .links-container .links-dropdown .link:hover {
	/* 	color: #000; */
	background-color: #92B168;
	background-color: #299ACF;
	background-color: #268dbe;
}
div#booklist-container.new .book-item .book-content .links-container .links-dropdown .link:before {
	content: "";
	background-repeat: no-repeat;
	background-size: cover;
	text-align: left;
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
}
/* BOOK */
div#booklist-container.new .book-item .book-content .links-container .links-dropdown .link.book {
	padding-right: 33px;
}
div#booklist-container.new .book-item .book-content .links-container .links-dropdown .link.book:before {
	width: 23px;
	height: 12px;
	background-image: url(../png/cc-icon-book.png);
	top: 7px;
}
/* DVD */
div#booklist-container.new .book-item .book-content .links-container .links-dropdown .link.dvd {
	padding-right: 24px;
}
div#booklist-container.new .book-item .book-content .links-container .links-dropdown .link.dvd:before {
	width: 14px;
	height: 14px;
	background-image: url(../png/cc-icon-dvd.png);
/* 	left: -19px; */
}
/* MUSIC CD */
div#booklist-container.new .book-item .book-content .links-container .links-dropdown .link.music-cd {
	padding-right: 24px;
}
div#booklist-container.new .book-item .book-content .links-container .links-dropdown .link.music-cd:before {
	width: 14px;
    height: 14px;
    background-image: url(../png/cc-icon-music-cd.png);
/*     left: -19px; */
}
/* E BOOK */
div#booklist-container.new .book-item .book-content .links-container .links-dropdown .link.e-book {
	padding-right: 21px;
}
div#booklist-container.new .book-item .book-content .links-container .links-dropdown .link.e-book:before {
	width: 11px;
    height: 14px;
    background-image: url(../png/cc-icon-e-book.png);
/*     left: -15px; */
}
/* BOOK CLUB KIT */
div#booklist-container.new .book-item .book-content .links-container .links-dropdown .link.book-club-kit {
	padding-right: 27px;
}
div#booklist-container.new .book-item .book-content .links-container .links-dropdown .link.book-club-kit:before {
	width: 17px;
    height: 14px;
    background-image: url(../png/cc-icon-kit.png);
/*     left: -23px; */
}
/* E AUDIOBOOK */
div#booklist-container.new .book-item .book-content .links-container .links-dropdown .link.e-audiobook {
	padding-right: 30px;
}
div#booklist-container.new .book-item .book-content .links-container .links-dropdown .link.e-audiobook:before {
	width: 20px;
    height: 14px;
    background-image: url(../png/cc-icon-e-audiobook.png);
/*     left: -25px; */
}
/* AUDIOBOOK CD */
div#booklist-container.new .book-item .book-content .links-container .links-dropdown .link.audiobook-cd {
	padding-right: 28px;
}
div#booklist-container.new .book-item .book-content .links-container .links-dropdown .link.audiobook-cd:before {
	width: 18px;
    height: 14px;
    background-image: url(../png/cc-icon-audiobook-cd.png);
}
/* LARGE PRINT BOOK */
div#booklist-container.new .book-item .book-content .links-container .links-dropdown .link.large-print-book {
	padding-right: 29px;
}
div#booklist-container.new .book-item .book-content .links-container .links-dropdown .link.large-print-book:before {
	width: 19px;
    height: 14px;
    background-image: url(../png/cc-icon-large-print-book.png);
}
div#booklist-container.new .book-item .book-content .links-container .links-dropdown .link:after {
	display: none;
}
/* BOOKLISTS v2 > HOVER STATE */
div#booklist-container.new .book-item:hover, .page-container .page-content .book-item:focus {
	z-index: 99;
}
div#booklist-container.new .book-item:hover .book-cover, .page-container .page-content .book-item:focus .book-cover {
	transform: rotateY(180deg) scale(1.2);
}
div#booklist-container.new .book-item:hover .book-cover .cover-front, .page-container .page-content .book-item:focus .book-cover .cover-front {
	opacity: 0;
}
div#booklist-container.new .book-item:hover .book-cover .cover-back, .page-container .page-content .book-item:focus .book-cover .cover-back {
	opacity: 1;
}
div#booklist-container.new .book-item:hover .book-content, .page-container .page-content .book-item:focus .book-content {
	opacity: 1;
	transition: opacity .3s ease-out .4s;
}
/* BOOKLISTS v2 > DROPDOWN ACTIVE STATE */
div#booklist-container.new .book-item.dropdown-active .book-content .links-container a.links-top:before {
	transform: scaleY(-1);
}
div#booklist-container.new .book-item.dropdown-active .book-content .links-container .links-dropdown {
	/* 	padding: 10px 0; */
	opacity: 1;
	pointer-events: all;
}
div#booklist-container.new .book-item.dropdown-active .book-content .links-container .links-dropdown .link {
	padding-top: 5px;
	padding-bottom: 5px;
}

/* ==========================================================================
   Books for Purchase
   ========================================================================== */

.books-for-sale ul{
	display:table;
	margin: 10px 0px;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}

.books-for-sale li {
    float: left;
    list-style: none;
    margin: 0!important;
    padding: 0;
    font-family: "Montserrat",sans-serif;
    font-weight: bold;
    color: #aaa;
    padding: 0px;
    font-size: 13px;
    width: 30%;
    margin: 1.66%!important;
    cursor: pointer;
}

.book-purchase-img {
    width: 145px;
    height: 240px;
    position: relative;
}

.book-desc {
    position: absolute;
    bottom: 0;
    opacity: 0;
    z-index: -1;
    width: 90%;
    background-color: #92B068;
    box-shadow: 0px 0px 11px rgba(-6, -5, -6, 0.82);
    padding: 11px;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.books-for-sale li:hover .book-desc{
    z-index: 1;
    opacity: 1;
}

.book-desc p {
    font-family: "Montserrat",sans-serif;
    font-weight: bold;
    color: #1e2a32;
    padding: 0px;
    font-size: 13px;
    line-height: 14px;
    text-align: left;
    margin-top: 0;
    margin-bottom: 5px;
}

.book-desc hr {
    margin: 0;
    padding: 0;
    color: #1e2a32;
    border-top: 1px solid #1e2a32;
    margin: 10px 0;
}

.paypal-button img{
	cursor: pointer;
	margin: 0;
}

/* ==========================================================================
   Calendar Styles
   ========================================================================== */
table#calendar {
	font-size: 11px;
	line-height:13px;
	border-collapse: separate;
	border-spacing: 5px;
	overflow:hidden;
	table-layout: fixed;
}

a#list, a#cal {
	color:#268dbe;
	margin-right:10px;
}

a#list.selected, a#cal.selected, a:hover#list.selected, a:hover#cal.selected {
	color:#444;
}

a:hover#list, a:hover#cal {
	color:#00aeef;
}

#calendar th {
	font-family:"Montserrat",sans-serif;
	text-transform:uppercase;
}
   
#calendar td {
	width:14%;
	padding:0px;
}

#calendar td.calendar-day-np {
	background:#efefef;
}

#calendar td .contain {
	height:200px;
	overflow:hidden;
	position:relative;
	background:#fff;
	border:1px solid #eee;
	padding:5px;
}

#calendar td .contain.open {
	position:absolute;
	z-index:5;
	width:316px;
	height:auto;
	max-height:300px;
	overflow:auto;
	min-height:200px;
	border:1px solid #888;
	padding-bottom:0px;
}

#calendar td .contain.open .total-events {
	position:static;
	margin-top:5px;
}

#calendar td .contain.open a.close {
	position:absolute;
	top:0px;
	right:5px;
	cursor:pointer;
	color:#000;
	text-transform:uppercase;
}

#calendar td .contain.open a.close i {
	background:#000;
	color:#fff; padding:1px 2px;
}

#calendar td .contain .hide {
	display:none;
}

#calendar td .contain .hide.location, #calendar td .contain .hide .location {
	color:#444;
	text-transform:uppercase;
}

#calendar td .contain.open .hide {
	display:inherit;
}

#calendar td .contain.open .open-hide {
	display:none;
}

#calendar td .contain.rightside.open {
	right:14px;
	width:317px;
}

#calendar td a {
	display:block;
	padding:5px 0px;
}

#calendar td .contain a.odd {
	background:#e3f1ff;
}

#calendar td .contain.open a.odd {
	background:#fff;
}

#calendar td .contain.open a:nth-child(odd) {
	background:#e3f1ff;
}

#calendar td span.day {
	font-size:12px;
	font-weight:bold;
	margin-bottom:8px;
	display:block;
	font-family:"Montserrat",sans-serif;
}

/*
#calendar td .contain.today span.day {
	background-color:#e0044d;
	color:#fff;
	padding:0px 2px;
}

#calendar td .contain.today span.day span {
	color:#fff;
}
*/

#calendar td .contain.today {
	padding:3px;
	border:2px solid #000;
}

#calendar td a .time {
	color:#888;
}

#calendar td span.day span {
	color:#aaa;
}

#calendar td .contain .total-events {
	width:100%;
	background:rgba(0,0,0,0.8);
	position:absolute;
	bottom:0px;
	font-family:"Montserrat",sans-serif;
	color:#fff; font-weight:bold;
	padding:5px;
	text-transform:uppercase;
	font-size:11px;
	text-shadow:0px 0px 2px #000;
	cursor:pointer;
	margin-left:-5px;
}

#calendar td .total-events i {
	float:right;
	padding-right:10px;
	padding-top:1px;
}

#landing-buckets {
	width:610px;
	margin-left:0px;
}

#landing-buckets .box {
	float:left;
	margin-right:25px;
	margin-bottom:25px;
	box-shadow:0px 0px 2px #ddd;
	font-family:"Montserrat",sans-serif;
		position:relative;
		height:350px;
		width:250px;
}

#landing-buckets .box img {
	margin-left:0px;
	margin-top:0px;
}
/* ==========================================================================
   COLLECTION Styles
   ========================================================================== */

.collection-cover{
	width: 100%;
}
.collection-image-row{
    margin-right: 25px;
    max-width: 25%;
    box-sizing: border-box;
    float: left
}
.collection-center{
	width:49%;
	margin-right: 15px;
	box-sizing: border-box;
	float:left;
	overflow: auto;
}
.collection-center p{
	margin:0;
}
.collection-right{
	float: right;
	width:20%;
	box-sizing: border-box;
}
.flexboxx{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
}
.collection-center table tr td{
	vertical-align: top;
}
.author-item-cover{
	max-width:125px!important;
	max-height:150px!important;
	float: left;
    margin: 0px 10px 0px 0px!important;
    border: 1px solid rgba(0, 0, 0, 0.25);
}
.author-item{
    overflow: hidden;
    float: left;
    height: 170px;
    width: 32%;
    margin: 5px;
    position: relative;
    margin-bottom: 35px;
}
.author-item-summary{
	float:left;
/* 	width:80%; */
	width:57%;
}
.name-title-hover{
	color:rgba(28,28,28,0.9);
}
.bib-book{
	height:55px!important;
	float: left;
}

/* ==========================================================================
   The Big Read
   ========================================================================== */

.big-read-bkg {
/*     background-color: #3bb3ae; */
    width: 73%;
    display: inline-block;
    box-sizing: border-box;
    padding: 30px 3% 30px 3%;
    margin-top: 0;
    text-align: left;
    float: left;
    background: #3bb3ae;
    background: -moz-linear-gradient(-45deg, #3bb3ae 0%, #2f8e8a 100%);
    background: -webkit-linear-gradient(-45deg, #3bb3ae 0%,#2f8e8a 100%);
    background: linear-gradient(135deg, #3bb3ae 0%,#2f8e8a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bb3ae', endColorstr='#2f8e8a',GradientType=1 );
}

.big-read-banner{
    width: 100%;
}

.big-read-banner img {
    width: 100%;
    margin: 0 auto;
}

.butteryfly-right{
	float: right;
	width: 50%;
}

.butteryfly-right img {
    width: 80%;
    height: auto;
    float: right;
}
.butteryfly-right2 {
    float: right;
    width: 30%;
    margin-top: -36px;
}
.butteryfly-right2 img {
    width: 70%;
    height: auto;
    float: right;
}

.butteryfly-left{
	float: left;
	width: 50%;
}

.butteryfly-left img {
    width: 80%;
    height: auto;
    float: left;
}

.big-read-logo-text {
/*     background-color: #3bb3ae; */
    padding: 2% 2% 2% 0;
    box-sizing: border-box;
    display: table;
}

.big-read-logo-right {
    width: 23%;
    float: right;
    box-sizing: border-box;
    padding-left: 3%;
}

.big-text-left {
    float: left;
    width: 77%;
}

.big-text-left h1 {
    color: #000000;
    text-shadow: none;
    font-weight: 900;
    font-size: 29px;
    line-height: 33px;
}

.big-read-body {
    background-color: #ffffff;
    padding: 2%;
    box-sizing: border-box;
    margin-bottom: 4%;
    clear: both;
    display: table;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.big-read-body h4{
	font-weight: 400;
}

.big-read-menu-links {
    box-sizing: border-box;
    padding: 0 0 2% 0;
    font-size: 18px;
    color: #000000;
}
.big-read-menu-links h3{
	float: left;
	margin: 0px 3px 2% 0;
}
.big-read-menu-links a{
	font-size: 18px;
	color: #000000;
	padding: 5px;
  margin-right: 5px;
}

.big-read-menu-links a:hover{
	color: #efb53c;
}

.large-big-read-button {
    border: 0;
    background: #efb53c;
    text-shadow: 1px 1px 1px #DB9245;
    color: #fff;
    line-height: 31px;
    text-transform: uppercase;
    font-size: 20px;
    padding: 10px 10px;
    text-align: left;
    transition: background-color .15s linear;
    font-family: "Montserrat",sans-serif;
    font-weight: bolder;
    width: auto;
    display: inline-block;
}

/*
a[name="events"],a[name="books"],a[name="programs"],a[name="kids"]  {
  position: relative;
  top: 300px;
}
*/

a.large-big-read-button{
	color: #ffffff!important;
}

a.large-big-read-button:hover{
	color: #fff3d0!important;
}

/* start big read footer */

.big-read-logos {
    clear: both;
    background: white;
    width: 100%;
    display: table;
    padding: 2%;
    box-sizing: border-box;
    margin-top: 3%;
}

.big-partner-logos {
    width: 12.75%;
    float: left;
}

.grant-tagline {
    clear: both;
    margin: 0 auto;
}

.grant-tagline p{
    text-align: center;
}

.big-read-body hr{
	margin: 15px 0;
}

/* start events */
.big-read-header-green {
    color: #3bb3ae;
    margin-bottom: -5px;
}

.big-read-single-event{
	margin-bottom: 30px;
}

.big-read-body p {
    font-weight: 600;
    margin: 8px 0;
    line-height: 18px;
    color: #000000;
}

.big-read-body h3 {
    font-weight: 600;
    color: #3bb3ae;
}

.big-read-body h4 {
    font-size: 16px;
}

.big-read-body h5 {
    color: #3bb3ae;
    font-weight: 600;
    font-size: 20px;
}

.big-read-body h6 {
    font-weight: 600;
    color: #000000;
}

.big-read-body a {
    color: #268dbe;
}

.big-text-left a{
	color: #FFFFFF;
}

ul.big-read-list{
	list-style-type: none;
}

ul.big-read-list li{
	margin: 0 5px;
	padding: 0;
}

/* start kick off event */
.big-read-bkg-green-left, .big-read-bkg-green-right {
    background-color: #e7f3f2;
    width: 48%;
    float: left;
    clear: none;
}

.big-read-bkg-green-right {
    float: right;

}


.big-read-bkg-green h3{
    color: #000000;
}


/* start big read right sidebar */
.big-read-sidebar {
    width: 22%;
    float: left;
    margin-left: 2%;
    background: #d6e593;
    margin-top: 2%;
    border: 4px solid #3bb3ae;
    padding: 2%;
    box-sizing: border-box;
    word-wrap: break-word;
}
/* book list sidebar */
.big-read-sidebar:first-child {
   margin-top: 0;
}
.big-read-sidebar.buckets {
  background: inherit;
  border: 0;
  padding: 0;
}
.big-read-sidebar h3 {
    font-size: 20px;
    font-weight: normal;
    line-height: 23px;
    margin-bottom: -13px;
}

.big-read-sidebar p {
    font-weight: 600;
}


/* start custom table stylings */
table.black-border, table.black-border tr, table.black-border td{
	border: 1px solid black!important;
}

table.colored-table tr:first-of-type {
   	 background-color: #538481;
}

table.colored-table tr:not(:first-child) {
	background-color: #eeeeee;
}

table.colored-table tr:nth-of-type(even) {
	background-color: #b8c4cc;
}

table.colored-table, table.colored-table tr, table.colored-table td{
	border: 1px solid #999999!important;
}

/* NONPHONE  */
@media only screen 
and (min-width : 481px) {
	.big-read-bkg a[name="events"]:target:before, .big-read-bkg a[name="programs"]:target:before, .big-read-bkg a[name="kids"]:target:before, .big-read-bkg a[name="fabula"]:target:before {
	content:"";
	display:block;
	height:187px; /* fixed header height*/
	margin:-187px 0 0; /* negative fixed header height */
	}
}
/* TABLET */
@media only screen 
and (max-width : 1023px) {
	.big-read-sidebar {
    width: 96vw;
    float: none;
    clear: both;
    margin-top: 4%;
    margin-left: 0;
	}	
	.big-read-bkg {
/*     background-color: #3bb3ae; */
    width: 96vw;
    float: none;
    clear: both;
	}

}
/* PHONE  */
@media only screen 
and (max-width : 480px) {
	.big-read-bkg-green-left, .big-read-bkg-green-right {
	    background-color: #e7f3f2;
	    width: initial;
	    float: none;
	    clear: both;
	}
	
	.big-text-left {
	    float: left;
	    width: 100%;
	}
	.big-text-left h1 {
    	font-size:18px;
		line-height: normal;
  	}
  	
  	.big-read-logo-right {
	    width: 100%;
	    float: left;
	    box-sizing: border-box;
	    padding-left: 0;
	}
  	.big-read-bkg {
    	width: 93vw;
	}
	.big-read-sidebar {
    	width: 93vw;
  	}
  	
  	.big-text-left .medium-header{
	  	font-size: 14px;
  	}
}


/* ==========================================================================
   Firstcard
   ========================================================================== */

.firstcard-videos {
    max-width: 90vw;
}
.firstcard-videos > div{
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
.firstcard-videos  > div iframe,
.firstcard-videos > div object,
.firstcard-videos > div embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ==========================================================================
   Custom Videos
   ========================================================================== */

iframe {
	max-width: 100%;
}
/*
.video-bkg{
	width: 100%;
    background: #92b068;
    display: table;
    box-sizing: border-box;
    padding: 30px;
    margin-top: 0;
    text-align: left;
}
   
.video-container{
    border-bottom: 1px solid #ffffff;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 600px;
    text-align: left;
    margin: 0 auto;
}

.single-video{
    padding: 0;
    margin: 0;
    margin-left: -3px;
    width: 600px;
} 

.single-video img{
    width: 600px;
}
*/

.cargill-bkg {
    width: 100%;
    background: #ffffff;
    display: inline-block;
    box-sizing: border-box;
    padding: 30px 3% 30px 3%;
    margin-top: 0;
    text-align: left;
    border: 1px solid #c3c3c3;
    background-color: #FFF6E7;
}
.cargill-container {
    border-bottom: 1px solid #000000;
    padding-bottom: 35px;
    padding-top: 35px;
    width: 47%;
    text-align: left;
    float: left;
    margin-right: 1.5%;
    min-height: 930px;
    display: inline-block;
    box-sizing: border-box;
}
/* PHONE */
@media only screen and (max-width : 480px) {
	.cargill-container {
		width: 100%;
	}
}
.video-bkg {
    width: 100%;
    background: #ffffff;
/*     display: table; */
    display: inline-block;
    box-sizing: border-box;
    padding: 30px 3% 30px 3%;
    margin-top: 0;
    text-align: left;
    border: 1px solid #c3c3c3;
    background-image: url("../png/stories_bkg2.png");
    background-repeat: repeat-y;
}

.video-container {
    border-bottom: 1px solid #000000;
    padding-bottom: 35px;
    padding-top: 35px;
    width: 47%;
    text-align: left;
    float: left;
    margin-right: 1.5%;
    min-height: 400px;
/*     display: table; */
    display: inline-block;
    box-sizing: border-box;
}

.video-container-right {
    border-bottom: 1px solid #000000;
    padding-bottom: 35px;
    padding-top: 35px;
    width: 47%;
    text-align: left;
    float: right;
    margin-left: 1.5%;
    min-height: 400px;
/*     display: table; */
    display: inline-block;
    box-sizing: border-box;
}

.single-video {
    padding: 0;
    margin: 0;
    margin-left: -5px;
    width: 100%;
}

.single-video img {
    width: 600px;
}

.video-container-large{
    border-bottom: 1px solid #C1C1C0;
    padding-bottom: 40px;
    width: 100%;
    background-image: url("../png/stories_bkg2.png");
    background-repeat: repeat-y;
    box-sizing: border-box;
    padding: 4%;
}

.video-banner{
    width: 100%;
    margin-left: -6px;
}

.bucket.newsletter img{
	margin-top: 10px;
}

.credits {
    clear: both;
    background: white;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
}
   
   
   
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* TABLET */
@media only screen 
and (max-width : 1190px) {
	
	ul.booklists{
		width: 98%;
	}
	
	body.no-left section#content header, body.no-left div#social-block {
    	width: 995px;
	}
	
	.video-bkg {
	    width: 98%;
	    display: table;
	    box-sizing: border-box;
	    padding: 30px 3% 30px 3%;
	    margin-top: 0;
	    text-align: left;
	    border: 1px solid #c3c3c3;
	}

}

/* PHONE */
@media only screen 
and (max-width : 480px) {

	.mobile-only {
		display:inherit;
	}
	
	.no-mobile {
		display:none;
	}

	html,body {
		width:100%;
		min-width:inherit;
		background-color:#F8F8F8;
		background-size:auto;
	}
	
	section#top-content {
		background:#F8F8F8;
		background-image:none;
		margin-bottom:0px;
	}
	
	section#page {
		margin-top:25%;
	}
	
	#mobile-navigation {
	width:75%;
	float:right;
	height: 100%;
	display:none;
}
/* for ships commmon */
.ships-logo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: none;
    width: 95%;
    margin: 0 auto;
	padding: 20px 0px 30px;
}

.ships-logo #doa {
    width: 120px;
    height: 53px;
}
.ships-logo .row-1 {
	-ms-flex-item-align: end;    align-self: flex-end;
}
.ships-logo .row-2 {
	margin-top: 0; 
	-webkit-box-align: center;    -ms-flex-align: center;    align-items: center;
}
.ships-logo #noaa {
	height: 40px;
}

.ships-logo #mpl_ship {
	height: 40px;
}
#page-content.ships {
	padding-top: 60px;
}
/* end of logo ships commmon */
ul.staff {
	width: 325px;
}

ul.booklists{
		width: 100%;
}

#mobile-navigation .mob-drop {
	display:none;
}

#mobile-navigation li.active .mob-drop {
	display:block;
}
	
			.site-nav-overlay {
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 600;
	}
			.site-nav-scrollable-container {
		display: none;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		height: 100%;
			background:#f8f8f8;
	}

li.summer_reading {
    width: 100%;
}
	
	
.site-nav-transition .site-nav-scrollable-container {
	display: block;
	width: auto;
}

.site-nav-transition #mobile-navigation {
	display: block;
}
.site-nav-drawer-open .site-nav-overlay {
display: block;
}

.site-nav-drawer-open .site-nav-overlay, .site-nav:focus~.site-nav-overlay {
right: 75%;
z-index: 900;
}
		div.container {
		width:100%;
		overflow-x:hidden;
		border:0px;
		position: relative;
		-webkit-transition: -webkit-transform .2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
		-moz-transition: -moz-transform .2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
		-o-transition: -o-transform .2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
		transition: transform .2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
		height: 100%;
		margin: 0;
		padding: 0;
		box-shadow:1px 0px 3px rgba(0,0,0,0.25);
		}
			
		.site-nav-drawer-open div.container {
		-webkit-transform: translate3d(-75%, 0, 0);
		-moz-transform: translate3d(-75%, 0, 0);
		-o-transform: translate3d(-75%, 0, 0);
		transform: translate3d(-75%, 0, 0);
		}
		
		.site-nav-transition div.container {
		right: 0;
		position: fixed;
		overflow: hidden;
		width: 100%;
		height: 100%;
		z-index: 800;
		}
	
	section#search {
		display:none;
	}
	
	body.index header.site, header.site {
		background:#000;
		position:static;
		height:50px;
	}
	
	body.emotd-active header.site {
		height:108px;
	}
	
	body.emotd-active section#page {
		margin-top: 100px;
	}
	
	.emotd {
		padding:5px 0px;
		font-size:12px;
	}
	
	.emotd h6 {
		font-size:12px;
	}
	
	.grid {
		width:auto;
	}
	
	section.wysiwyg {
		width:auto;
	}
	
	.index section#content .wysiwyg {
		float:none;
	}
	
	#left-contain {
		display:none;
	}
	
	section#content {
		width:100% !important;
		float:none;
	}
	
	div#social-block {
		width:auto;
	}
	
	section#content header h1 {
		font-size:1.25em;
	}
	
	.wysiwyg .result-container, .search-column {
		width:auto; margin:0;
	}
	
	.wysiwyg .result-container .left, .wysiwyg .result-container .right {
		float:none;
		width:auto;
	}
	
	
	.blog-posts, .blog-blurb {
		width:auto; height:auto;
	}
	
	
	article .blog-image {
		width:auto;
	}
	
	header.site {
		overflow:hidden;
		box-shadow:none;
		box-shadow:0px 0px 3px rgba(0,0,0,0.5);
		border-bottom:1px solid #000;
		padding: 0 10px;
		box-sizing: border-box;
	}
	
	header.site h1 a, .index header.site h1 a {
		display:block;
		width:182px; height:37px;
		background:url('../png/mpl-logo-mobile.png') no-repeat;
		background-size:contain;
		background-position:center center;
	}
	
	/* Added by AM 20180309 */
	header.site div.header-logo a, .index header.site div.header-logo a {
		display:block;
		width:182px; height:37px;
		background:url('../png/mpl-logo-mobile.png') no-repeat;
		background-size:contain;
		background-position:center center;
	}

	
	header.site .right {
		width:40px; height:50px;
		padding:5px;
		font-size:25px;
		text-align:center;
		line-height:40px;
		color:#fff;
		background:#333;
		margin-right:-10px;
	}
	
	#mobile-nav p {
		display:none;
	}
	
	#mobile-nav ul {
		margin:0; padding:0;
		width:100%;
		text-align:center;
		text-transform:uppercase;
		line-height:50px;
		font-size:20px;
		letter-spacing:2px;
	}
	
	#mobile-navigation ul li.active {
		background:#278DBE;
	}
	
	#mobile-nav li.resources, #mobile-navigation li.resources, #mobile-navigation li.resources.active {
		background:#516E80;
		border:0px;
	}
	#mobile-nav li.recommendations, #mobile-navigation li.recommendations, #mobile-navigation li.recommendations.active {
		background:#538582;
		border:0px;
	}
	#mobile-nav li.research, #mobile-navigation li.research, #mobile-navigation li.research.active {
		background:#92B068;
		border:0px;
	}
	
	#mobile-nav ul li.resources a, #mobile-navigation ul li.resources a {
		color:white; /*#273945;*/
	}
	#mobile-nav ul li.recommendations a, #mobile-navigation ul li.recommendations a {
		color:white; /*#244946;*/
	}
	#mobile-nav ul li.research a, #mobile-navigation ul li.research a {
		color:white; /*#435927;*/
	}
	
	#mobile-navigation li.resources a, #mobile-navigation li.recommendations a, #mobile-navigation li.research a {
		color:#fff;
		text-transform:uppercase;
		letter-spacing:1px;
		font-size:15px;
		cursor:pointer;
	}
	
	#mobile-navigation ul li.research.active a, #mobile-navigation ul li.recommendations.active a, #mobile-navigation ul li.resources.active a {
		color:#fff;
	}
	
	/* Added by AM 20180308 */
	#mobile-navigation li b, #mobile-navigation li strong {
		text-transform:uppercase;
	}
	
	#mobile-navigation li.resources ul li a, #mobile-navigation li.recommendations ul li a, #mobile-navigation li.research ul li a {
		font-size:13px;
		opacity:.9;
	}
	
	#mobile-nav ul li a:hover {
		color:#fff;
		cursor:pointer;
	}
	
	#mobile-nav ul li.active a {
		color:#fff;
	}
	
	#mobile-nav ul li .drop {
		display:none;
	}
	
	#mobile-nav li.resources .drop ul li a:hover, #mobile-navigation li.resources ul li.active {
		background:#405c6f;
	}
	
	#mobile-nav li.recommendations .drop ul li a:hover, #mobile-navigation li.recommendations ul li.active {
		background:#40736e;
	}
	
	#mobile-nav li.research .drop ul li a:hover, #mobile-navigation li.research ul li.active {
		background:#829d5b;
	}
	
	#mobile-nav ul li ul {
		font-size:12px;
		line-height:normal;
		text-transform:none;
		letter-spacing:0px;
		margin:0px 5px;
	}
	
	#mobile-nav ul li .drop ul li a {
		color:#fff;
		opacity:.9;
		padding:2px 0px;
		display:block;
	}
	
	#mobile-nav ul li .drop ul li.research a {
		opacity:1;
	}
	
	.drop ul li b {
		text-transform:uppercase;
		font-size:11px;
	}
	
	/* Added by AM 20180308 */
	#mobile-nav li.resources .drop ul li b, #mobile-navigation li.resources b, #mobile-nav li.resources .drop ul li b, #mobile-navigation li.resources strong {
		color:#AED6EF;
	}
	
	/* Added by AM 20180308 */
	#mobile-nav li.research .drop ul li b, #mobile-navigation li.research b, #mobile-nav li.research .drop ul li b, #mobile-navigation li.research strong {
		color:#BEF979;
	}
	
	#mobile-nav li .drop .column {
		width:48%;
		float:left;
	}
	
	#mobile-nav ul li .drop .column ul {
		margin:0px 5%;
		margin-bottom:15px;
	}
	
	/* Added by AM 20180308 */
	#mobile-nav li.recommendations .drop ul li b, #mobile-navigation li.recommendations b, #mobile-nav li.recommendations .drop ul li b, #mobile-navigation li.recommendations strong {
		color:#9CE9E3;
	}
	
	#mobile-navigation .drop-nav li, #mobile-navigation .drop-nav li a {
	background:transparent;
	border:0px;
	line-height:normal;
	letter-spacing:normal;
	text-transform:none;
}

#mobile-navigation ul li .drop-nav li {
	padding:2px 4px;
	margin-bottom: 3px;

}

#landing-buckets {
	width:auto;
	margin-left:0px;
}

.event-list {
	width:auto !important;
}

.hide {
	display:none !important;
}

#mobile-navigation ul li .drop-nav {
	margin:10px 0px;
}

#mobile-navigation ul li .drop-nav ul li {
	margin:0px 3px;
}

	#top-menu ul.nav, header.site ul.nav {
		display:none;
	}
	
	section#campaign {
		height:435px;
	}
	
	section#campaign .wide, section#campaign .regular {
		width:300px;
		height:435px;
		overflow:hidden;
	}
	
	section#campaign .thin {
		height:435px;
	}
	
	div.left-arrow, div.right-arrow {
		display:block;
	}
	
	.index section#content .wysiwyg .column {
		width:100%;
	}
	
	footer {
		position:static;
		height:auto !important;
	}
	
	footer .grid {
		text-align:center;
		width: 100% !important;
		margin: 0 auto;
		display: inline-block;
		padding: 0;
	}
	
	footer section#dark {
		position:static;
		height:auto;
	}
	
	footer #footer-links {
		text-align:center;
		width: 100% !important;
		margin: 0 auto;
		display: inline-block;
	}
	
	footer .right {
		margin-top:0px;
		width:100%;
		position: relative;
		margin: 0 auto;
	}
	
	footer section#legal {
		margin-top:20px;
	}
	
	
footer section#legal ul {
	margin:0;
}
	footer section#legal ul li {
		text-align:center;
		display:list-item;
	}
	
	footer section#legal ul li:before {
		content:"";
		padding:0px;
	}
	
	footer section#legal ul li {
		margin-bottom:5px;
	}
	
	footer section#legal nav#credits ul {
		text-align:center;
	}
	
	footer section#legal nav#credits ul li {
		display:inline;
		padding:0px 5px;
	}
	footer nav#footer-links ul, footer nav#footer-links ul.social-ul {
		text-align: center;
		display: inline-block;
	}
	footer nav#footer-links ul.social-ul {
		margin: 7px calc(4% + 20px);
		display: flex;
	}
	footer nav#footer-links ul.social-ul li {
		font-size:20px;
	}
	footer nav#footer-links ul li {
		flex-basis: 100%;
		height: 37px;
		margin-left: 0;
		width: 100%;
		float: none;
		font-size:17px;
	}
	footer nav#footer-links ul li.facebook {
		margin-left: 0;
	}
	footer nav#footer-links ul li a {
		color:#fff;
		display: inline-block;
		padding: .25em 0;
		width: 100%;
		text-align: center;
	}
	footer nav#footer-links ul li.facebook, footer nav#footer-links ul li.twitter, footer nav#footer-links ul li.pinterest, footer nav#footer-links ul li.instagram {
		width: inherit;
		height: inherit;
		margin-left: 0;
	}
	footer section#legal nav#credits ul li:last-child {
		display:list-item;
		margin-top:10px;
	}
	
	footer section#legal ul {
		margin-bottom:20px;
	}
	#footer-logos .footer-logo {
		display: inline-block;
		text-align: center;
		float: none;
	}
	
	.footer-logo#mke, .footer-logo#mke a {
		width:38px;
		height:44px;
		background-size:contain;
	}
	
	footer #footer-logos {
		width:100%;
		position: relative;
		margin: 0 auto;
		padding: 1em 0 2em;
	}
	footer #footer-logos:before,
	footer #footer-logos:after {
	    content: " ";
	    display: table;
	}
	
	footer #footer-logos:after {
	    clear: both;
}
	.footer-logo#mpl, .footer-logo#mpl a {
		background-size:contain;
		width:64px; height:44px;
	}
	
	textarea {
		width:100%;
	}
	
	footer #site-map {
		display:none;
	}
	footer #dark {
		/* display:none; */
		position: relative;
	}
	
	.has-page-image aside#buckets, aside#buckets {
		width:auto;
		margin-top:0px;
		min-width:100%;
	}
	
	.wysiwyg {
		width:auto !important;
	}
	
	.wysiwyg img {
		max-width:100%;
		height:auto;
	}
	
	.page-image, section.wysiwyg div.image-buffer { display:none; }
	
	.bucket, .blog-latest, .blog-previous, .bucket.location {
		width:auto;
	}
	
	.wysiwyg article .blog-image {
		overflow:auto;
	}

	table[style] {
	   width:auto !important;
	}
	
	#mobile-navigation ul {
		padding:0px; margin:0;
	}
	#mobile-navigation ul li {
		background:#fff;
		border-bottom:1px solid #ccc;
		padding:10px;
	}
	
	#mobile-navigation ul li ul.sub-drop {
		display:none;
		margin-top:5px;
	}
	
	#mobile-navigation ul li.active ul.sub-drop {
		display:block;
	}
	
	#mobile-navigation ul li.active ul.sub-drop li {
		background:transparent;
		line-height:normal;
		border:0px; padding:5px 2px;
		margin-left:5px; margin-bottom:0px;
		border-top:1px solid rgba(255,255,255,.3);
	}
	
	#mobile-navigation ul li.active ul.sub-drop li b {
		color:#a5e2ff;
		
	}
	
	#mobile-navigation ul li.active ul.sub-drop li.active {
		background:#1879a5;
	}
	
	#mobile-navigation ul li.active ul.sub-drop li.sub-head {
		border:0px; padding:0px; margin:0px;
		margin-top:10px;margin-bottom:4px;
	}
	
	#mobile-navigation ul li.active a {
		color:#fff;
	}
	
	#mobile-navigation ul li a {
		display:block;
	}
	
	#mobile-navigation ul li#mobile-search {
		height:30px;
		box-shadow:0px 0px 3px rgba(0,0,0,0.5);
		border-bottom:1px solid #888;
	}
	
	#mobile-navigation ul li#mobile-search form {
		border-color:#000;
		margin:0px;
		width:200px;
		height:33px;
	}

	.blog-latest .blog-image {
		width:auto;
	}
	
	section#wide {
		width:auto;
	}

	section#content header {
		width:auto !important;
	}
	
	.emotd {
		height:auto;
	}
	
	.emotd p {
		margin:0;
	}
	
	.emotd img {
		display:none;
	}
	
	.video-bkg{
		width: 100%;
	}
	
	.video-container {
	    width: 100%;
	    float: none;
	}

	.video-container-right {
	    width: 100%;
	    float: none;
	}

/* ==========================================================================
   Mobile Location Chooser
   ========================================================================== */
   section#top-content {
	   padding-top:5px;
   }
   
   section#location-chooser {
	   width:auto;
	   height:auto;
	   min-height:60px;
	   background:#fff;
	   margin:0px 5px;
	   margin-bottom:5px;
	   border:1px solid #ddd;
   }
   
   h6.highlight {
	   color:#e0044d;
   }
   
   #the-location {
	   float:left;
	   	   padding:5px;
   }
   
   #expand-chooser .fa-chevron-up {
	   display:none;
   }
   
   .open #expand-chooser .fa-chevron-down {
	   display:none;
   }
   
   .open #expand-chooser .fa-chevron-up {
	   display:inline-block;
   }
   
   #expand-chooser {
	   float:right;
	   color:#fff;
	   line-height:50px;
	   height:50px;
	   width:25px;
	   text-align:center;
	   cursor:pointer;
	   font-size:20px;
	   padding:5px;
	   margin:5px;
   }
   
   #expand-chooser {
	   background:#ccc;
   }
   
   .open #expand-chooser {
	   background:#000;
   }
   
   #location-expanded {
	   display:none;
   }
   
   .open #location-expanded {
	   display:block;
   }
   
   #the-location {
	   width:80%;
	   float:left;
   }
   
   #the-location p {
	   margin:0;
	   padding-left:5px;
   }
   
   #buttons {
	   margin:0px 5px;
   }
   
   #buttons a {
	   display:inline-block;
	   width:45%;
	   font-weight:bold;
	   	   padding:2% 2%;
   }
   
   #buttons a:first-child {
	   margin-right:1%;
   }
   
   #buttons .fa { float:right; margin-top:3px;}
   
   #buttons .moreinfo {
	   background:#288CC0;
	   color:#fff;
   }
   
   #buttons .directions.external:after {
	   content:"";
	   padding:0px;
   }
   
   #buttons .directions {
	   background:#EC155B;
	   color:#fff;
   }
   
   #mobile-map {
	   width:100%;
	   height:150px;
	   background:#eee;
	   margin-top:10px;
   }
   
   #expand-branches {
	   float:left;
	   line-height:27px;
	   height:25px;
	   width:25px;
	   text-align:center;
	   cursor:pointer;
	   font-size:20px;
	   padding:5px;
	   margin:5px;
   }
   
   #choose-branch,  #choose-branch2 {
	   line-height:45px;
	   height:45px;
	   cursor:pointer;
   }
   
   #show-branches.open .fa-plus {
	   display:none;
   }
   
   #show-branches .fa-minus {
	   display:none;
   }
   
   #show-branches .fa-plus {
	   display:inline-block;
	   color:#000;
   }
   
   #show-branches.open .fa-minus {
	   display:inline-block;
	   color:#fff;
   }
   
   #show-branches #expand-branches {
	   background:#fff;
	   color:#000;
   }
   
   #show-branches.open #expand-branches {
	   background:#000;
	   color:#fff;
   }
   
   #show-branches #branch-expanded {
	   display:none;
   }
   
   #show-branches.open #branch-expanded {
	   display:block;
   }

   #branch-expanded .location {
	   padding:5px;
	   padding-left:50px;
	   border-top:1px solid #aaa;
	   position:relative;
	   cursor:pointer;
   }
   
   #branch-expanded .location .fa {
	   color:#ccc;
	   position:absolute;
	   top:10px;
	   left:18px;
   }
   
   #branch-expanded .location:hover {
	   background:#E9F4FA;
   }
   
   #branch-expanded .location:hover .fa {
	   color:#e0044d;
   }
   
   #branch-canvas {
	   height:150px;
	   width:80%;
	   margin-bottom:10px;
   }
   
   .wysiwyg #location-list ul li {
	   float:none;
   }
   
   /* ==========================================================================
   Books for Purchase
   ========================================================================== */
   
   .books-for-sale li {
	    width: 100%;
	    margin: 3%!important;
	}
	
	.book-desc{
		display: block;
	    opacity: 1;
	    z-index: 1;
	    left: 100%;
	    height: 100%;
	    box-shadow: none;
	    width: 96%;
	}
   
}

 /* ==========================================================================
   MOTD
   ========================================================================== */

span.message.closing {
/*
    width: 70%;
    padding-left: 10px;
*/
    box-sizing: border-box;
}
span.message-top.closing>p {
	padding-left: 10%;
	padding-right: 10%;
}
/* PHONE */
@media only screen 
and (max-width : 480px) {
	#notification-rotator {
		width: 100% !important;
	}
	span.message.closing {
	    line-height: 10px;
	}
	span.message-top.notice>p,
	span.message-top.emergency>p,
	span.message-top.closing>p {
		width: 90%;
		padding-left: 0%;
		padding-right: 0%;
	}
	a.close {
		width: 30px;
		height: 28px;
		overflow: hidden;
		font-size: 27px !important;
	}
}

/* small phone to fit message center */
@media only screen 
and (max-width : 360px) {
	header.site div.header-logo {
		width: 128px;
	}
	.index #top-menu a {
		width: 142px
	}
	.index #message-center #notification-rotator {
		border-left: none;
	}
}

.top-menu-arrow {
/* commented out by MD 20161214 because arrows were off?
    top: -41px;
    left: 141%;
*/
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    /*
a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }
*/

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

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

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
    
    .emotd-container {
	    display:none;
    }
    
    section#page {
	    margin:0 !important;
    }
    
    footer, header.site, aside#buckets {
	    display:none;
    }
    
    section#content header, section#content header h1 {
	    position:static;
	    width:auto;
	    height:auto;
	    border:none;
	    margin:0;
    }
    
    #left-contain, aside#buckets, div#social-block, .page-image, .form-horizontal {
	    display:none;
    }
    
    section#content, section.wysiwyg {
	    width:100% !important;
	    float:none;
	    margin:0;
	    padding: 0;
    }
    .container {
	    padding: 0 !important;
    }
    
    .print-logo {
	    display:block;
		margin-bottom:25px;
    }
    
    #calendar td .contain .total-events, #calendar td .contain.open .total-events {
    	display:none;
    }
}