article,nav,section{
 float:left;
 }
* {
  box-sizing: border-box;
}

/*Navigation headers without (4r3c) and with (6r6c+5r6c) submenus*/
div.containerHead4r3c {
    display: grid;
    grid-template-columns: 20vw 30vw 48vw;
    grid-template-rows: 38px .9em 59px 46px;
    grid-gap: 2px;
    padding: 0px;
}
div.containerHead5r3c {
    display: grid;
    grid-template-columns: 20vw 30vw 48vw;
    grid-template-rows: 38px .9em 59px 46px 20px;
    grid-gap: 2px;
    padding: 0px;
}

div.containerHead5r6c {
    display: grid;
    grid-template-columns: 20vw 30vw 12vw 12vw 12vw 11vw;
    grid-template-rows: 38px .9em 59px auto 27px;
    grid-gap: 2px;
	border: none;
    padding: 0px;
}
div.containerHead6r6c {
    display: grid;
    grid-template-columns: 20vw 30vw 12vw 12vw 12vw 11vw;
    grid-template-rows: 38px .9em 59px auto 27px 24px;
    grid-gap: 2px;
	border: none;
    padding: 0px;
}

#title {
grid-row:1;
grid-column:1 / span 3;
background-color:#D7E3E3;
border:1px solid red;
padding:2px 3px 3px 3px;
margin:1px;
}
#title6r6c {
grid-row:1;
grid-column:1 / span 6;
background-color:#D7E3E3;
border:1px solid red;
padding:2px 3px 3px 3px;
margin:2px;
}

#linksTop {
grid-row:2;
grid-column:1 / span 3;
background-color: white;
border:none;
text-align:center;
line-height:.8em;
padding: 3px 0px;
margin: -3px 0px;
}
#linksTop6r6c {
grid-row:2;
grid-column:1 / span 6;
background-color: white;
border:none;
text-align:center;
line-height:.8em;
padding: 3px 0px;
margin: -3px 0px;
}

#helps {
grid-row:3 / span 2;
grid-column:1;
background-color:#76A5A5;
border:1px solid black;
height: 106px;
line-height: .9em;
text-align: center;
margin:0px 0px 2px 2px;
padding: 2px;
}
#helps6r6c {
grid-row:3 / span 3;
grid-column:1;
background-color:#76A5A5;
border:1px solid black;
height: 106px;
line-height: .9em;
text-align: center;
margin:0px 0px 0px 2px;
padding: 2px;
}

#main1 {
grid-row: 3;
grid-column: 2;
background-color: #A6C4C4;
border:1px solid black;
height:60px;
line-height: 1.1em;
text-align:center;
margin:0px;
padding:2px;
}
#main16r6c {
grid-row: 3;
grid-column: 2;
background-color: #A6C4C4;
border:1px solid black;
height:60px;
line-height: 1.1em;
text-align:center;
margin:0px;
padding:2px;
}

#main2 {
grid-row: 4;
grid-column: 2;
background-color: #A6C4C4;
border:1px solid black;
height:45px;
line-height: 1.1em;
text-align:center;
margin:0px 0px 2px 0px;
padding:2px;
}
#main26r6c {
grid-row: 4 / span 2;
grid-column: 2;
background-color: #A6C4C4;
border:1px solid black;
height:45px;
line-height: 1.1em;
text-align:center;
margin:0px 0px 2px 0px;
padding:2px;
}

