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:14px;
  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:14px;
  font-family:Tahoma, san-serif; 
}

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

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

/* 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/septemberoctober2014/index/INT_sep-oct_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/septemberoctober2014/index/INT_sep-oct_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/septemberoctober2014/index/INT_sep-oct_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/septemberoctober2014/index/INT_sep-oct_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/septemberoctober2014/index/INT_sep-oct_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/septemberoctober2014/index/INT_sep-oct_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/septemberoctober2014/index/INT_sep-oct_320x480.jpg") center center no-repeat;background-size: contain;}

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

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

/* ////////////////////////////////////////////////////////////
// iPad horizontal
//////////////////////////////////////////////////////////// */
.index.ipad.horizontal.page-1 {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2014/index/INT_sep-oct_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/septemberoctober2014/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/septemberoctober2014/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/septemberoctober2014/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/septemberoctober2014/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/septemberoctober2014/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/septemberoctober2014/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/septemberoctober2014/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/septemberoctober2014/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/septemberoctober2014/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/septemberoctober2014/howtouseubiquity/ipad_land_about.png") center center no-repeat;background-size: contain;}

/* GUI CSS */

/* END GUI CSS */

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

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

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

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

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

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

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

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

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

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

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

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

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

/* GUI CSS */

/* END GUI CSS */

 .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;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 400;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* 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;
} /* ////////////////////////////////////////////////////////////
// Media Queries for 1-column and 2-column
//////////////////////////////////////////////////////////// */

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

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

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

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

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

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

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

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

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

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

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

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

/* GUI CSS */

/* END GUI CSS */

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

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



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

.firstthoughts 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%
}

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







.firstthoughts 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%
}



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



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




/* GUI CSS */

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

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

.firstthoughts 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 */
.firstthoughts .html-figure
{
  padding-right:10px;
  display:block;
}

.firstthoughts .dot,
.firstthoughts .lside,
.firstthoughts .rside {
  background:#aabf4e
} .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: #537880;
  font-family: 'museo-slab',serif;
  font-size: 125%;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.reflections h6 {
  color: #397881;
  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:#397881
} .itworkedforus_localchurchgym 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_localchurchgym .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.itworkedforus_localchurchgym .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_localchurchgym 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_localchurchgym h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.itworkedforus_localchurchgym 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_localchurchgym .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



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




/* GUI CSS */

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

.itworkedforus_localchurchgym h6 {
  color: #7d3982;
  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 */
.itworkedforus_localchurchgym .html-figure
{
  padding-right:10px;
  display:block;
}

.itworkedforus_localchurchgym .dot,
.itworkedforus_localchurchgym .lside,
.itworkedforus_localchurchgym .rside {
  background:#7d3982;
}
.itworkedforus_localchurchgym .box {
  background:#cfe8f8;
  padding:10px 40px
} .itworkedforus_homemadeapplepie 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_homemadeapplepie .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.itworkedforus_homemadeapplepie .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_homemadeapplepie 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_homemadeapplepie h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.itworkedforus_homemadeapplepie 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_homemadeapplepie .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



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




/* GUI CSS */

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

.itworkedforus_homemadeapplepie h6 {
  color: #7d3982;
  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 */
.itworkedforus_homemadeapplepie .html-figure
{
  padding-right:10px;
  display:block;
}

.itworkedforus_homemadeapplepie .dot,
.itworkedforus_homemadeapplepie .lside,
.itworkedforus_homemadeapplepie .rside {
  background:#7d3982;
}
.itworkedforus_homemadeapplepie .box {
  background:#cfe8f8;
  padding:10px 40px
} .upperroombooksad.grid {
  background:url('http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2014/upperroombooksad/app_background.png') repeat}

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

.upperroombooksad #myFullPageupperroombooksad {
  background-color: #ffffff;
}

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

.upperroombooksad .myAdFullPageupperroombooksad {
  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
}

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


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

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

.upperroombooksad .iframeWrapperupperroombooksad {
  overflow:auto;
  -webkit-overflow-scrolling: touch !important;}

.browser-msie .upperroombooksad .iframeWrapperupperroombooksad {
  overflow:hidden; }

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

.upperroombooksad.iphone.vertical .iframeWrapperupperroombooksad {
  height:84%;}

.upperroombooksad.ipad.horizontal .iframeWrapperupperroombooksad {
  height:89%;}

.upperroombooksad.ipad.vertical .iframeWrapperupperroombooksad {
  height:93%;}

.upperroombooksad .footer {
  visibility: hidden;}

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

.upperroombooksad .backPageupperroombooksad 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));
}

