body {
    background-color: #f5f5f5;
    font-family: sans-serif;
    font-size: 100%;
    color: #000000;
}

a:link {color: #0000ff;}
a:visited {color: #800080;}
a:hover {color: #ff0000;}
a:active {color: #ff0000;}

/* Two columns */
* { box-sizing: border-box; }
/* Create two unequal columns that floats next to each other */
.column { 
    float: left; 
    }
.left {width: 64%;}
.right {width: 31%;}
/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Image autofit to container size */
img {
   object-fit: contain;
   max-width: 100% ;
   max-height: 400px ;
   width: auto;
   height: auto;
}

em {
    font-weight: bold;
    font-style: normal;
    color: #0000ff;
}

h1 {
    color: #000000;
    font-size: 170%;
}

h2 {
    color: #000000;
    font-size: 130%;
}

h3 {
    color : #000000;
    font-size: 120%;
}

h4 {
    font-size: 100%;
}

h5 {
    font-size: 100%;
    font-style: monospace;
    color: #000000
}

div.block {
    border-left: 1px solid black;
    border-top: 1px solid black;
    padding-left: 20px;
    padding-bottom: 5px;
    padding-right: 20px;
    margin: 20px;
}

div.zblock {
    font-family: sans-serif;
    font-size: 100%;

    border-right:3px solid black;
    border-left: 6px solid black;
    border-top: 3px solid black;
    border-bottom: 6px solid black;
    padding-left: 20px;
    padding-bottom: 5px;
    padding-right: 20px;
    margin: 20px;
}

div.iblock {
    border-left: 1px solid black;
    border-top: 1px solid black;
    padding-left: 20px;
    padding-bottom: 5px;
    padding-right: 20px;
    margin: 0px;
    margin-bottom: 20px;
}

div.hblock {
    border-left: 0px solid black;
    border-top: 0px solid black;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 20px;
    margin: 0px;
    margin-bottom: 0px;
} 

div.innerblock {
    border-left: 1px solid black;
    border-top: 1px solid black;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-right: 0px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.codeblock {
    border-left: 1px solid black;
    border-top: 1px solid black;
    padding-left: 20px;
    padding-bottom: 5px;
    padding-right: 0px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.simpleblock {
    border-left: 0px solid black;
    border-top: 0px solid black;
    padding-left: 20px;
    padding-bottom: 5px;
    padding-right: 20px;
    margin: 20px;
}

div.container {
}

span.button {
    color: black;
    font-weight: bold;
    font-family: Monospace;    
}

span.item {
    color: black;
    font-weight: bold;
    font-family: Monospace;    
}

span.menuitem {
    color: black;
    font-weight: bold;
    font-family: Monospace;
}

span.textinput {
    color: black;
    font-weight: bold;
    font-family: Monospace;
}

span.textoutput {
    color: black;
    font-weight: bold;
    font-family: Monospace;
}

span.date {
    color: black;
    font-weight: bold;
    font-family: Monospace;
}

span.metanote {
    color: goldenrod;
    font-weight: plain;
}

/* use this to indicate something you plan do in a course */
span.do {
    color: grey;
    font-weight: bold;
    font-family: serif;
}

/* use this to reference a handout that says something about a course */
span.meta {
    color: #cc9900;
    font-weight: bold;
    font-family: serif;
}

/* use this to indicate the distribution of a new assignment */
span.new {
    color: green;
    font-weight: bold;
    font-family: serif;
}

/* use this to indicate the distribution of a new assignment */
span.ideal {
    color: cyan;
    font-weight: bold;
    font-family: serif;
}

/* use this to indicate the due date of an assignment */
span.due {
    color: red;
    font-weight: bold;
    font-family: serif;
}

/* use this to reference document that models an assignment */
span.model { 
    color: blue;
    font-weight: bold;
    font-family: serif;
}

/* use this to reference document that models an assignment */
span.module { 
    color: #9933ff;
    font-weight: bold;
    font-family: serif;
}

/* use this to reference document that models an assignment */
span.metamodule { 
    color: orange;
    font-weight: bold;
    font-family: serif;
}

/* use this to reference document that models an assignment */
span.source { 
    color: brown;
    font-weight: bold;
    font-family: serif;
}

/* use this to reference document that models an assignment */
span.handout { 
    color: #0099cc;
    font-weight: bold;
    font-family: serif;
}

/* use this to reference document that models an assignment */
span.qod { 
    color: #13579A;
    font-weight: bold;
    font-family: serif;
}

/* use this to reference document that models an assignment */
span.quote { 
    color: #A97531;
    font-weight: bold;
    font-family: serif;
}

/* use this to reference document that models an assignment */
span.shorttext { 
    color: #AF2357;
    font-weight: bold;
    font-family: serif;
}

/* use this to reference document that models an assignment */
span.hilite { 
    color: blue;
    font-weight: bold;
    font-family: serif;
}

/* use this to reference document that models an assignment */
span.extraparameter { 
    color: blue;
    font-weight: bold;
    font-family: serif;
}

/* use this to reference document that models an assignment */
span.escapetoprolog { 
    color: red;
    font-weight: bold;
    font-family: serif;
}

/* use this to reference document that models an assignment */
span.blue { 
    color: blue;
    font-weight: bold;
    font-family: serif;
}

/* use this to reference document that models an assignment */
span.plainred { 
    color: red;
    font-weight: plain;
    font-family: serif;
}

/* use this to reference document that models an assignment */
span.plainblue { 
    color: blue;
    font-weight: plain;
    font-family: serif;
}

/* use this to reference document that models an assignment */
span.plaingreen { 
    color: green;
    font-weight: plain;
    font-family: serif;
}

/* use this to reference document that models an assignment */
span.green { 
    color: green;
    font-weight: bold;
    font-family: serif;
}

/* use this to reference document that models an assignment */
span.purple { 
    color: purple;
    font-weight: bold;
    font-family: serif;
}

/* use this to reference document that models an assignment */
span.lecture { 
    color: #33EE88;
    font-weight: bold;
    font-family: serif;
}

/* use this to reference document that models an assignment */
span.slide { 
    color: #AA3399;
    font-weight: bold;
    font-family: serif;
}

/* use this to reference document that models an assignment */
span.mono { 
    color: black;
    font-weight: plain;
    font-family: monospace;
}

/* use this for inline output */
span.inlineoutput { 
    color: black;
    font-weight: plain;
    font-family: monospace;
}

code {
    color: #000000;
    font-weight: plain;
    font-family: monospace;
}
param {
    color: #000000;
    font-weight: plain;
    font-family: monospace;
    font-style: italic;
}