#current {
grid-row: 3 / span 2;
grid-column: 3;
background-color: #E8F0F0;
position: relative;
border:1px solid black;
height: 106px;
line-height: 110px;
padding:1px 5px;
margin:0px 2px 2px 0px;
}
#current6r6c {
grid-row: 3 / span 2;
grid-column: 3 / span 4;
background-color:#E8F0F0;
position: relative;
border:1px solid black;
height:80px;
line-height: 1em;
padding:10px;
margin:0px 1px 0px 0px;
}
span.currentTitle {
font-size: 3em; 
text-align: center; 
font-weight: normal; 
color: red;
}
.TitleCenter {
 margin: 0;
 margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#Menu1 {
grid-row: 5;
grid-column: 3;
background-color:#A6C4C4;
width: 100%;
height: 25px;
line-height: 25px;
font-size: .9em; 
text-align: center;
padding: 0px;
margin: -1px 0px;
border: 1px blue solid;
}
#Menu2 {
grid-row: 5;
grid-column: 4;
background-color: #A6C4C4;
width: 100%;
height: 25px;
line-height: 25px;
font-size: .9em; 
text-align: center;
padding: 0px;
margin: -1px 0px;
border: 1px blue solid;
}
#Menu3 {
grid-row: 5;
grid-column: 5;
background-color: #A6C4C4;
width: 100%;
height: 25px;
line-height: 25px;
font-size: .9em; 
text-align: center;
padding: 0px;
margin: -1px 0px;
border: 1px blue solid;
}
#Menu4 {
grid-row: 5;
grid-column: 6;
background-color: #A6C4C4;
width: 100%;
height: 25px;
line-height: 25px;
font-size: .9em; 
text-align: center;
padding: 0px;
margin: -1px 1px 0px 0px;
border: 1px blue solid;
}
#bodyWordMenu6r6c {
grid-row: 6;
grid-column: 1 ;
border:1px black solid;
text-align: center;
font-size: .9em; 
line-height: 22px;
margin: -2px 0px 2px 2px;
}
#bodyImageMenu6r6c {
grid-row: 6;
grid-column: 2 / span 5;
border:1px black solid;
text-align: center;
font-size: .9em; 
line-height: 22px;
margin: -2px 0px 2px 0px;
}

/* Pages with 1-column bodies (index+body text)*/
div.containerBody1c {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    grid-gap: 2px;
    padding: 0px;
}
#body1c {
grid-row: 1;
grid-column: 1;
padding: 5px 5px;
margin: 0px;
}
#footer1c {
grid-row: 2;
grid-column: 1;
background-color: #ededed;
border:1px black solid;
text-align: left;
padding: 0px 10px;
margin: 0px;
}

/* Pages with 2-column bodies (index+body text) */
div.containerBody2c {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    grid-gap: 2px;
    padding: 0px;
}
#index2c {
grid-row: 1;
grid-column: 1;
max-width: 150px;
padding: 5px 5px;
border-right: 1px black solid;
}
#body2c {
grid-row: 1;
grid-column: 2;
padding: 5px 5px;
margin: 0px;
}
#footer2c {
grid-row: 2;
grid-column: 1 / span 2;
background-color: #ededed;
border:1px black solid;
text-align: left;
padding: 0px 10px;
margin: 0px;
}
p.footer {
font-family: helvetica,"sans serif"; 
font-weight: normal; 
font-size: .7em;
}

/* Pages with 3-column bodies (index+body text) */
div.containerBody3c {
    display: grid;
    grid-template-columns: 130px 130px auto;
    grid-template-rows: auto auto;
    grid-gap: 2px;
    padding: 0px;
}
#index1 {
grid-row: 1;
grid-column: 1;
padding: 5px 5px;
border-right: 1px black solid;
}
#index2 {
grid-row: 1;
grid-column: 2;
padding: 5px 5px;
border-right: 1px black solid;
}
#body3c {
grid-row: 1;
grid-column: 3;
padding: 5px 5px;
margin: 0px;
}
#footer3c {
grid-row: 2;
grid-column: 1 / span 3;
background-color: #ededed;
border:1px black solid;
text-align: left;
padding: 0px 10px;
margin: 0px;
}


/* At the top of every header */
span.title1 {
font-size: 28px; 
line-height: 30px;
color: black; 
font-weight: bold; 
text-decoration: none;
vertical-align: middle;
}
span.title2 {
font-size: 16px; 
line-height: normal;
color: #385656; 
font-weight: bold; 
text-decoration: none;
vertical-align: middle;
}
span.title1 a:link {color: black}
span.title1 a:visited {color: black}
span.title1 a:hover {background: none; color: blue}

a:link {text-decoration: none; color: blue}
a:visited {text-decoration: none; color: blue}
a:hover {text-decoration: none; background: yellow}
a:active {text-decoration: none; color: red}

/*p.linkbar" controls the "home/site index/links/ackn" linkbar at the top and bottom of each page*/
p.linkbar {font-size: .9em; font-weight: bold; text-align: center; margin: 0}