.upperroombooksad .nextPageupperroombooksad 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 */
.upperroombooksad .top {
  height:20px;
  background:url('http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2014/upperroombooksad/line_r.png') repeat-x center center, url('http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2014/upperroombooksad/app_background.png') repeat;
  width:100%;
  position:absolute;
  top:0;
  left:12px;
  padding:0;
  margin:0 0 0 -20px;
  z-index:9997    
}
     
.upperroombooksad .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)        
}
      
.upperroombooksad .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/septemberoctober2014/upperroombooksad/app_background.png') repeat;
  text-align:center;
  color:#C6D4E1;
  font:85% "pragmatica-web-condensed",sans-serif;
  letter-spacing:2px;
  font-weight:500        
}

.upperroombooksad.grid {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2014/upperroombooksad/logo.png") center center no-repeat, url("../../core/interface/img/webinpage/animation2.gif") center center no-repeat, black;}

.upperroombooksad #myFullPageupperroombooksad {
  background-color: #ffffff;
}

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

.upperroombooksad .myAdFullPageupperroombooksad {
  position: absolute;
  z-index: 999;
  left:0;
  width:100%;
  margin:0 auto;
  height:100%;
  background-size: cover;
  padding:0%;
  text-align: center;}

.upperroombooksad .sponsorship {
  position:absolute;
  top:0px;
  display: block;
  color:#fff;
  background:#000;
  width:100%;
  z-index:1000;
  text-align:center;
  padding-top:20px;}

.upperroombooksad .iPhone .myAdFullPageupperroombooksad {
  top:68px;
}
.upperroombooksad .iPad .myAdFullPageupperroombooksad {
  top:68px;
}

.upperroombooksad .iPod .myAdFullPageupperroombooksad {
  top:68px;
}

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

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

.upperroombooksad .iframeWrapperupperroombooksad {
  overflow:auto;
  -webkit-overflow-scrolling: touch !important;}

.browser-msie .upperroombooksad .iframeWrapperupperroombooksad {
  overflow:hidden; }

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

.upperroombooksad.iphone.horizontal .iframeWrapperupperroombooksad {
  height:82%;}

.upperroombooksad.iphone.vertical .iframeWrapperupperroombooksad {
  height:88%;}

.upperroombooksad .footer {
  visibility: hidden;}

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

.upperroombooksad .backPageupperroombooksad 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));
}

.upperroombooksad .nextPageupperroombooksad 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 */

 .itworkedforus_womenfindcomfort 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_womenfindcomfort .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.itworkedforus_womenfindcomfort .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_womenfindcomfort 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_womenfindcomfort h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.itworkedforus_womenfindcomfort 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_womenfindcomfort .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



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




/* GUI CSS */

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

