.termdates
{
    clear:both;
}

.termdates h3
{
    width:80%;
    font-size: 95%;
    text-align: center;
    float:left;
    padding-top:3px;
}

.termdates .forward
{
    float:right;
    padding: 3px 10px 4px 0;
}

.termdates .back
{
    float:left;
    padding: 3px 0 4px 10px;
}

.termdateButton
{
    width:47%;
    background-color: #ccc;
    text-align:center;
    padding: 3px;
    margin-top:2px
}

.termdates .term
{
    float: left;
    width: 31.5%;
    text-align: center;
    margin: 2px;
    padding-bottom: 10px;
    background-color: #fff;   
    font-size:85%; 
}

.termdates .odd
{
    background: url(../images/dotted_bg.gif);
}

.termdates div h2
{
    background-color: #E0E0E0;
    font-size:100%;
    font-weight:bold;
    padding: 4px;
    margin: 0;
}

.termdates div p
{
    margin: 10px 0;
    padding-top: 0;
}

.termdates div .until
{
    margin: 6px 0;
    font-style: italic;
    display: block;
    color: #666;
}

.termdates div hr
{
    height: 1px;
    border: 1px solid #666;
    width: 80%;
    padding: 0px;
    margin: 0px;
}

.termdates div .halfterm
{
    margin-bottom: 8px;
}

.termdates p
{
    margin: 10px 0;
    text-align: center;
}

.termdatedownload ul
{
    list-style: none;
    margin: 0 10px;
    padding:0;
    margin-top:6px;
    width:100%;
}

.termdatedownload ul li
{
    background: url(../images/download.jpg) no-repeat 17px 3px;
    padding: 3px 10px 3px 35px;
}

.termdates a:link, .termdates a:visited
{
    text-decoration: none;
    color: #009;
}

.termdates a:hover
{
    text-decoration: none;
    color: #900;
}

.termdates .insetdays
{
    font-size:80%;
}