/*The following styles (p1,p2,p3) control the links in the three columns of the header*/
p.p1 {
font-size: .95em; 
line-height: .95em;
font-weight: bold; 
text-decoration: none;
text-align: center;
margin: 2px;
}
p.p1 a:link {
font-size: .9em; font-weight: bold; text-decoration: none;
}
p.p1 a:visited {
font-size: .9em; font-weight: bold; text-decoration: none;
}
p.p1a {
font-size: 1em; 
font-weight: bold; 
text-decoration: none;
text-align: center; 
margin: 2px;
color: white;
}
p.p1a a:visited {
font-size: .9em; font-weight: bold; text-decoration: none; color: white
}
p.p1a a:hover {background: #F0888A;
}
hr.p2 {
height:2px; 
margin: 0px 0px 0px 0px;
width:100%; 
border:none;
background-color:red; 
color:red;
}
p.p2 {
font-size: 1.1em; 
font-weight: bold; 
text-decoration: none;
text-align: center;
margin: 2px 0px 0px 0px;
}
p.p2a {
font-size: 1.2em; 
font-weight: bold; 
text-decoration: none;
text-align: center;
color: white;
margin: 2px 0px 0px 0px;
}
p.p2a a:link {
font-size: 19px; font-weight: bold; text-decoration: none; color: white;
}
p.p2a a:visited {
font-size: 19px; font-weight: bold; text-decoration: none; color: white;
}
p.p2a a:hover {
background: #F0888A
}
p.p3 {
font-size:.9em;
text-decoration: none; 
line-height: .9em; 
margin:0;
}
span.p3a {
font-size: 15px;
text-decoration: none; 
color: red;
line-height: 100%; 
margin:2px;
}
span.p3a a:link {font-size: 15px; color: red}
span.p3a a:visited {font-size: 15px; color: red}
span.p3a a:hover {font-size: 15px; color: red}

span.plain {
font-size: .9em;
text-decoration: none; 
font-weight: normal;
}


/*Used in "Glossary*/
table.ListRight {
float: right;
border:1px black solid;
text-align: center; 
vertical-align: middle;
margin: 4px 4px;
}
table.ListRight th {
border: none; 
text-align: center; 
vertical-align: top;
background-color: silver; 
padding: 2px; 
font-weight: bold;
font-size: 14px;
}
table.ListRight td {
border: none; 
text-align: center; 
vertical-align: top;
padding: 2px; 
font-size: 14px;
}



p {
font-size: 1em; 
margin-top: 5px; 
margin-bottom:5px
}
body, p, td, th, div, h1, h2, h3 {
font-family: "times new roman", serif; 
color: #000000;
}

p.normalList {
font-size: 1em; 
margin-left: 25px;
text-indent: -20px;
margin-top: 1px; 
margin-bottom:2px
}
p.normalList2 {
font-size: 1em; 
margin-left: 25px;
text-indent: 0px;
margin-top: 1px; 
margin-bottom:2px
}


p.alert {
font-size: 1em;
color:red;
background-color:#EEE;
margin-top: 5px; 
margin-bottom:5px;
border:2px solid red;
padding:2px 3px 3px 3px;
margin:1px;
}
span.alert {
font-size: 1em;
color:red;
background-color:#EEE;
margin-top: 5px; 
margin-bottom:5px;
border:1px solid red;
margin:1px;
}

p.year	{font-weight: bold; text-indent: 0; margin-left: 0; font-size: 18px; line-height: 100%; margin-top: 24px; margin-bottom: 6px}

p.small {
font-size: 13px; 
margin-top: 5px; 
margin-bottom:5px
}
p.smallList {
font-size: 13px; 
margin-left: 50px;
text-indent: -30px;
margin-top: 0px; 
margin-bottom:2px
}
p.smallIndent {
font-size: 13px; 
margin-left: 50px;
text-indent: -30px;
margin-top: 5px; 
margin-bottom:2px
}

p.bio {
font-weight: normal; 
font-size: .9em; 
margin-left: 20px; 
margin-right: 20px;
line-height: normal; 
margin-top: 5px; 
margin-bottom: 4px
}

