* {
padding: 0;
margin: 0;
}

body {
text-align: center;
font: small 'Roboto', Verdana, Arial, Helvetica, sans-serif;
color: #000;
background: #232323 url(/assets/images/topline.gif) top left repeat-x;
}

#wrapper {
width: 1010px; /* was 960px */
min-width: 400px;
text-align: left;
margin-left: auto;
margin-right: auto;
}      

.outer {
width: auto;
border-left-style: solid;
xxxborder-left-width: 150px;  /* left column width */
border-left-color: #292929;   /* left column colour - used to be 2E2E2E */
border-right-style: solid;
border-right-width: 290px; /* right column width - was 240px */
border-right-color: #454545;  /* right column colour */
background-color: #292929; /* center column colour */
}

.left {
width: 145px;              /* left column width */
margin-left: -150px;       /* _negative_ left column width */
}

.right {
width: 285px;              /* right column width - was 235px */
margin-right: -290px;      /* _negative_ right column width - was -240px */
}

.inner {
margin: 0;
width: 100%;
}

.left {
float: left;
position: relative;
z-index: 10;
}

.right {
float: left;
padding-left: 5px;
position: relative;
z-index: 11;
}

.center {
float: left;
width: 680px; /* used to be 550px */
position: relative;
z-index: 12;
}

#header, #footer {
width: 100%;
position: relative;
z-index: 13;
}

#header {
height: 152px;
}

.clear { clear: both; }

/* Mozilla code */
.outer > .inner { border-bottom: 1px solid transparent; }
.left { margin-right: 1px; }
.right { margin-left: 1px; }
.xxxcenter { margin: 0 -3px 0 -2px; }