.itworkedforus_womenfindcomfort h6 {
  color: #7d3982;
  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 */
.itworkedforus_womenfindcomfort .html-figure
{
  padding-right:10px;
  display:block;
}

.itworkedforus_womenfindcomfort .dot,
.itworkedforus_womenfindcomfort .lside,
.itworkedforus_womenfindcomfort .rside {
  background:#7d3982;
}
.itworkedforus_womenfindcomfort .box {
  background:#cfe8f8;
  padding:10px 40px
} .itworkedforus_specialneeds 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_specialneeds .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.itworkedforus_specialneeds .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_specialneeds 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_specialneeds h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.itworkedforus_specialneeds 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_specialneeds .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



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




/* GUI CSS */

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

.itworkedforus_specialneeds h6 {
  color: #7d3982;
  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 */
.itworkedforus_specialneeds .html-figure
{
  padding-right:10px;
  display:block;
}

.itworkedforus_specialneeds .dot,
.itworkedforus_specialneeds .lside,
.itworkedforus_specialneeds .rside {
  background:#7d3982;
}
.itworkedforus_specialneeds .box {
  background:#cfe8f8;
  padding:10px 40px
} /* ////////////////////////////////////////////////////////////
// Media Queries for 1-column and 2-column
//////////////////////////////////////////////////////////// */

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

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

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

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

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

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

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

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

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

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

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

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

/* GUI CSS */

/* END GUI CSS */

 .ideamart_laitysundaycalls 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_laitysundaycalls .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.ideamart_laitysundaycalls .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_laitysundaycalls 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_laitysundaycalls h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.ideamart_laitysundaycalls 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_laitysundaycalls .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



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




/* GUI CSS */

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

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

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

/* END GUI CSS */

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

.ideamart_laitysundaycalls .dot,
.ideamart_laitysundaycalls .lside,
.ideamart_laitysundaycalls .rside {
  background:#20abb6;
}
.ideamart_laitysundaycalls .box {
  background:#dddddd;
  padding:10px 40px
} .ideamart_discipleshipwebsite 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_discipleshipwebsite .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.ideamart_discipleshipwebsite .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_discipleshipwebsite 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_discipleshipwebsite h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.ideamart_discipleshipwebsite 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_discipleshipwebsite .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



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




/* GUI CSS */

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

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

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

/* END GUI CSS */

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

.ideamart_discipleshipwebsite .dot,
.ideamart_discipleshipwebsite .lside,
.ideamart_discipleshipwebsite .rside {
  background:#20abb6;
}
.ideamart_discipleshipwebsite .box {
  background:#dddddd;
  padding:10px 40px
} .ideamart_forhalloweenchoose 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_forhalloweenchoose .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.ideamart_forhalloweenchoose .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_forhalloweenchoose 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_forhalloweenchoose h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.ideamart_forhalloweenchoose 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_forhalloweenchoose .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



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




/* GUI CSS */

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

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

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

/* END GUI CSS */

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

.ideamart_forhalloweenchoose .dot,
.ideamart_forhalloweenchoose .lside,
.ideamart_forhalloweenchoose .rside {
  background:#20abb6;
}
.ideamart_forhalloweenchoose .box {
  background:#dddddd;
  padding:10px 40px
} .ideamart_childrenssabbathtime 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_childrenssabbathtime .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.ideamart_childrenssabbathtime .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_childrenssabbathtime 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_childrenssabbathtime h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.ideamart_childrenssabbathtime 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_childrenssabbathtime .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



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




/* GUI CSS */

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

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

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

/* END GUI CSS */

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

.ideamart_childrenssabbathtime .dot,
.ideamart_childrenssabbathtime .lside,
.ideamart_childrenssabbathtime .rside {
  background:#20abb6;
}
.ideamart_childrenssabbathtime .box {
  background:#dddddd;
  padding:10px 40px
} .ideamart_celebrateallsaintsday 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_celebrateallsaintsday .footy {
  position:absolute;
  bottom:0;
  left:10px
}



.ideamart_celebrateallsaintsday .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_celebrateallsaintsday 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_celebrateallsaintsday h2 {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size:12px;
  font-weight:100;
  font-family:"clavo",sans-serif;
  margin:0
}







.ideamart_celebrateallsaintsday 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_celebrateallsaintsday .lside {
  position:absolute;
  top:0;
  left:32px;
  width:5px;
  display:block;
  height:2000px;
}



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




/* GUI CSS */

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

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

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

/* END GUI CSS */

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

.ideamart_celebrateallsaintsday .dot,
.ideamart_celebrateallsaintsday .lside,
.ideamart_celebrateallsaintsday .rside {
  background:#20abb6;
}
.ideamart_celebrateallsaintsday .box {
  background:#dddddd;
  padding:10px 40px
} /* ////////////////////////////////////////////////////////////
// Media Queries for 1-column and 2-column
//////////////////////////////////////////////////////////// */

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

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

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

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

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

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

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

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

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

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

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

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

/* GUI CSS */

/* END GUI CSS */

 .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
} /* ////////////////////////////////////////////////////////////
// Media Queries for 1-column and 2-column
//////////////////////////////////////////////////////////// */

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

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

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

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

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

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

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

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

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

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

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

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

/* GUI CSS */

/* END GUI CSS */

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

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



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



.ministry_notjustforclergy 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%
}



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



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




/* GUI CSS */

