body	{
  background-image: url(background.gif);
  color: #000000;
  font-family: times, serif;
  font-weight: normal;
  line-height: 1;
  margin-top: 1.5px;
  margin-bottom: 1px;
}
body#preview {
  font-size: 20px;
}
body.slave *.note,body.slave li.note,body.slave>ul>li.note {
  display: none;
}
.note {
  background-color: yellow;
}
.page {
  page-break-inside: avoid;
  page-break-after: always;
}
.attention {
    font-size: 130%;
    color:red;
}
h1 {
  color: #003366;
  font-size: 140%;
  font-weight: bold;
  text-align: center;
}
h2 {
  color: #003366;
  font-size: 120%;
  font-weight: bold;
}
h3 {
  color: #003366;
  font-size: 100%;
  font-weight: bold;
}
h4	{
  color: #003366;
}
h1 a, h2 a, h3 a, h4 a { color: #003366;
}
h5	{
  color: #000000;
}

h5 + p {
    margin-top: -2ex;
}
hr	{
  color: #336699;
}
div.footer img {
    border: 0;
    border-width:0;
    height: 31px;
    width:88px;
}
div.footer {
    border-top: medium solid black;
    padding-top: 2px;
    width:100%;
}
span.modified, span.license {
    font-size: 75%;
}
span.license:before {
    content: "©";
}
span.ryersonx {
    position:absolute;
    right:20px;
    margin-bottom:20px;
}
span.ryerson img {
    width:176px;
}
table {
  border-collapse: collapse;
}

tr, td {
  border-width: thin;
  border-style: solid;
}
.noborder, .noborder>tr, .noborder>tr>td , .noborder>td, td.noborder, tr.noborder {
  border-style: none;
  width:100%;
}
.solid, .solid>tr, .solid>tr>td , .solid>td, td.solid, tr.solid, .noborder>tr>td.solid {
  border-style: solid;
}
.dashed, .dashed>tr, .dashed>tr>td, .dashed>td, td.dashed, tr.dashed {
  border-style: dashed;
}
.open-bottom, table.stack>tr>td.open-bottom, table.stack>tr>td.rest {
  border-style: solid;
  border-bottom-style: none;
  height: 30px;
}
.open-top, table.stack>tr>td.open-top {
  border-style: solid;
  border-top-style: none;
  height: 30px;
}
.open, table.stack>tr>td.open {
  border-style: solid;
  border-top-style: none;
  border-bottom-style: none;
}
.center, table.center>tr>td, tr.center>td {
  text-align: center;
}
table.stack>tr, table.stack>tr>td.label {
  border-style: none;
  width: auto;
}
table.stack>tr>td.sep-top {
  border-style: none;
  border-top-style: solid;
  width: auto;
}
table.stack>tr>td.sep-bottom {
  border-style: none;
  border-bottom-style: solid;
  width: auto;
}
table.stack>tr>td {
  border-style: solid;
  width: 100px;
  height: 19px;
  text-align: center;
}
table.stack>tr.stack2 {
  height: 38px;
}
table.stack>tr.stack4 {
  height: 76px;
}
table.stack>tr.stack6 {
  height: 114px;
}
.pink	{
  background-color: #ffc1d0;
}
.yellow	{
  background-color: #ffff93;
}
.green	{
  background-color: #aaffab;
}
.blue	{
  background-color: #c2d4e4;
}

a {
  /*text-decoration: none;*/
  color: #000000;
}
a:active {
  color: #f12841;
}
a:hover	{
  background-color: #d0d0d0;
}

*.pink a:active {
  color: #003366;
}
*.pink a:hover	{
  background-color: #c06068;
}
ol {
  margin-left: 1cm; 
  list-style: decimal;
}
ol ol { 
  list-style: lower-alpha;
}
ul {
  list-style-image: url(blueball.gif);
}
ul ul {
  list-style-image: url(greyball.gif);
}
/*
ul ul ul {
  list-style-image: url(redball.gif);
}
*/
table pre { font-size: 100% }
pre { font-size: 70%; margin: 0.4cm; margin-left: 1cm;background-color: #ddd}
code { font-size: 70%; background-color: #ddd}
.warning { color: yellow; }
.error { color: red; }
.date { color: red; border-right: thin black solid; margin-bottom: 0px;}
.question { border: thin black solid; margin-bottom: 2px; padding: 4px;}
.answer { margin-left: 1cm; margin-top: 0px; margin-bottom: .2cm; }
pre .answer { margin-left: 1cm; margin-top: -1ex; margin-bottom: 0ex; }
pre .answerinline { display: inline; min-width: 24em; height: 70%; border: thin dashed black; margin-left: 1cm; margin-top: 3px; margin-bottom: 3px; }
.hidden, .note, .phase1, .phase2, .phase3, .phase4, .phase5, .phase6, .phase7, .phase8, .phase9 {
  display: none;
}
td.spacer { padding-left: 4em; }
.showphase {
}
/* Doesn't actually do anything... would be cool if it did!
body>* { 
  box-flex: 1;
}
*/

#navmenu a:hover:after, #navmenu a:focus:after {
	display: block;
	white-space: pre;
	content:  attr(title) " ("  attr(rel) ") \A" attr(href)  "\A Access Key: " attr(accesskey);
	text-decoration: none;
	color: #ECECDA;
	background-color: #663;
	border: 1px solid #000;
}