/*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;
}



/*This is the main style sheet for the "Kant in the Classroom" website*/

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

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.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}

/*The following styles (p1,p2,p3) control the links in the three columns of the header*/
p.p1 {
font-size: 14px; 
font-weight: bold; 
text-decoration: none;
text-align: center;
margin: 2px;
}
p.p1 a:link {font-size: 14px; font-weight: bold; text-decoration: none}
p.p1 a:visited {font-size: 14px; font-weight: bold; text-decoration: none}

p.p1a {
font-size: 16px; 
font-weight: bold; 
text-decoration: none;
text-align: center; 
margin: 2px;
color: white;
}
p.p1a a:visited {
font-size: 16px; 
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: 18px; 
font-weight: bold; 
text-decoration: none;
text-align: center;
margin: 2px 0px 0px 0px;
}
p.p2a {
font-size: 18px; 
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: 14px;
text-decoration: none; 
line-height: 100%; 
margin:2px;
}
p.p3a {
font-size: 15px;
text-decoration: none; 
color: red;
line-height: 100%; 
margin:2px;
}

p.p3a a:link {font-size: 15px; color: red}
p.p3a a:visited {font-size: 15px; color: red}
p.p3a a:hover {font-size: 15px; color: red}

/*These spans are being tested in the Professors pages; might want to convert all the headings to this format, and get rid of the p.p3a altogether*/
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}


/*This controls the table in the header of each page*/
table.head {
border:1px black solid;
width: 100%;
}
table.head td {
border:1px black solid;
line-height: 110%;
}

/*This controls the table in the body of each page*/
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") & 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;
}


/*(all cells are left-justified) where do I use this?*/
table.leftList {border: 1px solid; text-align: left; vertical-align: top}
table.leftList th {line-height: 100%; text-align: left; background-color: #D7E3E3; font-size: 12px}
table.leftList td {line-height: 100%; text-align: left; font-size: 12px}
table.leftList caption {caption-side: top; font-size: 14px; font-weight: bold}

/*(td-cells are left-justified)*/
table.leftCell {border: 1px solid; text-align: center; vertical-align: top}
table.leftCell th {text-align: center; background-color: #D7E3E3; font-size: 14px;}
table.leftCell td {text-align: left; font-size: 14px;}
table.leftCell caption {caption-side: top; font-size: 14px; font-weight: bold}

/*(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: left; 
background-color: #D7E3E3; 
font-size: 13px
}
table.leftCell td {
text-align: left;
border: 1px #568383 solid;   
border-width:1px; 
font-size: 13px
}
table.leftCell caption {
caption-side: top; 
font-size: 14px; 
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;
}

/*Index tables used in "Kant's Lectures: Contemporary Accounts" and "Kant's Life: Kant's Body in Words"*/
table.accts {
width: 100%;
vertical-align: top; 
text-align: left; 
font-size: 14px;
}
table.accts th {
border: 1px solid; 
text-align: center; 
background-color: #A6C4C4;
}

table.accts td {
font-size: 14px; 
vertical-align: top; 
border: 1px solid; 
text-align: left; 
text-indent: 0px; 
margin-left: 0px;
}

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

/*"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}

/*Controls the third column of links in the header*/
p.noteH  {
text-decoration: none; 
line-height: 100%; 
margin-top: 0; 
margin-bottom: 0; 
text-indent:-25px; 
margin-left:30px;
}

h1 { 
font-size: 24px; 
color: #568383; 
text-transform: uppercase; 
text-align: center; 
line-height: 100%; 
margin-left: 0; 
margin-right: 0; 
margin-top: 18px; 
margin-bottom: 12px;
}
h2 { 
font-size: 18px; 
text-align: center; 
border: 2px #568383 solid; 
background-color: #D7E3E3; 
margin-bottom: 10px; 
margin-top: 24px;
}
h3 { 
font-size: 17px; 
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;
}

p.L1 {
font-size: 14px; 
font-weight: normal; 
text-indent: -15px; 
margin-left: 15px; 
margin-top: 6px; 
margin-bottom: 4px
}
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: 13px;
color: #568383; 
margin-left: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: 14px; 
text-align: right; 
line-height: normal; 
margin-left: 40%; 
margin-top: 5px; 
margin-bottom: 0;
}
/*And these for quotes inside a footnote*/
p.nquote	{ 
font-weight: normal; 
font-size: 13px; 
margin-left: 35px; 
margin-right: 20px;
line-height: 100%; 
margin-top: 5px; 
margin-bottom: 4px
}
p.nquoteG {
font-size: 13px;
color: #568383; 
margin-left:35px; 
line-height: 100%; 
margin-top: 5px; 
margin-bottom: 4px;
}

/*"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-size: 11px; 
font-weight: normal; 
color: red;
}

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

p.notequote	{ 
font-weight: normal; 
font-size: 13px; 
margin-left: 30px; 
margin-right: 20px;
line-height: 100%;
margin-top: 5px; 
margin-bottom: 4px
}
p.notequoteG {
font-size: 13px;
color: #568383; 
margin-left:30px; 
line-height: normal; 
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;
}

/*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: 18px; 
text-align: center; 
font-weight: bold; 
margin-bottom: 0;
}

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;
}
p.homeTitle {
font-size: 48px; 
line-height: 95%; 
text-align: center; 
font-weight: bold; 
color: red;
padding-bottom: 10px;
}
p.homeTitle a:link {color: red}
p.homeTitle a:visited {color: red}
p.homeTitle a:hover {background: yellow; color: red}


/*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;
}


/*Used only on the "site index" page for the sub-topics*/
p.subtop {
font-size: 13px; 
color: grey;
line-height: 100%; 
text-indent: -8px; 
margin-left: 15px; 
margin-right: 10px;
margin-top: 0; 
margin-bottom: 0
}


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}


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

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%;
}