.ministry_notjustforclergy .drop-cap {
  color: #aabf4e;
}

.ministry_notjustforclergy h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_notjustforclergy .tside,
.ministry_notjustforclergy .rside,
.ministry_notjustforclergy .lside {
  background:#66bb2a
} .ministry_discerninggodscall h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_discerninggodscall 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%
}



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



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




/* GUI CSS */

.ministry_discerninggodscall .drop-cap {
  color: #aabf4e;
}

.ministry_discerninggodscall h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_discerninggodscall .tside,
.ministry_discerninggodscall .rside,
.ministry_discerninggodscall .lside {
  background:#66bb2a
} .ministry_bettynguyen h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_bettynguyen 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%
}



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



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




/* GUI CSS */

.ministry_bettynguyen .drop-cap {
  color: #aabf4e;
}

.ministry_bettynguyen h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_bettynguyen .tside,
.ministry_bettynguyen .rside,
.ministry_bettynguyen .lside {
  background:#66bb2a
} .ministry_mentoring h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_mentoring 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%
}



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



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




/* GUI CSS */

.ministry_mentoring .drop-cap {
  color: #aabf4e;
}

.ministry_mentoring h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_mentoring .tside,
.ministry_mentoring .rside,
.ministry_mentoring .lside {
  background:#66bb2a
} .ministry_thepathtoordination h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_thepathtoordination 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%
}



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



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




/* GUI CSS */

.ministry_thepathtoordination .drop-cap {
  color: #aabf4e;
}

.ministry_thepathtoordination h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_thepathtoordination .tside,
.ministry_thepathtoordination .rside,
.ministry_thepathtoordination .lside {
  background:#66bb2a
} .ministry_payingforseminary h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_payingforseminary 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%
}



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



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




/* GUI CSS */

.ministry_payingforseminary .drop-cap {
  color: #aabf4e;
}

.ministry_payingforseminary h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_payingforseminary h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_payingforseminary .tside,
.ministry_payingforseminary .rside,
.ministry_payingforseminary .lside {
  background:#66bb2a
} .ministry_mikebaughman h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_mikebaughman 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%
}



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



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




/* GUI CSS */

.ministry_mikebaughman .drop-cap {
  color: #aabf4e;
}

.ministry_mikebaughman h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_mikebaughman h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_mikebaughman .tside,
.ministry_mikebaughman .rside,
.ministry_mikebaughman .lside {
  background:#66bb2a
} .ministry_youngclergyinitiative h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_youngclergyinitiative 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%
}



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



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




/* GUI CSS */

.ministry_youngclergyinitiative .drop-cap {
  color: #aabf4e;
}

.ministry_youngclergyinitiative h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_youngclergyinitiative h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_youngclergyinitiative .tside,
.ministry_youngclergyinitiative .rside,
.ministry_youngclergyinitiative .lside {
  background:#66bb2a
} .ministry_chaplainspastoral h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_chaplainspastoral 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%
}



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



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




/* GUI CSS */

.ministry_chaplainspastoral .drop-cap {
  color: #aabf4e;
}

.ministry_chaplainspastoral h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_chaplainspastoral h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_chaplainspastoral .tside,
.ministry_chaplainspastoral .rside,
.ministry_chaplainspastoral .lside {
  background:#66bb2a
} .ministry_revmichaelparker h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_revmichaelparker 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%
}



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



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




/* GUI CSS */

.ministry_revmichaelparker .drop-cap {
  color: #aabf4e;
}

.ministry_revmichaelparker h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_revmichaelparker h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_revmichaelparker .tside,
.ministry_revmichaelparker .rside,
.ministry_revmichaelparker .lside {
  background:#66bb2a
} .ministry_deaconsshowchrist h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_deaconsshowchrist 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%
}



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



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




/* GUI CSS */

.ministry_deaconsshowchrist .drop-cap {
  color: #aabf4e;
}

.ministry_deaconsshowchrist h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_deaconsshowchrist h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_deaconsshowchrist .tside,
.ministry_deaconsshowchrist .rside,
.ministry_deaconsshowchrist .lside {
  background:#66bb2a
} .ministry_revingridmcintyre h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_revingridmcintyre 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%
}



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



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




/* GUI CSS */

