/*
<h2 id='toc'>Upcoming Classes</h2>
<p><ul class='toc'>
<li><a href='#I0'>Advance Topics in Wildlife Rehabilition 1</a></li>
<li><a href='#I1'>Advance Topics in Wildlife Rehabilition 2</a></li>
</ul></p>
<h2>Class Details</h2>
<div class="classList">
    <p class="header"></p>
    <div class="classListItem" id='I0'>
        <div class="title">Advance Topics in Wildlife Rehabilition 1</div>
        <div class="when">Sat Apr 26, 2014 9:00am</div>
        <div class="desc">blah blah blah</div>
        <form class="paypal">...</form>
    </div>
    <div class="classListItem" id='I1'>
        <div class="title">Advance Topics in Wildlife Rehabilition 2</div>
        <div class="when">Sun Apr 27, 2014 9:00am</div>
        <div class="desc">blah blah blah</div>
        <form class="paypal">...</form>
    </div>
</div>
*/

.classList .header {
    visibility: hidden;
}

.classList .classListItem {
    margin-bottom: 1.5em;
    text-align: left;
    padding: 0.5em 2.3em 1.5em 2.3em;
    border: solid 1px #ddbb99;

    /* Firefox */
    -moz-border-radius: 7px;
    /* WebKit */
    -webkit-border-radius: 7px;
    /* IE9, Opera 10.5+, dev channel releases of Google Chrome */
    border-radius: 7px;

    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#333322');
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#333322')";
    /* Firefox */
    -moz-box-shadow: 2px 2px 6px #333322;
    /* WebKit */
    -webkit-box-shadow: 2px 2px 6px #333322;
    /* Standard */
    box-shadow: 2px 2px 6px #333322;
}

.classList .classListItem .title {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

.classList .classListItem .desc {
    font-size: 1.15em;
    font-weight: normal;
    padding: 0;
    margin: 0.4em 0 0.6em 0;
}

.classList .classListItem .attr {
    font-size: 1.0em;
    font-weight: normal;
    padding: 0;
    margin: 0;
    margin-top: 0.3em;
}

.classList .classListItem .attr span {
    font-weight: bold;
}

.classList .classListItem form.paypal {
    text-align: center;
    padding: 0;
    margin: 0;
    margin-top: 1.5em;
    margin-bottom: 0em;
}

.jumps {
    font-size: 0.8em;
    font-weight: normal;
    color: #888;
    padding-bottom: 1.0em;
}

.jumps a {
    font-size: inherit;
    font-weight: bold;
    text-decoration: none;
    color: inherit;
}

.toc,
.toc li {
    list-style-type: circle;
}

.toc li a {
    text-decoration: none;
}

.toc li a:hover {
    text-decoration: underline;
}