@import url('https://web.archive.org/web/20150315013708cs_/http://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;
}

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

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

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

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

.index .internal-links {
	line-height:80px;
	text-transform:uppercase;
	font-size:20px;
}

.index .internal-links a {
	color:#fff;
	padding-right:20px;
}

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('/web/20150315013708im_/http://mpl.org/assets/images/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('/web/20150315013708im_/http://mpl.org/assets/images/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('/web/20150315013708im_/http://mpl.org/assets/images/reset.jpg') no-repeat center center;
	margin-left:5px;
	margin-top:3px; margin-bottom:0;
}

input#startdate, input#enddate {
	background:#fff url('/web/20150315013708im_/http://mpl.org/assets/images/datepicker.png') no-repeat right 5px center;
}

input:focus#startdate, input:focus#enddate {
	background:#fff url('/web/20150315013708im_/http://mpl.org/assets/images/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.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('/web/20150315013708im_/http://mpl.org/assets/fonts/Montserrat-Bold.eot');
  src: url('/web/20150315013708im_/http://mpl.org/assets/fonts/Montserrat-Bold.eot#iefix') format('embedded-opentype'),
  	   url('/web/20150315013708im_/http://mpl.org/assets/fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg'),
       url('/web/20150315013708im_/http://mpl.org/assets/fonts/Montserrat-Bold.woff') format('woff'),
       url('/web/20150315013708im_/http://mpl.org/assets/fonts/Montserrat-Bold.ttf') format('truetype');
       font-weight:bold;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/web/20150315013708im_/http://mpl.org/assets/fonts/Montserrat-Regular.eot');
  src: url('/web/20150315013708im_/http://mpl.org/assets/fonts/Montserrat-Regular.eot#iefix') format('embedded-opentype'),
       url('/web/20150315013708im_/http://mpl.org/assets/fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg'),
       url('/web/20150315013708im_/http://mpl.org/assets/fonts/Montserrat-Regular.woff') format('woff'),
       url('/web/20150315013708im_/http://mpl.org/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('/web/20150315013708im_/http://mpl.org/assets/fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
		font-weight:normal;
	}
	@font-face {
		font-family: 'Montserrat';
		src: url('/web/20150315013708im_/http://mpl.org/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%; }
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;
}

.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;
}

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

.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:hover.external:after {
	content:url('/web/20150315013708im_/http://mpl.org/assets/images/external.hover.png');
	padding:0px 4px;
}

a.external:after {
	content:url('/web/20150315013708im_/http://mpl.org/assets/images/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.twitter a:hover.external:after, li.twitter a.external:after,
li.instagram a:hover.external:after, li.instagram a.external:after {
	content:"";
	padding:0px;
}

a.pdf:after {
	content:url('/web/20150315013708im_/http://mpl.org/assets/images/pdf.png');
	padding:0px 4px;
}

a:hover.pdf:after {
	content:url('/web/20150315013708im_/http://mpl.org/assets/images/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('/web/20150315013708im_/http://mpl.org/assets/images/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:1040px;
	min-height:100%;
}

body {
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/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:530px;
	position:relative;
	min-height:100%;
}

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

.grid {
	width:1019px;
	padding:0 10px;
	margin:0 auto;
	position:relative;
}

.emotd {
		background:#0a4094;
	height:38px;
	padding:10px 0px;
	text-align:center;
	color:#fff;
	font-size:15px;
	position:absolute;
	top:0;
	left:0;
	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('/web/20150315013708im_/http://mpl.org/assets/images/resources.background.jpg') no-repeat top center fixed;
	background-size:cover;
}

body.recommendations {
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/recommendations.background.jpg') no-repeat top center fixed;
	background-size:cover;
}

body.research {
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/research.background.jpg') no-repeat top center fixed;
	background-size:cover;
}

section#page {
	background:#F8F8F8 url('/web/20150315013708im_/http://mpl.org/assets/images/page.background.jpg') repeat-y center;
	margin-top:250px;
}

body.teens section#page, body.kids section#page {
	background:#F8F8F8 url('/web/20150315013708im_/http://mpl.org/assets/images/kids.teens.background.png') center;
}

body.teens section#page .grid, body.kids section#page .grid {
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/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;
	float:right;
}

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

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

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

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

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

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

