html {
    background-color: black;
}

body {
    min-width:640px;
}

#header,#leftsidebar,#main,#rightsidebar,#footer {
    overflow:hidden;
    display:block;
}

/* safari and opera need this */
#header,#footer {width:100%}
#leftsidebar,#main {
    float:left;
}
#main {
    width:67%;
    margin-top: 1%;
    margin-left:16.5%;
    display:inline;
    color: white;
}

#leftsidebar {
    width:15%;
    margin-left:-83.5%;
    margin-top: .5%;

    background-image: url(../images/glyphsVIII.gif);
    background-position: top left;
    background-repeat: repeat-y;
}

#rightsidebar {
    float: right;
    width: 15%;
    margin-left: 1%;
    margin-top: .5%;

    background-image: url(../images/glyphsVIII.gif);
    background-position: top right;
    background-repeat: repeat-y;
}


#header {
    height: 115px;
    background-image: url(../images/topbarIII.gif);
    background-position: bottom center;
    background-repeat: repeat-x;
}

#footer {
    clear:both;
    height: 110px;
    background-image: url(../images/bottombarII.gif);
    background-position: top center;
    background-repeat: repeat-x;
    color: white;
    text-align: center;
}