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


#middle {
    margin: 0 auto;
}
    #middle #slideshow {
        background-color: rgb(153, 153, 153);
    }
        #middle #slideshow #frame {
/*                background-color: white;*/
            height: 240px;
            margin: 0 auto;
            width: 1000px;
        }
            #middle #slideshow #backing {
                background-color: rgb(153, 153, 153);
                height: 240px;
                margin: 0 auto;
                overflow: hidden;
                position: relative;
                width: 1000px;
            }
                #middle #slideshow #frame #backing #slideshow-image {
                    background-repeat: no-repeat;
                    height: 240px;
                    margin: 0 auto;
                    width: 1000px;
                    z-index: 1;
                }
                #middle #slideshow #frame #backing #slideshow-quote {
                    background-color: black;
                    color: white;
                    display: none;
                    height: 240px;
                    right: 1px;
                    filter: alpha(opacity=70);
                    -moz-opacity: 0.7;
                    -khtml-opacity: 0.7;
                    opacity: 0.7;
                    position: absolute;
                    bottom: 0;
                    width: 300px;
                    z-index: 2;
                }
                    #middle #slideshow #frame #backing #slideshow-quote .quote {
                        font-size: 20px;
                        font-style: italic;
                        font-weight: bold;
                        line-height: 1.25em;
                        padding: 20px;
                    }
                    #middle #slideshow #frame #backing #slideshow-quote .quoter {
                        font-size: 14px;
                        font-style: italic;
                        font-weight: bold;
                        line-height: 1.15em;
                        padding: 0 20px;
                        text-align: right;
                    }

.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;
    }


