/**********************************************************************/
/* Cascade Style Sheet for Mosaic Mania                               */
/**********************************************************************/
  
body {font-size:      12pt;
      font-family: "Book Antiqua",Verdana,sans-serif;
      color: maroon;
      background-color:#FFFFFF;
      line-height:    16pt;
      margin-left:    10pt; 
      margin-right:   10pt 
      } 


img  {color:red;
      border:solid;
      background-color:#FFFFFF
     }

/**********************************************************************/
/* Headings Prose Antique with Lucida Handwriting backup              */
/**********************************************************************/


h1,h2,h3,h4{font-family:"ProseAntique","Lucida Handwriting",sans-serif} 

h1 {font: 35px ProseAntique,"Lucinda Handwriting",sans-serif;
    font-weight: bold;
    background-color:#FFFFFF;
    color:       green
   }

h2 {font: 20px ProseAntique, "Lucinda Handwriting",sans-serif;
    font-weight: bold;
    background-color:#FFFFFF; 
    color:     green
   }

h3 {font: 25px Jokewood, "Lucinda Handwriting",sans-serif;
    font-weight: bold;
    background-color:#FFFFFF; 
    color:     purple
  }

h4 {font: 20px Jenkins, "Lucinda Handwriting",sans-serif;
    font-weight: bold;
    background-color:#FFFFFF; 
    color:     navy
   }

h5 {font: 15px Jenkins, "Lucinda Handwriting",sans-serif;
    font-weight: bold;
    background-color:#FFFFFF; 
    color:     blue
   }

h6 {font: 15px Jenkins, "Lucinda Handwriting",sans-serif;
    font-weight: bold;
    background-color:#FFFFFF; 
    color:     red
   }

p  {font: 14px "Verdana",sans-serif;
    color:     #909;
    background-color:#FFFFFF
   }

.emph {font-style:italic;
    font-weight:bold
   }

div           {
                display:block;
                position:absolute;
                color:maroon;
                background-color:#FFFFFF;
                width: 100%; 
                text-align:center;
                font-size:15px
               }

div#Green     {
                color:green;
                background-color:#E0EDC5
               }

div#Blue      {
               color:blue;
               background-color:#FFFFFF         
               }
div#Red       {
               color:red;
               background-color:#FFFFFF         
               }

div#Anna          {
                display:block;
                position:relative;                
                font-size:1.1em;
                width:100%; 
                left:0px;
                top:2%
               }
div#Month         {
                   display:block;
                   position:relative;
                   font-size:100%;
                   color:black;
                   background-color:#FFFFFF;                
                   margin-right:auto;
                   margin-left:auto;
                   width:100%
               }

div#Year          { 
                display:block;
                position:relative;
                font-size:.7em;
                width:100%;
                left:5%
               }
div#SixMonth            {
                         display:block;
                         position:relative;
                         font-size:100%;
                         color:#000000;
                         background-color:#FFFFFF;
                         margin-right:auto;
                         margin-left:auto;
                         width:100%;
                         font-weight: bold
                        }
div#SixMonth_Select     {
                         display:block;
                         position:relative;
                         font-size:100%;
                         color:#000000;
                         background-color:#FFFFFF;
                         margin-right:auto;
                         margin-left:auto;
                         width:100%;
                         font-weight: bold 
                        }
div#Course_Text         {
                         display:block;
                         position:relative;
                         font-size:100%;
                         width:100% 
                        }
#Calendar           {
                     display:block;
                     position:relative;
                     vertical-align:top;  
                     width: 100%
                    }

div#Content         {
                     display:block;
                     position:absolute;
                     text-align:left;
                     width: 100%;
                     top:27%
                   }
div#Navigation     {
                    display:block;
                    position:relative;
                    text-align:left;
                    width: 100%;
                   }

#Footnote          { 
                    display:block;
                    position:relative;
                    color:gray;
                    background-color:#FFFFFF;
                    width: 100%; 
                    text-align:center;
                    font-size:15px
                  } 

