html
   {
   margin: 0px;
   padding: 0px;
   height: 100%;
   width: 100%;
   font-family: "Palatino Linotype", serif;
   background-color: #D5DFFF;
   }

#body
   {
   position:relative;
   margin-left: 8.25em;
   padding: 5px;
   color: #201442;
   background-color: #D5DFFF;
   }

/* Properties of links */
a:link {margin-top: 2em;color: #345DF1}
a:visited {margin-top: 2em;color: #B55CDE}
a:hover  {margin-top: 2em;color: #61239E}
a:active {margin-top: 2em;text-decoration:none}

/*This is how the text will look before mouse over -> */
.colc{
color: #FFFF00;
}

/*This is how the text will look on mouse over. Note "hover" is the most important change here -> */
.colc:hover
{
color: #456745;
}



/*====================*/
/* The below css script has been adapted from that posted on http://data.bangtech.com/web/css_fixed_menu.htm and accessed on May 29, 2009 */

div.toc
   {
   margin: 1px;
   float: left;
   position: fixed;
   top: 5px;  left: 5px;  width: 9em;  right: auto;
   font-size: .85em;
   background-color: #D5DFFF;   
   }

div.toc a, div.toc em
   {
   display: block;
   margin: .25em .25em .25em .75em
   }
   
div.toc a, div.toc em
   {
   border-top: 1px groove #9471FB
   }
   
div.toc a:first-child
   {
   border-top: none
   }
   
div.toc em
   {
   color: #142398
   }
   
div.toc em:first-child
   {
   border-top: none
   }

div.toc a:link
   {
   text-decoration: none;
   color: #345DF1
   }

div.toc a:visited
   {
   text-decoration: none;
   color: #B55CDE
   }

div.toc a:hover
   {
   background: #2957BA;
   color: #FDFDB0
   }

/*====================*/

/*
   {
   position: fixed;
   top: 4.7em;
   height: 40em; max-height: 80%;
   width:13em; max-width:20%;
   font-size: 80%;
   overflow-y: auto;
   overflow-x: hidden;
   }
*/

#content
   {
   float: right;
   margin-top: .5em;
   padding: 1em;
   width:52em; max-width:80%;
   }

#footer
   {
   clear: both;
   margin-left: 8.25em;
   padding: 5px;
   color: #201442;
   background-color: #D5DFFF;
   }

#drop
   {
   position: relative;
   top: -2em;
   visibility: hidden;
/*   display: none;*/
   }

h1
   {
   color: #201442;
   font-size:17pt;
   text-align:center;
   }

h2
   {
   color: #201442;
   font-weight: bold;
   font-size: 13pt;
   text-align: left;
   }

p.hang
   {
   font-weight: 300;
   margin-left:60pt;
   text-indent:-30pt;
   }

p.indent
   {
   font-weight: 300;
   margin-left:30pt;
   /* text-indent:30pt */
   }

p.deep_indent
   {
   font-weight: 300;
   margin-left:60pt;
   /* text-indent:30pt */
   }


ul.compact
   {
   position:relative;
   left:-1em;
   }

div.transbox1
   {
   margin: 3px 3px;
   padding: 10px;
   background-color: #E1E8FF;
   border: 1px solid #3B9C9C;
   }

div.transbox2
   {
   margin: 20px 30px;
   padding: 10px;
   background-color: #ffffff;
   border: 1px solid #3B9C9C;
   filter: alpha(opacity=60);
   opacity: 0.6;
   }

div.transbox p
   {
   margin: 5px 5px;
   font-weight: 300;
   color: #000000;
   }

table.schedule
   {
   border-width: 2px;
   border-spacing: 1px;
   border-style: outset;
   border-color: black;
   border-collapse: collapse;
   }

table.schedule th
   {
   border-width: 0px;
   padding: 9px;
/*
   border-style: solid;
   border-color: black;
*/
   font-weight: 400;
   text-align: left;
   font-variant: small-caps;
   font-size: 120%;
   background-color: #ffffff;
   opacity: 0.6;
   }

table.schedule_top_left th
   {
   border-width: 1px;
   border-top-style: none;
   border-left-style: none;
   border-right-style: solid;
   border-bottom-style: solid;
   border-color: black;
   }

table.schedule td
   {
   border-width: 0px;
   padding: 5px;
/*
   border-style: solid;
   border-color: gray;
*/
   }