body  { background: white;
		color: black;
        font-family: "Trebuchet MS";
	    font-size: 10pt;
        text-align: center;
        padding: 49px 0 0 0; }

a           { color: black; 
              font-weight: bold; }
a:link 		{ text-decoration: none; }
a:visited   { text-decoration: none; }
a:hover     { text-decoration: underline; } 

p  { margin: 0px 0px 0px 0px; }

img  { border: 0px; }

#container { width: 225px;
             position: absolute;
             top: 0px;
             left: 0px; }

#calendar  { width: 223px;
             border-top: 1px solid black;
             border-left: 1px solid black; }

#calendartable  { width: 223px; }
             
#calendar caption  { background: url(images/menubar.gif) repeat-x; 
                     height: 27px;
                     vertical-align: middle;
                     border-right: 1px solid black;
                     font-size: 12pt;
                     font-weight: bold; }

#calendar th  { background: #ef1c21; 
                border-right: 1px solid black; 
                border-bottom: 1px solid black;
                border-top: 1px solid black; }
      
#calendar td {  border-right: 1px solid black;
                border-bottom: 1px solid black;
                width: 31px;
                height: 31px;
                color: #959595;
                background: url(images/calendar_tile.gif) no-repeat; }

#calendar td.today  { border-right: 1px solid black;
                      border-bottom: 1px solid black;
                      width: 31px;
                      height: 31px;
                      color: #959595;
                      background: url(images/today_tile.gif) no-repeat; }
                
#calendar td a  { color: black; }
#calendar td a:hover  { text-decoration: none;
                        font-weight: bolder;
                        font-size: 15pt; }
        
#dayheader  { position: absolute;
              top: 0px;
              left: 0px;
              width: 224px;
              height: 49px;
              z-index: 2; }

@media screen  { body>div#dayheader  { position: fixed; } }
* html div#day  { overflow: hidden; }
* html div#daysevents { height:100%;
                        overflow:auto; }
               
#daydisplay  { background: url(images/menubar.gif) repeat-x; 
               height: 27px;
               vertical-align: top;
               border: 1px solid black;
               font-size: 12pt;
               font-weight: bold; }

.uparrow  { position: absolute;
            top: 6px;
            left: 215px; }
            
.downarrow  { position: absolute;
              top: 18px;
              left: 215px; }

#backtocal  { background: #ef1c21;
              border-left: 1px solid black;
              border-right: 1px solid black;
              border-bottom: 1px solid black;
              height: 19px; }                        
                        
#daysevents  { position: absolute;
               top: 49px;
               left: 0px;
               background: url(images/date_gradient.gif) no-repeat;
               background-attachment: fixed;
               width: 222px;
               border-left: 1px solid black;
               border-right: 1px solid black;
               border-bottom: 1px solid black;
               z-index: 1; }
               
#daysevents li  { position: relative;
                  left: -10px;
                  padding-right: 5px; }

.minispacer  { margin-top: 1px; }
.boldtext  { font-weight: bold; }                  
.evententry  { text-align: left; }
.noevents  { text-align: center;
             padding-top: 30px;
             padding-bottom: 30px; }