.ministry_revingridmcintyre .drop-cap {
  color: #aabf4e;
}

.ministry_revingridmcintyre h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_revingridmcintyre h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_revingridmcintyre .tside,
.ministry_revingridmcintyre .rside,
.ministry_revingridmcintyre .lside {
  background:#66bb2a
} .ministry_accountability h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_accountability 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%
}



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



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




/* GUI CSS */

.ministry_accountability .drop-cap {
  color: #aabf4e;
}

.ministry_accountability h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_accountability h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_accountability .tside,
.ministry_accountability .rside,
.ministry_accountability .lside {
  background:#66bb2a
} .ministry_revholleyhardypotts h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_revholleyhardypotts 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%
}



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



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




/* GUI CSS */

.ministry_revholleyhardypotts .drop-cap {
  color: #aabf4e;
}

.ministry_revholleyhardypotts h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_revholleyhardypotts h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_revholleyhardypotts .tside,
.ministry_revholleyhardypotts .rside,
.ministry_revholleyhardypotts .lside {
  background:#66bb2a
} /* ////////////////////////////////////////////////////////////
// Media Queries for 1-column and 2-column
//////////////////////////////////////////////////////////// */

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

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

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

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

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

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

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

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

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

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

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

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

/* GUI CSS */

/* END GUI CSS */

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

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



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



.ministry_revjuliovalenzuela 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%
}



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



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




/* GUI CSS */

.ministry_revjuliovalenzuela .drop-cap {
  color: #aabf4e;
}

.ministry_revjuliovalenzuela h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_revjuliovalenzuela h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_revjuliovalenzuela .tside,
.ministry_revjuliovalenzuela .rside,
.ministry_revjuliovalenzuela .lside {
  background:#66bb2a
} .ministry_missionbeyourcalling h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_missionbeyourcalling 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%
}



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



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




/* GUI CSS */

.ministry_missionbeyourcalling .drop-cap {
  color: #aabf4e;
}

.ministry_missionbeyourcalling h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_missionbeyourcalling h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_missionbeyourcalling .tside,
.ministry_missionbeyourcalling .rside,
.ministry_missionbeyourcalling .lside {
  background:#66bb2a
} .ministry_revgeorgeaashfordjr h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_revgeorgeaashfordjr 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%
}



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



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




/* GUI CSS */

.ministry_revgeorgeaashfordjr .drop-cap {
  color: #aabf4e;
}

.ministry_revgeorgeaashfordjr h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_revgeorgeaashfordjr h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_revgeorgeaashfordjr .tside,
.ministry_revgeorgeaashfordjr .rside,
.ministry_revgeorgeaashfordjr .lside {
  background:#66bb2a
} /* ////////////////////////////////////////////////////////////
// Media Queries for 1-column and 2-column
//////////////////////////////////////////////////////////// */

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

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

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

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

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

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

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

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

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

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

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

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

/* GUI CSS */

/* END GUI CSS */

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

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



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



.ministry_revneusamartapedro 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%
}



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



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




/* GUI CSS */

.ministry_revneusamartapedro .drop-cap {
  color: #aabf4e;
}

.ministry_revneusamartapedro h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_revneusamartapedro h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_revneusamartapedro .tside,
.ministry_revneusamartapedro .rside,
.ministry_revneusamartapedro .lside {
  background:#66bb2a
} .ministry_layservantministry h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_layservantministry 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%
}



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



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




/* GUI CSS */

.ministry_layservantministry .drop-cap {
  color: #aabf4e;
}

.ministry_layservantministry h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_layservantministry h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_layservantministry .tside,
.ministry_layservantministry .rside,
.ministry_layservantministry .lside {
  background:#66bb2a
} .ministry_gettinganewpastor h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_gettinganewpastor 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%
}



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



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




/* GUI CSS */

.ministry_gettinganewpastor .drop-cap {
  color: #aabf4e;
}

.ministry_gettinganewpastor h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_gettinganewpastor h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_gettinganewpastor .tside,
.ministry_gettinganewpastor .rside,
.ministry_gettinganewpastor .lside {
  background:#66bb2a
} .ministry_inclusivechurch h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_inclusivechurch 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%
}



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



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




/* GUI CSS */

.ministry_inclusivechurch .drop-cap {
  color: #aabf4e;
}