div#Centre        { 
                   position:relative;
                   text-align:center;
                  } 
#Pictures      {
                position:relative;
                width: 100%;
               }

#Portrait      {
                position:relative;
                width: 100%;
                margin-right:auto;
                margin-left:auto;
               }

div#Pictures img  { 
                width:200px;
                height:132px;
               }
div#Portrait img  { 
                width:132px;
                height:200px;
               }

div#Intro      { 
                display:block;
                position:absolute;
                width: 100%; 
                text-align:center;
                font-size:15px;
                top:30%
               }

.menu-table   {
               color:black;
               background-color:#E0EDC5;
               margin-right:auto;
               margin-left:auto; 
               }
.menu-link     {   
                display:block;
                color:black;
                background-color:#E0EDC5;
                border-style:outset;
                width:150px;
                height:20px;
                margin-right:auto;
                margin-left:auto; 
               } 
#course-link    {
               display:block;
               color:black;
               background-color:#FFFFFF;
               border-style:outset;
               width:150px;
               height:20px;
               margin-right:auto;
               margin-left:auto; 
               } 
#course-link-yellow       {
               display:block;
               color:black;
               background-color:#FFFBC6;
               border-style:outset;
               width:150px;
               height:20px;
               margin-right:auto;
               margin-left:auto; 
               } 
#course-link-green       {
               display:block;
               color:black;
               background-color:#E0EDC5;
               border-style:outset;
               width:150px;
               height:20px;
               margin-right:auto;
               margin-left:auto; 
               }       
#course-link-red       {
               display:block;
               color:black;
               background-color:#F49F9C;
               border-style:outset;
               width:150px;
               height:20px;
               margin-right:auto;
               margin-left:auto; 
               }
#course-link-blue       {
               display:block;
               color:black;
               background-color:#A5D8F6;
               border-style:outset;
               width:150px;
               height:20px;
               margin-right:auto;
               margin-left:auto; 
               }  
#course-link-purple       {
               display:block;
               color:black;
               background-color:#AA99C5;
               border-style:outset;
               width:150px;
               height:20px;
               margin-right:auto;
               margin-left:auto; 
               } 
#course-link-pink       {
               display:block;
               color:black;
               background-color:#FCDBE4;
               border-style:outset;
               width:150px;
               height:20px;
               margin-right:auto;
               margin-left:auto; 
               } 
.other-link       {
               display:block;
               color:black;
               background-color:#FFFFFF;
               width:6000px;
               height:20px;
               }
/*                                                          */
.Caption       {
                display:block;
                color:black;
                background-color:#FCDBE4
               }
.yellow-course {
                display:block;
                color:black;
                background-color:#FFFBC6
               } 
.green-course  {
                display:block;
                color:black;
                background-color:#E0EDC5
               }       
.red-course    {
                display:block;
                color:black;
                background-color:#F49F9C
               }
.blue-course   {
                display:block;
                color:black;
                background-color:#A5D8F6 
               }  
.purple-course {
                display:block;
                color:black;
                background-color:#AA99C5
               }

.Green         {
                display:block;
                color:green;
                background-color:#FFFFFF
               }
.Blue           {
               display:block;
               color:blue;
               background-color:#FFFFFF 
               }
.Red            {
               display:block;
               color:red;
               background-color:#FFFFFF
               }
.Month        {
               display:block;
               border:2px red;
               margin-right:auto;
               margin-left:auto;
               }
.SixMonth     {
               display:block;
               width:100px;
               margin-right:auto;
               margin-left:auto;
               }
a:link         {
                color:gray;
                background-color:transparent
               }
a:visited     {
               color:red;
               background-color:transparent
               }
a:focus       {
               color:olive;
               background-color:transparent
               }
a:hover       {
               color:green;
               background-color:transparent
               }
a:active      {
               color:blue;
               background-color:transparent
               }