* {
    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 0;
    text-align:  center;
    font-size:   1.1em;
    font-weight: bold;
}

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

.backlink {
    margin:         5px;
    font-size:      0.8em;
    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;
}

.centered {
    text-align: center;
}

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:        5px 7px;
    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-bottom: 5px;
    font-size:     0.8em;
}

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

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

.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 10px 0px;
}

.centered_heading {
    margin:          5px 0 0 0;
    font-size:       0.9em;
    text-align:      center;
    text-decoration: underline;
}

.indent-line1 {
    text-indent: 20px;
}

.no-top-margin {
    margin-top:    0;
    margin-bottom: 10px;
}

.no-bottom-margin {
    margin-top:    10px;
    margin-bottom: 0;
}

.no-vert-margins {
    margin-top:    0;
    margin-bottom: 0;
}

.in1 {
    margin-left: 20px;
}

.in2 {
    margin-left: 40px;
}

.in3 {
    margin-left: 60px;
}

.in4 {
    margin-left: 80px;
}

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 */
/*===========================================================*/