/* Layout taken from http://www.redmelon.net/tstme/3cols2/noborder.htm */
/* Creative Commons License http://creativecommons.org/licenses/sa/1.0/ */

/* This has been modified to place everything in one column - SA 03/04/2004 */

/* ------------------------------------------------------------------------- */
/* SETUP */

.wrapper {
    width: 100%;                      /* total width */
    }

.outer {
    border-left-width: 15px;          /* left column width */
    border-left-color: transparent;          /* left column colour */
    
    border-right-width: 15px;         /* right column width */
    border-right-color: transparent;         /* right column colour */
    
    background-color: transparent;           /* center column colour */
    }

.leftXXX {
    width: 190px;                     /* left column width */
    margin-left: -190px;              /* _negative_ left column width */
    }

.rightXXX {
    width: 190px;                     /* right column width */
    margin-right: -190px;             /* _negative_ right column width */
    }

.wide {
    background-color: transparent;    /* header and footer colours */
    }

/* ------------------------------------------------------------------------- */
/* MAIN CODE */

.outer { width: auto; border-left-style: solid; border-right-style: solid; }
.inner { margin: 0; width: 100%; }

.leftXXX { float: left; position: relative; z-index: 10; }
.rightXXX { float: left; position: relative; z-index: 11; }
.center, .right, .left { float: left; width: 100%; position: relative; z-index: 12; }

.wide { width: 100%; position: relative; z-index: 13; }

.clear { clear: both; }

/* ------------------------------------------------------------------------- */
/* MOZILLA CODE */

.outer > .inner { border-bottom: 1px solid transparent; }

.leftXXX { margin-right: 1px; }
.rightXXX { margin-left: 1px; }
.rightXXX #thirdcolumncontent { padding-left: 10px; }
                /* added extra div called #thirdcolumncontent - SA 03/04/2004 */
                /* #thirdcolumncontent was previously a p in the original code */
.center, .right, .left { margin: 0 -8px 0 -2px; }

/* ------------------------------------------------------------------------- */
/* CSS ADDED BY SA 03/04/2004 */

#firstcolumncontent {
    margin: 0px 15px 0px 15px; /* same as #secondcolumncontent */
    }

#secondcolumncontent {
    margin: 0px 15px 0px 15px;
    }

#thirdcolumncontent {
    margin: 0px 15px 0px 15px; /* same as #secondcolumncontent */
    }

/* END OF LAYOUT CSS */
/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- */
/* STYLE CSS ADJUSTMENTS SPECIFIC TO THIS LAYOUT - SA 09/04/2004 */

/* ------------------------------------------------------------------------- */

h1#logotype {
    position: relative;
    display: block;
    margin: 0px 0px 0px 0px;
    padding-left: 30px; /* this fixes a win/IE6 bug that margin-left: 30px isn't displayed - SA 11/05/2004 */
    text-align: left;
    }

h2#strapline {
    margin: 0px 0px 0px 15px;
    line-height: 27px;
    }

/* ------------------------------------------------------------------------- */

#navigation {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-bottom: 18px;
    text-align: left;
    }

#navigation ul {
    margin: 0px;
    border: 0px;
    padding: 0px;
    }

#navigation li {
    display: inline;
    text-align: left;
    margin: 0px;
    margin-right: 9px;
    }

/* ------------------------------------------------------------------------- */

#searchform {
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
    }

#words {
    margin: 0px 9px 0px 0px;
    margin-bottom: 6px; /* spaces #words nicely in really narrow windows */
    width: 200px;
    vertical-align: baseline;
    }

#submitSearch {
    margin: 0px;
    margin-bottom: 6px; /* spaces #submitSearch nicely in really narrow windows */
    vertical-align: baseline;
    }

/* ------------------------------------------------------------------------- */

#styleswitcher {
    margin-top: 0px;
    margin-bottom: 18px;
    text-align: left;
    }

#styleswitcher h4 {
    display: inline;
    text-align: left;
    margin: 0px;
    margin-right: 9px;
    }

#styleswitcher ul {
    display: inline;
    }

#styleswitcher li {
    display: inline;
    text-align: left;
    margin: 0px;
    margin-right: 9px;
    }

/* ------------------------------------------------------------------------- */

#otherpeople {
    margin-top: 0px;
    }

/* ------------------------------------------------------------------------- */

#recententries {
    margin-top: 9px; /* this adjusts the gap between divs */
    }

/* ------------------------------------------------------------------------- */

#footer {
    padding-left: 30px;
}