#content .img { text-align: center; float: right; margin-left: 2em; clear: right;}
     #content .img p { margin-bottom: 1em; font-style: italic;}
     #content .img.border img {padding: .2em; border: thin black solid;}
    .sidebar { float: right; clear: right; margin-left: 2em; margin-top: .5em; text-align: center;}
    #content .quote { width: 250px; text-align: left; font-size: 1.1em; font-style: italic;}
    #content .quote:before { content: url('quotation_marks.gif'); }
#content blockquote { font-size: .9em; font-style: italic;}
    .status { background: #eee; border: thin grey solid; padding: 1em;}
    .activity { width: 28%; float: left; margin-top: 1em; margin-bottom: 1em;}
    @media print {
	.activity { font-size: .75em; width: 24%; float: left; margin-top: 1em; margin-bottom: 1em;}
	#toc_list { display: block !important; }
	}
    #content .activity li { margin-left: 0; list-style: none; margin-bottom: .25em;}

.contents ul, .contents li {
    list-style: none !important;
}
.contents li {
/*    line-height: 1.1;*/
}

#toc {
    width: 50%;
}
#toc ul {
    display: none;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
}
#toc ul.expanded {
    display: block;
    margin-bottom: 2em;
}
#toc ul.expanded ul {
    display: block;
    padding-left: 20px;
}
#toc li a {
    display: block;
    padding: 5px 20px 0 20px;
    border-top: 1px solid #aaa;
    font-size: 1.2em;
    text-decoration: none;
    color: #333;
}
#toc ul.expanded ul li a {
    border-top: none;
    font-size: 1em;
    text-decoration: none;
    color: #333;
}

.caption { font-style: italic; display: block; }
.attrib { text-align: right; }