.index section#content .wysiwyg .column {
	width:379px;
	float:left;
	margin-right:20px;
	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:415px;
}

section#content header img.page-image {
	border:4px solid #fff;
	box-shadow:0px 0px 3px #aaa;
	max-width:361px;
	float:right;
}

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

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: 386px; height: 140px;
}

section.wysiwyg div.image-buffer{
	margin-right:-250px;
}

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 section#dark {
	width:100%;
	background:#4A4A4A;
	height:146px;
	position:absolute; bottom:0;
}

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

footer nav#site-map b {
	text-transform:uppercase;
	font-size:12px;
	font-family:"Montserrat", sans-serif;
}

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:165px;
}

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

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

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

footer nav#site-map ul li.parent {
	width:330px; float:left;
	text-align:center;
	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; margin-left:15px;
	display:inline-block;
}

footer nav#footer-links ul li a {
	color:#fff;
}

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:32px;
}

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

footer .footer-logo {
	text-indent:-9999px;
	margin-top:25px;
}

.footer-logo#mpl {
	width:129px;
	height:88px;
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/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('/web/20150315013708im_/http://mpl.org/assets/images/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('/web/20150315013708im_/http://mpl.org/assets/images/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('/web/20150315013708im_/http://mpl.org/assets/images/share_facebook.png') no-repeat top;
  }
  
  ul.share li.twitter a {
	  background:url('/web/20150315013708im_/http://mpl.org/assets/images/share_twitter.png') no-repeat top;
  }
  
  ul.share li.pinterest a {
	  background:url('/web/20150315013708im_/http://mpl.org/assets/images/share_pinterest.png') no-repeat top;
  }
  
  ul.share li.email a {
	  background:url('/web/20150315013708im_/http://mpl.org/assets/images/share_email.png') no-repeat top;
  }
  
  ul.share li a:hover {
	background-position:bottom;
  }
  
/* ==========================================================================
   Secondary Page CSS
   ========================================================================== */
   
/* General Header */

header.site {
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/white_noise.jpg');
	height:115px;
	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;
	position:absolute;
	top:6px; left:10px;
}

header.site h1 a {
	display:block;
	width:182px; height:37px;
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/mpl-logo.png');
}

header.site h1 a:hover {
	background-position:bottom;
}

.print-logo {
	display:none;
}

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

#top-menu ul {
	float:right;
}

#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.location {
	width:141px;
	height:auto;
	border-color:#777;
	padding:0px 8px;
	margin-top:0px;
}

#top-menu ul li.catalog {
	width:75px;
	height:auto;
	border-color:#777;
	padding:0px 8px;
	margin-top:0px;
	position:relative;
}


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

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


#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;
}

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

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

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

.index #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('/web/20150315013708im_/http://mpl.org/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('/web/20150315013708im_/http://mpl.org/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('/web/20150315013708im_/http://mpl.org/assets/images/pinterest.png') no-repeat;
}

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

#top-menu ul li.catalog span {
	background:url('/web/20150315013708im_/http://mpl.org/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:57px;
	position:absolute;
	bottom:5px;
	width:100%;
}

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

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

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

#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);
	height:317px; overflow:hidden;
	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('/web/20150315013708im_/http://mpl.org/assets/images/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;
}

#main-nav ul li.resources .drop ul li b {
	color:#415a6b;
}

#main-nav ul li.recommendations .drop ul li b {
	color:#528683;
}

#main-nav ul li.research .drop ul li b {
	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;
}

#main-nav ul li .drop li b {
	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;
}

#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('/web/20150315013708im_/http://mpl.org/assets/images/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;
	margin-top:-58px;
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/leftnav.background.png') no-repeat;
	font-size:12px;
	float:left;
}

body.kids nav#left-nav, body.teens nav#left-nav {
	width:230px;
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/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('/web/20150315013708im_/http://mpl.org/assets/images/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;
}

nav#left-nav b {
	text-transform:uppercase;
	color:#000;
	display:inline-block;
	padding-left:10px;
}

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


body.resources nav#left-nav b, body.resources nav#left-nav h6 {
	color:#415a6b;
}

