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

.mapClass{ background-color: #f0f0ff; 
                  position: absolute; 
                  width: 500px; top: 40px; left: 50px; height: 300px; 
                  border: none;
}

div#teamSelect{ position: absolute; 
                width: 170px; top: 340px; left: 50px; height: 100px; 
                FONT-FAMILY: Verdana,arial,serif; font-size: 8pt;  font-weight: normal;
}

div#mapLegend{ position: absolute; left: 150px; width: 180px; height: 40px; top: 0px; 
               padding: 0.5em;
               }

div#calendarLegend{ position: absolute; left: 0px; width: 150px; height: 40px; top: 0px;
                    padding: 0.5em; }
       

div#pageTitle{  position: absolute; 
                        border: none;
                        left: 50px; 
                        top: 10px; 
                        width: 500px;
                        height: 20px;
                        FONT-FAMILY: Verdana, Arial,sans-serif;
                        font-style: normal;
                        color: #333333;
                        font-size: 14pt;  
                        font-weight: normal;
                        text-align: center;
                        }
                        
div#mapCredits{ position: absolute; 
                width: 500px; top: 550px; left: 50px; height: 50px; 
                FONT-FAMILY: Verdana,arial,serif; font-size: 7pt;  font-weight: normal;
}

div#mapInfo{ position: absolute; 
                width: 330px; top: 340px; left: 215px; height: 40px; 
                FONT-FAMILY: Verdana,arial,serif; font-size: 7pt;  font-weight: normal;
}

div#infoBox { background-color: #ffffff;
              position: absolute; left:215px; width: 330px; top: 380px; height: 155px;
              border: solid 1px #333333;
              padding: 0px;
              margin: 0px;
            }

div#venueInfo { background-color: transparent;
                       position: absolute; left: 150px; width: 180px; top: 40px; height: 115px;
                       font-family: verdana, sans-serif;
                       font-size: 8pt;
                       color: #000000;
                       padding: 0.5em;
                       margin: 0px;
        }

div#itemInfo {  background-color: transparent;
                       position: absolute; left: 0px; width: 150px; top: 40px; height: 115px;
                       font-family: verdana, sans-serif;
                       font-size: 8pt;
                       color: #000000;
                       padding: 0.5em;
                       margin: 0px;
                       overflow:auto;
        }

.content {       font-family: verdana, sans-serif;
                       font-size: 8pt;
                       color: #000000;
	}
                
.teamSelect {       font-family: verdana, sans-serif;
                       font-size: 8pt;
                       color: #000000;
                       padding: 0px;
                       margin: 0px;
	}    

.tinyBlack {    font-family: verdana,  arial, sans-serif;
                     font-size: 7pt;
                     color: #000000;
}


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; }


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