p.source { 
font-weight: normal; 
color: black;
font-size: 14px; 
margin-left: 20px; 
margin-right: 20px;
line-height: normal; 
margin-top: 5px; 
margin-bottom: 4px
}

/*For formatting links to notes (in the pop-up windows).*/
span.Ref {
font-family: helvetica,"sans serif"; 
font-weight: normal; 
font-size: 11px;
vertical-align: super;
}
span.Ref a:link {text-decoration: none; color: blue}
span.Ref a:visited {text-decoration: none; color: blue}
span.Ref a:hover {text-decoration: none; background: yellow}
span.Ref a:active {text-decoration: none; color: red}
span.catch {
font-family: tahoma, sans-serif;
font-size: 11px;
color: #000080;
}

/*For formatting general links.... “Ref” are the links for notes.*/
span.links {
font-family: "courier new", sans-serif;
font-size: .9em;
color: black;
}
span.links a:link {text-decoration: none; background-color: transparent; color: red}
span.links a:visited {text-decoration: none; background-color: transparent; color: red}
span.links a:hover {text-decoration: none; background-color: yellow; color: red}


p.glossary {
text-indent: -15px; 
margin-left: 15px; 
font-size: 15px; 
line-height: normal; 
margin-top: 2px; 
margin-bottom: 0px;
}
p.glossary2 {
text-indent: 0; 
margin-left: 15px; 
font-size: 15px; 
line-height: normal; 
margin-top: 5px; 
margin-bottom: 0px;
}

/*Used with indices in the frame sets*/
p.index {text-indent: -20px; margin-left: 20px; font-size: 13px; line-height: 100%; margin-top: 0; margin-bottom: 0}
p.indexL {text-indent: -20px; margin-left: 20px; font-size: 15px; line-height: 100%; margin-top: 0; margin-bottom: 0}




/*This controls the larger tables of data or lists*/
table.body {
border:1px black solid;
width: 100%;
}
table.body td {
border:1px solid black;
padding: 0px 5px 0px 5px;
}

/*Used in the timeline pages (under "Professors") and elsewhere*/
table.timeline th, td {
border: none; 
border-collapse: collapse; 
border-spacing:0px; 
margin:0; 
padding:0px; 
}
table.timeline th {
border: none; 
text-align: left; 
font-size: 13px;
}
table.timeline td {
border: none; 
text-align: left; 
font-size: 11px;
}
table.timeline caption {
caption-side: top; 
font-size: 14px; 
font-weight: bold
}

/*Used on "Kant's Lectures: By Discipline */
table.catalogList {
border: none; 
text-align: center; 
vertical-align: middle;
margin: 4px 20px;
}
table.catalogList th {
border: none; 
text-align: left; 
vertical-align: top;
background-color: transparent; 
padding: 2px 20px 2px 2px; 
font-weight: normal;
font-size: 14px;
}
table.catalogList td {
border: none; 
text-align: left; 
vertical-align: top;
padding: 2px; 
font-size: 14px;
}



/*(cells are center-justified) "Kant's Classes at Coll.Frid", "Deans and Rectors"*/
table.centCell {
border: 1px #568383 solid; 
border-spacing: 1px; 
margin: 0px;
text-align: center; 
vertical-align: top;
float: right;
}
table.centCell th {
text-align: center; 
background-color: #D7E3E3; 
font-size: 13px
}
table.centCell td {
text-align: center;
border: 1px #568383 solid;   
border-width:1px; 
font-size: 13px
}
table.centCell caption {
caption-side: top; 
font-size: 14px; 
font-weight: bold
}

/*(cells are left-justified) "Kant's Lectures: Introduction"*/
table.leftCell {
border: 1px #568383 solid; 
border-spacing: 1px; 
margin: 0px;
text-align: left; 
vertical-align: top;
float: right;
}
table.leftCell th {
text-align: center; 
background-color: #D7E3E3; 
font-size: .8em;
}
table.leftCell td {
text-align: left;
border: 1px #568383 solid;   
border-width:1px; 
padding:2px 3px 3px 5px;
font-size: .8em;
}
table.leftCell caption {
caption-side: top; 
font-size: 1em; 
font-weight: bold
}

