/* Navigation */
div.nav ul {
	text-align: center;
}
div.nav ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
div.nav ul:after,
div.nav ul li:before {
	content: ' . ';
}
* html div.nav li {
	margin-left: 1em;
}
div.toc-title {
	font-weight: bolder;
}
div.toc-link {
	display: inline;
	float: right;
	padding-top: 0.5em;
	padding-left: 2em;
	font-size: smaller;
}
h1,
h2,
h3,
div.toc-title,
div.toc li,
span.title {
	font-family: sans-serif;
}
span.na {
/*
	font-style: italic;
*/
	padding-right: 21px;
	background: url(/images/na.png) no-repeat center right;
}
.rec {
/*
	font-weight: bolder;
*/
}
@media print {
	div.nav {
		display: none;
	}
	div.toc-link {
		display: none;
	}
}

.index-section {
  clear: left;
  margin-left: 6em;
}
.index-section h2 { 
  float: left;
  margin-left: -6em;
  padding-top: 0;
  margin-top: 0;
}

/* Text */
body {
	line-height: 1.3em;
}
p {
	text-indent: 2em;
}
li p {
	text-indent: 0;
}
.noindent p {
	text-indent: 0;
	margin: 1.3em 0;
}
p.lines { 
	text-indent: 0;
        padding-left: 2em; /* = text-indent of 'p' */
	line-height: 1.2em;
}
li p.lines {
	padding-left: 0;
}
span.info {
	font-size: smaller;
}
p.info,
span.info,
p.note,
span.note,
p.act,
span.act,
span.listeners,
p.prayer,
p.song {
	font-style: italic;
}
span.explain {
	color: #333;
}
span.listeners {
	color: #006;
}
p.content, /* p.performed is implicit */
blockquote.performed, /* blockquote.content is implicit */
span.content,
span.performed,
span.prayer,
span.song {
}
p.formula {
	font-variant: small-caps;
}
p.inner {
	letter-spacing: 0.1em;
}
span.note {
	font-variant: normal;
}
span.footnote {
	font-style: italic;
}
q {
	quotes: '\201E' '\201C'
}
q:before {
	content: open-quote
}
q:after {
	content: close-quote
}
ul, ol {
	padding-left: 2em; /* = text-indent of 'p' */
}
ol.lower-alpha {
	list-style-type: lower-alpha;
}
ol.upper-roman {
	list-style-type: upper-roman;
}
ol.lower-roman {
	list-style-type: lower-roman;
}
.sup {
	vertical-align: super;
	font-size: smaller;
}
.sub {
	vertical-align: sub;
	font-size: smaller;
}
span.figure {
	display: block;
	padding: 0.5em 1em;
}
span.figure.inline {
	display: inline;
	vertical-align: vertical-align;
	padding: 0;
}
span.figure img,
span.figure object {
}
p.figure img,
p.figure object {
	display: block;
	margin: 1em auto;
}
span.left-aligned {
	float: left;
	display: inline; /* IE fix */
	clear: left;
	padding-left: 0;
	margin-left: -2em;
}
span.right-aligned {
	float: right;
	display: inline; /* IE fix */
	clear: right;
	padding-right: 0;
	margin-left: -2em;
}
span.caption {
	display: block;
	margin: 0.3em;
	text-align: center;
	font-size: smaller;
}
p.figure span.caption {
	text-indent: 0;
}
span.block {
	display: block;
}
dd {
	padding: 0.5em 0;
}
dl.dictionary dt {
	font-family: sans-serif;
}
span.right-line {
	display: block;
	text-align: right;
}

/* Titled paragraph */
.titled div.number {
	text-align: right;
	font-size: smaller;
	clear: both;
}
.titled div.text {
	padding-left: 8em;
}
* html .titled div.text {
	padding-left: 0;
}
.titled div.title {
	float: left;
	margin-left: -8em;
	width: 7em;
}
* html .titled div.title {
	margin-left: 0;
	width: 8em;
	padding-right: 1em;
}
.titled div.body {
	float: left;
	padding-right: 3em;
}
.titled div.clear {
	clear: both;
}

.titled div.title {
	font-size: smaller;
}
.titled p {
	text-indent: 1em;
	line-height: 1.2em;
	margin: 0;
}
table#lectures-list th, table#lectures-list td {
	font-family: sans-serif;
	text-align: left;
	vertical-align: top;
}
table#lectures-list td.date, table#lectures-list th.date {
	white-space: nowrap;
	text-align: right;
	padding-right: 0.5em;
}

/* Lecture */
.lecture {
	font-family: serif;
	/*margin: 0em 3em;*/
}
/*
.lecture h1, .lecture h3 {
	text-align: center;
	font-family: sans-serif;
}
*/
.lecture blockquote {
	font-size: smaller;
}
.lecture blockquote.not-small {
	font-size: inherit;
}
.lecture span.act, .lecture span.info, .lecture span.listeners {
	font-style: italic;
}
@media print {
	body.lecture {
		margin: 0;
	}
	.lecture h2 {
		page-break-before: always;
	}
/*
	.lecture p, .lecture div.act, .lecture div.mantra {
		text-indent: 0;
	}
*/
}



/*** MWS ***/

