/* CSS Document */

#search {
    width: 40%;
	float: right;
	padding-top: 8px;
	text-align: right;
    }
#heading {
    clear: both;
	padding: 0px 20px 10px;
	}
#link2photos {
    clear: both;
	padding: 0 20px 15px;
	text-align: right;
	}
.height {height: 20px;} /* To use on #link2photos div when this div is empty */
#content {
	margin: 0em;
	padding: 0 20px 2em 20px;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}
.vline { /* To place a vertical dividing line betwn left & right columns  */
    background-image: url(../../images/Vline.gif);
	background-position: center;
	background-repeat: repeat-y;}
#toc {
    float: left;
	width: 30%; /*  about 218px wide */
	margin: 2.2em 0 0 0;
	border: 1px solid #ccc;
	padding: 2px;
	}
#toc h4 {
	font-size: 1.2em;
	margin: 0 0 1.2em 0;
	font-weight: normal;
	}
#toc p {
    margin: 0.2em 0 0.1em 0;
	}
#toc ol, #toc ul, #toc li {	
	margin: 0.2em 0 0.7em 1.3em;
	padding: 0; /* To eliminate indentation in Mozilla browsers */
	line-height: 1.3em;
	}
#chapters {
    float: right;
	width: 65%; /*  about 481px wide */
	}
#chapters p {
	line-height: 1.8em;
	margin: 1.2em 0;
	}
#chapters p.first {
	line-height: 1.8em;
	margin: 0.6em 0 1.2em;
	}
#chapters h2 {
	margin: 1.2em 0 0;
	}
#chapters h3 {
	margin: 1.2em 0 0;
	font-size: 1.2em;
	}
#chapters blockquote p {
    line-height: 1.3em;
	}
.imgLTextwrap {
    float: left;
	margin: 1.2em 15px 15px 0;
	text-align: center;
    }
.imgCenter {
    margin: 2.0em 0;
	clear: right;
	text-align: center;	
	}
.imgRow {	
	margin: 2.0em auto 2.0em;
	overflow:auto;
	}
.imgleft img {
    margin: 0;
	padding: 0;
	}
.imgleft {
    float:left;
	width: 45%;
	text-align: center;
	}
.imgright {
    float:right;
	width: 45%;
	text-align: center;
	}
#contentLeft-img {
    float: left;
	margin: 0 15px 15px 0;
	text-align: center;
	}
#contentRight {
    float: right;
	}
#chapters .imgLTextwrap p, #chapters .imgCenter p, #chapters #contentLeft-img p, #chapters .imgleft p, #chapters .imgright p { /* photo caption */
    margin: 0;
	padding: 0;
	line-height: 1.3em;
	text-align: center;
	font-style: italic;
	font-weight: bold;
    }
.width100 { width: 100px;}
.width175 { width: 175px;}
.width285 { width: 285px;}
.list1, .list1 ul {
    list-style-type: none;
    }
.table1 { /* no width stated so that the empty space will collaspe */
    margin: 0 0 1.6em 0;
	padding: 0;
	}
.table1 th, .table1 td {
    padding: 0 0 0.6em 1.0em;
	}
.table1 th {
    text-align: left;
    font-weight: bold;
	font-size: 1.0em;
	}
.table1 caption {
    font-size: 1.3em;
	margin: 0;
	padding: 1.2em 0 0.5em 0;
	font-weight: bold;
	text-align: left;
	}
#bottomNav {
    clear: both;
	padding: 3em 20px 0;
	text-align: right;
	}
#bottomNav p {
    margin: 0;
	line-height: 1.5em;
    }