/*(cells are center-justified; no lines); used in "Notes:MP", "Profs:LectureCat", "Univ: Full Profs Employed"*/
table.bordertable {
border: 1px #568383 solid; 
text-align: center; 
vertical-align: middle;
margin: 4px;
}
table.bordertable th {
border: 1px #568383 solid; 
text-align: center; 
vertical-align: middle;
background-color: #D7E3E3; 
padding: 1px; 
font-size: 14px;
}
table.bordertable td {
border: 1px #568383 solid; 
text-align: center; 
vertical-align: middle;
padding: 1px; 
font-size: 14px;
}
table.bordertable caption {
caption-side: top; 
font-size: 14px; 
font-weight: bold;
}


/*"p.text" is the normal text for the "Notes" pages*/	
p.text {font-size: 15px; font-weight: normal; line-height: 100%; margin-top: 4px; margin-bottom: 0}


h1 { 
font-size: 1.5em; 
color: #568383; 
text-transform: uppercase; 
text-align: center; 
line-height: 100%; 
margin-top: 1em 0; 
}
h2 { 
font-size: 1.2em; 
text-align: center; 
border: 2px #568383 solid; 
background-color: #D7E3E3; 
margin-bottom: 10px; 
margin-top: 24px;
}

/*positions the [top] link to the far left*/
span.top {
float: left;
width: auto;
vertical-align: middle;
margin: 0px;
padding: 3px;
font-family: Helvetica,"sans serif"; 
font-weight: normal; 
font-size: .6em;
}

/*positions any text to the far right*/
span.right {
float: right;
width: auto;
vertical-align: middle;
margin: 0px;
padding: 3px;
font-family: Helvetica,"sans serif"; 
font-weight: normal; 
font-size: .6em;
}



h3 { 
font-size: 1.1em; 
font-weight: bold; 
text-transform: none; 
text-align: left; 
text-indent: 0; 
line-height: 100%; 
margin-left: 0; 
margin-right: 0; 
margin-top: 15px; 
margin-bottom: 2px;
}
h4 { 
font-size: 15px; 
font-weight: bold; 
line-height: 100%; 
text-align: left; 
text-indent: -20px; 
margin-left: 20px; 
margin-right: 0; 
margin-top: 8px; 
margin-bottom: 0;
}
h5 { 
font-size: 16px; 
text-align: center; 
text-indent: 0; 
line-height: 100%; 
margin-left: 0; 
margin-right: 0; 
margin-top: 24px; 
margin-bottom: 5px; 
}

p.L1 {
font-size: 14px; 
font-weight: normal; 
text-indent: -15px; 
margin-left: 15px; 
margin-top: 6px; 
margin-bottom: 4px
}
p.L1center {
font-size: 14px; 
font-weight: normal; 
text-indent: -15px; 
margin-left: 15px; 
margin-top: 6px; 
margin-bottom: 4px;
text-align: center;
}

p.L2 {
font-size: 14px; 
margin-left: 20px; 
margin-top: 2px; 
margin-bottom: 4px
}
p.L3 {
font-size: 12px; 
text-indent: -20px; 
margin-left: 60px; 
margin-top: 6px; 
margin-bottom: 4px
}

/*For different quotes, with the default (quote), the same text but in the German original (quoteG), a Kant quote (this should be a normal "quote" with a span.kant), and quotes that appear to the right and in reduced text, usually at the top of a page (rquote)*/
p.quote	{ 
font-weight: normal; 
font-size: 14px; 
margin-left: 20px; 
margin-right: 20px;
line-height: normal; 
margin-top: 5px; 
margin-bottom: 4px
}
p.quoteG {
font-size: 14px;
color: #568383; 
margin-left:20px; 
margin-right:20px;
line-height: normal; 
margin-top: 5px; 
margin-bottom: 4px;
}
p.quoteSub	{ 
font-weight: normal; 
font-size: 13px; 
margin-left: 35px; 
margin-right: 20px;
line-height: normal; 
margin-top: 5px; 
margin-bottom: 4px
}
p.rquote {
font-size: .9em; 
text-align: right; 
line-height: normal; 
margin:5px 0px 40px 0px;
margin-left: 50%; 
margin-top: 10px;
margin-bottom:0px; 
}
p.rquoteA {
font-size: .8em; 
text-align: right; 
line-height: normal; 
margin-left: 60%; 
margin-top: 5px;
margin-bottom:0px; 
}


