div {
}

body {

/*
font-family:Helvetica, FreeSans, "Nimbus Sans L", Arial, "Liberation Sans", sans-serif;
*/

font-family:"DejaVu Sans", "Verdana", sans-serif;



/*  http://www.clagnut.com/blog/348/
font-size:10pt; // looks bigger in other DPIs
font-size:13px;
*/
font-size:81%;

line-height:1.8em;
/*line-height:2em;*/

background-color:#d8d8d8;
}

#content {
width:73em;

margin:auto;
position:relative;


background-color:#eeeeee;


border:1px solid #8c8c8c;
margin-bottom:3em;
}

#header {
width:100%;
line-height:0;
}

#header img {
width:100%;
border:0;
}

#text {
width:36em;
position:absolute;
left:17em;
position:relative;
padding:1em 18em 1em 2em;
background-color:white;

/*
background-image:url('mountainsheep2a.png');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:100% 100%;
*/

margin-left:-1px;
border-left:1px solid #b2b2b2;
/*border:1px solid #b2b2b2;*/
}

/* indented paragraphs
p {
text-align:justify;
text-indent:2em;
margin:0;
} */

/* block paragraphs:
*/
p {
text-indent:0;
margin:1.5em 0;
text-align:justify;
}

#text img {
margin:1em 0em;
display:block;
}

/* paragraphs not to indent */
h1 + p, h2 + p, h3 + p, .toc + p, .back + p, p.indent {
text-indent:0;
}

p.indent, blockquote, #text ul, #text ol {
margin:2em;
}

#text ul, #text ol {
text-align:justify;
}

h1, h2, h3 {

/*
font-family:"Palatino", "Palatino Linotype", "URW Palladio L", "Book Antiqua", serif;
*/

font-family:"Century Schoolbook L", "Century Schoolbook", "Georgia", serif;
/*
font-family:Georgia;
*/

line-height:normal;
font-weight:bold;
text-align:left;
}

h1 {
font-size:2em;
margin:0 0 1em 0;
}

h2 {
font-size:1.6em;
margin:2em 0 1em 0;
}

h3 {
font-size:1.2em;
margin:2em 0 1em 0;
}

.box, .toc {
width:15em;
position:absolute;
left:39em;
text-align:center;
/*background-color:white;*/
padding:1em;
}

.toc {
top:0em;
z-index:1;		/* make sure nothing overlaps */
/*background-color:white;*/
}

.box h1, .toc b {
font-family:"Century Schoolbook L", "Georgia", serif;
font-size:1em;
font-weight:bold;
margin:0 0 1em 0;
text-align:inherit;
}

.box p, .toc a {
font-size:.9em;
line-height:1.7em;
text-indent:0;
margin-top:1em;
text-align:inherit;
}

#sidebar {
position:absolute;	/* "fixed" makes it relative to page */
left:0em;
width:15em;
z-index:1;		/* make sure nothing overlaps */
padding:1em;
/*background-color:inherit;*/
}

#sidebar ul#menu {
font-size:.9em;
line-height:1.7em;
}


#sidebar ul {
padding:0;
margin:0;
background-color:#eeeeee;
}

#sidebar li {
list-style:none;
margin-bottom:.75em;
}

#sidebar ul ul {
margin-top:.75em;
}

#sidebar a {
text-decoration:none;
color:black;
}

/* visited checkmarks
#sidebar a:visited:after {
content: " \2713";
}
*/

#sidebar a:hover {
text-decoration:underline;
}

/* css tree from http://odyniec.net/articles/turning-lists-into-trees/ */

#sidebar ul#menu ul {
background:url('tree-vert.png') repeat-y;
}

#sidebar ul#menu li li {
background:url('tree-node.png') no-repeat;
padding-left:1.5em;
/*padding-left:2em;*/
}

#sidebar ul#menu li li:last-child {
background:#eeeeee url('tree-last.png') no-repeat;
}



.back {
position:absolute;
left:-16em;
width:15em;
}

a.external {
white-space: nowrap;
padding-right: 14px;
background: url('/External.png') no-repeat 100% 50%;
}

#footer {
margin-top:3em;
font-size:.9em;
text-align:center;
}

#text table {
border:1px solid black;
text-align:left;
border-collapse:collapse;
}

#text td {
border:1px solid black;
padding:.5em;
}