#calendar {
    position: relative; 
    width: 300px; 
    height: 306px; 
    background:#031F68 url(../images/calendar.png) no-repeat right;
    border:3px double #ddd;
    margin-top: 10px;
    float: right;
}
#calendar h2 {
    position:absolute; 
    width:180px; 
    left:78px;  
    text-align:center; 
    font-size:1.3em; 
    background:none
}
#year a {
    text-decoration:none; 
    color:#000;
}
#year {
    padding:70px 0 0 0; 
    margin:0; 
    list-style-type:none; 
    width:110px;
}
#year li {
    display:block; 
    width:100px; 
    height:17px; 
    line-height:17px; 
    padding-left:10px; 
    background:transparent;
}
#year table {
    border-collapse:collapse; 
    width:190px; 
    height:270px;
}
#year table td {
    height:33px; 
    width:35px; 
    text-align:center; 
    line-height:33px;
}
#year table tfoot td {
    width:240px; 
    background:#004800; 
    height:43px;
}
#year table caption {
    color:#006600; 
    height:32px; 
    line-height:32px; 
    padding:0; margin:0; 
    background:#e5e5e5; 
    font-size:1.3em;
}
#year table thead th {
    text-align:center; 
    background:#004800; 
    color:#fff;
}
#year li table {display:none;}
#year li:hover {
    cursor:default; 
    background:#7092bf; 
    color:#fff;
}
#year li:hover table {
    display:block; 
    position:absolute; 
    left:110px; 
    top:0; 
    background:#7092bf;
}
#year td a {
    display:block; 
    border:1px solid #000; 
    margin:-1px; 
    color:#fff;
}
#year td a:hover {
    display:block; 
    background:#fff; 
    color:#000;
}