.topbanner {
    background : #28CAFF;
    font-size  : 42px;
    font-weight: bold;
    color      : #ffffff;
}

.topbanner2 {
    background : #88E1FF;
    font-size  : 18px;
    font-weight: bold;
}

.topbanner3 {
    background : #B0ECFF;
    font-size  : 18px;
    font-weight: bold;
    color      : #A50000;
}

.topbanner4 {
    background : #CEF3FF;
    font-size  : 18px;
    font-weight: bold;
}

.topbanner5 {
    background : #CEF3FF;
    font-size  : 14px;
    font-weight: normal;
}

.topbanner6 {
    background : #B0ECFF;
    font-size  : 8px;
    font-weight: normal;
}

th {
   font-family: verdana, helvetica, arial, sans-serif;
}

td {
   font-family: verdana, helvetica, arial, sans-serif;
}


p {
   position: relative;
   left: 8px;
   margin-right: 10px;
}

code {
   font-size: 18px;
}

body {
   background: #FFFFFF;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   font-weight: normal;
   font-family: verdana, helvetica, arial, sans-serif;
   font-size : 13px;
}

.console {
   position: relative;
   left: 10px;
   margin-right: 10px;
   font-family: courier, monospace;
   font-size  : 16px;
   font-weight: normal;
   background : #CEF3FF;
}

.doctable {
   margin-left: 50px;
}

.tableheader {
   background: #88E1FF;
}

.leftcol {
   background: #CEF3FF;
   text-align: center;
}

.rightcol {
   background: #CEF3FF;
   text-align: center;
}

span.var {
   color: #A50000;
   font-family: courier, monospace;
   font-size: 18px;
   font-weight: normal;
}

span.file {
   color: #005500;
   font-family: courier, monospace;
   font-size: 18px;
   font-weight: normal;
}

span.url {
   color: #000088;
   font-family: courier, monospace;
   font-size: 18px;
   font-weight: normal;
}

#left {
width: 120px;
height: 600px;
float: left;
margin-left: -1px;
background-color: #CEF3FF;
border-right: 1px solid #bbb;
}

#content {
float: left;
margin-left: 2%;
width: 70%
}

#right {
float: right;
width: 120px;
margin-top: 0px;
margin-right: 0px;
border-left: 1px solid #bbb;
}

#footer {
clear: both;
}
<?cs
##################################################################
# Site CSS - Place custom CSS, including overriding styles here.
?>

*:link, *:visited {
border-bottom: none;
}
#left {
background-color: #d5ecff;
background-image:  url(/maia/chrome/site/blue-gradient2.gif);
background-repeat: repeat-x;
position: absolute;
width: 150px;
top: 155px;
}

#header {
}
#prefs {
z-index: 10;
}

#content {
margin-left: 160px;
}

#bannergreeting {
position: absolute;
left: 160px;
}

#bannergreeting h1, #bannergreeting h2, #bannergreeting h3 {
color: #FFFFFF;
background-color: transparent;
border: none;
padding: 0;
margin: 0;
}

#bannergreeting h1 {
font-size: 4em;
padding: 0 0 0 20pt;
}


#bannergreeting h2 {
font-size: 3em;
padding: 0 0 0 40pt;
}

#bannergreeting h3 {
font-size: 1em;
padding: 0 0 0 60pt;
}

#banner {
background-image: url(/maia/chrome/site/blue-gradient.gif);
background-repeat: repeat-x;
height: 155px;
background-color: #d5ecff;
/*position: absolute;
width: 150px;
top: 165px;
*/
}

#search {
position: absolute;
top: 3em;
right: 10px;
}

#metanav {
position: absolute;
top: 1em;
right: 10px;
color: #FFFFFF;
}

#metanav *:link, #metanav *:visited {
color: #FFFFFF;
}

#mainnav {
margin: 0.66em 0pt 0.33em 150px;
position: relative;
top: -25px;
}

table.progress td.testing { background: #bacee0 }
