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

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

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

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

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