body { background-color: white; margin-left: 5%; margin-right: 5%; }
body.e468 { background-color: #FFFF88; margin-left: 10%; margin-right: 10%; }
body.e761 { background-color: #CCFFFF; margin-left: 10%; margin-right: 10%; }
body.e765 { background-color: #CCCCFF; margin-left: 10%; margin-right: 10%; }
body.e257 { background-color: #FFCCFF; margin-left: 5%; margin-right: 5%; }
body.data { background-color: #CCCCFF; margin-left: 10%; margin-right: 10%; }
body.txtbks { background-color: yellow; margin-left: 5%; margin-right: 5%; }

h1 {font-family: times, serif; font-size: xx-large; color: darkred;
   text-align: center}
h2 {color: blue; text-align: center; font-size: x-large}
h3 {color: darkgreen}

div.pictures {
 display: flex;
 flex-direction: row; 
 align-items: flex-end;
 flex-shrink: 1; 
 flex-basis: auto; width: 90vw;
 justify-content: space-between;
}

.picture {
 width: 90vw;
 justify-content: center;
 text-align: center;
}

div.bottom {
 display: webkit-box;
 display: webkit-flex;
 display: flex;
 webkit-align-items: flex-end;
 align-items: flex-end;
 webkit-box-flex: 1;
 webkit-flex: 1;
 flex: 1;
 webkit-flex-shrink: 1;
 flex-shrink: 1;
 webkit-flex-basis: auto;
 flex-basis: auto;
 width: 85vw; padding: 1em;
 webkit-justify-content: space-between;
 justify-content: space-between;
}

p.bigtext {color: darkgreen; font-family: times, serif; font-size: larger;}
p.ordy {color: darkgreen; }
p.ordytext {color: darkgreen; font-family: times, serif; font-size: large; }
p.ordycenter {text-align: center}
p.ordyright {text-align: right}
p.section {color: blue; font-family: times; font-size: larger;
   font-weight: bold}
p.subsec {color: darkgreen; font-family: times; font-size: larger;
   font-weight: bold; text-indent: 1em}
p.botscript { width: 60vw; text-align: center; }

span[class='sl'] { color: red; font-family: italic; }

div.centre { text-align: center }
img.mcgillleft { float: left; width 10em }
img.mcgillright { float: right; width 10em }
img.mcgillcentre {  }
tt.datafile {color: darkgreen; font-family: courier, serif;
   font-weight: bold; font-size: larger}
tt.chapfile {color: blue; font-family: courier, serif;
   font-weight: bold; font-size: larger}
tt.chapname {color: darkred; font-family: courier, serif;
   font-weight: bold; font-size: larger}
b.centre { text-align: center; }
b.redb { color: red; }
b.tt { font-family: monospace; font-weight: 900; }
span.tt { color: black; font-family: monospace; font-size: large; 
font-weight: 900; }
span.bd { font-family: sans-serif; font-weight: 300; }
span.bdbig { font-family: sans-serif; font-size: large; font-weight: 500; }
span.bdbigleft { float: left; font-family: sans-serif; font-size: large;
font-weight: 500; }
span.bdbigright { float: right; font-family: sans-serif; font-size: large;
font-weight: 500; }
span.sl {font-style: oblique; }
span.Bbb { font-family: msbm; }
span.reglist {color: darkgreen; font-family: times, serif; }
li.bluedot {color: blue; list-style-type: disc;}
li.greendot {color: darkgreen; list-style-type: disc;}
li.reddot { color: darkred; list-style-type: disc; }
b.green { color=darkgreen; }
a.green { color=darkgreen; }
tr {vertical-align: bottom;}
tr.centre{ align: center }
tr.left{ align: left }
tr.right{ align: right }
td.leftmost { align: left; width: 10%; }
td.rightmost { align: right; width: 10%; }
td.centre { text-align: center; }
img.left { width: 27vw; }
img.centre { width: 27vw; }
img.right { width: 27vw; }
img.small { width: 10vw; }
img.medium { width: 20vw; }
.picture img.large { width: 76vw; }