body.recommendations nav#left-nav b, body.recommendations nav#left-nav h6 {
	color:#528683;
}

body.research nav#left-nav b, body.research nav#left-nav h6 {
	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;
}

nav#left-nav ul li ul li ul li.active {
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/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;
}

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

/* ==========================================================================
   Locations Dropdown
   ========================================================================== */
   
header.site #locations {
	display:none;
	width:100%;
	height:488px;
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/white_noise.jpg');
	padding-top:5px;
}

.index header.site #locations {
	height:480px;
	padding-top:10px;
}

#locations .grid {
	background:#fff;
	height:470px;
	width:979px;
	padding:0px 20px;
	position:relative;
}

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

#locations a.close {
	position:absolute;
	top:5px;
	right:70px;
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/close.png') no-repeat;
	width:80px;
	height:30px;
	text-indent:-9999px;
	opacity:.25;
	cursor:pointer;
}

#locations a:hover.close {
	opacity:1;
}

#map-canvas { 
	width:380px;
	height:400px;
	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;
}

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

#location-list ul li {
	width:170px;
	float:left;
	margin-left:23px;
	margin-bottom:20px;
	font-size:12px;
	color:#767676;
	font-family:"Montserrat",sans-serif;
	position:relative;
	cursor:pointer;
	height:60px;
}

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

#location-list ul li .checkbox {
	width:11px;
	height:11px;
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/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;
}

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

#location-list li.selected h6 {
	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;
}

span#location-name:after {
	content:url('/web/20150315013708im_/http://mpl.org/assets/images/location-arrow.png');
	padding-left:4px;
	padding-bottom:2px;
}

#location a:hover span#location-name:after {
	content:url('/web/20150315013708im_/http://mpl.org/assets/images/location-arrow.black.png');
	padding-left:4px;
	padding-bottom:2px;
}

/* ==========================================================================
   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('/web/20150315013708im_/http://mpl.org/assets/images/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 {
	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('/web/20150315013708im_/http://mpl.org/assets/images/redref_telephone.png') top center no-repeat;
}

.bucket ul.ready-ref-icons li#email {
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/redref_email.png') top center no-repeat;
}

.bucket ul.ready-ref-icons li#text {
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/redref_text.png') top center no-repeat;
}

.bucket ul.ready-ref-icons li#chat {
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/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;
}

/* ==========================================================================
   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:50px;
	position:static;
}

.lt-ie9 .index header.site {
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/translucent-black.png');
}

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

.index header.site h1 a {
	background-image:url('/web/20150315013708im_/http://mpl.org/assets/images/mpl-logo.index.png');
}

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

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

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

.index #top-menu ul li.catalog span {
	background-image:url('/web/20150315013708im_/http://mpl.org/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('/web/20150315013708im_/http://mpl.org/assets/images/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('/web/20150315013708im_/http://mpl.org/assets/images/campaign-left.png') no-repeat top;
	display:block;
}

.right-arrow a {
	width:59px;
	height:60px;
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/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 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;
}

span.tag b {
	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:135px;
	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;
}

.index #main-nav li a {
	display:block;
	width:100%;
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/dropdown.png') no-repeat center 50px;
	/* color:#fff; */
	padding-bottom:10px;
	cursor:pointer;
	padding-top:15px;
}

.index #main-nav.open li a {
	background-image:url('/web/20150315013708im_/http://mpl.org/assets/images/pullup.png');
}

.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;
	margin-top:25px;
}

.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 {
	color:#fff;
}

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

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

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

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

.index #main-nav li.research .content {
	width:343px; 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:343px;
}

.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:161px; margin:0px 5px;
}

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

.index #main-nav ul li .drop .column ul li a {
	padding-bottom:0px;
	background-image:none;
		font-size:11px;
		line-height:13px;
		padding:2px 0px;
}

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

.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('/web/20150315013708im_/http://mpl.org/assets/images/now_blog.png') no-repeat top left;
}
.blog-category .header.now {
	border-color:#414990;
}

.blog-category .header.read h3 {
	background:#007F59 url('/web/20150315013708im_/http://mpl.org/assets/images/read_blog.png') no-repeat top left;
}
.blog-category .header.read {
	border-color:#007F59;
}

