body
{
   background-color: #ffc;
}

p, div, td, table, tr, *.normal_text
{
    font-style: normal;
    text-decoration: none;
    color: #000;
    font-size: 100%;
}

#top_box
{
    top: 0.5em;
    left: 0em;
    width: 100%;
    overflow: auto;
}

#content_box
{
    left: 0;
    /*overflow: auto;*/
    
}

#ascii_box
{
    top: 5em;
    left: 0;
    width: 40em;
    height: 40em;
    color: #000;
}

*.underline
{
   text-decoration: underline;
}

*.boldface
{
   font-weight: bold;
}

/*
{
    position: absolute;
    left: 200;
}
*/
     
*.page_header
{
    font-size: 16px;
    font-weight: bolder;
    text-align: center;
    color: #000;
}

*.para
{
    text-align: justify;
    text-indent: 3em;
    color: #000;
}

div.bottomline
{
    text-align: center;
    font-style: italic;
    font-size: 12px;
    color: #000;
}

a img
{
    border: 0;
    text-decoration: none;
}

dt
{
    font-weight: bold;
    text-decoration: none;
}

a:link
{
    text-decoration: underline;
    color: #00f;
}

a:hover
{
    text-decoration: underline;
    color: #00f;
}

a:visited
{
    text-decoration: underline;
    color: #00f;
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}

/* for separating rows in courses table */
tr.empty {
  background-color: blue;
}


@media (prefers-color-scheme: dark) {
    /* CSS related to dark mode goes here */
    body
    {
       background-color: #000;
    }

    p, div, td, table, tr, *.normal_text
    {
        color: #fff;
    }
    a:link
    {
        color: #99f;
    }
    a:visited
    {
        color: #99f;
    }
}
@media (prefers-color-scheme: light) {
}