/* 'London and its Environs Described' style sheet */

/* Web page */
body { background-color: #ebd8a9;  /* Page background: Light Brown */
       color: #462300;             /* Page font: Dark Brown  */
       margin-top: 0px; }

a:link    { color: #ac5600; }      /* Link font: Slightly Lighter Brown than Dark Brown */
a:visited { color: #462300; }      /* Visited link font: Dark Brown  */

/* Book page table */
.TablePage { background: #ffffff;                   /* White */
             background-image: url("../images/paper.jpg");
             margin: 0;
             padding: 0;
             font-family: Georgia, Times, "Times New Roman", serif;
             font-size: 90%;
           }

/* Table that surrounds two book pages */
.PageSurround { background: #ffffff;                /* White */
                background-image: url("../images/paper.jpg");
              }

/* Section title or heading */
.SectionTitle { font-weight: bold }

/* Item title - the word(s) used to identify the subject matter item, which is used to sort the item, alphabetically */
.ItemTitle { font-variant:small-caps;
             font-weight:bold; }

/* Section of text */
div.Indent { text-indent: 0.5cm }     /* Indent first line */

/* Navaigation Bar fonts */
.NavBarFont1Rev { color:#ebd8a9;
                  font-family:verdana,arial,sans-serif;
                  font-size:10px;
                  font-weight:bold; }

.NavBarFont1 { font-family:verdana,arial,sans-serif;
               font-size:10px;
               font-weight:bold; }

/* Non book content */
.NonBookFont { font-family:verdana,arial,sans-serif;
                font-size:11px;
                font-weight:normal; }
 a.NonBookFont:link,
 a.NonBookFont:visited { color:#462300; text-decoration:none; font-weight:bold; }
 a.NonBookFont:hover { color:#462300; text-decoration:underline; font-weight:bold; }

/* Page header table (incorporating 'previous', 'up', and 'next' links) */
table.Header { font-family: Georgia, Times, "Times New Roman", serif;
               font-weight: bold;
               font-size:14px; }

/* Page footer table (incorporating 'previous', and 'next' links) */
table.Footer { font-family: Arial, Helvetica, sans-serif;
               font-size:75%; }

 .no-nav,
 .left-nav { background-color:#ddbb6c; padding-bottom:4px; }

 td.no-nav,
 a.left-nav-overview:link,
 a.left-nav-overview:visited,
 a.left-nav-overview:hover,
 a.left-nav:link,
 a.left-nav:visited,
 a.left-nav:hover,
 a.masthead-mainlink:link,
 a.masthead-mainlink:visited,
 a.masthead-mainlink:hover { font-family:verdana,arial,sans-serif; font-size:10px; font-weight:bold; }

/* Non-navigable content of a characteristic table */
 td.no-nav-content { background-color:#ddbb6c;
                     font-family:verdana,arial,sans-serif;
                     font-size:10px;
                     font-weight:normal;
                     padding-bottom:4px;
                     padding-left:4px;
                     padding-right:5px; }

 a.left-nav:link,
 a.left-nav:visited { color:#462300; text-decoration:none; }
 a.left-nav:hover { color:#462300; text-decoration:underline; }

 th.left-nav-overview { background:#ae8628; font-family:verdana,arial,sans-serif; font-size:10px; font-weight:bold; padding-bottom:4px; padding-top:3px; }
 a.left-nav-overview:link,
 a.left-nav-overview:visited { color:#fff; text-decoration:none; }
 a.left-nav-overview:hover { color:#fff; text-decoration:underline; }

/* white-space:nowrap added to hold page numbering in page group tables together */
 td.no-nav,
 td.left-nav,
 th.left-nav-overview { padding-right:5px; padding-left:4px; white-space:nowrap; }

/* MastHead specific */
 .spacer{ color:#98b1c4; white-space:nowrap; }
 a.masthead-mainlink:link,
 a.masthead-mainlink:visited{ text-decoration:none; color:#462300; white-space:nowrap; }
 a.masthead-mainlink:hover{ text-decoration:underline; color:#462300; white-space:nowrap; }
 div.masthead-content{ background:#ddbb6c; border-top:2px solid #ae8628; border-bottom:1px solid #ae8628; white-space:nowrap; }
 span.masthead-divider{ background-image:url("../images/masthead-divider.gif"); background-repeat:no-repeat; background-position:50% 60%; }

/* Address Bar */
a.address-bar:link,
a.address-bar:visited { text-decoration:none; color:#ae8628;
                        font-family:verdana,arial,sans-serif; font-size:10px; }
a.address-bar:hover { text-decoration:underline; color:#ae8628;
                      font-family:verdana,arial,sans-serif; font-size:10px; }
.address-bar-divider { color:#ddbb6c; }
img.display-img { display:block; } /* NS6 */

/* - - New styling - - */

body {
    margin: 0;
}

div.next-to-nav {
    margin-left:20%;		/* Should match ul.nav width */
    padding:0px 16px 10px 16px;	/* top, right, bottom, left */
}

ul.nav {
    list-style-type: none;	/* Remove the bullets */
    margin: 0;			/* Remove browser default */
    padding: 0;			/* Remove browser default */
    width: 20%;			/* Should match div.next-to-nav margin-left */
    background-color: #ebd8a9;	/* Light Brown */
    position: fixed;		/* Make it stick, even on scroll */
    height: 100%;		/* Full height */
    overflow: auto;		/* Enable scrolling if the sidenav has too much content */
}

li.nav a {
    display: block;		/* Make the whole link area clickable (not just the text) */
    color: #462300;		/* List, link, font, colour, Dark Browner */
    padding: 7px 5px 8px 4px;	/* top, right, bottom, left */
    text-decoration: none;
    font-family:verdana,arial,sans-serif;
    font-size:10px;
    font-weight:bold;
}


/* Change the link color on hover */
li.nav a:hover {
    background-color: #ddbb6c;	/* Middle Brown */
    color: white;		/* Text colour */
}