.blog-category .header.branch h3 {
	background:#BAB34C url('/web/20150315013708im_/http://mpl.org/assets/images/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:379px;
	min-height:391px;
}

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

.blog-latest .blog-image {
	width:379px;
	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('/web/20150315013708im_/http://mpl.org/assets/images/location-arrow.index.png');
	padding-left:4px;
	padding-bottom:2px;
}

.index #location a:hover span#location-name:after {
	content:url('/web/20150315013708im_/http://mpl.org/assets/images/location-arrow.white.png');
	padding-left:4px;
	padding-bottom:2px;
}

/* ==========================================================================
   Library Admin
   ========================================================================== */
   
ul.staff {
	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 .img {
	float:left;
	width:65px;
	height:90px;
	margin-right:10px;
	margin-top:3px;
}

ul.staff li .img img {
	width:65px;
	height:65px;
	margin:0;
}

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

.index #search-results {
	right: 10px;
	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 .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('/web/20150315013708im_/http://mpl.org/assets/images/icon.book.png');
}
.result.periodical {
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/icon.periodical.png');
}
.result.event {
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/icon.event.png');
}
.result.media {
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/icon.media.png');
}
.result.internet {
	background:url('/web/20150315013708im_/http://mpl.org/assets/images/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('/web/20150315013708im_/http://mpl.org/assets/images/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;
}

.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;
}

#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('/web/20150315013708im_/http://mpl.org/assets/images/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;
}

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

/* ==========================================================================
   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) {

}

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

#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;
	}
.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%;
		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;
	}
	
	header.site h1 a, .index header.site h1 a {
		display:block;
		width:182px; height:37px;
		background:url('/web/20150315013708im_/http://mpl.org/assets/images/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:#273945;
	}
	#mobile-nav ul li.recommendations a, #mobile-navigation ul li.recommendations a {
		color:#244946;
	}
	#mobile-nav ul li.research a, #mobile-navigation ul li.research a {
		color:#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;
	}
	
	#mobile-navigation li b {
		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;
	}
	
	#mobile-nav li.resources .drop ul li b, #mobile-navigation li.resources b {
		color:#AED6EF;
	}
	
	#mobile-nav li.research .drop ul li b, #mobile-navigation li.research b {
		color:#BEF979;
	}
	
	#mobile-nav li .drop .column {
		width:48%;
		float:left;
	}
	
	#mobile-nav ul li .drop .column ul {
		margin:0px 5%;
		margin-bottom:15px;
	}

	#mobile-nav li.recommendations .drop ul li b, #mobile-navigation li.recommendations b {
		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;
	}
	
	footer .grid {
		text-align:center;
	}
	
	footer section#dark {
		position:static;
		height:auto;
	}
	
	footer #footer-links {
		display:none;
	}
	
	footer .right {
		margin-top:0px;
		width:100%;
	}
	
	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 section#legal nav#credits ul li:last-child {
		display:list-item;
		margin-top:10px;
	}
	
	footer section#legal ul {
		margin-bottom:20px;
	}
	
	.footer-logo#mke, .footer-logo#mke a {
		width:38px;
		height:44px;
		background-size:contain;
	}
	
	footer #footer-logos {
		display:inline-block;
		margin:0 auto;
	}
	
	.footer-logo#mpl, .footer-logo#mpl a {
		background-size:contain;
		width:64px; height:44px;
	}
	
	textarea {
		width:100%;
	}
	
	footer #site-map {
		display:none;
	}
	
	.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;
	}

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


/* ==========================================================================
   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;
    }
    
    .print-logo {
	    display:block;
		margin-bottom:25px;
    }
    
    #calendar td .contain .total-events, #calendar td .contain.open .total-events {
    	display:none;
    }
}
/*
     FILE ARCHIVED ON 01:37:08 Mar 15, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:51:06 Feb 15, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.754
  exclusion.robots: 0.048
  exclusion.robots.policy: 0.034
  esindex: 0.014
  cdx.remote: 33.68
  LoadShardBlock: 208.479 (3)
  PetaboxLoader3.datanode: 89.355 (4)
  PetaboxLoader3.resolve: 195.359 (2)
  load_resource: 152.23
*/