/* this code cheat borrowed from https://css-tricks.com/snippets/css/prevent-superscripts-and-subscripts-from-affecting-line-height/ */
sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}
sub { top: 0.4em; }
/* end code cheat */

body {
    /*background-image: url("green_background.jpg");*/
    background-color: #93b46d;
    color: #2c2416;
    }
#nav {
    background-color: #2c2416;
    color: #946530;
    border: 10px solid #946530;
    text-align: left;
    padding-left: 15px;
    width: 300px;
    float: right;
    display: block;
    margin-left: 15px;
    margin-bottom: 15px;
    }
#nav h2 {
    font-size: 25px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    color: #946530;
    }
#nav ul {
    padding-top: 2px;
    padding-left: 15px;
    padding-right: 5px;
    padding-bottom: 15px;
    margin: 0px;
    }
#nav li {
    padding-top:5px;
    }
#main1 {
    padding-left: 15px;
    float: left;
    width: 
    }
.main {
    padding-top:0px;
    padding-bottom:0px;
    padding-left:15px;
    padding-right:0px;
    margin-top:0px;
    margin-bottom:5px;
    }
h3.main {
    color:#996633;
    text-align:justify;
    }
p.main {
    text-align:justify;
}

#listcol1{
/*    background-color: red;*/
    width: 510px;
}
.bookList1 {
    border:10px solid #2c2416;
    border-collapse:collapse;
    width:500px;
}
.bookList1 tr td:nth-child(1) {text-align: center;}

.bookList1 td{
    border:1px solid #2c2416;
    padding: 5px;
    margin: 0px;
}
.bookList1 th{
    border:1px solid #2c2416;
    padding: 0px;
    margin: 0px;
}
#listcol2{
    vertical-align: top;
/*    background-color: blue;*/

}
.bookList2 {
    border: 10px solid #2c2416;
    border-collapse:collapse;
    width: 335px;
    margin-left: 15px;
    margin-bottom: 15px;
    margin-right: 0px;
}
.bookList2 td{
    border:1px solid #2c2416;
    padding:5px;
    margin: 0px;
}
.bookList2 th{
    border:1px solid #2c2416;
    padding: 0px;
    margin: 0px;
}
.bookList1 tr:nth-child(odd) { background-color:#7Fb46d;}
.bookList1 tr:nth-child(1) { background-color:transparent;}
.bookList2 tr:nth-child(even) { background-color:#7Fb46d;}

.picture { border:3px solid; border-color:#946530; padding:0px; margin: 5px 3px;}

.week-by-week img {
    float:right;
    width:315px;
    height:315px;
    clear:right;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    border:10px solid;
    border-color:#946530;
    }
.week-by-week h2 {
    margin:0px;
    padding-top:5px;
    }
.week-by-week h2 a{
    padding-top:0px;
    margin-top:0px;
    color:#996633;
    font-size: 20px;
    text-decoration: none;
    }
#progress {
    padding-bottom:0px;
    margin-bottom:0px;
    color:#2c2416;
    }

a.nav:link {color:#93b46d;text-decoration:none;}
a.nav:visited {color:#cd8341;text-decoration:none;}
a.nav:hover {color:#cdb841;text-decoration:none;}
a.nav:active {color:#946530;}

a.main:link {color:#996633;text-decoration:underline;padding-left:0px;}
a.main:visited {color:#cd8341;text-decoration:underline;padding-left:0px;}
a.main:hover {color:#946530;text-decoration:underline;padding-left:0px;}
a.main:active {color:#93b46d;padding-left:0px;}
/*
dark brown:#2c2416;
brown1:#946530;
brown2:#97734b;
green: #93b46d;
orange-ish/visited: #cd8341;
gold/hover: #cdb841
date:#996633;
*/