#utility {
    background: url(/images/pg-top-home.gif) no-repeat center top;
}

#navigation {
    background: #CBF0F7 url(/images/nav-bg-home.gif) no-repeat 0 0;
    width: 542px;
}

#content {
    padding: 0;
}

#header {

}

table {
    margin: 20px 0 2px;
}

table.features1 {
    width: 542px;
    background: url(/images/features1_bg.gif) repeat-y 0 0;
    float: left;
}

table.features2 {
    width: 542px;
    background: url(/images/features2_bg.gif) repeat-y 0 0;
    float: left;
}

.features1 td.space, .features2 td.space {
    background: transparent;
}

.features1 td, .features2 td {
    height: 180px;
    width: 160px;
    background: #F1F4DD url(/images/feature_bg.gif) no-repeat left bottom;
}

.feature_image {
    width: 160px;
    background: url(/images/feature_image_bg.gif) no-repeat 0 0;
}

.feature_image img {
    width: 148px;
    height: 100px;
    margin: 6px;
}

.feature_image a {
    border: none;
}

.features1 .padding_row td,.features2 .padding_row td {
    height: 14px;
    background: none;
}

.feature_content {
    margin: 0 8px;
    background: url(/images/feature_divider.gif) no-repeat bottom;
    padding: 0 0 4px;
}

.feature_content h3 {
    font-weight: bold;
    font-style: italic;
    font-size: 12px; /* 12px */
    margin: 0 0 5px;
    padding: 0;
    line-height: 1.15em;
}

.feature_content p {
    font-size: 10px; /* 10px */
    margin: 0;
    padding: 3px 0 4px;
    line-height: 1.2em;
    background: url(/images/feature_divider.gif) no-repeat top;
}

/* past_events */

#past_events {
    clear: right;
}

#past_events h2 {
    background: transparent url(/images/bg-past-events-h2.gif) no-repeat 0% 0%;
    width: 100%;
    height: 47px;
    text-indent: -999em;
    margin: 0 0 20px;
    padding: 0;
}

#past_events .padding {
    margin-left: 18px;
    padding-bottom: 10px;
    width: 506px;
    float: left;
    display: inline;
    background: transparent url(/images/bg-padding.gif) no-repeat 0% 100%;
}

.event {
    width: 116px;
    float: left;
    margin-right: 14px;
}

.event .thumb {
    background: transparent url(/images/bg-thumb.gif) no-repeat 0% 0%;
    width: 116px;
    height: 68px;
    float: left;
}

.event .thumb img {
    display: block;
    width: 104px;
    height: 59px;
    margin: 6px 0 0 6px;
}

.event .event_padding {
    margin: 6px;
    width: 104px;
}

.event h3, .event p {
    background: transparent url(/images/bg-dots.gif) repeat-x 0% 100%;
}

.event h3 {
    clear: left;
    margin: 0;
    padding: 2px 0 5px;
    font-style: italic;
    font-size: 12px;
}

.event p {
    margin: 0;
    padding: 0 0 3px;
    font-size: .898em; /* 10px */
}

#content .event .event_padding p a:hover {
    border-bottom: none;
}

.last {
    margin-right: 0;
}

/* self-clearing floats */

#past_events:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}