/*---------------------------
-- Color Etc. is set here  --
-- do not change order     --
-----------------------------*/
  body {
    background:        rgb(153,153,204); /* bottom of every page (if it shows) */
  }
  div#wideContent { 
    background:        white;
     border:solid white 2px;
  }
  div#thePage { 
    border-top: 87px solid rgb(204,204,255);    /* 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-top:10px;
    background:#C5C3E3;              /* lines in sched table */
    width:105%;
  }
  #schedTable tr.colHeaders{
    background:#C5C3E3;              
    text-align:left;
  }


  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: #99C 2px 2px, #99C -2px -2px, #99C 2px -2px, #99C -2px 2px ;
     font-weight:bold; 
     font-family:Arial;
  }
/*---------------------------
--     Navigation          --
-----------------------------*/

  div#mainNav{

     position:absolute;
     top:-101;left:0px;

     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:35;         /* 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 { 
    width:80%;
    min-height: 400px;
    padding-left:160px;
   }

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

  .doitDIV{border:solid black 1px; background:#EBFFC2;margin-bottom:50px;
           font-size:1.3em;font-family:monospace;padding:10px}
  .doitSPAN{color:#CF6;font-size:1.5em;font-style:bold;
       text-shadow: black -2px -2px;
      }

  a.button {
       text-decoration:none;
       background:#B1B1CC;
       color:#FFF;
       border:solid 2px;

       border-top-color   :#DFDFDF;
       border-right-color :#666;
       border-bottom-color:#333;
       border-left-color  :#858585;
       }
  a.button:hover{
       border-top-color   :#333;
       border-right-color :#858585;
       border-bottom-color:#DFDFDF;
       border-left-color  :#666;
       }