/*"span.noteRef" is for footnote references, and "p.note" is for the corresponding note, which should follow the paragraph or section. These are used in the "Bio" pages, as well as the "Accts. of Kant's Lectures" and elsewhere; separate them from the text with the red "hr.note".  The "div.fNote" are for true footnotes linked to their footnote numbers in the text, where "span.fNr" controls the footnote number in the text.*/

span.noteRef {
font-family: "courier new", sans-serif;
font-size: .7em;
font-weight: normal;
color: red;
vertical-align:super;
padding: 0px;
margin: 0px 0px 0px -1px;
}
span.noteRef a:link {text-decoration: none; background-color: transparent; color: red}
span.noteRef a:visited {text-decoration: none; background-color: transparent; color: red}
span.noteRef a:hover {text-decoration: none; background-color: yellow; color: red; font-weight: bold;}
/*span.noteRef {font-size: 11px; font-weight: normal; color: red;}*/

/*style for indented quotes (in “Bio” windows)*/
span.FN {
display: inline-block;
text-indent: 0px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 15px;
font-size: .95em;
}
span.FNg {
display: inline-block;
text-indent: 0px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 15px;
font-size: .95em;
color: #568383;
}
span.FNr {
font-family: "courier new", sans-serif;
font-size: .7em;
font-weight: normal;
color: red;
padding: 0px;
margin: 0px 0px 0px -1px;
}



p.note {
font-size: .9rem; 
text-indent: -10px;
line-height: 100%;
margin-left: 20px; 
margin-top: 3px; 
margin-bottom: 5px;
}
p.note2 {
font-size: .9em; 
text-indent: 0px;
line-height: 100%;
margin-left: 20px; 
margin-top: 3px; 
margin-bottom: 5px;
}

p.notequote	{ 
font-weight: normal; 
font-size: .85rem; 
margin-left: 30px; 
margin-right: 20px;
line-height: 100%;
margin-top: 5px; 
margin-bottom: 4px
}
p.notequoteG {
font-weight: normal; 
font-size: 13px;
color: #568383; 
margin-left:30px; 
margin-right: 20px;
line-height: 100%; 
margin-top: 5px; 
margin-bottom: 4px;
}

hr.note {
height:1px; 
margin: 5px 0px 0px 10px;
width:20%; 
text-align:left;
border:none;
background-color:red; 
color:red;
}

div.fNote { 
margin-left: 18px; 
text-indent: -18px; 
font-weight: normal; 
font-size: 13px; 
line-height: 110%; 
margin-top: 10px; 
margin-bottom: 10px;
}
span.fNr {
font-weight: normal; 
font-size: 10px
}
hr.fNote {
margin: 0px 0px 10px 0px;
height: 1px; 
width:33%; 
border: none;
background-color: #385656;
color: #385656;
}

/*This controls the note-windows for the texts*/
p.textNotes {
font-family: "times new roman", serif;
text-indent: -20px;
font-size: 1em;
color: black;
line-height: normal;
margin: 10px 0px 0px 20px;
}
p.textNotes2 {
font-family: "times new roman", serif;
text-indent: 0px;
font-size: 1em;
color: black;
line-height: normal;
margin: 5px 0px 0px 20px;
}
p.textNotesQuote {
font-weight: normal; 
font-size: .9em; 
margin-left: 30px; 
margin-right: 20px;
line-height: 100%;
margin-top: 5px; 
margin-bottom: 4px
}

/*And these for quotes inside a footnote*/
p.nquote { 
font-weight: normal; 
font-size: .9em; 
margin-left: 35px; 
margin-right: 20px;
line-height: 100%; 
margin-top: 5px; 
margin-bottom: 4px
}
p.nquoteG {
font-weight: normal; 
font-size: .9em;
color: #568383; 
margin-left:35px; 
margin-right: 20px;
line-height: 100%; 
margin-top: 5px; 
margin-bottom: 4px;
}


