/*
Stylesheet      Layout 3 - Wide Left (Left-hand sidebar with main content)
Theme Name      University of St Andrews 2008
URI             http://www.st-andrews.ac.uk
Version         4.9.1
Authors         gjms1
Description     Sets up Column widths for Layout 3 (Wide Left)
Last Updated    01/08/2008
*/

/* TWO columns span-13 */
.column1-2, .column2-2 {
    display: inline;
    float: left;
    margin-right: 10px;
    max-width: 375px;
    width: 375px;
    }

.column2-2 {
    margin-right: 0;
    }

/* THREE columns span-8 */
.column1-3, .column2-3, .column3-3 {
    display: inline;
    float: left;
    margin-right: 15px;
    max-width: 242px;
    width: 242px;
    }

.column2-3 {
    max-width: 246px;
    width: 246px;
    }

.column3-3 {
    margin-right: 0;
    padding-right: 0;
    }

/* FOUR columns span-4+ */
.column1-4, .column2-4, .column3-4, .column4-4 {
    display: inline;
    float:left;
    margin-right: 10px;
    max-width: 182px;
    width: 182px;
    }

.column4-4 {
    margin-right: 0;
    max-width: 184px;
    width: 184px;
    }

/* TWO COLUMNS thirds (thin-wide) */
.column1of1-23, .column2of1-23 {
    display: inline;
    float:left;
    margin-right: 15px;
    max-width: 242px;
    width: 242px;
    }

.column2of1-23 {
    margin-right: 0;
    max-width: 503px;
    width: 503px;
    }

/* TWO COLUMNS thirds (wide-thin) */
.column1of12-3, .column2of12-3 {
    display: inline;
    float:left;
    margin-right: 15px;
    max-width: 503px;
    width: 503px;
    }

.column2of12-3 {
    margin-right: 0;
    max-width: 242px;
    width: 242px;
    }

/* TWO COLUMNS quarters (thin-wide) */
.column1of1-234, .column2of1-234 {
    display: inline;
    float:left;
    margin-right: 10px;
    max-width: 182px;
    width: 182px;
    }

.column2of1-234 {
    margin-right: 0;
    max-width: 568px;
    width: 568px;
    }

/* TWO COLUMNS quarters (wide-thin) */
.column1of123-4, .column2of123-4 {
    display: inline;
    float:left;
    margin-right: 10px;
    max-width: 568px;
    width: 568px;
    }

.column2of123-4 {
    margin-right: 0;
    max-width: 182px;
    width: 182px;
    }


/* Fix issue in IE7 with height of box-outs */
.error, .feature, .notice, .success {
    max-width: 737px;
    width: 737px;
    }
