@media screen {

    body 
    {
    background-color:#F8ECB6;
    margin:5px;
    }

    a.nav
    {
    color:#FFFFFF;
    }

    a:hover
    {
    font-weight:bold;
    } 

    a
    {
    font-family:"Times New Roman", Times, serif;
    font-size:16px;
    font-weight:normal;
    }

    h1
    {
    font-family:"Times New Roman", Times, serif;
    font-size:24px;
    font-weight:bold;
    font-style:italic;
    color:#660099;
    margin:5px;
    margin-bottom:20px;
    text-align:center;
    }

    h3
    {
    font-family:"Times New Roman", Times, serif;
    font-size:18px;
    font-weight:bold;
    margin:0;
    padding:0;
    text-align:left;
    }

    p
    {
    font-family:"Times New Roman", Times, serif;
    font-size:18px;
    color:#000000;
    margin:5px;
    margin-bottom:20px;
    margin-left:auto;
    white-space: pre-wrap;     /* Works for Mozilla Browsers */
    *white-space: pre;         /* Asterisk (*) makes this setting work for IE as pre-wrap not valid in IE */
    word-wrap: break-word;     /* Needed for IE to properly wrap text */
    }

    .left
    {
    font-family:"Times New Roman", Times, serif;
    font-size:16px;
    color:#000000;
    margin:5px;
    margin-bottom:20px;
    text-align:left;
    }

    .indent
    {
    font-family:"Times New Roman", Times, serif;
    font-size:16px;
    color:#000000;
    margin:5px;
    margin-bottom:20px;
    margin-left:100px;
    text-align:left;
    }

    table
    {
    width: 80%;
    border-color: #008080;
    border-style: solid;
    border-width: 1px;
    border-collapse:collapse;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    font-size:16px;
    table-layout: fixed;
    word-wrap: break-word;
    }

    td
    {
    vertical-align: top;
    padding: 10px; 
    }

    .left
    {
    margin-left:0;
    margin-right:0;
    }

    .header
    {
    font-family:"Times New Roman", Times, serif;
    font-size:40px;
    font-weight:bold;
    font-style:italic;
    color:#000000;
    text-align:center;
    vertical-align: top 20px;
    border-style:ridge;
    border-width:medium;
    border-color:#A78E1A;
    background-color:#DC9A30;
    background-image:url('../images/The-scripture.png');
    background-size: 250px;
    background-repeat:no-repeat;
    background-position: bottom 10px center;
    }

    .content
    {
    border-style:ridge;
    border-width:medium;
    border-color:#A78E1A;
    background-color:#FFFFFF;
    background-image:url('../images/The-scripture.png');
    background-size: 200px;
    background-repeat:no-repeat;
    background-position: bottom 10px left 10px;
    }

    img
    {
    border-style:outset;
    border-width:medium;
    border-color:#660099;
    }

    .noborder
    {
    border-style:none;
    padding-top:0;
    padding-bottom:0;
    margin-top:0;
    margin-bottom:0;
    }

    ul.pointer
    { 
    list-style-image:url(../images/pointer.jpg); 
    margin-left:100px;
    }

    input, textarea
    {
    width:96%;
    padding:0 2%; 
    }

}

@media print {

    .header, button, a
    {
		display: none;
    }
  
    body 
    {
    margin:0px;
    }

    h1
    {
    font-family:"Times New Roman", Times, serif;
    font-size:24px;
    font-weight:bold;
    font-style:italic;
    color:Black;
    margin:10px;
    text-align:center;
    }

    h3
    {
    font-family:"Times New Roman", Times, serif;
    font-size:18px;
    font-weight:bold;
    margin:0;
    padding:0;
    text-align:left;
    }

    p
    {
    font-family:"Times New Roman", Times, serif;
    font-size:16px;
    color:black;
    margin:0px;
    white-space: pre-wrap;     /* Works for Mozilla Browsers */
    *white-space: pre;         /* Asterisk (*) makes this setting work for IE as pre-wrap not valid in IE */
    word-wrap: break-word;     /* Needed for IE to properly wrap text */
    }

    .left
    {
    font-family:"Times New Roman", Times, serif;
    font-size:16px;
    color:black;
    margin:0px;
    text-align:left;
    }

    .indent
    {
    font-family:"Times New Roman", Times, serif;
    font-size:16px;
    color:black;
    margin:0px;
    text-align:left;
    }

    .nobreak
    {
    display: inline-block;
    }

    table.nobreak
    {
    width:100%;
    padding:0;
    margin:0;
    }

    table
    {
    width: 100%;
    border-style: none;
    border-collapse:collapse;
    margin: 0px;
    font-size:16px;
    table-layout: fixed;
    word-wrap: break-word;
    }

    td
    {
    vertical-align: top;
    padding: 0px; 
    }

    .left
    {
    margin-left:0;
    margin-right:0;
    }

    .content
    {
    border-style:none;
    background-color:white;
    }

    img
    {
    border-style:none;
    }

    .noborder
    {
    border-style:none;
    padding:0;
    margin:0;
    }

    input
    {
    padding:0;
    }

    .full
    {
      width:100%; 
    }

    .eighty
    {
      width:100%;
    }

    textarea
    {
    width:100%;
    padding:0; 
    }

}