/*BEGIN-lkd added Jan'15*/
  .local h4{color:white;
         background:#4a339c;
         font-size:1.5em;
         padding-left:1em;
  }
  .theHours th:first-child {text-align:right;}
  .theHours tr             {vertical-align:top;}
  .courseGrades{
    line-height:1.5em;
    border:solid #CCC 2px;
  }
  .courseGrades td:first-child, .courseGrades th:first-child{
                               text-align:right
                              ;padding-left:1em}
  .courseGrades td,.courseGrades th{padding-right:1em}
  .courseGrades tr.totals{
    background:#CCC;
    font-weight:bold;
  }
  article.books header{
    margin:0;padding:.1em;
  }

    th.dates{text-align:left}
    th.topics{width:50%}

/*END-lkd added Jan'15*/

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:       #D6CED6; ; /* bottom of every page (if it shows) */
  }

  div#wideContent { 
    background:  white; 
    /* VALENTINES background: #F6B;   /* VALENTINES - looks good on sched but NOT OTHER PAGES?!? */
  }
  div#thePage { 
    background:        white;
    border-top: 100px solid #4a339c;      /* top wide border of every page */
    /* VALENTINES border-top: 100px solid #F6B; /* VALENTINES top wide border of every page */
    min-width:  800px;
  }

  #topStuff { 
    color:white;
    margin-left:200px;
    position:absolute;
    top:-100px ; 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%;*/
     margin-top:-65px;
     padding-right:.5em;
     text-align:right;

     font-size:2.5em;
     color:white;
     /*text-shadow: #3F5716 2px 2px, #3F5716 -2px -2px, #3F5716 2px -2px, #3F5716 -2px 2px ;*/
     /*text-shadow: #636 2px 2px, #636 -2px -2px, #636 2px -2px, #636 -2px 2px ;*/
     text-shadow: black 4px 4px;
     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);

                               /*<!--lkd added style EXTRAS Aug'15 -->*/
                               border-right:solid gray 1px;border-bottom:solid gray 1px; 
  }


  /* ------------------------------------------------------ */
  /* -----  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;

                               /*<!--lkd added style EXTRAS Aug'15 -->*/
                               margin-bottom: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: 450px;
    padding-left:7.65em;  /* same as mainNav width!!! */
   }

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