If someone would not mind looking at my CSS and HTML code for this page. I have only tested it in Firefox 1.0 release. So far it is looking good. Except for the left(blue) area. For some reason I cannot get it to go all the way down to my left footer div. Also the same for the right(gray) area. If someone can see where I am going wrong on it and point me in the right direction it would be greatly appreciated.

here is the link to the site

http://www.underwoodforassembly.org/new/

here is my css for it.
Code:
#leftheader{
    background : #333399 url(../Templates/leftupc.jpg) no-repeat left;
    float : left;
    width : 8%;
    margin-top :0px
}
#rightheader{
    background : #333399 url(../Templates/rightupc.jpg) no-repeat right;
    float : left;
    width : 8%;
    margin-top :0px
}
#redheader{
    width : 49%;
    height : 68px;
    float : left;
    clear : both;
    height : 68px;
    text-align : center;
    background : #CC3300;
}
#flagheader{
    width : 51%;
    height : 68px;
    float : left;
    background : #CC3300 url(../images/flag.jpg) no-repeat right;
}
#blueleft{
    background : #333399;
    height : 100%;
    width : 16%;
    clear : left;
    margin-top : -65px;
    padding-top : 5px;
}
#motto{
    height : 50px;
    width : 65%;
    margin-left : 16.5%;
    padding-left : 65px;
    border-bottom : 1px dashed Silver;
    clear : left;
    margin-top :0px;
}
#content{
    text-align : justify;
    float : left;
    margin-left : 17%;
    width : 69%;
    margin-top : -540px;
}
#content#photo{
    width : 140px;
    padding-right : 5px;
}
#grayright{
    background : #CDCDCD;
    width : 12.5%;
    height : 100%;
    float : right;
    margin-top : -540px;
}
#footer{
    width: 100%;
    height :20px;
    clear : both;
}
#footerleft{
    background : #333399 url(../Templates/leftbotc.jpg) no-repeat left;
    width : 16%;
    float : left;
    margin-right : -10px;
    margin-bottom : -40px;
    height : 20px;
}
#footercenter{
    background : url(../images/flagfade.jpg) repeat center;
    width : 71.5%;
    height : 20px;
    margin-left : 16%;
    font-weight : bold;
    text-align : center;
    font-size : .75em;
    float : left;
}
#footerright{
    background : #CDCDCD url(../Templates/grayrightbotc.jpg) no-repeat right;
    width : 12.5%;
    float : left;
    height : 20px;
}
 .addy {
    color: #FFFFFF;
    font-size : x-small;
    font-family : "Times New Roman", Times, serif;
    list-style : none outside none;
    margin-left : -26%;
    text-align : left;
}
A.global:ACTIVE{
    color: #FFFFFF;
    text-decoration: none;
    text-align : left;
    margin-left : 5px;
    font-weight : bold;
    font-size : 14px;
}
A.global:VISITED{
    color: #FFFFFF;
    text-decoration: none;
    text-align : left;
    margin-left : 5px;
    font-weight : bold;
    font-size : 14px;
}
A.global:LINK {
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #FFFFFF;
    text-decoration: none;
    text-align : left;
    margin-left : 5px;
    font-size : 14px;
}
A.global:Hover{
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    background : #DC143C top;
    border : 1px inset Navy;
    border-bottom : thin inset White;
    border-right-color : White;
    border-right-style : inset;
    border-right-width : thin;
    padding-right : 8px;
    font-size : 14px;
}
.cname{
    font-weight : bold;
    font-size : 24px;
    font-family :"Times New Roman", Times, serif;
    text-align : center;
}
a.contacts:link {
    text-align : center;
    color : blue;
    text-decoration : underline;
}
a.contacts:Active{
    text-align : center;
    color : blue;
    text-decoration : underline;
}
H2 {
    color : #8B0000;
    font-family : "Times New Roman", Times, serif;
    text-align : center;
}
H3 {
    font-family : "Times New Roman", Times, serif;
    text-align : center;
    color : Black;
}
/* Name Header in header*/
#nameheader{
    font-family : "Times New Roman", Times, serif;
    font-size : 26px;
    font-weight : bolder;
    padding-left : 20px;
    margin-top : 115px;
}
/* platform Campaign Phrase style*/
.platphrase {
    color : Navy;
    font-size : 2em;
    font-weight : bold;
    font-style : italic;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align : center;
    height : 50px;
    width : 65%;
    margin-left : 16.5%;
    padding-left : 65px;
    border-bottom : 1px dashed Silver;
    clear : both;
    margin-top :0px;
}
/* dashes for tables*/
.dashes {
    margin: 0.2em 0.2em;
    border-bottom: 1px dashed Gray;
}
/*volunteer form layout*/
.uform{
    border : 1px solid Blue;
    background-color : #DCDCDC;
}
.uformtextarea{
    border : 1px solid Blue;
    background-color : #DCDCDC;
}
.fsub {
    background : Silver left;
    border-color : Red Blue Blue Red;
}
.eletter{
    background-color: #F0F8FF;
    border: 1px dashed Gray;
    font-size : 77%;
    color : Navy;
    text-align : left;
    width : 99%;
}
A.lobal:ACTIVE{
    color: #FFFFFF;
    text-align : center;
    margin-left : 5px;
    font-weight : bold;
    font-size : 14px;
    border : thick solid Red;
    display :block;
    text-decoration : none;
}
A.lobal:VISITED{
    color: #FFFFFF;
    text-align : center;
    margin-left : 5px;
    font-weight : bold;
    font-size : 14px;
    border : thick solid Red;
    display : block;
    text-decoration : none;
}
A.lobal:LINK {
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #FFFFFF;
    border : thick solid Red;
    display : block;
    text-align : center;
    margin-left : 5px;
    font-size : 14px;
    text-decoration : none;
}

A.lobal:Hover{
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    border : thick solid Red;
    display :block;
    font-size : 14px;
    color : Red;
    text-decoration : none;
    background-color : White;
}
.bio {  text-decoration: underline}
.biocolor {  color: #000066; text-decoration: underline}
.mdcolor {  color: #333399}
#seventh {
    font-size: 1.2em;
    padding-left : 25px;
    position : relative;
}
#main {
    background:#fff;
}
#main #photo {
    float:left;
    width:140px;
    padding : 0px 10px 0px 5px;
}