#content {
    margin: 0 auto;
    margin-bottom: 20px;
    overflow: hidden;
    width: 1000px;
}
    #contentLeft {
        float: left;
        width: 350px;
    }
        #contentLeft .headlinesHeading {
            font-size: 0.9em;
            font-weight: bolder;
            line-height: 1.5em;
            margin: 20px 25px 0 25px;
            }
            #contentLeft .headlinesHeading a {
                color: #000;
                text-decoration: none;
            }
            #contentLeft .headlinesHeading a:hover {
                text-decoration: underline;
            }
        #contentLeft .headlinesText {
            border-bottom: 1px solid rgb(221, 221, 221);
            font-size: 0.8em;
            line-height: 1.5em;
            margin: 0 25px 0 25px;
            padding-bottom: 10px;
            position: relative;
            text-align: justify;
        }
            #contentLeft .headlinesText a.more {
                background-image: url(/media/themes/soufi/images/arrow.gif);
                background-repeat: no-repeat;
                bottom: 0;
                display: block;
                height: 12px;
                position: absolute;
                right: 0;
                text-decoration: none;
                width: 20px;
            }
            #contentLeft .headlinesText img {
                float: left;
                padding: 7px 10px 0 0;
            }
    
    #contentCenter {
        float: left;
        width: 350px;
    }
        #contentCenter table.eventDateTable {
            margin-left: 25px;
            width: 300px;
        }
        #contentCenter tr.eventSeparator {
        }
            #contentCenter tr.eventSeparator td {
                border-bottom: 1px solid rgb(221, 221, 221);
                margin: 0 0 10px 0;
                text-align: right;
                width: 300px;
            }
                #contentCenter tr.eventSeparator td a.details {
                    background-image: url(/media/themes/soufi/images/arrow.gif);
                    background-repeat: no-repeat;
                    display: block;
                    float: right;
                    height: 12px;
                    text-decoration: none;
                    width: 20px;
                }
            
            #contentCenter tr.event td{
                padding-top: 10px;
            }
            #contentCenter tr td.firstEvent {
                padding-top: 0px !important;
            }
            #contentCenter tr td.eventDate {
                background-color: white;
                width: 50px;
             }
                #contentCenter tr td.eventDate div.eventDateTime {
                    font-size: 10px;
                    color: #b00;
                    padding-top: 5px;
                    text-align: center;
                }
                #contentCenter tr td.eventDate div.eventDateText {
                    background-color: #dddddd;
                    border: 1px solid #bbbbbb;
                    padding: 10px;
                }
                    #contentCenter tr td.eventDate div.eventDateText p {
                        background-color: white;
                        border: 1px solid #bbbbbb;
                        color: #bb0000;
                        font-size: .93em;
                        font-weight: bold;
                        padding: 10px;
                        text-align: center;
                    }
            #contentCenter tr td.eventDetails {
                font-size: 0.8em;
                line-height: 1.5em;
                padding-left: 15px;
                vertical-align: top;
            }
                #contentCenter tr td.eventDetails h1 {
                    font-size: 1.15em;
                    font-weight: bolder;
                    margin: 0;
                    padding: 0;
                }
                    #contentCenter tr td.eventDetails h1 a {
                        color: #000;
                        text-decoration: none;
                    }
                    #contentCenter tr td.eventDetails h1 a:hover {
                        text-decoration: underline;
                    }
    
    #contentRight {
        float: right;
        width: 300px;
        }
        #contentRight #sideNav {
            margin-right: 40px;
            margin-top: 20px;
            text-align: right;
            }
            #contentRight #sideNav li {
                }
                #contentRight #sideNav li .button {
                    padding-bottom: 20px;
                    }
                    #contentRight #sideNav li .button h2 {
                        color: rgb(150, 150, 150);
                        font-size: 1.3em;
                        padding-right: 20px;
                        }
                    #contentRight #sideNav li .button a {
                        background-position: right bottom;
                        background-repeat: no-repeat;
                        color: rgb(150, 150, 150);
                        display: block;
                        font-size: 1.3em;
                        font-weight: bold;
                        height: 70px;
                        padding-bottom: 5px;
                        padding-right: 15px;
                        text-decoration: none;
                    }
                    #contentRight #sideNav li .button a:hover {
                        color: rgb(179, 67, 67);
                    }
                    #contentRight #sideNav li #lounge {
                        background-image: url(/media/themes/soufi/images/members-lounge.png);
                    }
                    #contentRight #sideNav li #gallery {
                        background-image: url(/media/themes/soufi/images/media-gallery.png);
                    }
                    #contentRight #sideNav li #trackmap {
                        background-image: url(/media/themes/soufi/images/track-map.png);
                    }
                    #contentRight #sideNav li #rental {
                        background-image: url(/media/themes/soufi/images/track-rental.png);
                    }
                    #contentRight #sideNav li #directions {
                        background-image: url(/media/themes/soufi/images/driving-directions.png);
                    }


#affiliate_wrapper {
    display: none;
    margin: 40px 0 20px 0;
}
#affiliates {
    border: 1px solid #999;
    height: 70px;
    margin: 0 auto;
/*    overflow: hidden;*/
/*        position: relative;*/
/*        text-align: right;*/
    width: 836px;
}
    #affiliates #prev {
        background-image: url(/media/themes/soufi/images/left-arrow.gif);
        background-repeat: no-repeat;
        border-right: 1px solid #999;
        cursor: pointer;
        float: left;
        height: 70px;
        width: 12px;
        z-index: 10;
    }
    #affiliates #next {
        background-image: url(/media/themes/soufi/images/right-arrow.gif);
        background-repeat: no-repeat;
        border-left: 1px solid #999;
        cursor: pointer;
        float: right;
        height: 70px;
        width: 12px;
        z-index: 10;
    }
    #affiliates #carousel {
/*        border: 1px solid #999;*/
/*        left: 10px;*/
/*        list-style-type: none;*/
/*        position: absolute;*/
        width: 700px;
/*        z-index: -1;*/
    }
        #affiliates #carousel li {
/*            float: left;*/
/*            overflow: hidden;*/
      }