.calendar {
        /** configure the width **/
        width:180px;
        background-color: #FCF8EA;
        border: 0px solid #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin-left:-15px;
        padding:0px;
        text-align:center
}
.calendar th {
        background-color: #FFFFFF;
        font-weight: bold;
        height: 20px
}
.calendar .header {
        background-color: #F4EFD1;
        font-weight: bold;
        height: 24px;
        color: #333333
}
.calendar .footer {
        background-color: #F4EFD1;
        font-weight: bold;
        font-size:0.8em;
        color: #333333;
        width:100%
}
.calendar td {
        width: 22px;
        height: 20px;
        text-align: center;
        font-size:0.9em;
        padding: 2px;
}
.calendar .today {
        width: 18px;
        height: 16px;
        background-color: #FFFFFF;
        padding: 2px;
        border: 1px solid #000000
}

.calendar .link {
        width: 18px;
        height: 16px;
        background-color: #A81D20;
        padding: 2px;
        border: 0px solid #000000;; color:#333333
}

.calendar a, .calendar a:link, .calendar a:hover {
        font-weight: bold;
        text-decoration: underline;
        color: #000000;

}
.calendar a.headerNav, .calendar a:link.headerNav, .calendar a:hover.headerNav {
        background-color: #FCF9EC;
        color: #333333
}

.calendar a.footerNav, .calendar a:link.footerNav, .calendar a:hover.footerNav {
        width: 100%;
        background-color: #FBF7E8;
        color: #333333
}