/* CSS Document */
.clear {
    clear: both;
}

.container {
    width: 960px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    background-color: #ABC8F3
}

.main-content {
    float: left;
    width: 770px;
    min-height: 720px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    word-wrap: break-word;
}

.main-content-wide {
    float: left;
    width: 960px;
    min-height: 720px;
    margin-top: 10px;
    margin-bottom: 10px;
    word-wrap: break-word;
}

.left-wrapper {
    float: left;
    width: 180px;
    min-height: 720px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.right-wrapper {
    float: right;
    width: 180px;
    min-height: 720px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.footer-wrapper {
    float: left;
    width: 960px;
    height: auto;
}

.position-0 {
    float: left;
    width: 595px;
    height: 165px;
    margin-right: 5px;
}

.position-1 {
    float: right;
    width: 355px;
    height: 165px;
    margin-left: 5px;
}

.position-2,
.position-3,
.position-10,
.messages {
    float: left;
    width: 960px;
    height: auto;
}

.position-4,
.position-5,
.position-6,
.position-7,
.position-8,
.position-9 {
    width: 180px;
    height: auto;
}

.position-11,
.position-12 {
    float: left;
    width: 480px;
    height: auto;
}

.position-13,
.position-14 {
    float: right;
    width: 480px;
    height: auto;
}