#container {
 border-style: solid;
 border-width: 0 1px; /* layout's side borders */
 margin: 0 15px;
 width: 950px;
 }
#banner {
 background-color: #000000;
 border-style: solid;
 border-width: 1px 0;
 color: #ffffff;
 }
#outerdiv {
 background-color: #ffffff;
 border-style: solid;
 border-width: 0 225px; /* side border widths must equal the widths of the menu and ads columns. */
 border-left-color: #365078; /* menu column background color */
 border-right-color: #404040;	/* ads column background color */
 color: #000000;
 z-index: 1;
 }
#innerdiv {
 border-style: solid;
 border-width: 0 1px; /* puts borders between middle and the side columns. */
 margin: 0 -1px; /* compensate for the borders because of 100% width declaration. Change to 0 when removing borders */
 width: 100%;
 z-index: 2;
 }
html[xmlns] .mozclear { /* mozilla hack (netscape) */
 border-bottom: 1px solid;
 border-color: transparent;
 margin-bottom: -1px;
 }
#menu, #ads, #content {
 float: left;
 overflow: visible; /* fix for IE italics bug */
 position: relative;
 z-index: 10;
 }
#menu {
 margin: 0 1px 0 -225px;	/* the margin on the side the column is to be rendered on must be the negative equal of  the column's width. The opposite border must be 1px */
 width: 225px;
 }
#ads {
 float: right;	/* doesn't have to be floated right, but if using some original skidoo tweaks, you need it this way */
 margin: 0 -225px 0 1px;	/* same as in the #menu but reversed */
 width: 225px;
 }
#content {
 margin: 0 -1px; /* required to get the negative margin-based layout to work. if #content column does not overlap the left and right columns, then the whole layout will break */
 width: 100%;
 }
#content .inside {
 padding: 0;
 }
#footer {
 background-color: #000000;
 border-style: solid;
 border-width: 1px 0; /* border for bottom of layout and top of  footer area */
 color: #606060;
 position: relative;
 }
.clear {
 clear: both;
 }
.inside {
 padding: 0 10px;
 }
#menu, #ads {
 padding-top: 10px;
 padding-bottom: 10px;
 }
#banner, #footer {
 padding: 10px;
 }
#container, #innerdiv, #banner, #footer {
 border-color: #000000;	/* one-stop control of border color used within the layout */
 }
#outerdiv {
 border-top-color: #000000; /* should match the above border color */
 }
