body {
    background: #333333;
    margin: 0px 10px;
}

.clear_fix {
    height: 1px;
    overflow: hidden;
    clear: both;
}

.page_container {
    width: 950px;
    margin: 0px auto;
    background: #ffffff;
}

.header {
    width: 950px;
    height: 250px;
    position: relative;
    background: #cccccc;
}

.header .logo {
    position: absolute;
    top: 0px;
    right: 30px;
    display: block;
    width: 270px;
    height: 100px;
    background: #ffffff url('/-/img/logo.gif') no-repeat;
}

ul.nav {
    position: absolute;
    left: 0px;
    bottom: 150px;
    background: #333333;
    margin: 0px;
    padding: 12px 15px 12px 30px;
    list-style-type: none;
}

ul.nav li {
    display: inline;
    margin: 0px 15px 0px 0px;
    padding: 0px;
}

.header h1 {
    position: absolute;
    left: 30px;
    bottom: 30px;
}

.home {
    width: 950px;
    padding: 30px 0px 0px;
}

.home .lcol {
    width: 270px;
    padding: 0px 0px 0px 30px;
    float: left;
}

.home .rcol {
    width: 650px;
    float: right;
}

.home .intro {
    width: 890px;
    padding: 30px;
    clear: both;
}

.content {
    width: 890px;
    padding: 30px;
    position: relative;
}

.content .lcol {
    width: 560px;
    float: left;
}

.content .rcol {
    width: 270px;
    float: right;
    margin: -60px 0px 0px;
}

.next_event {
    width: 270px;
    background: #333333;
}

.next_event .date {
    width: 210px;
    padding: 30px 30px 15px;
}

.next_event .name {
    width: 210px;
    padding: 15px 30px 0px;
}

.next_event .venue {
    width: 210px;
    padding: 15px 30px;
}

.next_event .more {
    display: block;
    padding: 15px 30px 30px;
    background: #f3193d;
}

.event {
    width: 560px;
    padding: 0px 0px 20px;
}

.event .dtvenue {
    width: 200px; 
    float: left;
}

.event .dtvenue .date {
    padding: 15px;
    background: #333333;
}

.event .dtvenue .venue {
    padding: 15px;
}

.event .info {
    background: #efefef; 
    padding: 15px; 
    width: 330px; 
    float: right;
}