.ministry_inclusivechurch h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_inclusivechurch h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_inclusivechurch .tside,
.ministry_inclusivechurch .rside,
.ministry_inclusivechurch .lside {
  background:#66bb2a
} .ministry_collegeshowcase h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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




/* GUI CSS */

.ministry_collegeshowcase .drop-cap {
  color: #aabf4e;
}

.ministry_collegeshowcase h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_collegeshowcase h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.grid.ministry_collegeshowcase {
  background-size: auto;
  background-image: url(http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2014/ministry_collegeshowcase/back.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}

/* END GUI CSS */

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

.ministry_collegeshowcase .tside,
.ministry_collegeshowcase .rside,
.ministry_collegeshowcase .lside {
  background:#66bb2a
} .ministry_genderchallenges h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_genderchallenges 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%
}



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



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




/* GUI CSS */

.ministry_genderchallenges .drop-cap {
  color: #aabf4e;
}

.ministry_genderchallenges h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_genderchallenges h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_genderchallenges .tside,
.ministry_genderchallenges .rside,
.ministry_genderchallenges .lside {
  background:#66bb2a
} .ministry_promisedland h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_promisedland 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%
}



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



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




/* GUI CSS */

.ministry_promisedland .drop-cap {
  color: #aabf4e;
}

.ministry_promisedland h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_promisedland h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_promisedland .tside,
.ministry_promisedland .rside,
.ministry_promisedland .lside {
  background:#66bb2a
} .ministry_servingsupporting h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_servingsupporting 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%
}



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



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




/* GUI CSS */

.ministry_servingsupporting .drop-cap {
  color: #aabf4e;
}

.ministry_servingsupporting h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_servingsupporting h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_servingsupporting .tside,
.ministry_servingsupporting .rside,
.ministry_servingsupporting .lside {
  background:#66bb2a
} .ministry_livingatthecrossroads h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_livingatthecrossroads 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%
}



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



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




/* GUI CSS */

.ministry_livingatthecrossroads .drop-cap {
  color: #aabf4e;
}

.ministry_livingatthecrossroads h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_livingatthecrossroads h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_livingatthecrossroads .tside,
.ministry_livingatthecrossroads .rside,
.ministry_livingatthecrossroads .lside {
  background:#66bb2a
} .ministry_revmeganshitama h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_revmeganshitama 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%
}



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



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




/* GUI CSS */

.ministry_revmeganshitama .drop-cap {
  color: #aabf4e;
}

.ministry_revmeganshitama h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_revmeganshitama h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_revmeganshitama .tside,
.ministry_revmeganshitama .rside,
.ministry_revmeganshitama .lside {
  background:#66bb2a
} .ministry_grantssupport h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_grantssupport 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%
}



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



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




/* GUI CSS */

.ministry_grantssupport .drop-cap {
  color: #aabf4e;
}

.ministry_grantssupport h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_grantssupport h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_grantssupport .tside,
.ministry_grantssupport .rside,
.ministry_grantssupport .lside {
  background:#66bb2a
} .ministry_revsusanvictor h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ministry_revsusanvictor 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%
}



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



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




/* GUI CSS */

.ministry_revsusanvictor .drop-cap {
  color: #aabf4e;
}

.ministry_revsusanvictor h6 {
  color: #204359;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.ministry_revsusanvictor h5 {
  color: #aabf4e;
  font-family: 'droid-sans-mono',sans-serif;
  text-transform: uppercase;
  font-size: 100%;
  font-style: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.ministry_revsusanvictor .tside,
.ministry_revsusanvictor .rside,
.ministry_revsusanvictor .lside {
  background:#66bb2a
} .searchingscripturesreveals h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.searchingscripturesreveals 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%
}




/* GUI CSS */

.searchingscripturesreveals .drop-cap {
  color: #563e49;
}

.searchingscripturesreveals h6 {
  color: #563e49;
  font-family: Arial;
  text-transform: uppercase;
  font-size: 100%;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.searchingscripturesreveals .tside,
.searchingscripturesreveals .rside,
.searchingscripturesreveals .lside {
  background:#563e49
} .immigrantfromperuaspirestohelp h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.immigrantfromperuaspirestohelp 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%
}




