body {
    font-family:'Segoe UI';
}

.Calendar {
    padding:15px;
    background-color:rgba(255, 255, 255, 0.05);
    display:none;
}

.MeetingEvent {
    background-color: #763a16 !important;
    cursor: pointer;
    padding-left: 2px;
}


.FieldTripEvent {
    background-color: #1496d4 !important;
    cursor: pointer;
    padding-left: 2px;
}

.MoneyEarningEvent {
    background-color: #00b451 !important;
    cursor: pointer;
    padding-left: 2px;
}

.PartyEvent {
    background-color: #fd329e !important;
    cursor: pointer;
    padding-left: 2px;
}

.CampingEvent {
    background-color: #ee3124 !important;
    cursor: pointer;
    padding-left: 2px;
}

.TravelEvent {
    background-color: #f7be00 !important;
    cursor: pointer;
    padding-left: 2px;
}

.CommunityServiceEvent {
    background-color: #005640 !important;
    cursor: pointer;
    padding-left: 2px;
}

.NeighborhoodEvent {
    background-color: #5c1f8b !important;
    cursor: pointer;
    padding-left: 2px;
}

.CouncilEvent {
    background-color: #004987 !important;
    cursor: pointer;
    padding-left: 2px;
}

.PageTitle {
    font-weight:bold;
    font-size:20px;
}

.BodyDiv {
    position: fixed;
    width: 100%;
    overflow: auto;
}

.HeadDiv {
    height: 51px;
    max-height: 51px;
    min-height: 51px;
    background-color: lightgreen;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
}

@media screen and (max-width: 1300px) {
    .BodyDiv {
        position: relative;
        overflow: none;
    }

    .HeadDiv {
        position: relative;
        height: 70px;
        max-height: 70px;
        min-height: 70px;
        overflow: none;
    }
}