html, body {
    margin: 0;
    padding: 0;
    border: 0;
}

body { 
    background-color: #ccc; /* change the color to your background color */
    background-image: url(gradient1.png);
    background-repeat: repeat-x;
    background-position: top left;
}

img.floatLeft { 
    float: left;
    clear: left; 
    margin: 10px; 
}
img.floatRight { 
    float: right;
    clear: right;
    margin: 10px; 
}

p.tight {
margin : 0px;
}

#main {
    width: 80%;
    min-width: 750px;
    max-width: 1000px;
    background-color:#fff;
    border: solid black thin; /* remove if you don't want a border */
    margin: 2em auto;
    padding: 1em;
}

#navbar ul {
    margin: 0;
    padding: 4px;
    font-weight: bold;
    font-size: large;
    list-style-type: none;
    text-align: center;
    background-color: #336699;
    border-top: solid #000 1px;
    border-bottom: solid #000 1px;
    }

#navbar ul li {
    display: inline;
    }

#navbar ul li a {
    text-decoration: none;
    padding: .2em 1em;
    color: #fff;
    background-color: #336699;
    }

#navbar ul li a:hover {
    color: #000;
    background-color: #fff;
    }

#navbar ul li a:visited {
    color: #CCC;
    }

#left{
    float:left;
    font-size: 20pt;
    margin: 0;
    padding: 4px;
    font-weight: bold;
    }
#right{
    float:right;
    font-size: 20pt;
    margin: 0;
    padding: 4px;
    font-weight: bold;
    }

#copy-right{
    font-size: 8pt;
    margin: 0;
    padding: 4px;
    text-align:center;
    }

#container4 {
    clear:left;
    float:left;
    width:100%;
    overflow:hidden;
    }

#container3 {
    clear:left;
    float:left;
    width:100%;
    position:relative;
    right:25%;
    }

#container2 {
    clear:left;
    float:left;
    width:100%;
    position:relative;
    right:25%;
    }

#container1 {
    float:left;
    width:100%;
    position:relative;
    right:25%;
    }

#col1 {
    float:left;
    width:21%;
    position:relative;
    left:77%;
    overflow:hidden;
    }

#col2 {
    float:left;
    width:21%;
    position:relative;
    left:81%;
    overflow:hidden;
    }

#col3 {
    float:left;
    width:21%;
    position:relative;
    left:85%;
    overflow:hidden;
    }

#col4 {
    float:left;
    width:21%;
    position:relative;
    left:89%;
    overflow:hidden;
    }