* {
    margin:  0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
}

body {
    font-family:      Verdana, sans-serif;
    font-size:        100%;
    text-align:       center;
    color:            black;
    background-color: white;
}

#outerwrapper {
    margin-right: 20px; /* for scroll bar */
}

.title {
    margin:      8px;
    text-align:  center;
    font-size:   1.1em;
    font-weight: bold;
}

#header {
    top:            10px;
    margin:         0px;
    text-align:     center;
}

.backlink {
    margin:         5px;
    font-size:      0.9em;
    text-align:     center;
}

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

#maintitle {
    font-family: Verdana;
    font-size:   1.2em;
    font-weight: bold;
    margin:      5px auto 5px auto;
    text-align:  center;
}

ul.menu {
    list-style-type: none;
    text-align:      center;
} 

li.menu {
    font-family: Verdana, "sans serif";
    font-size:   0.9em;
    display:     inline;
}

.info {
    font-size: 0.9em;
}

#content {
    margin:      0px 3px;
    text-align:  left;
}

#homebar {
    margin:     10px 0;
    padding:    3px;
    font-size:  15px;
    text-align: center;
    color:      white;
    border:     1px solid #6384ef;
}

#infopanel {
    width:      60%;
    margin:     5px auto 0 auto;
    text-align: left;
}

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

@media screen and (max-width: 1499px) {
    #infopanel {
        width: 80%;
    }
}

@media screen and (max-width: 1199px) {
    #infopanel {
        width: 90%;
    }
}

@media screen and (max-width: 799px) {
    #infopanel {
        width: 100%;
    }
}

.centered {
    text-align: center;
}

.notice {
    margin: 10px auto;
    padding: 0 5px;
    color: #B40404;
}

table.descr {
    display: inline-block;
    padding: 5px 0;
}

table.descr td {
    padding:    0 3px;
    text-align: left;
}

table.sources {
    width:       900px;
}

form.choose_types {
    width:         100%;
    margin:        0 5px;
    color:         #02124c;
    background:    #b9c9fe url('headerbg.png') repeat-x;
    border-top:    2px solid #d3ddff;
    border-bottom: 1px solid #fff;
}

form.choose_types #years_box {
    margin: 0 0 2px 0;
}

form.choose_types #year_range {
    width:      75px;
}

form.choose_types .option_label {
    display:     inline-block;
    margin:      2px 10px 2px 0;
}

form.choose_types .type_choice {
    margin: 0;
}

form.choose_types .rbtn_label {
    margin: 0 20px 0 0;
}

form.choose_types .type_label {
    margin: 0 20px 0 0;
}

form.choose_types .submit_btn {
    margin-bottom: 5px;
    padding:       3px 5px;
    width:         250px;
}

#msg {
    margin: 3px auto;
    font-size: 0.8em;
    text-align: center;
}

#pagination_label {
    margin: 3px auto;
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
}

.lutherindex {
    width:       100%;
    margin:      0px 5px;
    text-align:  left;
    border-collapse: collapse;
}

.lutherindex th {
    padding:       8px;
    font-weight:   bold;
    color:         #039;
    background:    #b9c9fe url('headerbg.png') repeat-x;
    border-top:    2px solid #d3ddff;
    border-bottom: 1px solid #fff;
}

.lutherindex th.std {
    text-align: left;
}

.lutherindex th.centered {
    text-align: center;
}

.lutherindex td {
    padding:       8px;
    color:         #02124c;
    background:    #e8edff url('itembg.png') repeat-x;
    border-bottom: 1px solid #fff;
    border-top:    1px solid #fff;
}

.lutherindex td.date, .lutherindex th.date {
    width: 10%;
    vertical-align: top;
}

.lutherindex td.ref, .lutherindex th.ref  {
    width: 15%;
    vertical-align: top;
}

.lutherindex tfoot tr td {
    font-size:  12px;
    color:      #99c;
    background: #e8edff;
}

.lutherindex tbody tr:hover td {
    color:      #339;
    background: #d0dafd url('hoverbg.png') repeat-x;
}

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; }


/* Paragraph styles */
p {margin: 10px 0px;}

p.centered {
    margin-left: auto;
    margin-right: auto;
}

p.a {margin: 10px 0px 0px 0px;}  /* No bottom margin */
p.b {margin: 0px 0px 0px 0px;}   /* Neither a top nor a bottom margin */
p.c {margin: 0px 0px 10px 0px;}  /* No top margin */

/* Indented styles */
p.in1 {margin: 10px 0px 10px 20px;}
p.in2 {margin: 10px 0px 10px 40px;}
p.in3 {margin: 10px 0px 10px 60px;}
p.in4 {margin: 10px 0px 10px 80px;}
p.in5 {margin: 10px 0px 10px 100px;}
p.in6 {margin: 10px 0px 10px 120px;}

p.a_in1 {margin: 10px 0px 0px 20px;}  /* No bottom margin */
p.b_in1 {margin: 0px 0px 0px 20px;}   /* Neither a top nor a bottom margin */
p.c_in1 {margin: 0px 0px 10px 20px;}  /* No top margin */

p.a_in2 {margin: 10px 0px 0px 40px;}  /* No bottom margin */
p.b_in2 {margin: 0px 0px 0px 40px;}   /* Neither a top nor a bottom margin */
p.c_in2 {margin: 0px 0px 10px 40px;}  /* No top margin */

p.a_in3 {margin: 10px 0px 0px 60px;}  /* No bottom margin */
p.b_in3 {margin: 0px 0px 0px 60px;}   /* Neither a top nor a bottom margin */
p.c_in3 {margin: 0px 0px 10px 60px;}  /* No top margin */

p.a_in4 {margin: 10px 0px 0px 80px;}  /* No bottom margin */
p.b_in4 {margin: 0px 0px 0px 80px;}   /* Neither a top nor a bottom margin */
p.c_in4 {margin: 0px 0px 10px 80px;}  /* No top margin */

p.a_in5 {margin: 10px 0px 0px 100px;}  /* No bottom margin */
p.b_in5 {margin: 0px 0px 0px 100px;}   /* Neither a top nor a bottom margin */
p.c_in5 {margin: 0px 0px 10px 100px;}  /* No top margin */

p.a_in6 {margin: 10px 0px 0px 120px;}  /* No bottom margin */
p.b_in6 {margin: 0px 0px 0px 120px;}   /* Neither a top nor a bottom margin */
p.c_in6 {margin: 0px 0px 10px 120px;}  /* No top margin */

/* First line indents:   */
p.x_1 {margin: 10px 0px 10px 0px; text-indent: 20px;} /* Both a top and a bottom margin */
p.a_1 {margin: 10px 0px 0px 0px; text-indent: 20px;}  /* No bottom margin */
p.b_1 {margin: 0px 0px 0px 0px; text-indent: 20px;}   /* Neither a top nor a bottom margin */
p.c_1 {margin: 0px 0px 10px 0px; text-indent: 20px;}  /* No top margin */

p.li_descr {margin: 0em 0em 0em 2em;}
p.first_i1 {margin: 0em 0em 1.5em 3em;}  /* for first indented paragraph after a heading - no top margin */