BODY
     {
        position:relative;
        width:auto;
	font-family: Verdana, MS Sans Serif;
        font-size: 12px;
	background-color: #6a7a8a;
        color: darkblue;
        scrollbar-arrow-color: steelblue;
        scrollbar-base-color: #9bbad6;
        scrollbar-dark-shadow-color:#9bbad6;
        scrollbar-face-color:#9bbad6;
        scrollbar-highlight-color:white;
        scrollbar-shadow-color:#9bbad6;
        scrollbar-3d-light-color:#9bbad6;
        scrollbar-track-color:#9bbad6;
     }

#navLeft
     {
        position:absolute;
	padding: 10px 10px 10px 10px;
	border: 1px darkblue solid;
	background-color: silver;
	z-index: 3; 
	width: 128px;
	position: absolute; 
	top: 180px;
	left: 20px; 
     }

.middle
     {
	padding-right: 10px; 
	padding-left: 10px; 	
	padding-bottom: 10px; 
	margin: 0px 190px 0px 150px;
/*	width: auto;*/
	padding-top: 10px; 
	border: black 1px solid; 
	position: relative; 
	background-color: GhostWhite;
	background-image: url(images/back2.jpg);
	min-width: 120px;
        z-index: 4; 
     }

#navRight
     {
        position:absolute;
	border: black 1px solid; 
	padding-right: 10px; 
	padding-left: 10px; 
	z-index: 2; 
	right: 20px; 
	padding-bottom: 10px; 
	width: 170px; 
	padding-top: 10px; 
	position: absolute; 
	background-color: silver; 
	top: 180px;
     }

.crazyText
     {
       width=100%;
       font-family: verdana;
       font-size: 42pt;
       letter-spacing: 6px;
       font-weight: bold;
       text-align: center;
       filter: glow( color=blue, strength=5);
       padding: 5px 5px 5px 5px;
       color: #eee;
     }

SPAN.title
     {
       padding: 2px 5px 2px 5px;
       background-color: navy;
       text-align: center;
       color: white;
       font-family: Verdana, MS Sans Serif;
       font-style: italic;
       font-size: 12pt;
       /*font-weight: 600;*/
       font-variant: small-caps;
       position: relative;
       float: right;
       top: 10px;
       border-top:    thin gray  solid;
       border-left:   thin gray  solid;
       border-right:  thin black solid;
       border-bottom: thin black solid;
       z-index: 2;
     }     
     
.content
     {
       font-family: Verdana, Sans-Serif;
       font-size: 12px;
       border: thin black solid;
       padding: 5px 5px 5px 5px;
       background-color: #9bbad6; /*skyblue; lightblue;*/
       word-wrap: break-word;
       color: RGB(1 51 102);
       padding-top: 10px;
     }

DIV.window
     {
       margin-bottom: 15px;
     }

     
SPAN.titleText
     {/*
       padding: 2px 5px 2px 5px;
       background-color: RGB(0 51 102);
       text-align: center;
       color: white;
       font-family: Verdana, MS Sans Serif;
       font-style: italic;
       font-size: 12pt;
       font-variant: small-caps;
       position: relative;
       float: right;
       top: 10px;
       border-top:    thin gray  solid;
       border-left:   thin gray  solid;
       border-right:  thin black solid;
       border-bottom: thin black solid;
       z-index: 2;*/
     }

DIV.row, DIV.spacer
     { 
       clear: both;
     }
    
DIV.row
     {
       display: inline;
     }
     
SPAN.theDate, SPAN.navBar
     {
       position: relative; 
       background-color: navy; 
       color: silver;
       top: 13px; 
       border-left:   thin black solid; 
       border-right:  thin black solid;
       padding: 5px 5px 5px 5px;
       font-variant: small-caps;
     }


span.first
     {
       display: inline;
       padding-left: 5px;
       padding-right: 8px;
       border-right: thin solid black;
     }

span.inline
     {
       display: inline;
       padding-left: 7px;
       padding-right: 8px;
       border-right: thin solid black;
     }

A.titleLink, A.titleLink:visited
     {
       text-decoration: none;
       font-variant: small-caps;
       color: silver;
       font-size: 14px;
     }

A    {
       font-family: Verdana, MS Sans Serif;
       font-weight: bold;
       color: navy;
       text-decoration: none;
       font-size: 11px;
       font-variant: small-caps;
     }

A:visited
     {
       color: darkblue;
     }


A:hover, A.titleLink:hover
     {
       color: red;
     }
       
span.last
     {
       display: inline;
       padding-left: 7px;
       padding-right: 0px;
     }

IMG.popImage
     {
       position: relative;
       top:-25px;
       left:20px;
       float: right;
       margin-right:0;
       border: thin black solid;
     }
IMG.popImage2
     {
       position: relative;
       top:-25px;
       left:-20px;
       float: left;
       margin-left:0;
       border: thin black solid;
     }

H2
     {
       text-align: center;
       border-bottom: medium navy double;
     }

/* ------------ Calendar Style ------------*/
  SPAN.new
       {
         font-family: Verdana, MS Sans Serif;
         font-style: italic;
         font-size: 10pt;
         font-variant: small-caps;
         text-align: center;
         color: darkblue;
       }

  SPAN.locked
       {
         font-family: Verdana, MS Sans Serif;
         font-style: italic;
         font-size: 10pt;
         font-variant: small-caps;
         text-align: center;
         color: white;
       }

   SPAN.summary
       {
         font-family: Verdana, MS Sans Serif;
         font-style: italic;
         font-size: smaller;
         text-align: center;
         color: darkblue;
       }

   TR.boxTitle
       {
         font-family: Verdana, MS Sans Serif;
         color:white;
         font-weight:bold;
         font-size:smaller;
         font-variant: small-caps;
         background-color: RGB(0 51 102);
         text-align: CENTER;
       }

   TD.calTitle
       {
         font-family: Verdana, MS Sans Serif;
         background-color: RGB(0 51 102);
         text-align: center;
         font-variant: small-caps;
         font-weight:bold;
         color: white;
       }

   TD.details
       {
          border-color:black,black,black,black;
          background-color: lightblue;
          padding-right: 5pt;
          padding-left: 5pt;
          font-family: Verdana, Sans-Serif;
          font-size: 12px;
       }

   TD.todaysCell
       {
         width:90px;
         background-color:lightskyblue;
       }

   TD.otherDay
       {
         width:90px;
         /*background-color:#FFFFCC;*/
         background-color: lightblue;
         font-style: italic;
       }

   TD.newDayEntry, TD.nonDayEntry
       {
         width:90px;
         background-color:#DCDCDC;
         font-size: 12px;
       }

   .highlighted
       {
         background-color: lightsteelblue;
         color: blue;
         cursor: hand;
         font-style: italic;
         font-weight: bold;
         border-top:    1px #eee  solid;
         border-left:   1px #eee  solid;
         border-right:  1px black solid;
         border-bottom: 1px black solid;
       }

   SPAN.todaysNum
       {
         color: darkblue;
         font-size:larger;
         font-weight: bold;
         font-style: italic;
       }
   
   TD.closeButton, TD.closeButtonHover
       {
         color: black; 
         cursor: hand;
         background-color: red;
       }
    
   TD.closeButtonHover
       {
         color: white;
         border-top:  1px gray solid;
         border-left: 1px gray solid;
       }
/* ---------- End Calendar Style ----------*/