article,footer,header,aside{display:block;}
article{
    margin:0;padding:10px 10px 10px 7.65em;
    margin:10px 50px 0 0px;
    border-top:solid gray 5px;
  }
article:first-child{
    border:none;
  }
article>header{
    /*text-align:center;*/    padding-left:8em;
    font-size:1.4em;
    font-weight:bold;
  }
article>ul{
    margin-bottom:10px;
    font-size:1.2em;
  }
article>ul>li{
    margin-bottom:10px;
  }
article ul.circ {
    list-style-type:circle;
    font-size:80%;
    margin-left:2em;
  }
h2.advise{
    padding-top:20px;
    float:left;
    color:gray;
  }
.docLink a{
  /* letter-spacing:-3px; */
   font-family:fixed monospace;
   font-variant:small-caps;
   text-align:right;
  }

/*---------------------------
-- Color Etc. is set here  --
-- do not change order     --
-----------------------------*/
  body {
    background: rgb(204,204,255);    /* bottom of every page (if it shows) */
  }
  div#wideContent { 
    background:  white;
  }
  div#thePage { 
    background:        white;
    border-top: 87px solid rgb(153,153,204);    /* top wide border of every page */
    min-width:  800px;
  }

  #topStuff { 
    color:white;
    margin-left:200px;
    position:absolute;
    top:-75px; left:-50px;
  }
  #topStuff a { 
    color:white;
    font-weight:bold;
  }
  #schedTable{
    margin-left:-10px;
    margin-top:0px;
    background:#F7ECC8;              /* lines in sched table */
  }
  #schedTable tr.colHeaders{
    background:#F7ECC8;
    text-align:left;
    color: #666;              
  }

  div#courseTitle { /* position WRT goes with thePage top border  */
     position:absolute;
     top:-65px; left:65%;
     text-align:right;

     font-size:2.5em;
     color:white;
     text-shadow: #7143B5  2px 2px, #7143B5 -2px -2px, #7143B5 2px -2px, #7143B5 -2px 2px ;
     font-weight:bold; 
     font-family:Arial;
  }
/*---------------------------
--     Navigation          --
-----------------------------*/

  div#mainNav{

/*   position:absolute;
     top:-101;left:0px;      YUCK, no. scrolls away!  */

     position: fixed;          /* keep at left... scroll does not affect this.*/
     left: 0;
     top: -19px;

     color:white;
     opacity:0.75;
     filter:alpha(opacity=75);
  }

  /* ------------------------------------------------------ */
  /* -----  Common Stuff for vert & horiz nav bars -------- */
  /* ------------------------------------------------------ */
  #mainNavBar {

    list-style-type: none;  /* remove bullets */

    padding-left:0;         /* get rid of left padding & margin */
    margin-left:0;

  }


  /* ------------------------------------------------------ */
  /* ----------- Vertical    ------------------------------ */
  /* ------------------------------------------------------ */
  #mainNavBar {
          width:8em;
          font-family:Arial;
          font-size:90%;
            }

  ul#mainNavBar a {

    display:block;         /* all same size if we convert to treat like "block-level" tag */
    text-decoration:none;

    line-height:2em;    /* center text vertically by (line-height == height) */
    height:2em;


    width:7.65em;          /*  <<<- IE 6 bug fix, (thisValue + 2*padding == width of .mainNavBar) */
    padding:0 0 0 5px;

    color:#544270;
    }


  #mainNavBar li {                /*-- gussy up a bit */
    background:white;             /*-- LKD: same as ... div#thePage */
    color:#544270;
    }

  #mainNavBar a:hover {           /* sanity check */
    color:#9C2F60;
    background:#DDE;
    }


/*---------------------------
--     The Rest            --
-----------------------------*/
  body{
    margin:0px;
    padding: 0px;
  }
  div#thePage { 
    width:100%; 
    position:absolute;
    margin:0px;
    padding: 0px;
   }

   div#wideContent { 
    min-height: 400px;
    padding-left:7.65em;  /* same as mainNav width!!! */
   }

   div.CHANGES { 
     color:RED;
     font-style:italic;
     font-weight:bold;
   }