/*
 * 3 COLUMN LAYOUT
 * note that right and left columns
 * are given color using the border
 * of the content column
 */

html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0 180px;
}

#top {
    position: relative;
    /* opposite of body padding */
    margin: 0 -180px;
    padding: 0;
}

#content {
    float: left;
    width: 100%;
    border-left: 180px solid;
    border-right: 200px solid;
    /* opposite of body padding */
    margin: 0 -180px;
    padding: 0;
    display: inline; /* So IE plays nice */
}

#main {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    margin: 0 -100% 0 0;
}

#rightcolumn, #leftcolumn {
    position: relative;
    width: 175px;
    /* opposite of body padding*/
    padding: 0;
}

#rightcolumn {
    float: right;
    margin: 50px -175px 0 0;
}

#leftcolumn {
    float: left;
    margin: 50px 0 0 -175px;
}

#footer {
    position: relative;
    top: 0;
    left: 0;
    clear: both;
    /* opposite of body padding */
    margin: 0 -180px;
    padding: 0;
}

h1, h2, h3, p, ul, ol, dl, table, form {
    margin: 0;
    padding: 5px 20px;
}