/*
 *   cross-ref.css
 *   ver. 1.5
 */ 
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  height: 100%;
  overflow-y: scroll;
}

body {
  height: 100%;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 100%;
  color: #000064;
}

#lutheranrose {
    width:       75px;
    height:      75px;
    margin:      5px auto 5px auto;
    text-align:  center;
}

#frame {
  height:   100%;
  margin: 0 auto;
  padding: 0 5px;
}

#wide-frame {
  height:   100%;
  margin: 0 auto;
  padding: 0 5px;
}

#toc-body {
  margin: 10px auto;
  width: 80%;
}

#content {
  height:   100%;
}

#text {
  height:   100%;
}

.text-box {
  font-size: 1.2em;
  line-height: 1.2em;
}

#site-title {
  padding: 5px 0;
  text-align: center;
  font-weight: bold;
  font-size: 2.0em;
}

.article-title {
  padding: 5px 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.8em;
}

.text-title {
  padding: 5px 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.6em;
}

.list-title {
  margin: 2px 0;
  color: #073310;
  font-size: 1.1em;
  text-align: center;
}

.subtitle {
  font-weight: bold;
  font-size: 1.2em;
  color: #073310;
}

table {
  width: 100%;
  border-collapse: collapse;
}

td {
    vertical-align: top;
}

td.subrow {
    padding-left: 25px;
}

td.subrow2 {
    padding-left: 50px;
}

table.toc {
  margin: 5px 0 10px 15px;
  font-size: 1.3em;    
  border-top: 1px solid #8080B2;
  border-bottom: 1px solid #8080B2;
}

table.toc tr.header {
    border-top: 1px solid #8080B2;
    border-bottom: 1px solid #8080B2;
}

table.toc tr {
  border-top: 1px solid #E3E3EE;
}

table.toc th, td {
  padding: 4px;
}

/* For toc colgroup cols */
col.title {
  width: 50%;
}

col.date {
  width: 5%;
  background-color: #F7F7FA;
}

col.stl {
  width: 15%;
}

col.ae {
  width: 15%;
  background-color: #F7F7FA;
}

col.wa {
  width: 15%;
}
/* End of toc colgroups cols */

table.vol-list {
  margin: 10px 0 25px 0;
  font-size: 1.5em;
  font-weight: bold;    
  border-top: 1px solid #8080B2;
  border-bottom: 1px solid #8080B2;
}

table.vol-list tr {
  border-top: 1px solid #E3E3EE;
}

table.vol-list td {
  padding: 3px 5px;
  text-align: left;
  vertical-align: top;
}

/* For vol-list colgroup cols */
col.vol-num {
}

col.vol-title {
  background-color: #F7F7FA;
}
/* End of vol-list colgroups cols */

.photo-box {
  margin: 10px auto 0 auto;
  width:  100%;
  text-align: center;
}

.photo-display {
  margin: 0 auto;
  height: auto;
}

.displayed-image {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

.section-image-left {
  float:  left;
  margin: 5px 15px 0 0;
}

.section-image-right {
  float:  right;
  margin: 5px 0 0 15px;
}

#float-frame {
  width: 800px;
  margin: 0 auto;
}

#float-frame::after {
  content: "";
  clear:   both;
  display: block;
}

.floater {
  float: left;
  width: 50%;
  margin: 15px 0;
  text-align: center;
}

.float_image {
    width: 200px;
    height: 266px;
}

.list-date {
  margin: 2px 0;
  color: #707070;
  font-size: 0.9em;
  text-align: center;
}

.section-head {
  margin: 12px 0 0 0;
  font-weight: bold;
  color: #000064;
}

h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-size: 1.3em;
}

h4 {
    font-size: 1.2em;
}

h5 {
    font-size: 1.1em;
}

h6 {
    font-size: 1.0em;
}

hr.classic {
  border: 0;
  height: 1px;
  background: #333;
  background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
  background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
  background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
  background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
}

@media screen and (min-width: 1500px) {
  #frame {
    width: 50%;
  }
  
  #wide-frame {
    width: 70%;
  }
}

@media screen and (max-width: 1499px) {
  #frame {
    width: 55%;
  }
  
  #wide-frame {
    width: 75%;
  }
}

@media screen and (max-width: 1199px) {
  #frame {
    width: 65%;
  }
  
  #wide-frame {
    width: 85%;
  }
}

@media screen and (max-width: 1024px) {
  #frame {
      width: 75%;
  }
  
  #wide-frame {
      width: 95%;
  }
  
  #toc-body {
    width: 100%;
  }
}

@media screen and (max-width: 800px) {  
  #frame {
    width: 95%;
  }
  
  #wide-frame {
    width: 95%;
  }
    
  #float-frame {
    width: 75%;
  }
    
  .floater {
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  #frame {
    width: 100%;
    padding: 0 5px;
  }
  
  #wide-frame {
    width: 100%;
    padding: 0 5px;
  }  
    
  #float-frame {
    width: 95%;
  }
}

.pagelink {
  margin: 5px auto;
  font-size: 1.2em;
  text-align: center;
}

.align-left {
  float: left;
}

.align-right {
  float: right;
}

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  font-weight: bold;
}

div.quotebox p {
  color: #000000;
}

sub { 
  top: 0.4em; 
}

a { text-decoration: none; }
a:link { color: blue; }
a:active { color: blue; }
a:visited { color: blue; }
a:hover { color: red; }

a.menu:link { color: white; }
a.menu:active { color: black; }
a.menu:visited { color: white; }
a.menu:hover { color: red; }

hr.classic {
  border: 0;
  height: 1px;
  background: #333;
  background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
  background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
  background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
  background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
}

hr.w60 {
  width: 60%;
  margin: 0 auto;
}

/*============== Paragraph styles =================*/
p {
  margin:      12px 0px 12px 0px;
  font-size:   1.3em;
  line-height: 1.3em;
}

div.centered {
  margin: 0 auto 0 auto;
  text-align: center;
}

p.centered { text-align: center; }

p.footnote {
  margin-left:  25px;
  text-indent: -10px;
  font-size:    1.2em;
  line-height:  1.2em;
}

.indent-line1 { text-indent: 20px; }
.no-top-margin { margin-top: 0; }
.no-bottom-margin { margin-bottom: 0; }
.no-vert-margins { margin-top: 0; margin-bottom: 0; }
.no-margins { margin: 0; }

.in1 { margin-left: 20px; }
.in2 { margin-left: 40px; }
.in3 { margin-left: 60px; }
.in4 { margin-left: 80px; }
/*===========================================================*/