body { background-color: #e1e1e1; margin: 0; padding: 0; }


.mapclass{ background-color: #ffffff; 
                  position: absolute; 
                  width: 400px; top: 95px; left: 15px; height: 400px; 
                  border-style: solid;
                  border-width: 1px;
                  border-color: #333333;
}

div#pageTitle{  position: absolute; 
                        left: 15px; 
                        top: 15px; 
                        width: 400px;
                        height: 80px;
                        FONT-FAMILY: Verdana,arial,serif;
                        color: #375aa2;
                        font-size: 8pt;  
                        font-weight: 600;
                        font-style: italic;
                        line-height: 1.0;
                        }
/*
div#listItems{  position: absolute; left: 48%; top: 2%;  width: 48%; height: 1em; 
          background-color: #333333;
        }
*/

div#credits { position: absolute;
                     left: 15px;
                     top: 500px;
                     width: 400px;
                     font-family: verdana, sans-serif;
                     font-size: 7pt;
                     color: #000000;
                     text-align: center;
                     background-color: transparent;
}

                     
div#item{  position: absolute; left: 430px; top: 20px; width: 355px;  height: 280px; 
        border-style: solid;
         border-width: 1px;
          border-color: #333333;
          background-color: #ffffff;
       font-family: verdana, sans-serif;
        font-size: 8pt;
        color: #000000;
		  overflow:auto;
		  padding:1em;
          margin: 0px;
        }

.itemTitle {font-weight:bold}
.itemDescription{ padding: 2em;}


div#controls{  position: absolute; left: 430px; top: 330px; width:200px;  height: 180px; 
          background-color: transparent;
         font-family: verdana, sans-serif;
        font-size: 8pt;
        color: #000000;
        padding:1em;
        border-left: #375aa2  2px dotted;
        }

div#calendar{  position: absolute; left: 645px; top: 330px; width:140px;  height: 180px; 
                       background-color: transparent;
                        background-image: none;
/*        border-style: solid;
         border-width: 1px;
          border-color: #333333;
*/
          background-color: transparent;
          

		  padding:0;
        }


A { color: #aa0000; FONT-FAMILY: Verdana,arial,serif; font-size: 8pt;  font-weight: normal; text-decoration: none;}
A:visited { color: #aa0000; FONT-FAMILY: Verdana,arial,serif; font-size: 8pt;  font-weight: normal; text-decoration: none;}
A:hover { color: #ff0000; FONT-FAMILY: Verdana,arial,serif; font-size: 8pt;  font-weight: normal; text-decoration: none; }



TABLE.calendar { float: right;
                   border-style: solid;
                   border-width: 1px;
                   border-color: #333333;
                   padding: 5px;
                   background-color: #ffffff;
                   background-image: none;
                            }

/* the heading row: contains year and month  */

TR.calendarHeading { background-color: #ffffff;
                                   font-family: Georgia, "Times New Roman", serif;
                                   font-size: 8pt;
                                   color: #000000;
                                   text-align: center;
                                   height: 15px;
                                 }

/* the days row (S M T W T F S) */

TR.calendarDays { height: 10px;
                                   font-family: verdana, sans-serif;
                                   font-size: 7pt;
                                   color: #000000;
                                   text-align: right;
                                 }

/* the dates rows (containing all the numerical dates) */

TR.calendarDates { height: 10px;
                               font-family: verdana, sans-serif;
                                font-size: 7pt;
                                color: #000000;
                                text-align: right;
}

/* day that has an event */
A.calendarEvent { font-family: verdana, sans-serif;
                     text-decoration: none;
                     font-size: 7pt;
                     color: #aa0000;
                     background-color: #ffdede;
                     text-align: right;
                   }

/* style for hovering over the event link */
A.calendarEvent:hover { font-family: verdana, sans-serif;
                     text-decoration: none;
                     font-size: 7pt;
                     color: #ff0000;
                     background-color: #ffdede;
                     text-align: right;                               
                           }

A.calendarEvent:visited { font-family: verdana, sans-serif;
                     text-decoration: none;
                     font-size: 7pt;
                     color: #aa0000;
                     background-color: #ffdede;
                     text-align: right;
                   }

/* a highlighted event */
A.calendarHighlightedEvent { font-family: verdana, sans-serif;
                     text-decoration: none;
                     font-size: 7pt;
                     color: #aa0000;
                     background-color: #a2bcd8;
                     text-align: right;                  
                   }

/* style for hovering over the event link */

A.calendarHighlightedEvent:hover { 
font-family: verdana, sans-serif;
                     text-decoration: none;
                     font-size: 7pt;
                     color: #ff0000;
                     background-color: #a2bcd8;
                     text-align: right;                
                           }
A.calendarHighlightedEvent:visited { font-family: verdana, sans-serif;
                     text-decoration: none;
                     font-size: 7pt;
                     color: #aa0000;
                     background-color: #a2bcd8;
                     text-align: right;                  
                   }

                              

TR.calendarControl { background-color: #ffffff;
                                   font-family: Georgia, "Times New Roman", serif;
                                   font-size: 7pt;
                                   color: #000000;
                                   text-align: center;
                                   height: 10px;
                                 }