@import url(/media/themes/soufi/css/base.css);

#middle #slideshow {
    background-color: rgb(153, 153, 153);
}
    #middle #slideshow #frame {
        height: 120px;
        margin: 0 auto;
        width: 1000px;
    }
        #middle #slideshow #backing {
            background-color: rgb(153, 153, 153);
            height: 120px;
            margin: 0 auto;
            overflow: hidden;
            position: relative;
            width: 1000px;
        }
            #middle #slideshow #frame #backing img {
                float: left;
            }
            #middle #slideshow #frame #backing #sub-page-title {
                background-color: rgb(153, 153, 153);
                background-image: url(/media/themes/soufi/images/sub-pages-side.jpg);
                color: white;
                float: left;
                font-size: 30px;
                font-weight: bolder;
                height: 120px;
                padding-top: 45px;
                text-align: center;
                width: 300px;
            }

.contentHeading {
    background-color: #f2f2f2;
    border: 1px solid #cccccc;
    font-size: 14px;
    font-weight: bold;
    margin: 20px;
    padding: 7px 10px 5px 5px;
    position: relative;
}
    .contentHeading .contentHeadingText {
        padding: 0 0 0 5px;
        position: absolute;
        top: 11px;
    }
.contentText {
    line-height: 1.5em;
    margin: 10px 20px 10px 20px;
    padding: 0 20px;
    text-align: justify;
}
    .contentText p {
        padding-bottom: 20px;
    }

#subcontent {
    margin: 0 auto;
    overflow: hidden;
    width: 1000px;
}
    #subcontent .contentSmall {
        float: left;
        padding: 0;
        width: 300px;
    }
    #subcontent .contentWide {
        float: left;
        padding: 0;
        width: 700px;
    }
    #subcontent .contentRight {
        float: right;
        padding: 0;
        width: 300px;
    }
    #subcontent .contentLeftSidebar {
        float: left;
        width: 250px;
    }
    #subcontent .contentMiddle {
        float: left;
        width: 500px;
    }
    #subcontent .contentRightSidebar {
        float: left;
        width: 250px;
    }
    #subcontent .contentHalfLeft {
        float: left;
        width: 500px;
    }
    #subcontent .contentHalfRight {
        float: right;
        width: 500px;
    }

a.news_link {
    color: black;
    display: block;
    line-height: 16px;
    font-size: 12px;
    margin-bottom: 20px;
    text-align: left;
    text-decoration: none;
}
    a.news_link:hover {
        text-decoration: underline;
    }

.news_date {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 15px;
    text-align: right;
}
.news_body {
    font-size: 14px;
}
    .news_body p {
        padding-bottom: 10px;
    }
    .news_body img {
        float: left;
        padding: 0 10px 0 0;
    }