html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  cursor: default; }

ol, ul {
	padding-left: 40px;
}

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

blockquote, q {
    margin:0 20px;
    color:#ddd;
    quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: inherit;
  text-decoration: inherit; }

.imagemapdiv {
    background-color: #ffff00;
    opacity: 0.2;
}

.imagemapdiv:hover {
    opacity: 0.5;
}

.imagemapdiv_hide {
    background-color: #ffff00;
    opacity: 0;
}

.imagemapdiv_hide:hover {
    opacity: 0.5;
}

.search_highlight {
  color: #000;
  background-color: #edeb33;
}

.iphone #adlink .wrapper {
	height: 100%;
}

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted black;
  cursor: help; }

.zoomable, .zoomable * {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: -ms-zoom-in;
  cursor: -o-zoom-in;
  cursor: zoom-in; }

.lightbox, .lightbox * {
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: -ms-zoom-out;
  cursor: -o-zoom-out;
  cursor: zoom-out; }

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

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

hr {
  display: block;
  height: 1px;
  border: 0;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

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

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

select, input, textarea {
  font: 99% sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

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

small {
  font-size: 85%; }

strong, th {
  font-weight: bold; }

td, td img {
  vertical-align: top; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

input {
  cursor: auto; }

textarea {
  cursor: text; }

a, a *, .clickable, label, input[type=button], input[type=submit], input[type=reset], button, #nextPage, #previousPage, #nextPage *, #previousPage * {
  cursor: pointer; }

button, input, select, textarea {
  margin: 0; }

button {
  width: auto;
  overflow: visible; }

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

.ie6 html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

ins {
  background-color: #fcd700;
  color: black;
  text-decoration: none; }

mark {
  background-color: #fcd700;
  color: black;
  font-style: italic;
  font-weight: bold; }

/* ==========================================================================
	PAGES

	Styles related to the grids/layouts in the app.

	This is currently acting as a catch-all for grid-related styles that
	haven't found a permanent home.

	These styles should mostly be moved into layout specific styles
	eventually, but are used throughout the test data, so we'll move them as
	it makes sense to do so.
   ========================================================================== */
.grid {
  margin: 18px;
  padding: 0 32px;
  background: white; }

.container img,
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6, .column h7,
.container h1, .container h2, .container h3, .container h4, .container h5, .container h6, .container h7 {
  padding-left: 20px; }

.container hgroup {
  padding-bottom: 10px; }

.iphone .container hgroup {
  padding-bottom: 15px; }

p {
  padding-left: 20px;
  color: #333333;
  text-indent: 24px;
  text-align: justify; }
  p.noindent, p.caption, .keeptogether p {
    text-indent: 0; }
  p.caption {
    text-align: left; }
    .lightbox p.caption {
      color: #fff; }

.iphone .container img, .iphone .container hgroup, .iphone .column h1, .iphone .column h2, .iphone .column h3, .iphone .column h4, .iphone .column h5, .iphone .column h6, .iphone .column h7 {
  padding-left: 0; }

.iphone .column h4 {
  padding-left: 20px; }

.os-iphone grid.fixed.iphone.vertical {
  padding-left: 0;
  margin-right: 18px; }

.bgclear {
  background-color: transparent; }

h1, h2, h3, h4, h5, h6 {
  font-family: sans-serif;
  font-weight: bold; }

h1 {
  font-family: sans-serif;
  font-size: 24px;
  line-height: 1em; }

p.caption {
  line-height: 1.2em;
  font-size: 90%;
  text-indent: 0; }

p.introduction:first-letter {
  font-size: 460%;
  font-weight: bold;
  font-family: serif;
  float: left;
  line-height: 0.95em;
  margin-right: -0.3em;
  margin-bottom: -0.2em;
  width: 1em;
  color: #c5e113; }

.hyperlink {
  color: #2561b1; }

a {
  color: #2561b1; }

.grid.iphone.vertical.page-1 .wrapper {
  margin: 21px 0px 0px;
  padding: 0 10px;
  position: relative; }

.grid.iphone.horizontal.page-1 .wrapper {
  margin: 21px 0px 0px;
  padding: 0 10px;
  position: relative; }

.grid.ipad.vertical.page-1 .wrapper {
  height: 872px;
  margin: 21px 0px 0px;
  padding: 0 10px;
  position: relative; }

.grid.ipad.horizontal.page-1 .wrapper {
  height: 619px;
  margin: 21px 0px 0px;
  padding: 0 10px;
  position: relative; }

.no-mobile .grid .wrapper {
  height: 92%;
  /*margin-top: 5%;*/
  position: relative; }

.grid img {
  max-width: 100%; }

.grid .fLeft {
  float: left; }

.grid .fRight {
  float: right; }

.grid .bold {
  font-weight: bold; }

.grid .italic {
  font-style: italic; }

.grid .underline {
  text-decoration-line: underline; }



/* ISSUE-LEVEL RAW CSS */

.drop-cap {
  font-size:50px;
  float:left;
  margin:15px 4px 0 0;
  font-weight:700;
  font-family:"museo-slab",serif;
  color:#000
}

.iphone .drop-cap,
.w1 .drop-cap {
  font-size:38px;
  margin:12px 7px 0 0
}
    
p {
  font-size:16px;
  font-family:Tahoma, sans-serif;
  padding:0 5px;
  text-align:left
}

.titles {
    margin:0 0 10px 0
}

.container img {
    padding:5px;
    background:transparent
}

.container .html-figure img {
    padding:0;
    background:transparent
}

ol, ul {  
  font-size:16px;
  font-family:Tahoma, san-serif; 
}

li {
  text-indent:0;
  font:16px Tahoma, sans-serif;
  margin:0 0 0 10px;
  padding:0;
  list-style-type:bullet
}

.iphone ol li,
.iphone ul li {
  font-size:14px
}

/* END ISSUE-LEVEL RAW CSS */

 /* ////////////////////////////////////////////////////////////
// Media Queries for 1-column and 2-column
//////////////////////////////////////////////////////////// */

.grid.index {
  background-color: transparent;
}

.grid.index .column {
  width: 0px;
}

@media screen and (min-height:700px) {
/* 1-column */
.no-ios .index.w1.page-1 .wrapper {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/index/INT_Oct-Nov_320x480.jpg") center center no-repeat;
  background-size: contain; height:100%;}

/* 2-column */
.no-ios .index.w2.page-1 .wrapper {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/index/INT_Oct-Nov_768x1024.jpg") center center no-repeat;
  background-size: contain; height:100%;}
}

@media screen and (max-height:699px) {
/* 1-column */
.no-ios .index.w1.page-1 .wrapper {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/index/INT_Oct-Nov_320x480.jpg") center center no-repeat;
  background-size: contain; height:100%;}

/* 2-column */
.no-ios .index.w2.page-1 .wrapper {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/index/INT_Oct-Nov_1024x768.jpg") center center no-repeat;
  background-size: contain; height:100%;}
}

/* ////////////////////////////////////////////////////////////
// 3-column
//////////////////////////////////////////////////////////// */
.no-ios .index.w3.page-1 .wrapper {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/index/INT_Oct-Nov_1024x768.jpg") center center no-repeat;
  background-size: contain; height:100%;}

/* ////////////////////////////////////////////////////////////
// 4-column
//////////////////////////////////////////////////////////// */
.no-ios .index.w4.page-1 .wrapper {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/index/INT_Oct-Nov_1024x768.jpg") center center no-repeat;
  background-size: contain; height:100%;}

/* ////////////////////////////////////////////////////////////
// iPhone vertical
//////////////////////////////////////////////////////////// */
.index.iphone.vertical.page-1 {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/index/INT_Oct-Nov_320x480.jpg") center center no-repeat;background-size: contain;}

/* ////////////////////////////////////////////////////////////
// iPhone horizontal
//////////////////////////////////////////////////////////// */
.index.iphone.horizontal.page-1 {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/index/INT_Oct-Nov_1024x768.jpg") center center no-repeat;background-size: contain;}

/* ////////////////////////////////////////////////////////////
// iPad vertical
//////////////////////////////////////////////////////////// */
.index.ipad.vertical.page-1 {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/index/INT_Oct-Nov_768x1024.jpg") center center no-repeat;background-size: contain;}

/* ////////////////////////////////////////////////////////////
// iPad horizontal
//////////////////////////////////////////////////////////// */
.index.ipad.horizontal.page-1 {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/index/INT_Oct-Nov_1024x768.jpg") center center no-repeat;background-size: contain;}

/* GUI CSS */

/* END GUI CSS */

 /* ////////////////////////////////////////////////////////////
// Media Queries for 1-column and 2-column
//////////////////////////////////////////////////////////// */

.grid.howtouseubiquity {
  background-color: transparent;
}

.grid.howtouseubiquity .column {
  width: 0px;
}

@media screen and (min-height:700px) {
/* 1-column */
.no-ios .howtouseubiquity.w1.page-1 .wrapper {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/howtouseubiquity/iphone_port_about.png") center center no-repeat;
  background-size: contain; height:100%;}

/* 2-column */
.no-ios .howtouseubiquity.w2.page-1 .wrapper {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/howtouseubiquity/ipad_port_about.png") center center no-repeat;
  background-size: contain; height:100%;}
}

@media screen and (max-height:699px) {
/* 1-column */
.no-ios .howtouseubiquity.w1.page-1 .wrapper {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/howtouseubiquity/iphone_port_about.png") center center no-repeat;
  background-size: contain; height:100%;}

/* 2-column */
.no-ios .howtouseubiquity.w2.page-1 .wrapper {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/howtouseubiquity/ipad_land_about.png") center center no-repeat;
  background-size: contain; height:100%;}
}

/* ////////////////////////////////////////////////////////////
// 3-column
//////////////////////////////////////////////////////////// */
.no-ios .howtouseubiquity.w3.page-1 .wrapper {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/howtouseubiquity/ipad_land_about.png") center center no-repeat;
  background-size: contain; height:100%;}

/* ////////////////////////////////////////////////////////////
// 4-column
//////////////////////////////////////////////////////////// */
.no-ios .howtouseubiquity.w4.page-1 .wrapper {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/howtouseubiquity/ipad_land_about.png") center center no-repeat;
  background-size: contain; height:100%;}

/* ////////////////////////////////////////////////////////////
// iPhone vertical
//////////////////////////////////////////////////////////// */
.howtouseubiquity.iphone.vertical.page-1 {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/howtouseubiquity/iphone_port_about.png") center center no-repeat;background-size: contain;}

/* ////////////////////////////////////////////////////////////
// iPhone horizontal
//////////////////////////////////////////////////////////// */
.howtouseubiquity.iphone.horizontal.page-1 {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/howtouseubiquity/ipad_land_about.png") center center no-repeat;background-size: contain;}

/* ////////////////////////////////////////////////////////////
// iPad vertical
//////////////////////////////////////////////////////////// */
.howtouseubiquity.ipad.vertical.page-1 {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/howtouseubiquity/ipad_port_about.png") center center no-repeat;background-size: contain;}

/* ////////////////////////////////////////////////////////////
// iPad horizontal
//////////////////////////////////////////////////////////// */
.howtouseubiquity.ipad.horizontal.page-1 {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/howtouseubiquity/ipad_land_about.png") center center no-repeat;background-size: contain;}

/* GUI CSS */

/* END GUI CSS */

 .abingdonpressad h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.abingdonpressad .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.abingdonpressad h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.abingdonpressad .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.abingdonpressad .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.abingdonpressad h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.abingdonpressad h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.abingdonpressad h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.abingdonpressad .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.abingdonpressad .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.abingdonpressad .drop-cap {
  color: #000000
}

.abingdonpressad h5 {
  color: #a9bf4e;
  font-family: 'museo-slab',serif;
  font-size: 125%;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.abingdonpressad h6 {
  color: #aabf4e;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.abingdonpressad .html-figure
{
  padding-right:10px;
  display:block;
}

.abingdonpressad .dot,
.abingdonpressad .lside,
.abingdonpressad .rside {
  background:#aabf4e
}

.abingdonpressad p {
  word-wrap: break-word
}
.abingdonpressad .box {
  background:#f9f8f7;
  padding:10px 40px
}

.abingdonpressad img {
  padding-left: 15px;
} .contents h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.contents .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.contents h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.contents .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.contents .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.contents h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.contents h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.contents h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}




/* GUI CSS */

.contents .drop-cap {
  color: #000000
}

.contents h2 {
  font-family: 'museo-slab',serif;
  font-size: 100%;
  font-weight: 400;
  text-align: left;
  margin: 0;
  padding: 20px 0 0 0;
}

.contents h5 {
  color: #a9bf4e;
  font-family: 'museo-slab',serif;
  line-height: 110%;
  font-size: 120%;
  font-style: normal;
  font-weight: 200;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.contents {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/contents/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.contents .html-figure
{
  padding-right:10px;
  display:block;
}

 
/* GUI CSS */

.masthead .drop-cap {
  color: #000000
}

.masthead p {
  text-align: left;
  text-indent: 0;
}

/* END GUI CSS */

.masthead p {
  line-height:120%
}

.masthead .masthead {
  background-color:#FFFFFF;
}

.masthead .masthead p {
  padding-bottom: 12px;
  font-size: 12px;
  line-height: 14px;
  padding-right: 10px;
} .unitedmethodistinsurancead h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.unitedmethodistinsurancead .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.unitedmethodistinsurancead h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.unitedmethodistinsurancead .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.unitedmethodistinsurancead .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.unitedmethodistinsurancead h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.unitedmethodistinsurancead h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.unitedmethodistinsurancead h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.unitedmethodistinsurancead .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.unitedmethodistinsurancead .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.unitedmethodistinsurancead .drop-cap {
  color: #000000
}

.unitedmethodistinsurancead h5 {
  color: #a9bf4e;
  font-family: 'museo-slab',serif;
  font-size: 125%;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.unitedmethodistinsurancead h6 {
  color: #aabf4e;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.unitedmethodistinsurancead .html-figure
{
  padding-right:10px;
  display:block;
}

.unitedmethodistinsurancead .dot,
.unitedmethodistinsurancead .lside,
.unitedmethodistinsurancead .rside {
  background:#aabf4e
}

.unitedmethodistinsurancead p {
  word-wrap: break-word
}
.unitedmethodistinsurancead .box {
  background:#f9f8f7;
  padding:10px 40px
}

.unitedmethodistinsurancead img {
  padding-left: 15px;
} .justthinking_doyoubelieve h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.justthinking_doyoubelieve .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.justthinking_doyoubelieve h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.justthinking_doyoubelieve .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.justthinking_doyoubelieve .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.justthinking_doyoubelieve h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.justthinking_doyoubelieve h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.justthinking_doyoubelieve h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.justthinking_doyoubelieve .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.justthinking_doyoubelieve .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.justthinking_doyoubelieve .drop-cap {
  color: #000000
}

.justthinking_doyoubelieve h5 {
  color: #a9bf4e;
  font-family: 'museo-slab',serif;
  font-size: 125%;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.justthinking_doyoubelieve h6 {
  color: #aabf4e;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.justthinking_doyoubelieve .html-figure
{
  padding-right:10px;
  display:block;
}

.justthinking_doyoubelieve .dot,
.justthinking_doyoubelieve .lside,
.justthinking_doyoubelieve .rside {
  background:#aabf4e
}

.justthinking_doyoubelieve p {
  word-wrap: break-word
}
.justthinking_doyoubelieve .box {
  background:#f9f8f7;
  padding:10px 40px
}

.justthinking_doyoubelieve img {
  padding-left: 15px;
} .reflections h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.reflections .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.reflections h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.reflections .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.reflections .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.reflections h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.reflections h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.reflections h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.reflections .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.reflections .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.reflections .drop-cap {
  color: #000000
}

.reflections h5 {
  color: #53787f;
  font-family: 'museo-slab',serif;
  font-size: 125%;
  font-weight: 500;
  text-align: left;
  margin: 0;
  padding: 0;
}

.reflections h6 {
  color: #aabf4e;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.reflections .html-figure
{
  padding-right:10px;
  display:block;
}

.reflections .dot,
.reflections .lside,
.reflections .rside {
  background:#53787f
}

.reflections p {
  word-wrap: break-word
}
.reflections .box {
  background:#f9f8f7;
  padding:10px 40px
}

.reflections img {
  padding-left: 15px;
} .itworkedforus_biblelessons h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.itworkedforus_biblelessons .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.itworkedforus_biblelessons h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.itworkedforus_biblelessons .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.itworkedforus_biblelessons .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.itworkedforus_biblelessons h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.itworkedforus_biblelessons h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.itworkedforus_biblelessons h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.itworkedforus_biblelessons .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.itworkedforus_biblelessons .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.itworkedforus_biblelessons .drop-cap {
  color: #000000
}

.itworkedforus_biblelessons h6 {
  color: #7d3982;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

.itworkedforus_biblelessons .Purple {
  color: #7d3982;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.itworkedforus_biblelessons .html-figure
{
  padding-right:10px;
  display:block;
}

.itworkedforus_biblelessons .dot,
.itworkedforus_biblelessons .lside,
.itworkedforus_biblelessons .rside {
  background:#7d3982;
}
.itworkedforus_biblelessons .box {
  background:#7c3981;
  padding:10px 40px
} .itworkedforus_foodtruck h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.itworkedforus_foodtruck .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.itworkedforus_foodtruck h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.itworkedforus_foodtruck .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.itworkedforus_foodtruck .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.itworkedforus_foodtruck h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.itworkedforus_foodtruck h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.itworkedforus_foodtruck h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.itworkedforus_foodtruck .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.itworkedforus_foodtruck .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.itworkedforus_foodtruck .drop-cap {
  color: #000000
}

.itworkedforus_foodtruck h6 {
  color: #7d3982;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

.itworkedforus_foodtruck .Purple {
  color: #7d3982;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.itworkedforus_foodtruck .html-figure
{
  padding-right:10px;
  display:block;
}

.itworkedforus_foodtruck .dot,
.itworkedforus_foodtruck .lside,
.itworkedforus_foodtruck .rside {
  background:#7d3982;
}
.itworkedforus_foodtruck .box {
  background:#7c3981;
  padding:10px 40px
} .itworkedforus_filmfestival h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.itworkedforus_filmfestival .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.itworkedforus_filmfestival h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.itworkedforus_filmfestival .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.itworkedforus_filmfestival .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.itworkedforus_filmfestival h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.itworkedforus_filmfestival h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.itworkedforus_filmfestival h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.itworkedforus_filmfestival .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.itworkedforus_filmfestival .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.itworkedforus_filmfestival .drop-cap {
  color: #000000
}

.itworkedforus_filmfestival h6 {
  color: #7d3982;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

.itworkedforus_filmfestival .Purple {
  color: #7d3982;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.itworkedforus_filmfestival .html-figure
{
  padding-right:10px;
  display:block;
}

.itworkedforus_filmfestival .dot,
.itworkedforus_filmfestival .lside,
.itworkedforus_filmfestival .rside {
  background:#7d3982;
}
.itworkedforus_filmfestival .box {
  background:#7c3981;
  padding:10px 40px
} .itworkedforus_smokedetectors h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.itworkedforus_smokedetectors .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.itworkedforus_smokedetectors h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.itworkedforus_smokedetectors .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.itworkedforus_smokedetectors .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.itworkedforus_smokedetectors h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.itworkedforus_smokedetectors h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.itworkedforus_smokedetectors h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.itworkedforus_smokedetectors .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.itworkedforus_smokedetectors .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.itworkedforus_smokedetectors .drop-cap {
  color: #000000
}

.itworkedforus_smokedetectors h6 {
  color: #7d3982;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

.itworkedforus_smokedetectors .Purple {
  color: #7d3982;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.itworkedforus_smokedetectors .html-figure
{
  padding-right:10px;
  display:block;
}

.itworkedforus_smokedetectors .dot,
.itworkedforus_smokedetectors .lside,
.itworkedforus_smokedetectors .rside {
  background:#7d3982;
}
.itworkedforus_smokedetectors .box {
  background:#7c3981;
  padding:10px 40px
} .ideamart_hispanicheritage h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.ideamart_hispanicheritage .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.ideamart_hispanicheritage h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.ideamart_hispanicheritage .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.ideamart_hispanicheritage .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.ideamart_hispanicheritage h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.ideamart_hispanicheritage h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.ideamart_hispanicheritage h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.ideamart_hispanicheritage .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.ideamart_hispanicheritage .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.ideamart_hispanicheritage .drop-cap {
  color: #000000
}

.ideamart_hispanicheritage h6 {
  color: #20abb6;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

.ideamart_hispanicheritage .purple {
  color: #7d3982;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.ideamart_hispanicheritage .html-figure
{
  padding-right:10px;
  display:block;
}

.ideamart_hispanicheritage .dot,
.ideamart_hispanicheritage .lside,
.ideamart_hispanicheritage .rside {
  background:#20abb6;
}
.ideamart_hispanicheritage .box {
  background:#dddddd;
  padding:10px 40px
} .ideamart_childrenssabbath h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.ideamart_childrenssabbath .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.ideamart_childrenssabbath h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.ideamart_childrenssabbath .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.ideamart_childrenssabbath .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.ideamart_childrenssabbath h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.ideamart_childrenssabbath h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.ideamart_childrenssabbath h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.ideamart_childrenssabbath .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.ideamart_childrenssabbath .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.ideamart_childrenssabbath .drop-cap {
  color: #000000
}

.ideamart_childrenssabbath h6 {
  color: #20abb6;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

.ideamart_childrenssabbath .purple {
  color: #7d3982;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.ideamart_childrenssabbath .html-figure
{
  padding-right:10px;
  display:block;
}

.ideamart_childrenssabbath .dot,
.ideamart_childrenssabbath .lside,
.ideamart_childrenssabbath .rside {
  background:#20abb6;
}
.ideamart_childrenssabbath .box {
  background:#dddddd;
  padding:10px 40px
} .ideamart_freevideo h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.ideamart_freevideo .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.ideamart_freevideo h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.ideamart_freevideo .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.ideamart_freevideo .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.ideamart_freevideo h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.ideamart_freevideo h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.ideamart_freevideo h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.ideamart_freevideo .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.ideamart_freevideo .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.ideamart_freevideo .drop-cap {
  color: #000000
}

.ideamart_freevideo h6 {
  color: #20abb6;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

.ideamart_freevideo .purple {
  color: #7d3982;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.ideamart_freevideo .html-figure
{
  padding-right:10px;
  display:block;
}

.ideamart_freevideo .dot,
.ideamart_freevideo .lside,
.ideamart_freevideo .rside {
  background:#20abb6;
}
.ideamart_freevideo .box {
  background:#dddddd;
  padding:10px 40px
} .ideamart_traditionalcalendar h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.ideamart_traditionalcalendar .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.ideamart_traditionalcalendar h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.ideamart_traditionalcalendar .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.ideamart_traditionalcalendar .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.ideamart_traditionalcalendar h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.ideamart_traditionalcalendar h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.ideamart_traditionalcalendar h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.ideamart_traditionalcalendar .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.ideamart_traditionalcalendar .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.ideamart_traditionalcalendar .drop-cap {
  color: #000000
}

.ideamart_traditionalcalendar h6 {
  color: #20abb6;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

.ideamart_traditionalcalendar .purple {
  color: #7d3982;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.ideamart_traditionalcalendar .html-figure
{
  padding-right:10px;
  display:block;
}

.ideamart_traditionalcalendar .dot,
.ideamart_traditionalcalendar .lside,
.ideamart_traditionalcalendar .rside {
  background:#20abb6;
}
.ideamart_traditionalcalendar .box {
  background:#dddddd;
  padding:10px 40px
} .ideamart_laitysunday h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.ideamart_laitysunday .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.ideamart_laitysunday h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.ideamart_laitysunday .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.ideamart_laitysunday .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.ideamart_laitysunday h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.ideamart_laitysunday h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.ideamart_laitysunday h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.ideamart_laitysunday .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.ideamart_laitysunday .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.ideamart_laitysunday .drop-cap {
  color: #000000
}

.ideamart_laitysunday h6 {
  color: #20abb6;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

.ideamart_laitysunday .purple {
  color: #7d3982;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.ideamart_laitysunday .html-figure
{
  padding-right:10px;
  display:block;
}

.ideamart_laitysunday .dot,
.ideamart_laitysunday .lside,
.ideamart_laitysunday .rside {
  background:#20abb6;
}
.ideamart_laitysunday .box {
  background:#dddddd;
  padding:10px 40px
} .ideamart_newbook h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.ideamart_newbook .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.ideamart_newbook h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.ideamart_newbook .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.ideamart_newbook .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.ideamart_newbook h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.ideamart_newbook h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.ideamart_newbook h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.ideamart_newbook .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.ideamart_newbook .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.ideamart_newbook .drop-cap {
  color: #000000
}

.ideamart_newbook h6 {
  color: #20abb6;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

.ideamart_newbook .purple {
  color: #7d3982;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.ideamart_newbook .html-figure
{
  padding-right:10px;
  display:block;
}

.ideamart_newbook .dot,
.ideamart_newbook .lside,
.ideamart_newbook .rside {
  background:#20abb6;
}
.ideamart_newbook .box {
  background:#dddddd;
  padding:10px 40px
} .ideamart_advertisements h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.ideamart_advertisements .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.ideamart_advertisements h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.ideamart_advertisements .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.ideamart_advertisements .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.ideamart_advertisements h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.ideamart_advertisements h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.ideamart_advertisements h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.ideamart_advertisements .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.ideamart_advertisements .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.ideamart_advertisements .drop-cap {
  color: #000000
}

.ideamart_advertisements h6 {
  color: #20abb6;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

.ideamart_advertisements .purple {
  color: #7d3982;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.ideamart_advertisements .html-figure
{
  padding-right:10px;
  display:block;
}

.ideamart_advertisements .dot,
.ideamart_advertisements .lside,
.ideamart_advertisements .rside {
  background:#20abb6;
}
.ideamart_advertisements .box {
  background:#dddddd;
  padding:10px 40px
} .armychaplainad.grid {
  background:url('http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/armychaplainad/app_background.png') repeat}

.armychaplainad .loading {
  background: url("") center center no-repeat, url("../../core/interface/img/webinpage/animation2.gif") center center no-repeat;
  height:95%;
  width:95%
}

.armychaplainad #myFullPagearmychaplainad {
  background-color: #ffffff;
}

.armychaplainad .column {
  position:absolute;
  left:-200%;}

.armychaplainad .myAdFullPagearmychaplainad {
  position:absolute;
  display:block;
  z-index:9997;
  width:100%;
  right:0;
  margin:20px 0 0 0;
  top:0;
  bottom:0;
  padding:0;
  text-align:center
}

.armychaplainad.ipad.vertical .myAdFullPagearmychaplainad,
.armychaplainad.iphone .myAdFullPagearmychaplainad,
.armychaplainad.w3 .myAdFullPagearmychaplainad,
.armychaplainad.w2 .myAdFullPagearmychaplainad,
.armychaplainad.w1 .myAdFullPagearmychaplainad {
  position:absolute;
  display:block;
  z-index:9996;
  width:100%;
  left:0;
  margin:20px 0 0 0;
  top:0;
  bottom:0;
  text-align:center
}


.armychaplainad .backPagearmychaplainad {
  position:absolute;
  bottom:-5px;
  left:5px;
  cursor: pointer;
  z-index: 1000;}

.armychaplainad .nextPagearmychaplainad {
  position:absolute;
  bottom:-5px;
  right:5px;
  cursor: pointer;
  z-index: 1000;}

.armychaplainad .iframeWrapperarmychaplainad {
  overflow:auto;
  -webkit-overflow-scrolling: touch !important;}

.browser-msie .armychaplainad .iframeWrapperarmychaplainad {
  overflow:hidden; }

.os-android .armychaplainad .iframeWrapperarmychaplainad {
  overflow:auto;
  -webkit-overflow-scrolling: touch !important;
  position: absolute;
  top:0px;
  left:0px;
  right:0px;
  bottom: 50px;}

.armychaplainad.iphone.vertical .iframeWrapperarmychaplainad {
  height:84%;}

.armychaplainad.ipad.horizontal .iframeWrapperarmychaplainad {
  height:89%;}

.armychaplainad.ipad.vertical .iframeWrapperarmychaplainad {
  height:93%;}

.armychaplainad .footer {
  visibility: hidden;}

.os-iphone .armychaplainad .footer {
  visibility: visible;
  height:50px;
  background:black;
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  z-index: 1000;}
.os-ipad .armychaplainad .footer {
  visibility: visible;
  height:50px;
  background:black;
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  z-index: 1000;}
.os-android .armychaplainad .footer {
  visibility: visible;
  height:50px;
  background:black;
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  z-index: 1000;}

.armychaplainad .backPagearmychaplainad img:active {
  -webkit-filter: drop-shadow(0px 0px 10px rgba(80,129,155,1));
  -moz-filter: drop-shadow(0px 0px 10px rgba(80,129,155,1));
  -ms-filter: drop-shadow(0px 0px 10px rgba(80,129,155,1));
  -o-filter: drop-shadow(0px 0px 10px rgba(80,129,155,1));
  filter: drop-shadow(0px 0px 10px rgba(80,129,155,1));
}

.armychaplainad .nextPagearmychaplainad img:active {
  -webkit-filter: drop-shadow(0px 0px 10px rgba(80,129,155,1));
  -moz-filter: drop-shadow(0px 0px 10px rgba(80,129,155,1));
  -ms-filter: drop-shadow(0px 0px 10px rgba(80,129,155,1));
  -o-filter: drop-shadow(0px 0px 10px rgba(80,129,155,1));
  filter: drop-shadow(0px 0px 10px rgba(80,129,155,1));
}

/* New */
.armychaplainad .top {
  height:20px;
  background:url('http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/armychaplainad/line_r.png') repeat-x center center, url('http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/armychaplainad/app_background.png') repeat;
  width:100%;
  position:absolute;
  top:0;
  left:12px;
  padding:0;
  margin:0 0 0 -20px;
  z-index:9997    
}
     
.armychaplainad .bulltext h1 {
  position:absolute;
  top:50%;
  left:-80px;
  margin:-35px 0 0 0;
  width:200px;
  color:#504f48;
  font:200% "alternate-gothic-no-3-d",sans-serif;
  z-index:9999;
  text-align:left;
  letter-spacing:1px;
  font-weight:100;
  text-transform:lowercase;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
   transform: rotate(90deg)        
}
      
.armychaplainad .url {
  margin:0 0 0 -100px;
  left:50%;
  padding:2px 10px;
  position:relative;
  top:0;
  z-index:9999;
  width:200px;
  height:16px;
  overflow:hidden;   
  background:url('http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/armychaplainad/app_background.png') repeat;
  text-align:center;
  color:#C6D4E1;
  font:85% "pragmatica-web-condensed",sans-serif;
  letter-spacing:2px;
  font-weight:500        
}


/* GUI CSS */

.armychaplainad .drop-cap {
  color: #000000
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.armychaplainad .html-figure
{
  padding-right:10px;
  display:block;
}

 .readersrespond_weaskedyousaid h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.readersrespond_weaskedyousaid .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.readersrespond_weaskedyousaid h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.readersrespond_weaskedyousaid .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.readersrespond_weaskedyousaid .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.readersrespond_weaskedyousaid h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.readersrespond_weaskedyousaid h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.readersrespond_weaskedyousaid h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.readersrespond_weaskedyousaid .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.readersrespond_weaskedyousaid .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.readersrespond_weaskedyousaid .drop-cap {
  color: #000000
}

.readersrespond_weaskedyousaid h6 {
  color: #9f2176;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

.readersrespond_weaskedyousaid .purple {
  color: #9f2176;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.readersrespond_weaskedyousaid h5 {
  color: #6cb5ba;
  text-transform: uppercase;
  font-size: 100%;
  font-weight: normal;
  text-align: center;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.readersrespond_weaskedyousaid .html-figure
{
  padding-right:10px;
  display:block;
}

.readersrespond_weaskedyousaid .dot,
.readersrespond_weaskedyousaid .lside,
.readersrespond_weaskedyousaid .rside {
  background:#9f2176;
}
.readersrespond_weaskedyousaid .box {
  background:#dddddd;
  padding:10px 40px
} .churchmutualinsurancead h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.churchmutualinsurancead .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.churchmutualinsurancead h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.churchmutualinsurancead .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.churchmutualinsurancead .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.churchmutualinsurancead h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.churchmutualinsurancead h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.churchmutualinsurancead h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.churchmutualinsurancead .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.churchmutualinsurancead .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.churchmutualinsurancead .drop-cap {
  color: #000000
}

.churchmutualinsurancead h6 {
  color: #9f2176;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

.churchmutualinsurancead .purple {
  color: #9f2176;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.churchmutualinsurancead h5 {
  color: #6cb5ba;
  text-transform: uppercase;
  font-size: 100%;
  font-weight: normal;
  text-align: center;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.churchmutualinsurancead .html-figure
{
  padding-right:10px;
  display:block;
}

.churchmutualinsurancead .dot,
.churchmutualinsurancead .lside,
.churchmutualinsurancead .rside {
  background:#9f2176;
}
.churchmutualinsurancead .box {
  background:#dddddd;
  padding:10px 40px
} .twentyfirstcenturyevangelism h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.twentyfirstcenturyevangelism .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.twentyfirstcenturyevangelism h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.twentyfirstcenturyevangelism .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.twentyfirstcenturyevangelism .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.twentyfirstcenturyevangelism h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.twentyfirstcenturyevangelism .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.twentyfirstcenturyevangelism .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.twentyfirstcenturyevangelism .drop-cap {
  color: #bcaffd;
}

.twentyfirstcenturyevangelism h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.twentyfirstcenturyevangelism h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.twentyfirstcenturyevangelism {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/twentyfirstcenturyevangelism/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.twentyfirstcenturyevangelism .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.twentyfirstcenturyevangelism .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.twentyfirstcenturyevangelism .red {
  color: #ed174f;
  text-align: left;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.twentyfirstcenturyevangelism .html-figure
{
  padding-right:10px;
  display:block;
}

.twentyfirstcenturyevangelism .tside,
.twentyfirstcenturyevangelism .rside,
.twentyfirstcenturyevangelism .lside {
  background:#b38a26
}
.twentyfirstcenturyevangelism .box {
  background:#f2ead7;
  padding:10px 40px
} .harbingersofhope h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.harbingersofhope .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.harbingersofhope h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.harbingersofhope .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.harbingersofhope .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.harbingersofhope h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.harbingersofhope .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.harbingersofhope .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.harbingersofhope .drop-cap {
  color: #bcaffd;
}

.harbingersofhope h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.harbingersofhope h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.harbingersofhope {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/harbingersofhope/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.harbingersofhope .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.harbingersofhope .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.harbingersofhope .red {
  color: #ed174f;
  text-align: left;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.harbingersofhope .html-figure
{
  padding-right:10px;
  display:block;
}

.harbingersofhope .tside,
.harbingersofhope .rside,
.harbingersofhope .lside {
  background:#b38a26
}
.harbingersofhope .box {
  background:#f2ead7;
  padding:10px 40px
} .culturedeterminesevangelism h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.culturedeterminesevangelism .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.culturedeterminesevangelism h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.culturedeterminesevangelism .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.culturedeterminesevangelism .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.culturedeterminesevangelism h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.culturedeterminesevangelism .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.culturedeterminesevangelism .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.culturedeterminesevangelism .drop-cap {
  color: #bcaffd;
}

.culturedeterminesevangelism h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.culturedeterminesevangelism h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.culturedeterminesevangelism {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/culturedeterminesevangelism/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.culturedeterminesevangelism .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.culturedeterminesevangelism .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.culturedeterminesevangelism .red {
  color: #ed174f;
  text-align: left;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.culturedeterminesevangelism .html-figure
{
  padding-right:10px;
  display:block;
}

.culturedeterminesevangelism .tside,
.culturedeterminesevangelism .rside,
.culturedeterminesevangelism .lside {
  background:#b38a26
}
.culturedeterminesevangelism .box {
  background:#f2ead7;
  padding:10px 40px
} .awardsrecognizeevangelists h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.awardsrecognizeevangelists .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.awardsrecognizeevangelists h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.awardsrecognizeevangelists .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.awardsrecognizeevangelists .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.awardsrecognizeevangelists h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.awardsrecognizeevangelists .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.awardsrecognizeevangelists .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.awardsrecognizeevangelists .drop-cap {
  color: #bcaffd;
}

.awardsrecognizeevangelists h6 {
  color: #b38a26;
  font-family: 'clavo',sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  margin: 0;
  padding: 0;
}

.awardsrecognizeevangelists h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.awardsrecognizeevangelists {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/awardsrecognizeevangelists/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.awardsrecognizeevangelists .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.awardsrecognizeevangelists .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.awardsrecognizeevangelists .red {
  color: #ed174f;
  text-align: left;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.awardsrecognizeevangelists .html-figure
{
  padding-right:10px;
  display:block;
}

.awardsrecognizeevangelists .tside,
.awardsrecognizeevangelists .rside,
.awardsrecognizeevangelists .lside {
  background:#b38a26
}
.awardsrecognizeevangelists .box {
  background:#f2ead7;
  padding:10px 40px
} .littlemississippicongregation h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.littlemississippicongregation .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.littlemississippicongregation h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.littlemississippicongregation .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.littlemississippicongregation .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.littlemississippicongregation h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.littlemississippicongregation .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.littlemississippicongregation .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.littlemississippicongregation .drop-cap {
  color: #bcaffd;
}

.littlemississippicongregation h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.littlemississippicongregation h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.littlemississippicongregation {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/littlemississippicongregation/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.littlemississippicongregation .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.littlemississippicongregation .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.littlemississippicongregation .red {
  color: #ed174f;
  text-align: left;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.littlemississippicongregation .html-figure
{
  padding-right:10px;
  display:block;
}

.littlemississippicongregation .tside,
.littlemississippicongregation .rside,
.littlemississippicongregation .lside {
  background:#b38a26
}
.littlemississippicongregation .box {
  background:#f2ead7;
  padding:10px 40px
} .apartmentchurchgrows h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.apartmentchurchgrows .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.apartmentchurchgrows h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.apartmentchurchgrows .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.apartmentchurchgrows .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.apartmentchurchgrows h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.apartmentchurchgrows .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.apartmentchurchgrows .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.apartmentchurchgrows .drop-cap {
  color: #bcaffd;
}

.apartmentchurchgrows h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.apartmentchurchgrows h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.apartmentchurchgrows {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/apartmentchurchgrows/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.apartmentchurchgrows .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.apartmentchurchgrows .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.apartmentchurchgrows .red {
  color: #ed174f;
  text-align: left;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.apartmentchurchgrows .html-figure
{
  padding-right:10px;
  display:block;
}

.apartmentchurchgrows .tside,
.apartmentchurchgrows .rside,
.apartmentchurchgrows .lside {
  background:#b38a26
}
.apartmentchurchgrows .box {
  background:#f2ead7;
  padding:10px 40px
} .iowakoreancongregation h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.iowakoreancongregation .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.iowakoreancongregation h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.iowakoreancongregation .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.iowakoreancongregation .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.iowakoreancongregation h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.iowakoreancongregation .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.iowakoreancongregation .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.iowakoreancongregation .drop-cap {
  color: #bcaffd;
}

.iowakoreancongregation h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.iowakoreancongregation h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.iowakoreancongregation {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/iowakoreancongregation/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.iowakoreancongregation .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.iowakoreancongregation .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.iowakoreancongregation .red {
  color: #ed174f;
  text-align: left;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.iowakoreancongregation .html-figure
{
  padding-right:10px;
  display:block;
}

.iowakoreancongregation .tside,
.iowakoreancongregation .rside,
.iowakoreancongregation .lside {
  background:#b38a26
}
.iowakoreancongregation .box {
  background:#f2ead7;
  padding:10px 40px
} .servicerelationshipsbring h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.servicerelationshipsbring .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.servicerelationshipsbring h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.servicerelationshipsbring .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.servicerelationshipsbring .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.servicerelationshipsbring h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.servicerelationshipsbring .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.servicerelationshipsbring .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.servicerelationshipsbring .drop-cap {
  color: #bcaffd;
}

.servicerelationshipsbring h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.servicerelationshipsbring h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.servicerelationshipsbring {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/servicerelationshipsbring/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.servicerelationshipsbring .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.servicerelationshipsbring .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.servicerelationshipsbring .red {
  color: #ed174f;
  text-align: left;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.servicerelationshipsbring .html-figure
{
  padding-right:10px;
  display:block;
}

.servicerelationshipsbring .tside,
.servicerelationshipsbring .rside,
.servicerelationshipsbring .lside {
  background:#b38a26
}
.servicerelationshipsbring .box {
  background:#f2ead7;
  padding:10px 40px
} .makingdisciples h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.makingdisciples .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.makingdisciples h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.makingdisciples .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.makingdisciples .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.makingdisciples h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.makingdisciples .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.makingdisciples .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.makingdisciples .drop-cap {
  color: #bcaffd;
}

.makingdisciples h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.makingdisciples h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.makingdisciples {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/makingdisciples/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.makingdisciples .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.makingdisciples .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.makingdisciples .red {
  color: #ed174f;
  text-align: left;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.makingdisciples .html-figure
{
  padding-right:10px;
  display:block;
}

.makingdisciples .tside,
.makingdisciples .rside,
.makingdisciples .lside {
  background:#b38a26
}
.makingdisciples .box {
  background:#f2ead7;
  padding:10px 40px
} .encouraginganexperienceofjesus h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.encouraginganexperienceofjesus .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.encouraginganexperienceofjesus h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.encouraginganexperienceofjesus .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.encouraginganexperienceofjesus .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.encouraginganexperienceofjesus h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.encouraginganexperienceofjesus .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.encouraginganexperienceofjesus .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.encouraginganexperienceofjesus .drop-cap {
  color: #bcaffd;
}

.encouraginganexperienceofjesus h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.encouraginganexperienceofjesus h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.encouraginganexperienceofjesus {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/encouraginganexperienceofjesus/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.encouraginganexperienceofjesus .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.encouraginganexperienceofjesus .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.encouraginganexperienceofjesus .red {
  color: #ed174f;
  text-align: left;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.encouraginganexperienceofjesus .html-figure
{
  padding-right:10px;
  display:block;
}

.encouraginganexperienceofjesus .tside,
.encouraginganexperienceofjesus .rside,
.encouraginganexperienceofjesus .lside {
  background:#b38a26
}
.encouraginganexperienceofjesus .box {
  background:#f2ead7;
  padding:10px 40px
} .evangelismthewayyoulive h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.evangelismthewayyoulive .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.evangelismthewayyoulive h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.evangelismthewayyoulive .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.evangelismthewayyoulive .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.evangelismthewayyoulive h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.evangelismthewayyoulive .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.evangelismthewayyoulive .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.evangelismthewayyoulive .drop-cap {
  color: #bcaffd;
}

.evangelismthewayyoulive h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.evangelismthewayyoulive h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.evangelismthewayyoulive {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/evangelismthewayyoulive/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.evangelismthewayyoulive .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.evangelismthewayyoulive .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.evangelismthewayyoulive .red {
  color: #ed174f;
  text-align: left;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.evangelismthewayyoulive .html-figure
{
  padding-right:10px;
  display:block;
}

.evangelismthewayyoulive .tside,
.evangelismthewayyoulive .rside,
.evangelismthewayyoulive .lside {
  background:#b38a26
}
.evangelismthewayyoulive .box {
  background:#f2ead7;
  padding:10px 40px
} .witnessingthroughserving h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.witnessingthroughserving .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.witnessingthroughserving h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.witnessingthroughserving .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.witnessingthroughserving .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.witnessingthroughserving h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.witnessingthroughserving .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.witnessingthroughserving .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.witnessingthroughserving .drop-cap {
  color: #bcaffd;
}

.witnessingthroughserving h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.witnessingthroughserving h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.witnessingthroughserving {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/witnessingthroughserving/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.witnessingthroughserving .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.witnessingthroughserving .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.witnessingthroughserving .red {
  color: #ed174f;
  text-align: left;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.witnessingthroughserving .html-figure
{
  padding-right:10px;
  display:block;
}

.witnessingthroughserving .tside,
.witnessingthroughserving .rside,
.witnessingthroughserving .lside {
  background:#b38a26
}
.witnessingthroughserving .box {
  background:#f2ead7;
  padding:10px 40px
} .modelinghowchristwantsustolive h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.modelinghowchristwantsustolive .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.modelinghowchristwantsustolive h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.modelinghowchristwantsustolive .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.modelinghowchristwantsustolive .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.modelinghowchristwantsustolive h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.modelinghowchristwantsustolive .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.modelinghowchristwantsustolive .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.modelinghowchristwantsustolive .drop-cap {
  color: #bcaffd;
}

.modelinghowchristwantsustolive h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.modelinghowchristwantsustolive h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.modelinghowchristwantsustolive {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/modelinghowchristwantsustolive/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.modelinghowchristwantsustolive .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.modelinghowchristwantsustolive .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.modelinghowchristwantsustolive .red {
  color: #ed174f;
  text-align: left;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.modelinghowchristwantsustolive .html-figure
{
  padding-right:10px;
  display:block;
}

.modelinghowchristwantsustolive .tside,
.modelinghowchristwantsustolive .rside,
.modelinghowchristwantsustolive .lside {
  background:#b38a26
}
.modelinghowchristwantsustolive .box {
  background:#f2ead7;
  padding:10px 40px
} .babyboomersmakegreatevangelist h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.babyboomersmakegreatevangelist .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.babyboomersmakegreatevangelist h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.babyboomersmakegreatevangelist .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.babyboomersmakegreatevangelist .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.babyboomersmakegreatevangelist h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.babyboomersmakegreatevangelist .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.babyboomersmakegreatevangelist .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.babyboomersmakegreatevangelist .drop-cap {
  color: #bcaffd;
}

.babyboomersmakegreatevangelist h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.babyboomersmakegreatevangelist h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.babyboomersmakegreatevangelist {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/babyboomersmakegreatevangelist/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.babyboomersmakegreatevangelist .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.babyboomersmakegreatevangelist .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.babyboomersmakegreatevangelist .red {
  color: #ed174f;
  text-align: left;
}

.babyboomersmakegreatevangelist h2 {
  font-family: 'museo-slab',serif;
  text-transform: uppercase;
  font-size: 100%;
  font-weight: 500;
  text-align: left;
  margin: 0;
  padding: 20px;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.babyboomersmakegreatevangelist .html-figure
{
  padding-right:10px;
  display:block;
}

.babyboomersmakegreatevangelist .tside,
.babyboomersmakegreatevangelist .rside,
.babyboomersmakegreatevangelist .lside {
  background:#b38a26
}
.babyboomersmakegreatevangelist .box {
  background:#f2ead7;
  padding:10px 40px
} .millennialscarvetheirownpath h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.millennialscarvetheirownpath .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.millennialscarvetheirownpath h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.millennialscarvetheirownpath .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.millennialscarvetheirownpath .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.millennialscarvetheirownpath h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.millennialscarvetheirownpath .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.millennialscarvetheirownpath .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.millennialscarvetheirownpath .drop-cap {
  color: #bcaffd;
}

.millennialscarvetheirownpath h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.millennialscarvetheirownpath h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.millennialscarvetheirownpath {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/millennialscarvetheirownpath/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.millennialscarvetheirownpath .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.millennialscarvetheirownpath .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.millennialscarvetheirownpath .red {
  color: #ed174f;
  text-align: left;
}

.millennialscarvetheirownpath h2 {
  font-family: 'museo-slab',serif;
  text-transform: uppercase;
  font-size: 100%;
  font-weight: 500;
  text-align: left;
  margin: 0;
  padding: 20px;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.millennialscarvetheirownpath .html-figure
{
  padding-right:10px;
  display:block;
}

.millennialscarvetheirownpath .tside,
.millennialscarvetheirownpath .rside,
.millennialscarvetheirownpath .lside {
  background:#b38a26
}
.millennialscarvetheirownpath .box {
  background:#f2ead7;
  padding:10px 40px
} .germantentministry h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.germantentministry .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.germantentministry h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.germantentministry .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.germantentministry .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.germantentministry h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.germantentministry .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.germantentministry .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.germantentministry .drop-cap {
  color: #bcaffd;
}

.germantentministry h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.germantentministry h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.germantentministry {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/germantentministry/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.germantentministry .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.germantentministry .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.germantentministry .red {
  color: #ed174f;
  text-align: left;
}

.germantentministry h2 {
  font-family: 'museo-slab',serif;
  text-transform: uppercase;
  font-size: 100%;
  font-weight: 500;
  text-align: left;
  margin: 0;
  padding: 20px;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.germantentministry .html-figure
{
  padding-right:10px;
  display:block;
}

.germantentministry .tside,
.germantentministry .rside,
.germantentministry .lside {
  background:#b38a26
}
.germantentministry .box {
  background:#f2ead7;
  padding:10px 40px
} .centralconferencechurches h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.centralconferencechurches .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.centralconferencechurches h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.centralconferencechurches .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.centralconferencechurches .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.centralconferencechurches h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.centralconferencechurches .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.centralconferencechurches .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.centralconferencechurches .drop-cap {
  color: #bcaffd;
}

.centralconferencechurches h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.centralconferencechurches h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.centralconferencechurches {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/centralconferencechurches/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.centralconferencechurches .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.centralconferencechurches .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.centralconferencechurches .red {
  color: #ed174f;
  text-align: left;
}

.centralconferencechurches h2 {
  font-family: 'museo-slab',serif;
  text-transform: uppercase;
  font-size: 100%;
  font-weight: 500;
  text-align: left;
  margin: 0;
  padding: 20px;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.centralconferencechurches .html-figure
{
  padding-right:10px;
  display:block;
}

.centralconferencechurches .tside,
.centralconferencechurches .rside,
.centralconferencechurches .lside {
  background:#b38a26
}
.centralconferencechurches .box {
  background:#f2ead7;
  padding:10px 40px
} .calledfromthebackrow h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.calledfromthebackrow .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.calledfromthebackrow h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.calledfromthebackrow .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.calledfromthebackrow .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.calledfromthebackrow h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.calledfromthebackrow .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.calledfromthebackrow .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.calledfromthebackrow .drop-cap {
  color: #bcaffd;
}

.calledfromthebackrow h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.calledfromthebackrow h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.calledfromthebackrow {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/calledfromthebackrow/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.calledfromthebackrow .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.calledfromthebackrow .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.calledfromthebackrow .red {
  color: #ed174f;
  text-align: left;
}

.calledfromthebackrow h2 {
  font-family: 'museo-slab',serif;
  text-transform: uppercase;
  font-size: 100%;
  font-weight: 500;
  text-align: left;
  margin: 0;
  padding: 20px;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.calledfromthebackrow .html-figure
{
  padding-right:10px;
  display:block;
}

.calledfromthebackrow .tside,
.calledfromthebackrow .rside,
.calledfromthebackrow .lside {
  background:#b38a26
}
.calledfromthebackrow .box {
  background:#f2ead7;
  padding:10px 40px
} .specialneedsministries h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.specialneedsministries .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.specialneedsministries h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.specialneedsministries .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.specialneedsministries .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.specialneedsministries h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.specialneedsministries .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.specialneedsministries .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.specialneedsministries .drop-cap {
  color: #bcaffd;
}

.specialneedsministries h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.specialneedsministries h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.specialneedsministries {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/specialneedsministries/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.specialneedsministries .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.specialneedsministries .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.specialneedsministries .red {
  color: #ed174f;
  text-align: left;
}

.specialneedsministries h2 {
  font-family: 'museo-slab',serif;
  text-transform: uppercase;
  font-size: 100%;
  font-weight: 500;
  text-align: left;
  margin: 0;
  padding: 20px;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.specialneedsministries .html-figure
{
  padding-right:10px;
  display:block;
}

.specialneedsministries .tside,
.specialneedsministries .rside,
.specialneedsministries .lside {
  background:#b38a26
}
.specialneedsministries .box {
  background:#f2ead7;
  padding:10px 40px
} .returninglostsheep h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.returninglostsheep .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.returninglostsheep h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.returninglostsheep .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.returninglostsheep .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.returninglostsheep h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.returninglostsheep .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.returninglostsheep .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.returninglostsheep .drop-cap {
  color: #bcaffd;
}

.returninglostsheep h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.returninglostsheep h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.returninglostsheep {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/returninglostsheep/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.returninglostsheep .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.returninglostsheep .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.returninglostsheep .red {
  color: #ed174f;
  text-align: left;
}

.returninglostsheep h2 {
  font-family: 'museo-slab',serif;
  text-transform: uppercase;
  font-size: 100%;
  font-weight: 500;
  text-align: left;
  margin: 0;
  padding: 20px;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.returninglostsheep .html-figure
{
  padding-right:10px;
  display:block;
}

.returninglostsheep .tside,
.returninglostsheep .rside,
.returninglostsheep .lside {
  background:#b38a26
}
.returninglostsheep .box {
  background:#f2ead7;
  padding:10px 40px
} .churchesknowchuck h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.churchesknowchuck .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.churchesknowchuck h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.churchesknowchuck .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.churchesknowchuck .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.churchesknowchuck h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.churchesknowchuck .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.churchesknowchuck .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.churchesknowchuck .drop-cap {
  color: #bcaffd;
}

.churchesknowchuck h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.churchesknowchuck h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.churchesknowchuck {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/churchesknowchuck/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.churchesknowchuck .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.churchesknowchuck .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.churchesknowchuck .red {
  color: #ed174f;
  text-align: left;
}

.churchesknowchuck h2 {
  font-family: 'museo-slab',serif;
  text-transform: uppercase;
  font-size: 100%;
  font-weight: 500;
  text-align: left;
  margin: 0;
  padding: 20px;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.churchesknowchuck .html-figure
{
  padding-right:10px;
  display:block;
}

.churchesknowchuck .tside,
.churchesknowchuck .rside,
.churchesknowchuck .lside {
  background:#b38a26
}
.churchesknowchuck .box {
  background:#f2ead7;
  padding:10px 40px
} .trainingtakesmanyforms h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.trainingtakesmanyforms .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.trainingtakesmanyforms h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.trainingtakesmanyforms .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.trainingtakesmanyforms .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.trainingtakesmanyforms h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.trainingtakesmanyforms .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.trainingtakesmanyforms .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.trainingtakesmanyforms .drop-cap {
  color: #bcaffd;
}

.trainingtakesmanyforms h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.trainingtakesmanyforms h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.trainingtakesmanyforms {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/trainingtakesmanyforms/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.trainingtakesmanyforms .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.trainingtakesmanyforms .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.trainingtakesmanyforms .red {
  color: #ed174f;
  text-align: left;
}

.trainingtakesmanyforms h2 {
  font-family: 'museo-slab',serif;
  text-transform: uppercase;
  font-size: 100%;
  font-weight: 500;
  text-align: left;
  margin: 0;
  padding: 20px;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.trainingtakesmanyforms .html-figure
{
  padding-right:10px;
  display:block;
}

.trainingtakesmanyforms .tside,
.trainingtakesmanyforms .rside,
.trainingtakesmanyforms .lside {
  background:#b38a26
}
.trainingtakesmanyforms .box {
  background:#f2ead7;
  padding:10px 40px
} .weddingsandfunerals h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.weddingsandfunerals .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.weddingsandfunerals h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.weddingsandfunerals .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.weddingsandfunerals .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.weddingsandfunerals h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.weddingsandfunerals .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.weddingsandfunerals .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.weddingsandfunerals .drop-cap {
  color: #bcaffd;
}

.weddingsandfunerals h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.weddingsandfunerals h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.weddingsandfunerals {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/weddingsandfunerals/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.weddingsandfunerals .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.weddingsandfunerals .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.weddingsandfunerals .red {
  color: #ed174f;
  text-align: left;
}

.weddingsandfunerals h2 {
  font-family: 'museo-slab',serif;
  font-size: 125%;
  font-style: italic;
  font-weight: 700;
  text-align: left;
  margin: 0;
  padding: 0 0 10px 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.weddingsandfunerals .html-figure
{
  padding-right:10px;
  display:block;
}

.weddingsandfunerals .tside,
.weddingsandfunerals .rside,
.weddingsandfunerals .lside {
  background:#b38a26
}
.weddingsandfunerals .box {
  background:#f2ead7;
  padding:10px 40px
} .cokesburyad h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.cokesburyad .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.cokesburyad h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.cokesburyad .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.cokesburyad .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.cokesburyad .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}



.cokesburyad .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.cokesburyad h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.cokesburyad h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.cokesburyad h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}




/* GUI CSS */

.cokesburyad .drop-cap {
  color: #bcaffd;
}

.cokesburyad h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.cokesburyad h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.cokesburyad {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/cokesburyad/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.cokesburyad .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.cokesburyad .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.cokesburyad .red {
  color: #ed174f;
  text-align: left;
}

.cokesburyad h2 {
  font-family: 'museo-slab',serif;
  font-size: 125%;
  font-style: italic;
  font-weight: 700;
  text-align: left;
  margin: 0;
  padding: 0 0 10px 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.cokesburyad .html-figure
{
  padding-right:10px;
  display:block;
}

.cokesburyad .tside,
.cokesburyad .rside,
.cokesburyad .lside {
  background:#b38a26
}
.cokesburyad .box {
  background:#f2ead7;
  padding:10px 40px
} .itisallaboutunitedmethodist h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.itisallaboutunitedmethodist .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.itisallaboutunitedmethodist h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.itisallaboutunitedmethodist .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.itisallaboutunitedmethodist .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.itisallaboutunitedmethodist h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.itisallaboutunitedmethodist .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.itisallaboutunitedmethodist .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.itisallaboutunitedmethodist .drop-cap {
  color: #000;
}

.itisallaboutunitedmethodist h6 {
  color: #00acec;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.itisallaboutunitedmethodist h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.itisallaboutunitedmethodist .caps {
  text-transform: uppercase;
}

.itisallaboutunitedmethodist .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.itisallaboutunitedmethodist .red {
  color: #ed174f;
  text-align: left;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.itisallaboutunitedmethodist .html-figure
{
  padding-right:10px;
  display:block;
}

.itisallaboutunitedmethodist .tside,
.itisallaboutunitedmethodist .rside,
.itisallaboutunitedmethodist .lside {
  background:#00acec
}
.itisallaboutunitedmethodist .box {
  background:#000;
  padding:10px 40px
} .advertisements2 h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.advertisements2 .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.advertisements2 h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.advertisements2 .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.advertisements2 .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.advertisements2 .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}



.advertisements2 .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.advertisements2 h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.advertisements2 h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.advertisements2 h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}




/* GUI CSS */

.advertisements2 .drop-cap {
  color: #bcaffd;
}

.advertisements2 h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.advertisements2 h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.advertisements2 {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/advertisements2/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.advertisements2 .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.advertisements2 .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.advertisements2 .red {
  color: #ed174f;
  text-align: left;
}

.advertisements2 h2 {
  font-family: 'museo-slab',serif;
  font-size: 125%;
  font-style: italic;
  font-weight: 700;
  text-align: left;
  margin: 0;
  padding: 0 0 10px 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.advertisements2 .html-figure
{
  padding-right:10px;
  display:block;
}

.advertisements2 .tside,
.advertisements2 .rside,
.advertisements2 .lside {
  background:#00acec
}
.advertisements2 .box {
  background:#f2ead7;
  padding:10px 40px
} .whydoesgodallowsuffering h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.whydoesgodallowsuffering .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.whydoesgodallowsuffering h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.whydoesgodallowsuffering .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.whydoesgodallowsuffering .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.whydoesgodallowsuffering h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.whydoesgodallowsuffering .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.whydoesgodallowsuffering .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.whydoesgodallowsuffering .drop-cap {
  color: #000;
}

.whydoesgodallowsuffering h6 {
  color: #000;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.whydoesgodallowsuffering h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.whydoesgodallowsuffering .caps {
  text-transform: uppercase;
}

.whydoesgodallowsuffering .CAPS-DARK {
  color: #99271d;
  text-transform: uppercase;
}

.whydoesgodallowsuffering .red {
  color: #ed174f;
  text-align: left;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.whydoesgodallowsuffering .html-figure
{
  padding-right:10px;
  display:block;
}

.whydoesgodallowsuffering .tside,
.whydoesgodallowsuffering .rside,
.whydoesgodallowsuffering .lside {
  background:#99271d
}
.whydoesgodallowsuffering .box {
  background:#000;
  padding:10px 40px
} .scholarshiprecipient h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.scholarshiprecipient .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.scholarshiprecipient h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.scholarshiprecipient .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.scholarshiprecipient .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.scholarshiprecipient h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.scholarshiprecipient .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.scholarshiprecipient .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.scholarshiprecipient .drop-cap {
  color: #000;
}

.scholarshiprecipient h6 {
  color: #a9bf4e;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.scholarshiprecipient h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.scholarshiprecipient .caps {
  text-transform: uppercase;
}

.scholarshiprecipient .CAPS-DARK {
  color: #99271d;
  text-transform: uppercase;
}

.scholarshiprecipient .red {
  color: #ed174f;
  text-align: left;
}

.scholarshiprecipient h1 {
  font-family: 'museo-slab',serif;
  font-size: 250%;
  font-style: normal;
  font-weight: 600;
  text-align: left;
  margin: 0;
  padding: 0 0 10px 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.scholarshiprecipient .html-figure
{
  padding-right:10px;
  display:block;
}

.scholarshiprecipient .tside,
.scholarshiprecipient .rside,
.scholarshiprecipient .lside {
  background:#a9bf4e
}
.scholarshiprecipient .box {
  background:#000;
  padding:10px 40px
} .advertisements3 h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.advertisements3 .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.advertisements3 h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.advertisements3 .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.advertisements3 .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.advertisements3 .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}



.advertisements3 .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.advertisements3 h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.advertisements3 h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.advertisements3 h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}




/* GUI CSS */

.advertisements3 .drop-cap {
  color: #bcaffd;
}

.advertisements3 h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.advertisements3 h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.advertisements3 {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/advertisements3/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.advertisements3 .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.advertisements3 .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.advertisements3 .red {
  color: #ed174f;
  text-align: left;
}

.advertisements3 h2 {
  font-family: 'museo-slab',serif;
  font-size: 125%;
  font-style: italic;
  font-weight: 700;
  text-align: left;
  margin: 0;
  padding: 0 0 10px 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.advertisements3 .html-figure
{
  padding-right:10px;
  display:block;
}

.advertisements3 .tside,
.advertisements3 .rside,
.advertisements3 .lside {
  background:#a9bf4e
}
.advertisements3 .box {
  background:#f2ead7;
  padding:10px 40px
} .anticipatingadvent h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.anticipatingadvent .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.anticipatingadvent h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.anticipatingadvent .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.anticipatingadvent .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.anticipatingadvent h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.anticipatingadvent .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.anticipatingadvent .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.anticipatingadvent .drop-cap {
  color: #000;
}

.anticipatingadvent h6 {
  color: #a9bf4e;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.anticipatingadvent h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.anticipatingadvent .caps {
  text-transform: uppercase;
}

.anticipatingadvent .CAPS-DARK {
  color: #99271d;
  text-transform: uppercase;
}

.anticipatingadvent .red {
  color: #ed174f;
  text-align: left;
}

.anticipatingadvent h1 {
  font-family: 'museo-slab',serif;
  font-size: 250%;
  font-style: normal;
  font-weight: 600;
  text-align: left;
  margin: 0;
  padding: 0 0 10px 0;
}

.grid.anticipatingadvent {
  background-color: #cfcfcf;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.anticipatingadvent .html-figure
{
  padding-right:10px;
  display:block;
}

.anticipatingadvent .tside,
.anticipatingadvent .rside,
.anticipatingadvent .lside {
  background:#4f1e00
}
.anticipatingadvent .box {
  background:#000;
  padding:10px 40px
} .advertisements4 h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.advertisements4 .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.advertisements4 h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.advertisements4 .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.advertisements4 .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.advertisements4 .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}



.advertisements4 .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.advertisements4 h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.advertisements4 h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.advertisements4 h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}




/* GUI CSS */

.advertisements4 .drop-cap {
  color: #bcaffd;
}

.advertisements4 h6 {
  color: #45687d;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.advertisements4 h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.advertisements4 {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/advertisements4/background.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.advertisements4 .caps {
  text-transform: uppercase;
  font-weight: 500;
}

.advertisements4 .CAPS-DARK {
  color: #958f63;
  text-transform: uppercase;
}

.advertisements4 .red {
  color: #ed174f;
  text-align: left;
}

.advertisements4 h2 {
  font-family: 'museo-slab',serif;
  font-size: 125%;
  font-style: italic;
  font-weight: 700;
  text-align: left;
  margin: 0;
  padding: 0 0 10px 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.advertisements4 .html-figure
{
  padding-right:10px;
  display:block;
}

.advertisements4 .tside,
.advertisements4 .rside,
.advertisements4 .lside {
  background:#4f1e00
}
.advertisements4 .box {
  background:#f2ead7;
  padding:10px 40px
} .imaginenomalaria h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.imaginenomalaria .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.imaginenomalaria h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.imaginenomalaria .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.imaginenomalaria .tside {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:10px;
  display:block
}



.imaginenomalaria h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  color:#000;
  font-style:none;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  margin:20px auto 0 auto;
  display:block;
  width:94%
}



.imaginenomalaria .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.imaginenomalaria .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.imaginenomalaria .drop-cap {
  color: #cd4700;
}

.imaginenomalaria h6 {
  color: #000;
  font-family: 'clavo',sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.imaginenomalaria h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  line-height: 120%;
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.imaginenomalaria .caps {
  text-transform: uppercase;
}

.imaginenomalaria .CAPS-DARK {
  color: #99271d;
  text-transform: uppercase;
}

.imaginenomalaria .red {
  color: #ed174f;
  text-align: left;
}

.imaginenomalaria h1 {
  font-family: 'museo-slab',serif;
  font-size: 250%;
  font-style: normal;
  font-weight: 600;
  text-align: left;
  margin: 0;
  padding: 0 0 10px 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.imaginenomalaria .html-figure
{
  padding-right:10px;
  display:block;
}

.imaginenomalaria .tside,
.imaginenomalaria .rside,
.imaginenomalaria .lside {
  background:#cd4700
}
.imaginenomalaria .box {
  background:#000;
  padding:10px 40px
} .tobeunitedmethodist h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.tobeunitedmethodist .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.tobeunitedmethodist h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.tobeunitedmethodist .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.tobeunitedmethodist .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.tobeunitedmethodist h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.tobeunitedmethodist h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.tobeunitedmethodist h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.tobeunitedmethodist .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.tobeunitedmethodist .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.tobeunitedmethodist .drop-cap {
  color: #000000;
}

.tobeunitedmethodist h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  text-transform: uppercase;
  font-size: 100%;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.tobeunitedmethodist h6 {
  color: #00b9c1;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

.tobeunitedmethodist .red {
  color: #e7e9e6;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.tobeunitedmethodist p {
  text-align: left;
  text-indent: 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.tobeunitedmethodist .html-figure
{
  padding-right:10px;
  display:block;
}

.tobeunitedmethodist .dot,
.tobeunitedmethodist .lside,
.tobeunitedmethodist .rside {
  background:#00b9c1
}
.tobeunitedmethodist .box {
  background:#e7e9e6;
  padding:10px 40px
} .technology h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.technology .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.technology h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.technology .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.technology .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.technology h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.technology h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.technology h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.technology .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.technology .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.technology .drop-cap {
  color: #000000;
}

.technology h5 {
  color: #942a2f;
  font-family: 'museo-slab',serif;
  font-size: 125%;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.technology h6 {
  color: #942a2f;
  font-family: 'museo-slab',serif;
  font-size: 200%;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0 0 25px 0;
}

.technology .red {
  color: #000;
  text-transform: uppercase;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.technology .html-figure
{
  padding-right:10px;
  display:block;
}

.technology .dot,
.technology .lside,
.technology .rside {
  background:#942a2f
}
.technology .box {
  background:#edeeec;
  padding:10px 40px
} .tobeunitedmethodist_halloween h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.tobeunitedmethodist_halloween .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.tobeunitedmethodist_halloween h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.tobeunitedmethodist_halloween .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.tobeunitedmethodist_halloween .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.tobeunitedmethodist_halloween h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.tobeunitedmethodist_halloween h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.tobeunitedmethodist_halloween h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.tobeunitedmethodist_halloween .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.tobeunitedmethodist_halloween .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.tobeunitedmethodist_halloween .drop-cap {
  color: #000000;
}

.tobeunitedmethodist_halloween h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  text-transform: uppercase;
  font-size: 100%;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.tobeunitedmethodist_halloween h6 {
  color: #00b9c1;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

.tobeunitedmethodist_halloween .red {
  color: #e7e9e6;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.tobeunitedmethodist_halloween p {
  text-align: left;
  text-indent: 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.tobeunitedmethodist_halloween .html-figure
{
  padding-right:10px;
  display:block;
}

.tobeunitedmethodist_halloween .dot,
.tobeunitedmethodist_halloween .lside,
.tobeunitedmethodist_halloween .rside {
  background:#00b9c1
}
.tobeunitedmethodist_halloween .box {
  background:#e7e9e6;
  padding:10px 40px
} .advertisements5 h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.advertisements5 .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.advertisements5 h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.advertisements5 .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.advertisements5 .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.advertisements5 h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.advertisements5 h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.advertisements5 h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.advertisements5 .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.advertisements5 .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.advertisements5 .drop-cap {
  color: #000000;
}

.advertisements5 h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  text-transform: uppercase;
  font-size: 100%;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.advertisements5 h6 {
  color: #00b9c1;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

.advertisements5 .red {
  color: #e7e9e6;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.advertisements5 p {
  text-align: left;
  text-indent: 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.advertisements5 .html-figure
{
  padding-right:10px;
  display:block;
}

.advertisements5 .dot,
.advertisements5 .lside,
.advertisements5 .rside {
  background:#00b9c1
}
.advertisements5 .box {
  background:#e7e9e6;
  padding:10px 40px
} .sentad h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.sentad .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.sentad h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.sentad .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.sentad .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.sentad h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.sentad h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.sentad h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.sentad .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.sentad .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.sentad .drop-cap {
  color: #000000;
}

.sentad h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  text-transform: uppercase;
  font-size: 100%;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.sentad h6 {
  color: #00b9c1;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

.sentad .red {
  color: #e7e9e6;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.sentad p {
  text-align: left;
  text-indent: 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.sentad .html-figure
{
  padding-right:10px;
  display:block;
}

.sentad .dot,
.sentad .lside,
.sentad .rside {
  background:#00b9c1
}
.sentad .box {
  background:#e7e9e6;
  padding:10px 40px
} .rethinkchurchad h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.rethinkchurchad .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.rethinkchurchad h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.rethinkchurchad .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.rethinkchurchad .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.rethinkchurchad h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.rethinkchurchad h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.rethinkchurchad h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.rethinkchurchad .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.rethinkchurchad .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.rethinkchurchad .drop-cap {
  color: #000000;
}

.rethinkchurchad h5 {
  color: #000;
  font-family: 'museo-slab',serif;
  text-transform: uppercase;
  font-size: 100%;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.rethinkchurchad h6 {
  color: #00b9c1;
  line-height: 125%;
  font-size: 200%;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
  padding: 0 0 25px 0;
}

.rethinkchurchad .red {
  color: #e7e9e6;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.rethinkchurchad p {
  text-align: left;
  text-indent: 0;
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.rethinkchurchad .html-figure
{
  padding-right:10px;
  display:block;
}

.rethinkchurchad .dot,
.rethinkchurchad .lside,
.rethinkchurchad .rside {
  background:#00b9c1
}
.rethinkchurchad .box {
  background:#e7e9e6;
  padding:10px 40px
} .digitalreadersad h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.digitalreadersad .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.digitalreadersad h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

.digitalreadersad .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.digitalreadersad .dot {
  display:block;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  height:30px;
  width:30px;
  position:relative;
  left:50%;
  top:-15px;
  margin:0 0 0 -15px
}

.digitalreadersad h1 {
  text-align:center;
  font-size:16px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  padding:0 0 10px 0;
  display:block;
  margin:0 auto;
  width:94%
}

.digitalreadersad h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.digitalreadersad h3 {
  text-align:right;
  font-size:12px;
  font-weight:100;
  font-family:"museo-slab",serif;
  border-bottom:1px dashed #000;
  border-right:1px dashed #000;
  padding:0 10px 0 0;
  display:block;
  margin:0 auto;
  width:94%
}



.digitalreadersad .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



.digitalreadersad .rside {
  position:absolute;
  top:0;
  right:32px;
  width:5px;
  display:block;
  height:2000px;
}




/* GUI CSS */

.digitalreadersad .drop-cap {
  color: #000000
}

/* END GUI CSS */

/* DEFAULT: Keeps text in HTML figure away from scroll bar */
.digitalreadersad .html-figure
{
  padding-right:10px;
  display:block;
}

.digitalreadersad .dot,
.digitalreadersad .lside,
.digitalreadersad .rside {
  background:#aabf4e
}

.digitalreadersad p {
  word-wrap: break-word
} .archives.grid {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2015/archives/logo.png") center center no-repeat, url("../../core/interface/img/webinpage/animation2.gif") center center no-repeat, black;}

.archives #myFullPagearchives {
  background-color: #ffffff;
}

.archives .column {
  position: absolute;
  left: -200%;}

.archives .myAdFullPagearchives {
  position: absolute;
  z-index: 999;
  left:0;
  width:100%;
  margin:0 auto;
  height:100%;
  background-size: cover;
  padding:0%;
  text-align: center;}

.archives .sponsorship {
  position:absolute;
  top:0px;
  display: block;
  color:#fff;
  background:#000;
  width:100%;
  z-index:1000;
  text-align:center;
  padding-top:20px;}

.archives .iPhone .myAdFullPagearchives {
  top:68px;
}
.archives .iPad .myAdFullPagearchives {
  top:68px;
}

.archives .iPod .myAdFullPagearchives {
  top:68px;
}

.archives .backPagearchives {
  position:absolute;
  bottom:-5px;
  left:5px;
  cursor: pointer;
  z-index: 1000;}

.archives .nextPagearchives {
  position:absolute;
  bottom:-5px;
  right:5px;
  cursor: pointer;
  z-index: 1000;}

.archives .iframeWrapperarchives {
  overflow:auto;
  -webkit-overflow-scrolling: touch !important;}

.browser-msie .archives .iframeWrapperarchives {
  overflow:hidden; }

.os-android .archives .iframeWrapperarchives {
  overflow:auto;
  -webkit-overflow-scrolling: touch !important;
  position: absolute;
  top:0px;
  left:0px;
  right:0px;
  bottom: 50px;}

.archives.iphone.horizontal .iframeWrapperarchives {
  height:82%;}

.archives.iphone.vertical .iframeWrapperarchives {
  height:88%;}

.archives .footer {
  visibility: hidden;}

.os-iphone .archives .footer {
  visibility: visible;
  height:50px;
  background:black;
  position:absolute;
  bottom:-1px;
  left:0;
  width:100%;
  z-index: 1000;}
.os-ipad .archives .footer {
  visibility: visible;
  height:50px;
  background:black;
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  z-index: 1000;}
.os-android .archives .footer {
  visibility: visible;
  height:50px;
  background:black;
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  z-index: 1000;}

.archives .backPagearchives img:active {
  -webkit-filter: drop-shadow(0px 0px 10px rgba(80,129,155,1));
  -moz-filter: drop-shadow(0px 0px 10px rgba(80,129,155,1));
  -ms-filter: drop-shadow(0px 0px 10px rgba(80,129,155,1));
  -o-filter: drop-shadow(0px 0px 10px rgba(80,129,155,1));
  filter: drop-shadow(0px 0px 10px rgba(80,129,155,1));
}

.archives .nextPagearchives img:active {
  -webkit-filter: drop-shadow(0px 0px 10px rgba(80,129,155,1));
  -moz-filter: drop-shadow(0px 0px 10px rgba(80,129,155,1));
  -ms-filter: drop-shadow(0px 0px 10px rgba(80,129,155,1));
  -o-filter: drop-shadow(0px 0px 10px rgba(80,129,155,1));
  filter: drop-shadow(0px 0px 10px rgba(80,129,155,1));
}
/* GUI CSS */

/* END GUI CSS */



/*
Animate.css - http://daneden.me/animate
Licensed under the ☺ license (http://licence.visualidiot.com/)

Copyright (c) 2012 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
body {
  /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
  -webkit-backface-visibility: hidden; }

.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }

@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }

@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0); }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px); }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px); } }

@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translateX(0); }

  10%, 30%, 50%, 70%, 90% {
    -moz-transform: translateX(-10px); }

  20%, 40%, 60%, 80% {
    -moz-transform: translateX(10px); } }

@-o-keyframes shake {
  0%, 100% {
    -o-transform: translateX(0); }

  10%, 30%, 50%, 70%, 90% {
    -o-transform: translateX(-10px); }

  20%, 40%, 60%, 80% {
    -o-transform: translateX(10px); } }

@keyframes shake {
  0%, 100% {
    transform: translateX(0); }

  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px); }

  20%, 40%, 60%, 80% {
    transform: translateX(10px); } }

.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }

  40% {
    -webkit-transform: translateY(-30px); }

  60% {
    -webkit-transform: translateY(-15px); } }

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0); }

  40% {
    -moz-transform: translateY(-30px); }

  60% {
    -moz-transform: translateY(-15px); } }

@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0); }

  40% {
    -o-transform: translateY(-30px); }

  60% {
    -o-transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }

  40% {
    transform: translateY(-30px); }

  60% {
    transform: translateY(-15px); } }

.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1); }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg); }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg); }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg); }

  100% {
    -webkit-transform: scale(1) rotate(0); } }

@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1); }

  10%, 20% {
    -moz-transform: scale(0.9) rotate(-3deg); }

  30%, 50%, 70%, 90% {
    -moz-transform: scale(1.1) rotate(3deg); }

  40%, 60%, 80% {
    -moz-transform: scale(1.1) rotate(-3deg); }

  100% {
    -moz-transform: scale(1) rotate(0); } }

@-o-keyframes tada {
  0% {
    -o-transform: scale(1); }

  10%, 20% {
    -o-transform: scale(0.9) rotate(-3deg); }

  30%, 50%, 70%, 90% {
    -o-transform: scale(1.1) rotate(3deg); }

  40%, 60%, 80% {
    -o-transform: scale(1.1) rotate(-3deg); }

  100% {
    -o-transform: scale(1) rotate(0); } }

@keyframes tada {
  0% {
    transform: scale(1); }

  10%, 20% {
    transform: scale(0.9) rotate(-3deg); }

  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg); }

  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg); }

  100% {
    transform: scale(1) rotate(0); } }

.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center; }

  20% {
    -webkit-transform: rotate(15deg); }

  40% {
    -webkit-transform: rotate(-10deg); }

  60% {
    -webkit-transform: rotate(5deg); }

  80% {
    -webkit-transform: rotate(-5deg); }

  100% {
    -webkit-transform: rotate(0deg); } }

@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg); }

  40% {
    -moz-transform: rotate(-10deg); }

  60% {
    -moz-transform: rotate(5deg); }

  80% {
    -moz-transform: rotate(-5deg); }

  100% {
    -moz-transform: rotate(0deg); } }

@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg); }

  40% {
    -o-transform: rotate(-10deg); }

  60% {
    -o-transform: rotate(5deg); }

  80% {
    -o-transform: rotate(-5deg); }

  100% {
    -o-transform: rotate(0deg); } }

@keyframes swing {
  20% {
    transform: rotate(15deg); }

  40% {
    transform: rotate(-10deg); }

  60% {
    transform: rotate(5deg); }

  80% {
    transform: rotate(-5deg); }

  100% {
    transform: rotate(0deg); } }

.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%); }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg); }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg); }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg); }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg); }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg); }

  100% {
    -webkit-transform: translateX(0%); } }

@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%); }

  15% {
    -moz-transform: translateX(-25%) rotate(-5deg); }

  30% {
    -moz-transform: translateX(20%) rotate(3deg); }

  45% {
    -moz-transform: translateX(-15%) rotate(-3deg); }

  60% {
    -moz-transform: translateX(10%) rotate(2deg); }

  75% {
    -moz-transform: translateX(-5%) rotate(-1deg); }

  100% {
    -moz-transform: translateX(0%); } }

@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%); }

  15% {
    -o-transform: translateX(-25%) rotate(-5deg); }

  30% {
    -o-transform: translateX(20%) rotate(3deg); }

  45% {
    -o-transform: translateX(-15%) rotate(-3deg); }

  60% {
    -o-transform: translateX(10%) rotate(2deg); }

  75% {
    -o-transform: translateX(-5%) rotate(-1deg); }

  100% {
    -o-transform: translateX(0%); } }

@keyframes wobble {
  0% {
    transform: translateX(0%); }

  15% {
    transform: translateX(-25%) rotate(-5deg); }

  30% {
    transform: translateX(20%) rotate(3deg); }

  45% {
    transform: translateX(-15%) rotate(-3deg); }

  60% {
    transform: translateX(10%) rotate(2deg); }

  75% {
    transform: translateX(-5%) rotate(-1deg); }

  100% {
    transform: translateX(0%); } }

.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1); }

  50% {
    -webkit-transform: scale(1.1); }

  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1); }

  50% {
    -moz-transform: scale(1.1); }

  100% {
    -moz-transform: scale(1); } }

@-o-keyframes pulse {
  0% {
    -o-transform: scale(1); }

  50% {
    -o-transform: scale(1.1); }

  100% {
    -o-transform: scale(1); } }

@keyframes pulse {
  0% {
    transform: scale(1); }

  50% {
    transform: scale(1.1); }

  100% {
    transform: scale(1); } }

.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out; }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out; }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in; }

  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in; }

  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in; } }

@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out; }

  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out; }

  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in; }

  80% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in; }

  100% {
    -moz-transform: perspective(400px) scale(1);
    -moz-animation-timing-function: ease-in; } }

@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out; }

  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out; }

  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in; }

  80% {
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in; }

  100% {
    -o-transform: perspective(400px) scale(1);
    -o-animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out; }

  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out; }

  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }

  80% {
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }

  100% {
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in; } }

.flip {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg); }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }

  40% {
    -moz-transform: perspective(400px) rotateX(-10deg); }

  70% {
    -moz-transform: perspective(400px) rotateX(10deg); }

  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }

  40% {
    -o-transform: perspective(400px) rotateX(-10deg); }

  70% {
    -o-transform: perspective(400px) rotateX(10deg); }

  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }

  40% {
    transform: perspective(400px) rotateX(-10deg); }

  70% {
    transform: perspective(400px) rotateX(10deg); }

  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }

  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }

  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }

  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg); }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }

  40% {
    -moz-transform: perspective(400px) rotateY(-10deg); }

  70% {
    -moz-transform: perspective(400px) rotateY(10deg); }

  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }

  40% {
    -o-transform: perspective(400px) rotateY(-10deg); }

  70% {
    -o-transform: perspective(400px) rotateY(10deg); }

  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }

  40% {
    transform: perspective(400px) rotateY(-10deg); }

  70% {
    transform: perspective(400px) rotateY(10deg); }

  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }

  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }

  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }

  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipOutY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px); }

  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px); }

  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px); }

  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px); }

  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px); }

  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px); }

  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px); }

  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }

  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px); }

  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }

  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }

  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px); }

  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px); }

  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px); } }

@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }

  100% {
    opacity: 0;
    -moz-transform: translateY(-20px); } }

@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }

  100% {
    opacity: 0;
    -o-transform: translateY(-20px); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0); }

  100% {
    opacity: 0;
    transform: translateY(-20px); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px); } }

@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }

  100% {
    opacity: 0;
    -moz-transform: translateY(20px); } }

@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }

  100% {
    opacity: 0;
    -o-transform: translateY(20px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0); }

  100% {
    opacity: 0;
    transform: translateY(20px); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px); } }

@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }

  100% {
    opacity: 0;
    -moz-transform: translateX(-20px); } }

@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }

  100% {
    opacity: 0;
    -o-transform: translateX(-20px); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0); }

  100% {
    opacity: 0;
    transform: translateX(-20px); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px); } }

@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }

  100% {
    opacity: 0;
    -moz-transform: translateX(20px); } }

@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }

  100% {
    opacity: 0;
    -o-transform: translateX(20px); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0); }

  100% {
    opacity: 0;
    transform: translateX(20px); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }

@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }

  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px); } }

@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }

  100% {
    opacity: 0;
    -o-transform: translateY(-2000px); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0); }

  100% {
    opacity: 0;
    transform: translateY(-2000px); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }

@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }

  100% {
    opacity: 0;
    -moz-transform: translateY(2000px); } }

@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }

  100% {
    opacity: 0;
    -o-transform: translateY(2000px); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0); }

  100% {
    opacity: 0;
    transform: translateY(2000px); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }

@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }

  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px); } }

@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }

  100% {
    opacity: 0;
    -o-transform: translateX(-2000px); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0); }

  100% {
    opacity: 0;
    transform: translateX(-2000px); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }

@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }

  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }

@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }

  100% {
    opacity: 0;
    -o-transform: translateX(2000px); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0); }

  100% {
    opacity: 0;
    transform: translateX(2000px); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }

  70% {
    -webkit-transform: scale(0.9); }

  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3); }

  50% {
    opacity: 1;
    -moz-transform: scale(1.05); }

  70% {
    -moz-transform: scale(0.9); }

  100% {
    -moz-transform: scale(1); } }

@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3); }

  50% {
    opacity: 1;
    -o-transform: scale(1.05); }

  70% {
    -o-transform: scale(0.9); }

  100% {
    -o-transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }

  50% {
    opacity: 1;
    transform: scale(1.05); }

  70% {
    transform: scale(0.9); }

  100% {
    transform: scale(1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px); }

  80% {
    -webkit-transform: translateY(10px); }

  100% {
    -webkit-transform: translateY(0); } }

@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }

  60% {
    opacity: 1;
    -moz-transform: translateY(-30px); }

  80% {
    -moz-transform: translateY(10px); }

  100% {
    -moz-transform: translateY(0); } }

@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px); }

  60% {
    opacity: 1;
    -o-transform: translateY(-30px); }

  80% {
    -o-transform: translateY(10px); }

  100% {
    -o-transform: translateY(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px); }

  60% {
    opacity: 1;
    transform: translateY(-30px); }

  80% {
    transform: translateY(10px); }

  100% {
    transform: translateY(0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px); }

  80% {
    -webkit-transform: translateY(-10px); }

  100% {
    -webkit-transform: translateY(0); } }

@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }

  60% {
    opacity: 1;
    -moz-transform: translateY(30px); }

  80% {
    -moz-transform: translateY(-10px); }

  100% {
    -moz-transform: translateY(0); } }

@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px); }

  60% {
    opacity: 1;
    -o-transform: translateY(30px); }

  80% {
    -o-transform: translateY(-10px); }

  100% {
    -o-transform: translateY(0); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }

  60% {
    opacity: 1;
    transform: translateY(30px); }

  80% {
    transform: translateY(-10px); }

  100% {
    transform: translateY(0); } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px); }

  80% {
    -webkit-transform: translateX(-10px); }

  100% {
    -webkit-transform: translateX(0); } }

@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }

  60% {
    opacity: 1;
    -moz-transform: translateX(30px); }

  80% {
    -moz-transform: translateX(-10px); }

  100% {
    -moz-transform: translateX(0); } }

@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px); }

  60% {
    opacity: 1;
    -o-transform: translateX(30px); }

  80% {
    -o-transform: translateX(-10px); }

  100% {
    -o-transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }

  60% {
    opacity: 1;
    transform: translateX(30px); }

  80% {
    transform: translateX(-10px); }

  100% {
    transform: translateX(0); } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px); }

  80% {
    -webkit-transform: translateX(10px); }

  100% {
    -webkit-transform: translateX(0); } }

@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }

  60% {
    opacity: 1;
    -moz-transform: translateX(-30px); }

  80% {
    -moz-transform: translateX(10px); }

  100% {
    -moz-transform: translateX(0); } }

@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px); }

  60% {
    opacity: 1;
    -o-transform: translateX(-30px); }

  80% {
    -o-transform: translateX(10px); }

  100% {
    -o-transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }

  60% {
    opacity: 1;
    transform: translateX(-30px); }

  80% {
    transform: translateX(10px); }

  100% {
    transform: translateX(0); } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1); }

  25% {
    -webkit-transform: scale(0.95); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.3); } }

@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1); }

  25% {
    -moz-transform: scale(0.95); }

  50% {
    opacity: 1;
    -moz-transform: scale(1.1); }

  100% {
    opacity: 0;
    -moz-transform: scale(0.3); } }

@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1); }

  25% {
    -o-transform: scale(0.95); }

  50% {
    opacity: 1;
    -o-transform: scale(1.1); }

  100% {
    opacity: 0;
    -o-transform: scale(0.3); } }

@keyframes bounceOut {
  0% {
    transform: scale(1); }

  25% {
    transform: scale(0.95); }

  50% {
    opacity: 1;
    transform: scale(1.1); }

  100% {
    opacity: 0;
    transform: scale(0.3); } }

.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }

@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0); }

  20% {
    opacity: 1;
    -moz-transform: translateY(20px); }

  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px); } }

@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0); }

  20% {
    opacity: 1;
    -o-transform: translateY(20px); }

  100% {
    opacity: 0;
    -o-transform: translateY(-2000px); } }

@keyframes bounceOutUp {
  0% {
    transform: translateY(0); }

  20% {
    opacity: 1;
    transform: translateY(20px); }

  100% {
    opacity: 0;
    transform: translateY(-2000px); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }

@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0); }

  20% {
    opacity: 1;
    -moz-transform: translateY(-20px); }

  100% {
    opacity: 0;
    -moz-transform: translateY(2000px); } }

@-o-keyframes bounceOutDown {
  0% {
    -o-transform: translateY(0); }

  20% {
    opacity: 1;
    -o-transform: translateY(-20px); }

  100% {
    opacity: 0;
    -o-transform: translateY(2000px); } }

@keyframes bounceOutDown {
  0% {
    transform: translateY(0); }

  20% {
    opacity: 1;
    transform: translateY(-20px); }

  100% {
    opacity: 0;
    transform: translateY(2000px); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }

@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0); }

  20% {
    opacity: 1;
    -moz-transform: translateX(20px); }

  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px); } }

@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0); }

  20% {
    opacity: 1;
    -o-transform: translateX(20px); }

  100% {
    opacity: 0;
    -o-transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
  0% {
    transform: translateX(0); }

  20% {
    opacity: 1;
    transform: translateX(20px); }

  100% {
    opacity: 0;
    transform: translateX(-2000px); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }

@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0); }

  20% {
    opacity: 1;
    -moz-transform: translateX(-20px); }

  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }

@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0); }

  20% {
    opacity: 1;
    -o-transform: translateX(-20px); }

  100% {
    opacity: 0;
    -o-transform: translateX(2000px); } }

@keyframes bounceOutRight {
  0% {
    transform: translateX(0); }

  20% {
    opacity: 1;
    transform: translateX(-20px); }

  100% {
    opacity: 0;
    transform: translateX(2000px); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0; }

  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0; }

  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0; }

  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; }

  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; }

  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; }

  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; }

  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0; } }

@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; }

  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0; } }

@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1; }

  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; }

  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }

@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; }

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; } }

@-o-keyframes rotateOutUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; }

  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }

  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }

@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; }

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; } }

@-o-keyframes rotateOutDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; }

  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }

  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }

@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; }

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; } }

@-o-keyframes rotateOutUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; }

  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }

  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }

@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; }

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; } }

@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; }

  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }

  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }

  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }

  100% {
    -webkit-transform: translateY(700px);
    opacity: 0; } }

@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }

  20%, 60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }

  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }

  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }

  100% {
    -moz-transform: translateY(700px);
    opacity: 0; } }

@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }

  20%, 60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }

  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }

  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }

  100% {
    -o-transform: translateY(700px);
    opacity: 0; } }

@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }

  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }

  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }

  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out; }

  100% {
    transform: translateY(700px);
    opacity: 0; } }

.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); } }

@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg); } }

@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg); } }

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); } }

.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg); } }

@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg); } }

@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut; }

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }

  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }

  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }

  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }

  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }

  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }

  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }

  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }

  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }

  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

.animated.lightSpeedIn {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s; }

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@-moz-keyframes lightSpeedOut {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1; }

  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@-o-keyframes lightSpeedOut {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1; }

  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }

  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -moz-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

.animated.lightSpeedOut {
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s; }

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg); }

  10% {
    -webkit-transform: skewX(-8deg); }

  20% {
    -webkit-transform: skewX(7deg); }

  30% {
    -webkit-transform: skewX(-6deg); }

  40% {
    -webkit-transform: skewX(5deg); }

  50% {
    -webkit-transform: skewX(-4deg); }

  60% {
    -webkit-transform: skewX(3deg); }

  70% {
    -webkit-transform: skewX(-2deg); }

  80% {
    -webkit-transform: skewX(1deg); }

  90% {
    -webkit-transform: skewX(0deg); }

  100% {
    -webkit-transform: skewX(0deg); } }

@-moz-keyframes wiggle {
  0% {
    -moz-transform: skewX(9deg); }

  10% {
    -moz-transform: skewX(-8deg); }

  20% {
    -moz-transform: skewX(7deg); }

  30% {
    -moz-transform: skewX(-6deg); }

  40% {
    -moz-transform: skewX(5deg); }

  50% {
    -moz-transform: skewX(-4deg); }

  60% {
    -moz-transform: skewX(3deg); }

  70% {
    -moz-transform: skewX(-2deg); }

  80% {
    -moz-transform: skewX(1deg); }

  90% {
    -moz-transform: skewX(0deg); }

  100% {
    -moz-transform: skewX(0deg); } }

@-o-keyframes wiggle {
  0% {
    -o-transform: skewX(9deg); }

  10% {
    -o-transform: skewX(-8deg); }

  20% {
    -o-transform: skewX(7deg); }

  30% {
    -o-transform: skewX(-6deg); }

  40% {
    -o-transform: skewX(5deg); }

  50% {
    -o-transform: skewX(-4deg); }

  60% {
    -o-transform: skewX(3deg); }

  70% {
    -o-transform: skewX(-2deg); }

  80% {
    -o-transform: skewX(1deg); }

  90% {
    -o-transform: skewX(0deg); }

  100% {
    -o-transform: skewX(0deg); } }

@keyframes wiggle {
  0% {
    transform: skewX(9deg); }

  10% {
    transform: skewX(-8deg); }

  20% {
    transform: skewX(7deg); }

  30% {
    transform: skewX(-6deg); }

  40% {
    transform: skewX(5deg); }

  50% {
    transform: skewX(-4deg); }

  60% {
    transform: skewX(3deg); }

  70% {
    transform: skewX(-2deg); }

  80% {
    transform: skewX(1deg); }

  90% {
    transform: skewX(0deg); }

  100% {
    transform: skewX(0deg); } }

.wiggle {
  -webkit-animation-name: wiggle;
  -moz-animation-name: wiggle;
  -o-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

.animated.wiggle {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s; }

#jstwitter {
  font-family: georgia;
  line-height: 1em;
  font-size: 13px;
  color: #333333;
  padding: 10px 10px 10px 10px; }

#jstwitter .tweet {
  margin: 0 auto 5px auto;
  padding: 0 0 15px 0;
  border-bottom: 1px dotted #ccc; }

#jstwitter .tweet a {
  text-decoration: none;
  color: #13c9d0; }

#jstwitter .tweet a:hover {
  text-decoration: underline; }

#jstwitter .tweet .time {
  font-size: 10px;
  font-style: italic;
  color: #666666; }


/* ==========================================================================
	CHROME

	Styles related to the chrome (interface) of the app.
   ========================================================================== */
.viewer {
  top: 0px;
  right: 30px;
  bottom: 0px;
  left: 30px; }

.os-ipad .viewer {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.os-iphone .viewer {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.os-android .viewer {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

#grids_loading {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #333333;
  opacity: 0.9;
  z-index: 999;
  visibility: hidden;
}

#grids_loading .message {
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
}

#phone_rotated {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #333333;
  display: none;
  z-index: 999; }

#phone_rotated .message {
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
}

#dialog_container {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  visibility: hidden;
  z-index: 4; }

#dialog_container ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 12px; }

#dialog_container ::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 1); }

.next.overlay {
  position: absolute;
  height: 100%;
  width: 32px;
  top: 0;
  right: -30px;
  z-index: 3;
  opacity: 0.8;
  background-color: #000000;
  background-image: url("../../core/interface/img/arrow_right.png");
  bacground-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;}
  .next.overlay:hover {
    opacity: 1;
 }

.prev.overlay {
  position: absolute;
  height: 100%;
  width: 32px;
  top: 0;
  left: -30px;
  opacity: 0.8;
  background-color: #000000;
  background-image: url("../../core/interface/img/arrow_left.png");
  bacground-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3; }
  .prev.overlay:hover {
    opacity: 1;
  }

.os-android .next.overlay:hover {
  background-color: rgba(0, 0, 0, 0);}

.os-android .prev.overlay:hover {
  background-color: rgba(0, 0, 0, 0);}

nav {
  display: block;
  position: absolute;
  z-index: 5;
  bottom: 0;
  height: 0;
  left: 0;
  right: 0; }

.bottom_controls {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 30px;
  z-index: 20;
  width: 64px;
  margin: auto; }

.radial_controls {
  width: 60px;
  height: 20px;
  margin: 0 auto;
  padding: 0 0;
  z-index: 20; }

.radial_inner {
  position: relative;
  display: inner-block;
  width: 60px;
  height: 20px;
  margin: 0 0;
  padding: 0 0;
  clear: both;
  z-index: 20; }

.radial_toggle_btn {
  -webkit-transform: translate3d(0, 0, 0);
  background: url("../../core/interface/img/icons.png") no-repeat 0px -16px;
  width: 64px;
  height: 32px;
  text-indent: -9999px;
  border: none;
  position: absolute;
  display: block;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  position: absolute;
  left: 0px;
  top: 0px; }
  .radial_toggle_btn:hover {
    -webkit-transform: scale(1.1);
    /*Webkit: Scale up image to 1.2x original size*/
    -moz-transform: scale(1.1);
    /*Mozilla scale version*/
    -o-transform: scale(1.1);
    /*Opera scale version*/ }

.contents_btn {
  -webkit-transform: translate3d(0, 0, 0);
  background: url("../../core/interface/img/icons.png") no-repeat -63px 0px;
  width: 64px;
  height: 64px;
  text-indent: -9999px;
  border: none;
  position: absolute;
  display: block;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  left: -120px;
  top: -36px; }
  .contents_btn:hover {
    -webkit-transform: scale(1.1);
    /*Webkit: Scale up image to 1.2x original size*/
    -moz-transform: scale(1.1);
    /*Mozilla scale version*/
    -o-transform: scale(1.1);
    /*Opera scale version*/ }

.share_btn {
  -webkit-transform: translate3d(0, 0, 0);
  background: url("../../core/interface/img/icons.png") no-repeat -127px 0px;
  width: 64px;
  height: 64px;
  text-indent: -9999px;
  border: none;
  position: absolute;
  display: block;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  left: -70px;
  top: -95px; }
  .share_btn:hover {
    -webkit-transform: scale(1.1);
    /*Webkit: Scale up image to 1.2x original size*/
    -moz-transform: scale(1.1);
    /*Mozilla scale version*/
    -o-transform: scale(1.1);
    /*Opera scale version*/ }

.search_btn {
  -webkit-transform: translate3d(0, 0, 0);
  background: url("../../core/interface/img/icons.png") no-repeat -319px 0px;
  width: 64px;
  height: 64px;
  text-indent: -9999px;
  border: none;
  position: absolute;
  display: block;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  left: 0px;
  top: -118px; }
  .search_btn:hover {
    -webkit-transform: scale(1.1);
    /*Webkit: Scale up image to 1.2x original size*/
    -moz-transform: scale(1.1);
    /*Mozilla scale version*/
    -o-transform: scale(1.1);
    /*Opera scale version*/ }

.print_btn {
  -webkit-transform: translate3d(0, 0, 0);
  background: url("../../core/interface/img/icons.png") no-repeat -192px 0px;
  width: 64px;
  height: 64px;
  text-indent: -9999px;
  border: none;
  position: absolute;
  display: block;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  left: 70px;
  top: -95px; }
  .print_btn:hover {
    -webkit-transform: scale(1.1);
    /*Webkit: Scale up image to 1.2x original size*/
    -moz-transform: scale(1.1);
    /*Mozilla scale version*/
    -o-transform: scale(1.1);
    /*Opera scale version*/ }

.help_btn {
  -webkit-transform: translate3d(0, 0, 0);
  background: url("../../core/interface/img/icons.png") no-repeat -255px 0px;
  width: 64px;
  height: 64px;
  text-indent: -9999px;
  border: none;
  position: absolute;
  display: block;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  left: 120px;
  top: -36px; }
  .help_btn:hover {
    -webkit-transform: scale(1.1);
    /*Webkit: Scale up image to 1.2x original size*/
    -moz-transform: scale(1.1);
    /*Mozilla scale version*/
    -o-transform: scale(1.1);
    /*Opera scale version*/ }

.radial_button_hidden {
  left: 0px;
  top: 0px; }

.lbscroll {
  -webkit-overflow-scrolling: touch !important;
  overflow: auto;
  overflow-x: hidden; }

.lightbox {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5); }
  .lightbox .container {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 8px;
    background: black;
    padding-left: 0px; }

/* ==========================================================================
	IPAD SPECIFIC CHROME STYLES

	Contains any chrome styling specific to the iPad.
   ========================================================================== */
.os-ipad button {
  -webkit-appearance: none; }

/* ==========================================================================
	IPHONE SPECIFIC CHROME STYLES

	Contains any chrome styling specific to the iPhone (normal and retna)
   ========================================================================== */
.os-iphone button {
  -webkit-appearance: none; }

.r16x9.w1, .container.w1 [ratio="16x9"] img {
  width: 308px;
  height: 173px; }

.r16x9.w2, .container.w2 [ratio="16x9"] img {
  width: 634px;
  height: 357px; }

.r16x9.w3, .container.w3 [ratio="16x9"] img {
  width: 960px;
  height: 540px; }

.r4x3.w1, .container.w1 [ratio="4x3"] img {
  width: 308px;
  height: 231px; }

.r4x3.w2, .container.w2 [ratio="4x3"] img {
  width: 634px;
  height: 476px; }

.r4x3.w3, .container.w3 [ratio="4x3"] img {
  width: 960px;
  height: 720px; }

.r5x4.w1, .container.w1 [ratio="5x4"] img {
  width: 308px;
  height: 246px; }

.r5x4.w2, .container.w2 [ratio="5x4"] img {
  width: 634px;
  height: 507px; }

.r5x4.w3, .container.w3 [ratio="5x4"] img {
  width: 960px;
  height: 768px; }

.r1x1.w1, .container.w1 [ratio="1x1"] img {
  width: 308px;
  height: 308px; }

.r1x1.w2, .container.w2 [ratio="1x1"] img {
  width: 634px;
  height: 634px; }

.r1x1.w3, .container.w3 [ratio="1x1"] img {
  width: 960px;
  height: 960px; }

.r4x5.w1, .container.w1 [ratio="4x5"] img {
  width: 308px;
  height: 385px; }

.r4x5.w2, .container.w2 [ratio="4x5"] img {
  width: 634px;
  height: 793px; }

.r4x5.w3, .container.w3 [ratio="4x5"] img {
  width: 960px;
  height: 1200px; }

.r3x4.w1, .container.w1 [ratio="3x4"] img {
  width: 308px;
  height: 411px; }

.r3x4.w2, .container.w2 [ratio="3x4"] img {
  width: 634px;
  height: 845px; }

.r3x4.w3, .container.w3 [ratio="3x4"] img {
  width: 960px;
  height: 1280px; }

.c1 {
  margin-left: 0px; }

.c2 {
  margin-left: 326px; }

.c3 {
  margin-left: 652px; }

.w1 {
  width: 308px; }

.w2 {
  width: 634px; }

.w3 {
  width: 960px; }

.w2.grid:not(.fixed):not(.sizetocontainer) {
  max-width: 960px; }

.w1.grid:not(.fixed):not(.sizetocontainer) {
  max-width: 634px; }

.lightbox .container[class*="single"] {
  width: 308px; }
.lightbox .container[class*="double"] {
  width: 634px; }
.lightbox .container[class*="triple"] {
  width: 960px; }
.lightbox .container[class*="quad"] {
  width: 1286px; }
.lightbox .container img {
  width: 100%;
  height: auto; }

.column {
  width: 308px;
  font-size: 16px;
  line-height: 24px; }

orientation-horizontal .column {
  width: 390px; }

orientation-vertical .column {
  width: 200px; }

.grid {
  position: absolute;
  overflow: hidden;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased; }

.fixed.grid, .sizetocontainer.grid {
  max-width: none;
  max-height: none;
  min-width: none;
  min-height: none; }

html.js .hidden, html.no-js .hidden {
  display: none; }

.chrome, .viewer {
  position: absolute;
  display: block; }

.chrome {
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.container.scroll {
  position: absolute;
  overflow: auto;
  overflow-x: hidden; }

.grid .scroll-fade:after {
  content: "\0020";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  z-index: 3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), white);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), white);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), white);
  background-image: linear-gradient(top, rgba(255, 255, 255, 0), white); }

.container .scroll {
  overflow: auto;
  width: 100%;
  height: 100%;
  padding-bottom: 40px; }

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 12px; }

::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.5); }

.touch ::-webkit-scrollbar {
  width: 3px; }

html {
  font-size: 16px;
  line-height: 24px;
  font-family: sans-serif;
  color: #333333;
  background-color: #333666;
  background-image: url("../../core/interface/img/app_background.png"); }

html, body {
  overflow: hidden; }

h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizeLegibility;
  word-wrap: break-word; }

.column, .container {
  position: absolute;
  overflow: hidden;
  top: 32px;
  bottom: 32px; }

.column {
  min-height: 72px; }

#previousPage, #nextPage {
  opacity: 0.5; }

#currentPage {
}

.os-android #previousPage {
  opacity: 1;
}

.os-android #nextPage {
  opacity: 1;
}

.grid.trimleft {
  padding-left: 0; }

.grid.trimright {
  padding-right: 0; }

figure {
  display: block; }

.colapsed {
  position: absolute; }

.topfix {
  top: 0; }

.rightfix {
  right: 0; }

.bottomfix {
  bottom: 0;
  top: auto; }

.leftfix {
  left: 0; }

.overflow {
  overflow: visible; }

.error, .loading {
  position: absolute; }
  .error#nextPage, .error#previousPage, .loading#nextPage, .loading#previousPage {
    display: none; }

.hidden, .microdata {
  display: none; }

.group {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 0; }

.center, .center * {
  text-align: center; }

.nocap .caption {
  display: none; }

.fill .caption {
  padding-left: 32px;
  padding-right: 32px; }

.caption.left {
  text-align: left; }
.caption.right {
  right: 0;
  text-align: right; }

.insetcap .caption {
  position: absolute; }
.insetcap.ul .caption {
  top: 0;
  left: 0; }
.insetcap.ur .caption {
  top: 0;
  right: 0; }
.insetcap.ll .caption {
  bottom: 0;
  left: 0; }
.insetcap.lr .caption {
  bottom: 0;
  right: 0; }

.fullbleed {
  position: absolute;
  bottom: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: auto; }

.os-ipad, .os-ipad .grid, .os-iphone, .os-iphone .grid {
  -webkit-font-smoothing: antialiased; }

html.offline .no-offline, html.offline [data-requires~="no-offline"] {
  display: none; }
html.offline [data-requires~="offline"] {
  display: block; }

html.no-offline [data-requires~="no-offline"] {
  display: block; }
html.no-offline [data-requires~="offline"] {
  display: none; }

.r {
  background: #ff9999 !important; }

.g {
  background: #99ff99 !important; }

.b {
  background: #9999ff !important; }

.c {
  background: #99ffff !important; }

.m {
  background: #ff99ff !important; }

.y {
  background: #ffff99 !important; }

.grid.ipad {
  min-width: 99999px;
  width: 99999px;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none; }

.os-ipad .grid {
  min-width: 99999px;
  width: 99999px;
  opacity: 1 !important; }
.os-ipad .grid.fixed.ipad.horizontal {
  height: 644px;
  width: 960px;
  min-width: 960px;
  padding: 0 32px; }
.os-ipad .grid.fixed.ipad.vertical {
  height: 900px;
  width: 634px;
  min-width: 634px;
  padding: 0 67px; }

.os-ipad.fullscreen .grid.fixed.ipad.horizontal {
  height: 748px; }
.os-ipad.fullscreen .grid.fixed.ipad.vertical {
  height: 1004px; }

.grid.iphone {
  min-width: 99999px;
  width: 99999px;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none; }

.os-iphone .vertical div {
  line-height: 16px;
  font-size: 12px; }
  .os-iphone .vertical div.column {
    width: 300px; }
.os-iphone .vertical p {
  line-height: 16px;
  font-size: 12px; }
.os-iphone .horizontal div {
  line-height: 16px;
  font-size: 12px; }
  .os-iphone .horizontal div.column {
    width: 460px; }
.os-iphone .horizontal p {
  line-height: 16px;
  font-size: 12px; }
.os-iphone .grid {
  min-width: 99999px;
  width: 99999px;
  opacity: 1 !important; }
.os-iphone .grid.fixed.iphone.horizontal {
  width: 480px;
  min-width: 468px;
  padding: 0px 0px; }
  .os-iphone .grid.fixed.iphone.horizontal .container {
    width: 480px; }
.os-iphone .grid.fixed.iphone.vertical {
  width: 320px;
  min-width: 308px;
  padding: 0px 0px; }

.os-iphone.fullscreen .grid.fixed.iphone.horizontal {
  height: 300px; }
.os-iphone.fullscreen .grid.fixed.iphone.vertical {
  height: 460px; }
  .os-iphone.fullscreen .grid.fixed.iphone.vertical div.column {
    width: 300px; }

.ipc1 {
  margin-left: 0; }

.ipw_v {
  width: 300px; }

.ipw_h {
  width: 460px; }

.grid.ipod {
  min-width: 99999px;
  width: 99999px;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none; }

.os-ipod div {
  font-size: 12px; }
.os-ipod .grid {
  min-width: 99999px;
  width: 99999px;
  opacity: 1 !important; }
.os-ipod .grid.fixed.ipod.horizontal {
  width: 960px;
  min-width: 960px;
  padding: 0 -460px; }
.os-ipod .grid.fixed.ipod.vertical {
  width: 960px;
  min-width: 960px;
  padding: 0 -466.667px; }

.os-ipod.fullscreen .grid.fixed.ipod.horizontal {
  height: 300px; }
.os-ipod.fullscreen .grid.fixed.ipod.vertical {
  height: 460px; }

.contents_panel {
  z-index: 1;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: none; }
  .contents_panel h1 {
    margin-left: 8px; }
  .contents_panel .lFloatclear {
    float: left;
    clear: both; }
  .contents_panel .clearDiv {
    height: 0;
    clear: both; }
  .contents_panel .contentslist {
    background: #000;
    padding-top: 10px;
    max-width: 422px;
    margin: 1.5em auto 1.5em;
    position: relative; }
  .contents_panel .contentitem {
    background: #303030;
    background: -webkit-linear-gradient(top, #303030, #242424);
    background: -moz-linear-gradient(top, #303030, #242424);
    background: -o-linear-gradient(top, #303030, #242424);
    background: -ms-linear-gradient(top, #303030, #242424);
    background: linear-gradient(top, #303030, #242424);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#242424');
    max-width: 422px;
    cursor: pointer;
    border-top: 1px solid #4d4d4d;
    border-bottom: 2px solid #000;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: 8px;
    padding: 8px 8px 8px 8px;
    cursor: pointer; }
  .contents_panel .contentitem:hover, .contents_panel .contentitem:active {
    background: #242424;
    background: -webkit-linear-gradient(top, #242424, #303030);
    background: -moz-linear-gradient(top, #242424, #303030);
    background: -o-linear-gradient(top, #242424, #303030);
    background: -ms-linear-gradient(top, #242424, #303030);
    background: linear-gradient(top, #242424, #303030);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#303030'); }
  .contents_panel .contentitem img {
    cursor: pointer;
    width: 64px;
    height: 64px;
    float: right;
    margin-left: 8px;
    margin-bottom: 8px; }
  .contents_panel .contenttitle {
    display: block;
    font-weight: lighter;
    font-size: 1em;
    color: #aeaeae;
    padding: 5px 8px 5px 0;
    cursor: pointer; }
  .contents_panel .tocDesc {
    display: block;
    padding: 0;
    margin: 0;
    line-height: 1.25em;
    color: #909090;
    font-size: .75em;
    margin-right: 80px;
    text-align: left; }
  .contents_panel .author {
    float: right;
    clear: both;
    color: #909090;
    padding: 0;
    margin: 0;
    font-size: 75%;
    font-style: italic; }

.os-iphone .contents_thumb {
  display: none; }

.share_panel .text {
  color: #dfdfdf; }

.share_panel .share_facebook_icon {
  float:left;
  display:block;
  width: 33px;
  height: 33px;
  margin-right:10px;
  background: url(../../core/interface/img/share/share_facebook.png) no-repeat;
}

.share_panel .share_twitter_icon {
  float:left;
  display:block;
  width: 33px;
  height: 33px;
  margin-right:10px;
  background: url(../../core/interface/img/share/share_twitter.png) no-repeat;
}

.share_panel .share_pinterest_icon {
  float:left;
  display:block;
  width: 33px;
  height: 33px;
  margin-right:10px;
  background: url(../../core/interface/img/share/share_pinterest.png) no-repeat;
}

.share_panel .share_linkedin_icon {
  float:left;
  display:block;
  width: 33px;
  height: 33px;
  margin-right:10px;
  background: url(../../core/interface/img/share/share_linkedin.png) no-repeat;
}

.share_panel .share_email_icon {
  float:left;
  display:block;
  width: 33px;
  height: 33px;
  margin-right:10px;
  background: url(../../core/interface/img/share/share_email.png) no-repeat;
}

.share_panel .emailbox {
  padding: 5px 5px;
  margin-left: 20px;
}

.share_panel .toolbox a, .share_panel .emailbox a {
  display: block;
  color:#dfdfdf;
  float: left;
  width: 45%;
  margin: 0 0 1px 2%;
  padding: 1%;
  font-size: 85%;
  white-space: nowrap;
  line-height: 33px;
  border-top: 1px solid #4d4d4d;
  border-bottom: 2px solid #000;
  background: #303030;
  background: -webkit-linear-gradient(top, #303030, #242424);
  background: -moz-linear-gradient(top, #303030, #242424);
  background: -o-linear-gradient(top, #303030, #242424);
  background: -ms-linear-gradient(top, #303030, #242424);
  background: linear-gradient(top, #303030, #242424);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#303030', endColorstr = '#242424'); }
.share_panel .toolbox a:hover, .share_panel .emailbox a:hover {
  background: #242424;
  color:#fff;
  background: -webkit-linear-gradient(top, #242424, #303030);
  background: -moz-linear-gradient(top, #242424, #303030);
  background: -o-linear-gradient(top, #242424, #303030);
  background: -ms-linear-gradient(top, #242424, #303030);
  background: linear-gradient(top, #242424, #303030);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#242424', endColorstr = '#303030'); }
.share_panel .action {
  float: left;
  margin-right: 20px;
  color: #dfdfdf;
  vertical-align: baseline; }
.share_panel #yourmessage {
  width: 100%; }
.share_panel .share {
  display: block;
  min-width: 200px;
  float: left;
  margin-bottom: 10px; }
.share_panel label {
  display: block;
  font-size: 100%;
  margin-top: 10px; }
.share_panel .url {
  font-size: 75%;
  line-height: 8px; }

.help_panel .fingerSwipe {
  height: 100px;
  margin: 3px; }
  .help_panel .fingerSwipe img {
    width: 100px;
    height: 100px; }
  .help_panel .fingerSwipe h4 {
    margin: 30px 30px; }

.search_panel .search2 {
  display: none; }
.search_panel .search {
  width: 99%;
  position: relative; }
.search_panel .action {
  float: left;
  margin-right: 20px;
  color: #dfdfdf;
  vertical-align: baseline; }
.search_panel #searchtype {
  padding: 3px; }
.search_panel input, .search_panel label {
  vertical-align: baseline; }
.search_panel label {
  margin-left: 10px; }
.search_panel .searchoptions {
  float: left;
  margin-top: 24px;
  margin-bottom: 24px; }
.search_panel .previousblock {
  float: left;
  position: relative;
  left: -20px; }
.search_panel .nextblock {
  float: right;
  position: relative;
  right: -20px; }
.search_panel .previousblock p, .search_panel .nextblock p, .search_panel .previousblock img, .search_panel .nextblock img {
  display: block;
  float: left;
  text-indent: 0;
  margin-right: 6px;
  color: #dfdfdf;
  font-variant: small-caps; }
.search_panel .contentslist {
  background: #000;
  padding: 30px;
  padding-top: 10px;
  max-width: 422px;
  margin: 1.5em auto 1.5em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative; }
.search_panel .contentitem {
  background: #303030;
  background: -webkit-linear-gradient(top, #303030, #242424);
  background: -moz-linear-gradient(top, #303030, #242424);
  background: -o-linear-gradient(top, #303030, #242424);
  background: -ms-linear-gradient(top, #303030, #242424);
  background: linear-gradient(top, #303030, #242424);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#303030', endColorstr = '#242424');
  max-width: 422px;
  cursor: pointer;
  border-top: 1px solid #4d4d4d;
  border-bottom: 2px solid #000;
  margin-bottom: 1px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 8px 8px 8px 8px;
  cursor: pointer; }
.search_panel .contentitem:hover, .search_panel .contentitem:active {
  background: #242424;
  background: -webkit-linear-gradient(top, #242424, #303030);
  background: -moz-linear-gradient(top, #242424, #303030);
  background: -o-linear-gradient(top, #242424, #303030);
  background: -ms-linear-gradient(top, #242424, #303030);
  background: linear-gradient(top, #242424, #303030);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#242424', endColorstr = '#303030'); }
.search_panel .contentitem img {
  cursor: pointer;
  width: 64px;
  height: 64px;
  float: right;
  margin-left: 8px;
  margin-bottom: 8px; }
.search_panel .contenttitle {
  display: block;
  font-weight: lighter;
  font-size: 1em;
  color: #aeaeae;
  padding: 5px 8px 5px 0;
  cursor: pointer; }
.search_panel .h_divider {
  background: url(../../img/h-divider-gradient.png) no-repeat;
  max-width: 422px;
  height: 3px;
  margin-top: 9px;
  margin-bottom: 9px; }
.search_panel .resultdesc {
  display: block;
  padding: 0;
  margin: 0;
  line-height: 1.25em;
  color: #909090;
  font-size: .75em;
  margin-right: 80px;
  text-align: left; }
.search_panel .resultsTitle {
  margin-bottom: 24px;
  color: #909090;
  font-size: 75%;
  margin: 5px 8px; }
.search_panel .keyword {
  color: #CC3333; }

/***
 VARIABLES
***/
/*************************************************/
.articlebarholder {
  position: absolute;
  height: 16px;
  left: 36px;
  right: 36px;
  top: 0px;
  padding: 0px 0px;
  padding-bottom: 4px;
  margin: 0px 0px;
  z-index: 10;
  text-align: center;
  background-color: #333;
  border: solid 1px #333;
  border-bottom: none;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.articlebar_line {
  position: absolute;
  left: 3px;
  right: 3px;
  padding: 3px;
  margin: 0px auto; }

.os-android .articlebarholder {
  visibility: hidden;}

.os-iphone .articlebarholder {
  visibility: hidden;}

.os-ipad .articlebarholder {
  visibility: hidden;}

.os-android .articlebar_line {
  visibility: hidden;
}

.os-iphone .articlebar_line {
  visibility: hidden;
}

.os-ipad .articlebar_line {
  visibility: hidden;
}

.articlebar_article, .articlebar_indicator {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  top: -4px;
  height: 14px;
  background-color: #666666;
  border: solid 1px #333;
  border-top: none;
  border-bottom: none;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  font-size: 10px;
  color: #000;
  line-height: 12px;
  font-weight: bold;
  text-align: center;
  background-color: #666666;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#737373', endColorstr='#595959');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#737373', endColorstr='#595959');
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #8c8c8c), color-stop(0.5, #666666), color-stop(0.49, #595959));
  background-image: -webkit-linear-gradient(top, #8c8c8c 0%, #666666 50%, #595959 51%, #595959 100%);
  background-image: -moz-linear-gradient(top, #8c8c8c 0%, #666666 50%, #595959 51%, #595959 100%);
  background-image: linear-gradient(top, #8c8c8c 0%, #666666 50%, #595959 51%, #595959 100%); }

.articlebar_article div, .articlebar_indicator div {
  margin-left: -999em;
  position: absolute;
  font-size: 16px;
  color: #fff;
  line-height: 20px;
  font-weight: bold;
  text-align: left; }

.articlebar_article:hover, .articlebar_indicator:hover {
  background-color: #aaaaaa;
  background-color: #aaaaaa;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7b7b7', endColorstr='#9d9d9d');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7b7b7', endColorstr='#9d9d9d');
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #d0d0d0), color-stop(0.5, #aaaaaa), color-stop(0.49, #9d9d9d));
  background-image: -webkit-linear-gradient(top, #d0d0d0 0%, #aaaaaa 50%, #9d9d9d 51%, #9d9d9d 100%);
  background-image: -moz-linear-gradient(top, #d0d0d0 0%, #aaaaaa 50%, #9d9d9d 51%, #9d9d9d 100%);
  background-image: linear-gradient(top, #d0d0d0 0%, #aaaaaa 50%, #9d9d9d 51%, #9d9d9d 100%); }

.articlebar_article:hover div, .articlebar_indicator:hover div {
  position: absolute;
  top: 20px;
  z-index: 99;
  margin-left: 0; }

.articlebar_currentarticle, .articlebar_indicator {
  background-color: #333333;
  background-color: #333333;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040', endColorstr='#262626');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040', endColorstr='#262626');
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #595959), color-stop(0.5, #333333), color-stop(0.49, #262626));
  background-image: -webkit-linear-gradient(top, #595959 0%, #333333 50%, #262626 51%, #262626 100%);
  background-image: -moz-linear-gradient(top, #595959 0%, #333333 50%, #262626 51%, #262626 100%);
  background-image: linear-gradient(top, #595959 0%, #333333 50%, #262626 51%, #262626 100%); }

/**
	The tooltip that shows the article title.
*/
.articlebar_label {
  background-color: #000000;
  color: #ffffff;
  border: solid 1px #ffffff;
  font-size: 12px;
  font-weight: bold;
  padding: 0px 6px; }

.articlebar_label p {
  padding: 4px 4px;
  color: #fff;
  font-weight: normal;
  text-indent: none;
  text-align: left; }

/**
	The indicator holder div.
	This moves and provides a way to show a line or some other
*/
.articlebar_indicator {
  background-color: #4c83a9;
  position: absolute;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  top: 3px;
  border: none;
  background-color: #4c83a9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a90b5', endColorstr='#447597');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a90b5', endColorstr='#447597');
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #7da7c5), color-stop(0.5, #4c83a9), color-stop(0.49, #447597));
  background-image: -webkit-linear-gradient(top, #7da7c5 0%, #4c83a9 50%, #447597 51%, #447597 100%);
  background-image: -moz-linear-gradient(top, #7da7c5 0%, #4c83a9 50%, #447597 51%, #447597 100%);
  background-image: linear-gradient(top, #7da7c5 0%, #4c83a9 50%, #447597 51%, #447597 100%); }

.articlebar_indicator div {
  opacity: 0; }

.articlebar_indicator:hover div {
  opacity: 1; }

/**
	The actual indicator text div,
	attached to the indicator holder.
	It is positioned relative to the indicator holder,
	allowing them to move as one component.
*/
.articlebar_pagetext {
  position: absolute;
  top: 16px;
  left: 0px;
  text-align: center;
  line-height: 18px;
  font-size: 12px;
  font-weight: bold;
  width: 40px;
  height: 18px;
  background-color: #000;
  color: #ffffff;
  border: solid 2px #ffffff; }

.contents_panel, .print_panel, .help_panel, .search_panel, .share_panel {
  color: #dfdfdf;
  z-index: 1;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: none;
  padding-top: 30px;
  padding-bottom: 40px; }
  .contents_panel .bg, .print_panel .bg, .help_panel .bg, .search_panel .bg, .share_panel .bg {
    background: black;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: auto;
    padding: 8px;
    z-index: 1; }
  .contents_panel p, .print_panel p, .help_panel p, .search_panel p, .share_panel p {
    text-indent: 0; }
  .contents_panel .cancel, .print_panel .cancel, .help_panel .cancel, .search_panel .cancel, .share_panel .cancel {
    display: block;
    margin-top: 15px;
    font-size: 75%;
    text-decoration: underline;
    color: #9d9d9d; }
  .contents_panel .cancel:hover, .contents_panel .cancel:active, .print_panel .cancel:hover, .print_panel .cancel:active, .help_panel .cancel:hover, .help_panel .cancel:active, .search_panel .cancel:hover, .search_panel .cancel:active, .share_panel .cancel:hover, .share_panel .cancel:active {
    color: #dfdfdf; }
  .contents_panel .h_divider, .print_panel .h_divider, .help_panel .h_divider, .search_panel .h_divider, .share_panel .h_divider {
    background: url(../../img/h-divider-gradient.png) no-repeat center;
    max-width: 422px;
    height: 3px;
    margin-top: 9px;
    margin-bottom: 9px; }
  .contents_panel .topRow, .print_panel .topRow, .help_panel .topRow, .search_panel .topRow, .share_panel .topRow {
    width: 100%;
    margin-bottom: 24px; }
  .contents_panel .nowrap, .print_panel .nowrap, .help_panel .nowrap, .search_panel .nowrap, .share_panel .nowrap {
    white-space: nowrap; }
  .contents_panel .lFloatclear, .print_panel .lFloatclear, .help_panel .lFloatclear, .search_panel .lFloatclear, .share_panel .lFloatclear {
    float: left;
    clear: both; }
  .contents_panel .floatleft, .print_panel .floatleft, .help_panel .floatleft, .search_panel .floatleft, .share_panel .floatleft {
    float: left; }
  .contents_panel .floatright, .print_panel .floatright, .help_panel .floatright, .search_panel .floatright, .share_panel .floatright {
    float: right; }
  .contents_panel .clearDiv, .print_panel .clearDiv, .help_panel .clearDiv, .search_panel .clearDiv, .share_panel .clearDiv {
    height: 0;
    clear: both; }
  .contents_panel p.inline, .print_panel p.inline, .help_panel p.inline, .search_panel p.inline, .share_panel p.inline {
    color: #dfdfdf;
    display: inline; }
  .contents_panel .floatright, .print_panel .floatright, .help_panel .floatright, .search_panel .floatright, .share_panel .floatright {
    float: right; }
  .contents_panel .floatleft, .print_panel .floatleft, .help_panel .floatleft, .search_panel .floatleft, .share_panel .floatleft {
    float: left; }
  .contents_panel h1, .print_panel h1, .help_panel h1, .search_panel h1, .share_panel h1 {
    display: block;
    color: #aeaeae;
    font-size: 90%;
    font-weight: lighter;
    letter-spacing: 1px;
    font-family: Tahoma, Geneva, sans-serif;
    margin-bottom: .5em;
    text-align: left;
    text-transform: uppercase; }
  .contents_panel ul, .print_panel ul, .help_panel ul, .search_panel ul, .share_panel ul {
    width: 90%;
    max-width: 600px;
    margin: 0 auto; }
  .contents_panel li, .print_panel li, .help_panel li, .search_panel li, .share_panel li {
    font-family: 'Lora', serif;
    list-style: none;
    display: list-item;
    text-align: -webkit-match-parent;
    border: 1px solid #666;
    background-color: #fff;
    margin: 5px;
    -moz-border-radius: 1em 1em 1em 1em;
    border-radius: 1em 1em 1em 1em; }
    .contents_panel li h3, .print_panel li h3, .help_panel li h3, .search_panel li h3, .share_panel li h3 {
      font-family: 'Lora', serif;
      font-size: 1.3em;
      color: #333;
      text-align: center;
      padding: 6px 0 0 0;
      margin: 0 auto;
      font-weight: bold; }
    .contents_panel li h4, .print_panel li h4, .help_panel li h4, .search_panel li h4, .share_panel li h4 {
      font-size: 1em;
      color: #333;
      text-align: center;
      padding: 3px 0 0 0;
      margin: 0 auto;
      font-weight: normal; }
  .contents_panel .close, .print_panel .close, .help_panel .close, .search_panel .close, .share_panel .close {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    background: url("../../img/close2.png");
    padding: 10px; }
  .contents_panel .button, .print_panel .button, .help_panel .button, .search_panel .button, .share_panel .button {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ededed', endColorstr = '#dfdfdf');
    background-color: #ededed;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    padding: 3px 9px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff; }
  .contents_panel .button:hover, .print_panel .button:hover, .help_panel .button:hover, .search_panel .button:hover, .share_panel .button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#dfdfdf', endColorstr = '#ededed');
    background-color: #dfdfdf; }
  .contents_panel .button:active, .print_panel .button:active, .help_panel .button:active, .search_panel .button:active, .share_panel .button:active {
    position: relative;
    top: 1px; }

.share_panel_inner, .print_panel_inner, .contents_panel_inner, .help_panel_inner, .search_panel_inner, .searchresultscontainer {
  background: #212121;
  padding: 8px;
  padding-bottom: 24px;
  max-width: 422px;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
  -moz-box-shadow: 2px 2px 3px #000;
  -webkit-box-shadow: 2px 2px 3px #000;
  box-shadow: 2px 2px 3px #000;
  border: 2px solid #333;
  border-radius: 5px; }

.os-iphone .no-ios {
  display: none; }

.os-ipad .no-ios {
  display: none; }

.os-iphone .ios-only {
  display: block; }

.os-ipad .ios-only {
  display: block; }

.ios-only {
  display: none; }

body.os-iphone .ios-only {
  display: block; }

.panel_visible {
  visibility: visible;
  display: block;
  opacity: 1; }