/*used in list of "Kant's Writings"*/
hr.red {
margin: 0px 0px 0px 0px;
height: 1px;
background-color: red;
color: red;
border: none;
}

hr.timeline {
margin: 0px 0px 0px 0px;
width: 100%;
color: black;
background-color: black;
height: 1px;
border: none;
}

hr.h3 {
width: 65%; 
height: 3px;
border-style: groove;
border-width: 1px;
border-color: teal;
margin: 25px 0px 25px 150px;
background-color:#568383;
color:#568383;
}

hr.h4 {
width: 50%; 
height: 2px;
border: none;
margin: 20px 0px 20px 200px;
background-color:#568383;
color:#568383;
}

hr.h5 {
width: 50%; 
height: 1px;
border: none;
margin: 0px 0px 0px 15px;
background-color:#568383;
color:#568383;
}

hr.h5center {
width: 100%; 
height: 1px;
border: none;
margin: 5px 0px 5px 0px;
background-color:#568383;
color:#568383;
}

hr.green {
margin: 0px;
padding: 0px;
width: 100%; 
height: 1px;
border: none;
background-color:#568383;
color:#568383;
}


/*Paragraph settings with center-text (see also: H1 and H2)*/
p.center {
font-size: 13px; 
text-align: center; 
font-weight: normal; 
margin-bottom: 0;
}

p.centerList {
font-size: 1.1em; 
text-align: center; 
font-weight: bold; 
margin-bottom: 5px;
}

p.listSubTitle {
font-size: 18px;
text-align: center;
font-weight: bold;
color: #568383;
background-color: white;
margin-top: 12px;
margin-bottom: 4px;
}

p.graphTitle {
text-align: center;
font-size: 14px;
font-weight: bold; 
border: 0;
margin-bottom: 10px;
margin-top: 36px;
}

/*"notesListLocation"*/
p.subCapCen {
text-align: center; 
font-size: 14px; 
line-height: 100%; 
font-style: normal; 
margin-top: 0; 
margin-bottom: 10px;
}


/*Dates in "Bio" entries, but also in lists on the "Accounts of Kant's Lecturing"*/
p.dates {
font-size: 13px; 
line-height: 100%; 
text-indent: -10px; 
margin-left: 10px; 
margin-right: 10px;
margin-top: 0; 
margin-bottom: 0
}

/*Alphabet (in Alpha list of Kant's writings, Cont. accounts of Lectures; List of Published Notes; )*/
p.alpha {
font-size: 13px; 
color: red;
line-height: 100%; 
text-indent: -10px; 
margin-left: 10px; 
margin-right: 10px;
margin-top: 10px; 
margin-bottom: 0
}
span.alpha {
font-size: 18px;
padding: 10px 20px;
}


p.pub { font-weight: normal; font-size: 14px; margin-left: 35px; text-indent: -15px; line-height: 100%; margin-top: 0; margin-bottom: 0}
p.list {font-size: 14px; text-indent: -15px; margin-left: 15px; text-align: left; line-height: 100%; margin-top: 5px; margin-bottom: 5px}
p.list2 {font-size: 14px; text-indent: -15px; margin-left: 25px; text-align: left; line-height: 100%; margin-top: 5px; margin-bottom: 5px}
p.list3 {font-size: .9rem; text-indent: -15px; margin-left: 50px; text-align: left; line-height: 100%; margin-top: 1px; margin-bottom: 1px}



/*This controls the "table of contents" found at the top of most pages.*/
p.ToC {
font-size: 14px; 
font-style: normal;
margin-bottom: -5px;
margin-left: 20px;
text-indent: -20px;
}

/*For bracketed citation of source material*/
span.source {
font-family: helvetica,sans-serif; 
font-weight: normal; 
font-size: .7em;
color: #005796;
}
/*Page numbers within original source.*/
span.page {
font-family: helvetica narrow,sans-serif;
font-size: .85em;
font-weight: normal;
color: green;
}
span.personLink {
font-family: arial,sans-serif; 
font-weight: normal; 
font-size: .85em;
}
span.dates {
font-size: smaller;
}