div.footer {
background-color: #ededed;
text-align:left;
padding: 0px 10px;
margin: 5px;
border:1px black solid;
}
span.footer {
font-family: helvetica,"sans serif"; 
font-weight: normal; 
font-size: 12px;
}

span.sup {
font-size: 80%;
}
span.small {
font-size: 13px
}
span.top {
font-family: helvetica,"sans serif"; 
font-weight: normal; 
font-size: 11px
}
span.top2 {
font-weight: normal; 
font-size: 10px
}
span.fade {
color: #6464ff;
}
span.fade a:link {
color: #6464ff;
}
span.fade a:visited {
color: #6464ff;
}
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}

/*Controls images*/
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;
}
hr.imageR {
width: 100%; 
height: 1px;
border: none;
margin: 5px 0px 5px 0px;
background-color:silver;
color:silver;
}


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

div.imageRdwide {
float: right;
width: 220px;
border: 1px silver solid;
margin: 5px 5px 0px 10px;
padding: 3px 3px 3px 3px;
}
div.imageRdwide p {
text-align: center;
font-family: arial,"sans serif"; 
font-weight: normal; 
font-size: 10px;
text-indent: 0px;
margin: 0px;
padding: 0px 0px 0px 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;
}

div.imageT {
float: left;
width: 65px;
border: 1px silver solid;
margin: 5px;
padding:5px 0px 5px 0px;
}

div.imageT:hover {
float: left;
width: 65px;
border: 1px black solid;
margin: 5px;
padding:5px 0px 5px 0px;
}

div.imageT p {
text-align: center;
font-family: arial,"sans serif"; 
font-weight: normal; 
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div.imageTwide {
float: left;
width: 110px;
border: 1px silver solid;
margin: 5px;
padding:5px 0px 5px 0px;
}

div.imageTwide:hover {
float: left;
width: 110px;
border: 1px black solid;
margin: 5px;
padding:5px 0px 5px 0px;
}

div.imageTwide p {
text-align: center;
font-family: arial,"sans serif"; 
font-weight: normal; 
font-size: 10px;
text-indent: 0px;
margin: 0px;
padding: 5px 0px 0px 0px;
}

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


div.imageRlarge {
float: right;
width: 25%;
border: 1px silver solid;
margin: 5px 10px 0px 0px;
padding: 3px 3px 0px 3px;
}
div.imageRlarge 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.imageT85 p a:link {text-decoration: none; background-color: transparent; color: black}
div.imageT85 p a:visited {text-decoration: none; background-color: transparent; color: black}
div.imageT85 p a:hover {text-decoration: none; background-color: yellow; color: black}
div.imageT p a:link {text-decoration: none; background-color: transparent; color: black}
div.imageT p a:visited {text-decoration: none; background-color: transparent; color: black}
div.imageT p a:hover {text-decoration: none; background-color: yellow; color: black}

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.imageT a:link {text-decoration: none; background-color: transparent; color: black}
div.imageTwide 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.imageT a:visited {text-decoration: none; background-color: transparent; color: black}
div.imageTwide a:visited {text-decoration: none; background-color: transparent; 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}
div.imageT a:hover {text-decoration: none; background-color: yellow; color: black}
div.imageTwide a:hover {text-decoration: none; background-color: yellow; color: black}