#wrapper {
background:url(../images/classes-main-bg.jpg) no-repeat;
}

#content {
    padding: 12px 0 0 0;    
}
div.scheduleWrapper {
float: left;
width: 738px;
}

div.scheduleWrapper p {
    line-height: normal;
    margin: 0 auto;
    padding: 0;
}

div.headlineWrapper {
background:url(../images/class-boxes/drop-in-header-bg.png) no-repeat;
height: 68px;
}

div.headlineWrapper h1 {
color: #553900;
font-size: 1.4em;
font-weight: bold;
margin: 0 auto;
padding: 4px 0 0;
text-align: center;
text-transform: uppercase;
width: 738px;
}

div.headlineWrapper p {
color: #553900;
font-size: 1.1em;
font-style: italic;
font-weight: bold;
margin: 0 auto;
padding: 0;
text-align: center;
width: 738px;
}


/* drop in box */
div.dropinWrapper {
}
div.dropinTop {
background:url(../images/class-boxes/drop-in-box-top.png) no-repeat;
height: 35px;
}

div.dropinTop p {
    color: #fff;
    font-size: 1.04em;
    font-weight: bold;
    padding-top: 9px;
    text-align: center;
    text-transform: uppercase;
    width: 738px;
}

div.dropinNote {
background:url(../images/class-boxes/drop-in-box-top-slice.png) repeat-y;
}
div.dropinNote, div.seriesNote {
    font-size: .96em;
    font-weight: bold;
    line-height: normal;
    padding: 2px 30px 2px 40px;
    text-align: center;
}

div.dropinDays {
background:url(../images/class-boxes/drop-in-box-days.png) no-repeat;
height: 44px;
}

div.dropinSchedule {
background:url(../images/class-boxes/drop-in-box-slice.png) repeat-y;
/* fix for floats clearing backgrount */
overflow: auto;
width: 100%;
}

div.dropinSchedule div {
    font-size: .9em;
    float: left;
    line-height: normal;
    padding: 0 2px 0 12px;
    text-align: center;
    width: 88px;
}

div.dropinBottom {
background:url(../images/class-boxes/drop-in-box-bottom.png) no-repeat;
clear: both;
height: 32px;
}



/* series box */
div.seriesWrapper {
}
div.seriesTop {
background:url(../images/class-boxes/series-box-top.png) no-repeat;
height: 34px;
}

div.seriesTop p {
    color: #e4dbc6;
    font-size: 1.04em;
    font-weight: bold;
    padding-top: 9px;
    text-align: center;
    text-transform: uppercase;
    width: 738px;
}


div.seriesNote {
background:url(../images/class-boxes/series-box-top-slice.png) repeat-y;
}

div.seriesDays {
background:url(../images/class-boxes/series-box-days.png) no-repeat;
height: 51px;
}

div.seriesDays h4 {
    font-size: 1.04em;
    font-weight: bold;
    line-height: normal;
    margin: 0 auto;
    padding: 12px 0 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 738px;
}

div.seriesSchedule {
background:url(../images/class-boxes/series-box-slice.png) repeat-y;
}

div.seriesMonth {
/* fix for floats clearing background */
overflow: auto;
width: 100%;
}

div.seriesMonth div {
    font-size: .9em;
    float: left;
    line-height: normal;
    padding: 4px 2px 0 12px;
    text-align: center;
    width: 88px;
}

div.seriesBottom {
background:url(../images/class-boxes/series-box-bottom.png) no-repeat;
height: 36px;
}



/* descriptions box */
div.descriptionsWrapper {
float: left;
    width: 246px;
}

div.descriptionsWrapper p {
    line-height: normal;
    margin: 0 auto;
    padding: 0 20px 0 12px;
    width: 216px;
}

div.descriptionsTop {
background:url(../images/class-boxes/description-box-top.png) no-repeat;
height: 43px;
}

div.descriptionsTop p {
    color: #f2ebdb;
    font-size: 1.04em;
    font-weight: bold;
    padding-top: 13px;
    text-align: center;
    text-transform: uppercase;
}

div.descriptions {
background:url(../images/class-boxes/description-box-slice.png) repeat-y;
padding-top: 6px;
}

div.descriptionsBottom {
background:url(../images/class-boxes/description-box-bottom.png) no-repeat;
height: 29px;
}



/* prices box */
div.pricesWrapper {
    clear: both;
    width: 989px;
}

div.pricesTop {
background:url(../images/class-boxes/price-box-top.png) no-repeat;
height: 43px;
}

div.pricesTop p {
    color: #f2ebdb;
    font-size: 1.04em;
    font-weight: bold;
    margin: 0 auto;
    padding: 11px 0 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 989px;
}


div.prices {
background:url(../images/class-boxes/price-box-slice.png) repeat-y;
padding: 8px 0 0 20px;
text-align: center;
/* fix for floats clearing backgrount */
overflow: auto;
width: 100%;
}

div.prices div {
    float: left;
    line-height: normal;
    padding: 0;
    width: 450px;
}

div.pricesBottom {
background:url(../images/class-boxes/price-box-bottom.png) no-repeat;
clear: both;
height: 30px;
}

div.clear {
    clear:both;
}