span.left {text-align: left}
span.red {color: red}
span.gloss {font-weight: bold; color: red}
span.gloss a:visited {font-weight: bold; color: red}
/*span.green (& .gloss) is used in the link-bars (header and footer) on each page*/
span.green {color: #568383}
span.green a:link {color: #568383}
span.green a:visited {color: #568383}
/*"dkblue" used for the English transl. of Kant's pubs on "Kant's Writings" page.*/

span.dkblue {color: #005796}
span.kant {
color: #004080;
}

sup {
font-size: 70%;
}
sub {
font-size: 70%;
}

span.sup {
font-size: 80%;
}
span.small {
font-size: .8em;
}
span.smaller {
font-family: Times Roman;
font-size: .7em;
}
span.smallSans {
font-family: Helvetica,"sans serif"; 
font-weight: normal; 
font-size: .7rem;
}
span.fade {
color: #6464ff;
}
span.fade a:link {
color: #6464ff;
}
span.fade a:visited {
color: #6464ff;
}

/*Controls images*/
div.imageRauto {
float: right;
width: auto;
border: 1px silver solid;
margin: 5px;
padding: 2px;
}
div.imageRauto:hover {
float: right;
width: auto;
border: 1px black solid;
margin: 5px;
padding: 2px;
}
div.imageRauto p {
text-align: center;
vertical-align: bottom;
font-family: arial,"sans serif"; 
font-weight: normal; 
font-size: 10px;
text-indent: 0px;
margin: 0px;
padding: 2px;
}
div.imageLauto {
float: left;
width: auto;
border: 1px silver solid;
margin: 5px;
padding: 2px;
}
div.imageLauto:hover {
float: left;
width: auto;
border: 1px black solid;
margin: 5px;
padding: 2px;
}
div.imageLauto p {
text-align: center;
vertical-align: bottom;
font-family: arial,"sans serif"; 
font-weight: normal; 
font-size: 10px;
text-indent: 0px;
margin: 0px;
padding: 2px;
}

hr.imageR {
height:1px; 
margin:1px;
width:98%; 
border:none;
background-color:green; 
color:#385656;
}

p.caption  {
font-family: "times new roman", serif;
text-indent: 0px;
text-align: center;
font-size: 16px;
color: gray;
line-height: normal;
margin: 2px 0px 0px 0px;
}
p.captionSmall  {
font-family: "times new roman", serif;
text-indent: 0px;
text-align: center;
font-size: 14px;
color: gray;
line-height: normal;
margin: 2px 0px 0px 0px;
}
p.captionSmaller  {
font-family: "times new roman", serif;
text-indent: 0px;
text-align: center;
font-size: 12px;
color: gray;
line-height: normal;
margin: 2px 0px 0px 0px;
}

div.imageR {
float: right;
width: 65px;
border: 1px silver solid;
margin: 5px;
padding:5px 0px 5px 0px;
}
div.imageR:hover {
float: right;
width: 65px;
border: 1px black solid;
margin: 5px;
padding:5px 0px 5px 0px;
}
div.imageR p {
text-align: center;
font-family: arial,"sans serif"; 
font-weight: normal; 
font-size: 10px;
text-indent: 0px;
margin: 0px;
padding: 0px;
}

div.imageL {
float: left;
width: 25%;
border: 1px silver solid;
margin: 5px;
padding:5px 0px 5px 0px;
}
div.imageL:hover {
float: left;
width: 25%;
border: 1px black solid;
margin: 5px;
padding:5px 0px 5px 0px;
}

div.imageL p {
text-align: center;
font-family: arial,"sans serif"; 
font-weight: normal; 
font-size: 12px;
text-indent: 0px;
}

img.scaled {
width: 100%;
height: auto;
}
div.imageR a:link {text-decoration: none; background-color: transparent; color: black}
div.imageL a:link {text-decoration: none; background-color: transparent; color: black}
div.imageR a:visited {text-decoration: none; background-color: transparent; color: black}
div.imageL a:visited {text-decoration: none; background-color: transparent; color: black}
div.imageLauto a:link,visited {text-decoration: none; background-color: transparent; color: black}
div.imageLauto a:hover {text-decoration: none; background-color: yellow; color: black}
div.imageR a:hover {text-decoration: none; background-color: yellow; color: black}
div.imageL a:hover {text-decoration: none; background-color: yellow; color: black}