/* Minimal subset of jQuery-UI */
/* specifically for "Becoming a Bellringer" page */
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-state-disabled {
	cursor: default !important;
}
div#accordion .ui-state-default,
div#accordion .ui-widget-content .ui-state-default,
div#accordion .ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6;
	font-weight: normal;
	color: #555555;
}
div#accordion .ui-state-default a,
div#accordion .ui-state-default a:link,
div#accordion .ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
div#accordion .ui-state-hover,
div#accordion .ui-widget-content .ui-state-hover,
div#accordion .ui-widget-header .ui-state-hover,
div#accordion .ui-state-focus,
div#accordion .ui-widget-content .ui-state-focus,
div#accordion .ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada;
	font-weight: normal;
	color: #212121;
}
div#accordion .ui-state-hover a,
div#accordion .ui-state-hover a:hover,
div#accordion .ui-state-hover a:link,
div#accordion .ui-state-hover a:visited,
div#accordion .ui-state-focus a,
div#accordion .ui-state-focus a:hover,
div#accordion .ui-state-focus a:link,
div#accordion .ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}
div#accordion .ui-state-active,
div#accordion .ui-widget-content .ui-state-active,
div#accordion .ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff;
	font-weight: normal;
	color: #212121;
}
div#accordion .ui-state-active a,
div#accordion .ui-state-active a:link,
div#accordion .ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}
div#accordion .ui-corner-all,
div#accordion .ui-corner-top,
div#accordion .ui-corner-left,
div#accordion .ui-corner-tl {
	border-top-left-radius: 4px;
}
div#accordion .ui-corner-all,
div#accordion .ui-corner-top,
div#accordion .ui-corner-right,
div#accordion .ui-corner-tr {
	border-top-right-radius: 4px;
}
div#accordion .ui-corner-all,
div#accordion .ui-corner-bottom,
div#accordion .ui-corner-left,
div#accordion .ui-corner-bl {
	border-bottom-left-radius: 4px;
}
div#accordion .ui-corner-all,
div#accordion .ui-corner-bottom,
div#accordion .ui-corner-right,
div#accordion .ui-corner-br {
	border-bottom-right-radius: 4px;
}
div#accordion .ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
div#accordion .ui-widget .ui-widget {
	font-size: 1em;
}
div#accordion .ui-widget input,
div#accordion .ui-widget select,
div#accordion .ui-widget textarea,
div#accordion .ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
div#accordion .ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff;
}
div#accordion .ui-widget-content a {
}
div#accordion .ui-widget-header {
	border: 1px solid #ccc;
	background: #eee;
	font-weight: bold;
}
div#accordion .ui-widget-header a {
}

/* overrides */
body {
        font-family: "Verdana", "Ariel", sans-serif
}
.section {
        margin: 20px 55px
}
@media (max-width: 600px) {
  .section {
        margin: 20px 0
  }
}
#content h2, #content h3 {
        color: white;
        background: red;
        font-size: x-large;
        padding: 2em 1em
}
#content h3 {
        background: blue
}
.imageblock {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
}
.blockimage img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding: 5px
}
.rightimage-2-1 {
        float: right;
        max-width: 40%;
	margin: 0 0 15px 15px;
}
.rightimage-2-1 > img {
        width: 49%;
}
.rightimage-2-1 :first-child > img {
        width: 100%;
        padding-bottom: 5px
}
.flex-container {
  display: flex;
        flex-flow: row wrap;
}

.flex-item-left {
  flex: 45%;
  padding-right: 17px;
}

.flex-item-right {
  flex: 45%;
  padding-left: 17px;
}

/* Responsive layout - makes a one column layout (100%) instead of a two-column layout (50%) */
@media (max-width: 400px) {
  .flex-item-left, flex-item-right {
    flex: 100%;
    padding: 0
  }
}

.flex-container dl { 
    margin: 0
}

.mfp-title {
  text-align: center;
  font-style: italic
}

.emailbutton {
    background: lightgreen;
    border: 2px green solid;
    border-radius: 10px;
    padding: 1em;
    font-size: large;
}

iframe.art-video {
    margin-left: auto;
    margin-right: auto;
    display: block
}

@media (min-width: 600px) {
  iframe.art-video {
    width: 560px;
    height: 315px;
  }
}