/* GUI CSS */

.immigrantfromperuaspirestohelp .drop-cap {
  color: #4ea14c;
}

.immigrantfromperuaspirestohelp h6 {
  color: #000;
  font-family: Arial;
  text-transform: uppercase;
  font-size: 100%;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.immigrantfromperuaspirestohelp .tside,
.immigrantfromperuaspirestohelp .rside,
.immigrantfromperuaspirestohelp .lside {
  background:#4da14b
} /* ////////////////////////////////////////////////////////////
// Media Queries for 1-column and 2-column
//////////////////////////////////////////////////////////// */

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

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

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

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

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

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

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

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

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

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

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

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

/* GUI CSS */

/* END GUI CSS */

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




/* GUI CSS */

.anticipatingadvent .drop-cap {
  color: #4ea14c;
}

.anticipatingadvent h6 {
  color: #000;
  font-family: Arial;
  text-transform: uppercase;
  font-size: 100%;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* 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:#111d37
}
.anticipatingadvent .box {
  background:#fbc0c5;
  padding:10px 40px
} .unitedmethodistsofferbalmebola h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.unitedmethodistsofferbalmebola 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%
}




/* GUI CSS */

.unitedmethodistsofferbalmebola .drop-cap {
  color: #4ea14c;
}

.unitedmethodistsofferbalmebola h6 {
  color: #000;
  font-family: Times New Roman;
  text-transform: uppercase;
  font-size: 100%;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.unitedmethodistsofferbalmebola .tside,
.unitedmethodistsofferbalmebola .rside,
.unitedmethodistsofferbalmebola .lside {
  background:#4da14b
} .ebolavirusdisease h4 {
  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:100;
  margin:0 0 10px 20px;
  font-style:none;
  padding:0;
  color:#000
}

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



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



.ebolavirusdisease 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%
}




/* GUI CSS */

.ebolavirusdisease .drop-cap {
  color: #4ea14c;
}

.ebolavirusdisease h6 {
  color: #4f1f00;
  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 */
.ebolavirusdisease .html-figure
{
  padding-right:10px;
  display:block;
}

.ebolavirusdisease .tside,
.ebolavirusdisease .rside,
.ebolavirusdisease .lside {
  background:#4da14b
} .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: #6f7073;
}

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

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

.technology .red {
  color: #e7e9e6;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0;
}

.technology p {
  text-align: left;
  text-indent: 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:#ad262c
}
.technology .box {
  background:#e7e9e6;
  padding:10px 40px
} /* ////////////////////////////////////////////////////////////
// Media Queries for 1-column and 2-column
//////////////////////////////////////////////////////////// */

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

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

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

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

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

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

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

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

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

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

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

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

/* GUI CSS */

/* END GUI CSS */

 .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: #6f7073;
}

.tobeunitedmethodist h5 {
  color: #525863 ;
  font-size: 125%;
  font-weight: normal;
  text-align: center;
  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
} /* ////////////////////////////////////////////////////////////
// Media Queries for 1-column and 2-column
//////////////////////////////////////////////////////////// */

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

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

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

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

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

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

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

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

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

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

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

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

/* GUI CSS */

/* END GUI CSS */

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

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



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

.lightenup 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%
}

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







.lightenup 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%
}



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



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




/* GUI CSS */

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

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

.lightenup h6 {
  color: #ed2052;
  font-size: 20px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 0;
}

.lightenup .red {
  color: #ed2052;
  text-align: left;
  margin: 0;
  padding: 0;
}

/* END GUI CSS */

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

.lightenup .dot,
.lightenup .lside,
.lightenup .rside {
  background:#ed2052
} /* ////////////////////////////////////////////////////////////
// Media Queries for 1-column and 2-column
//////////////////////////////////////////////////////////// */

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

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

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

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

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

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

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

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

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

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

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

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

/* GUI CSS */

/* END GUI CSS */

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

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

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

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

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

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

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

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

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

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

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

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

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

/* GUI CSS */

/* END GUI CSS */

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

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

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

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

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

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

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

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

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

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

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

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

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

/* GUI CSS */

/* END GUI CSS */

 .archives.grid {
  background: url("http://read.nxtbook.com/unitedmethodist/interpreter/septemberoctober2014/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; }