body {
    background-color: #fffff0 ;
}


.header-box {
    position : fixed ;
    top: 0 ;
    right: 0 ;
    left: 0 ;
    padding: 0.5em ;
    background-color : #fffff0 ;
}
.header {
    width: 100% ;
    background-color: #cccccc ;
    border-width: thin ;
    border-style: solid ;
    border-color: #000000 ;
    border-radius: 0.5em ;
}
.header-title {
    padding-left: 1em ;
    padding-right: 1em ;
    padding-top: 0.3em ;
    padding-bottom: 0.5em ;
    font-weight: bold ;
    font-size: 120% ;
}
.header-course {
    float: left ;
    align: bottom;
}
.header-jump {
    width: 30% ;
    margin-left: auto ;
    margin-right: auto ;
    border-width: thin ;
    border-style: solid ;
    border-radius: 0.5em ;
    background-color: #eeeeee ;
    text-align: center ;
    font-style: italic ;
}
.header-prof {
    float: right ;
    align: bottom;
}
.header-text {
    text-align: center ;
}
.header-tabs {
    margin: 0px ;
    text-align: center ;
}
.tab , .tab-current {
/*
    padding-left: 1em ;
    padding-right: 1em ;
*/
    display: inline-block ;
    width: 12em ;
}
.tab-current {
/*
    padding-left: 2em ;
    padding-right: 2em ;
    width: 12em ;
    display: inline-block ;
*/
    font-weight: bold ;
    text-transform: uppercase ;
    background-color: #ffffa0 ;
}



h3 {
    font-style: italic ;
    text-transform: uppercase ;
}



.blackboard {
    margin-left: auto ;
    margin-right: auto ;
    background-color: #e0e0e0 ;
    border-radius: 0.5em ;
    padding-top: 0.5em ;
    padding-bottom: 0.5em ;
}
.blackboard-heading {
    background-color: #cccccc ;
}


.redboard {
    margin-left: auto ;
    margin-right: auto ;
    background-color: #f0d0d0 ;
    border-width: 0.5ex ;
    border-style: solid ;
    border-color: #000000 ;
    border-radius: 0.5em ;
    padding-top: 0.5em ;
    padding-bottom: 0.5em ;
    padding-left: 0.5em ;
    padding-right: 0.5em ;
}

.scroll-box {
    overflow: auto ;
}



.ann {
    margin: 0.5em ;
}
.ann-date {
    font-style: italic ;
}
.ann-subject {
    font-weight: bold ;
}
.ann-text {
    padding-top: 0.2em ;
    padding-bottom: 0.5em ;
    padding-left: 2em ;
}
.ann-text p {
    margin-top: 0em ;
    margin-bottom: 0.3em ;
}


.res-list {
    margin-top: 0.5ex ;
    margin-bottom: 0ex ;
    margin-left: 0em ;
    margin-right: 1em ;
}
.res-elem {
    margin-bottom: 0.5ex ;
}

.lectures th,td {
    vertical-align: top ;
    padding-left: 5px ;
    padding-right: 5px ;
    padding-top: 10px ;
    padding-bottom: 10px ;
    border-spacing: 0 ;
    border: 0 ;
}
.lectures-break {
    background-color: #d8d8d8 ;
    color: #777777 ;
}
/*
.assign {
    padding-left: 0.2em ;
    padding-right: 0.2em ;
    margin-left: 0.1em ;
    margin-right: 0.1em ;

    outline-style: solid ;
    outline-width: thin ;
    outline-color: black ;
    font-weight: bold ;
}
*/
.assign , .lectures-test , .lectures-exam {
    background-color: #ffcccc ;
    color: #000000 ;  /* in case this is inside a .break */
}
.assign {
    font-weight: bold ;
}
.sol {
    background-color: #ddffdd ;
}
.lect-column {
    padding-left: 1em ;
    padding-right: 0em ;
    text-align: left ;
}
/* do this in in b.js, differently for lect and plect (should really be css!)
.lect-column::before {
    content: "[" ;
}
.lect-column::after {
    content: "]" ;
}
*/
.lect-past {
    background-color: #f0f0f0 ;
}
.lectures-weekend {
    height: 1.5em ;
    background-color: #d8d8d8 ;
}

/* as in "--ed."  for comments on exercises, etc, as in:  "exer 6.1: 1, 2 <span class='ed'>this one is hard!</span>, 3" */
.ed {
    font-style: italic ;
    font-size: 85% ;
    color: #333333 ;
}
.ed::before {
    content: "[" ;
}
.ed::after {
    content: "]" ;
}



/* which of these do you ever actually use? */
.strong {
    font-weight: normal ;
    font-style: italic ;
    color: #aa2222 ;
}
.urgent {
    color: #aa0000 ;
    font-weight: bold ;
}
.fresh {  /* "new", but "new" sounds like a reserved word in C++ ... */
    color: #00aa00 ;
    font-weight: bold ;
}



.qotd {
    margin-left: 9em ;
    margin-right: 5em ;
    margin-top: 1em ;
    margin-bottom: 1em ;
}
#qotdQotd , #qotdAuthor {
    font-weight: bold ;
    margin-top: 0.5em ;
    margin-bottom: 0.5em ;
}
#qotdQuote{
    margin-left: 3em ;
    margin-right: 5em ;
    margin-top: 0.5em ;
    margin-bottom: 0.5em ;
}