@media (min-width: 800px) {

body {
  margin: 0;
  background: #f5f5f5;
  /*overflow-y: scroll;*/
}
#header-out {
  background: #f5f5f5 url(/images/header-sidebg.png) repeat-x;
}
#header {
  position: relative;
  background: url(/images/body-bg.png);
  width: 809px;
  margin: 0 auto;
}
#header-inimage {
  width: 809px;
  background: url(/images/header-bg.png) no-repeat;
}
#header-inimage-home {
  position: absolute;
  top: 0;
  left: 0;
  width: 809px;
  height: 102px;
}
#header-inimage-home a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
#counter {
  padding-left: 720px;
  padding-top: 51px;
}
#nav-top {
  position: absolute;
  top: 105px;
  left: 0;
}
#nav-bottom {
  position: absolute;
  top: -2px;
  left: 0;
}
.nav-points {
  margin: 8px 0 0 0;
  font-size: 15px;
  color: #003874;
}
.nav-points a {
  color: #003874;
  text-decoration: none;
}
.nav-points a:hover {
  text-decoration: underline;
}
.nav-points li {
  display: block;
}
li.nav-start {
  position: absolute;
  left: 0;
  width: 231px;
  text-align: center;
}
li.nav-path {
  position: absolute;
  left: 220px;
  width: 530px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
li.nav-links {
  position: absolute;
  top: 27px;
  left: 220px;
  width: 530px;
}
.nav-title {
  color: #9c3613;
}
#header-title-out {
  padding: 220px 76px 20px 49px;
}
#header-title {
  text-align: center;
  font-family: serif;
  font-size: 1.5em;
  font-weight: normal;
  color: #003874;
}
#body-out {
  background: #f5f5f5;
}
#body {
  width: 809px;
  margin: 0 auto;
  overflow: hidden;
  background: white url(/images/body-bg.png);
  position: relative;
  z-index: 2;
}
#body-text {
  padding-left: 76px;
  padding-right: 49px;
  margin-bottom: 2em;
}
#body-text span.left-aligned {
  padding-left: 0;
  margin-left: -2em;
  display: inline; /* IE fix */
}
#body-footer-out {
  position: relative;
  margin-top: -55px;
  height: 55px;
  z-index: 1;
  background: url(/images/body-footer-sidebg.png) repeat-x;
}
#body-footer-vertical-margin-flush {
  border: 1px solid white;
}
#body-footer-left {
  float: left;
  margin-top: -55px;
  width: 17px;
  height: 55px;
  background: url(/images/body-footer-border-left.png) no-repeat;
}
#body-footer-right {
  float: right;
  margin-top: -55px;
  width: 17px;
  height: 55px;
  background: url(/images/body-footer-border-right.png) no-repeat;
}
#footer-out {
  background: #f5f5f5 url(/images/footer-sidebg.png) repeat-x;
  height: 68px;
}
#footer {
  position: relative;
  width: 809px;
  height: 68px;
  margin: 0 auto;
}
#footer-inimage {
  width: 809px;
  height: 68px;
  background: url(/images/footer-bg.png);
}

body {
  background: #f5f5f5;
}
body, #all {
  width: 100%;
  height: 100%;
}
#background-out {
  position: absolute;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
#background {
  width: 809px;
  height: 100%;
  margin: 0 auto;
  background: url(/images/bottom-bg.png) top left repeat-y;
}
body {
/*	background: #f5f5f5 url(/images/bottom-bg.png) top center repeat-y;*/
}

}
@media (max-width: 799px) {
body {
  margin: 0;
}
#background-out {
  display: none;
}
#header-inimage {
  background: url(/images/mobile-header-bg.png) no-repeat;
  background-size: 100%;
  overflow-x: hidden;
}
#header-inimage-home {
  position: relative;
  width: 22%;
}
#header-inimage-home:before {
  content: "";
  display: block;
  padding-top: 100%;
}
#header-inimage-home > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 800px;
  height: 100%;
}
.nav-points {
  margin-top: 0;
  padding-left: 1em;
  list-style-type: none;
  opacity: 0.5;
}
.nav-points .nav-start {
  display: inline;
}
.nav-points .nav-path {
  display: inline;
}
.nav-points .nav-path .nav-path-prefix {
  display: inline !important;
}
.nav-points .nav-title {
  display: none;
}
#header-title {
  margin: 1em;
  text-indent: 0;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  color: #003874;
  line-height: 1.3;
}
#body {
  margin: 0 1em;
}
#frontpage ul {
  margin: 24px 0;
}
#frontpage li {
  margin: 6px 0;
}
.nav-points a,
li .title a {
  display: inline-block;
  vertical-align: middle;
  padding: 6px 0;
}
}

@media print {
  body, #all {
    width: auto;
    height: auto;
  }
  #background-out {
    display: none;
  }
  #body { 
    width: auto;
    margin: auto;
    overflow: visible;
    background: none;
    position: static;
    z-index: auto;
  }
  #body-footer-left,
  #body-footer-right,
  #body-footer-out { 
    display: none;
  }
  #nav-top,
  #header-inimage-home { 
    display: none;
  }
  #header-title-out { 
    padding-top: 0;
  }
  #header-title { 
    color: black;
  }
  #nav-bottom .nav-start,
  #nav-bottom .nav-links { 
    display: none;
  }
  #nav-bottom .nav-points { 
    padding-left: 0;
  }
  #nav-bottom .nav-path { 
    position: static;
    width: auto;
    overflow: visible;
    white-space: normal;
    padding-left: 76px; /* like #body-text */
    text-indent: 0;
  }
  #counter { 
    display: none;
  }
}

blockquote {
  margin-top: 0;
  padding-top: 0;
  font-size: smaller;
}
p {
  margin: 0;
  text-indent: 2em;
  quotes: '\201E' '\201C';
}
p.info {
  margin: 1em 0;
  text-indent: 0;
  font-style: italic;
}
address { 
  margin-bottom: 1.3em;
}
a,
a:visited { 
  text-decoration: none;
}
a:target { 
  text-decoration: underline;
}