* {
    margin:0;
    padding:0;
}
.container {
    width:100%;
    display:inline; /* So IE plays nice */
}
.container, .header {
    border-style:solid;
    border-width:0;
}
.content {
    width:100%;
    margin-right:-100%;
}
.header, .footer{
    clear:both;
}
.panelA {
    position:relative;
    width:auto;
}
.panelA ul {
    list-style-type:none;
}
.panelA ul li {
    display:inline;
}
.container, .content, .panelA, .panelA ul li {
    float:left;
}
.panelB {
    float:left;
    position:relative;
    /float:none;
}

/* Panel A Setup. In this case you must set the height of Panel A. */
/* To do: Figure out how to make this fluid height and full width. */
.indexWrap-out .panelA {
    height:50px;
    margin-top:-451px;
}

.panelA {
    height:50px;
    margin-top:-201px;
}

/*
.header {
    border-bottom-width:30px;
}*/

/* Panel B Setup. Absolute value of each number matches width of the panel. */
.wrap {
    padding-left:250px;
}
.container {
    border-left-width:250px;
}
.container, .panelA, .panelB, /* .header, */ .footer {
    margin-left:-250px;
}      
.panelB {
    width:250px;
}