Columns CSS
body {
    background: url("/local--files/columns:css//body-bg.png") repeat scroll 0 0 #7C7C7C;
    font-family: Helvetica,Arial,Sans-Serif;
}
 
#container {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    width: 960px;
}
 
#header {
    background: url("/local--files/columns:css/header.png") repeat scroll 0 0 transparent;
    height: 170px;
}
 
#header h1, #header h2 {
    display:none;
}
 
#top-bar {
    display:none;
}
 
#side-bar {
    float:right;
    width;200px;
}
 
#main-content {
    background: url("/local--files/columns:css/faux-columns.png") repeat-y scroll 0 0 transparent;
    overflow: auto;
    margin-left:0;
    padding: 0 3em;
}
 
#page-content {
    width:900px;
}
 
.image-container.floatright, .image-container.floatleft {
    margin: 10px;
}
 
#footer {
    background: url("/local--files/columns:css/footer.png") repeat scroll 0 0 transparent;
    height: 84px;
    margin-top:0;
}
 
.leftcolumn {
    float:left;
    width: 670px;
}
 
.rightcolumn {
    float:right;
    width: 200px;
}
 
.content-header {
     background-color: #F2F2F2;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.08, rgb(182,189,184)),
    color-stop(0.53, rgb(225,230,225)),
    color-stop(0.8, rgb(230,235,231))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(182,189,184) 8%,
    rgb(225,230,225) 53%,
    rgb(230,235,231) 80%
);
    border-bottom: none;;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 1px 0 #dddddd inset, 1px 0 0 #dddddd inset, 0 1px 2px rgba(0, 0, 0, 0.04);
    color: #333333;
    font-size: 18px;
    height:25px;
    left: -1px;
    margin: 0;
    padding: 10px 15px 8px;
    position: relative;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 592px;
}
 
.content-block {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border: 1px solid #CECECE;
    border-radius: 0 0 4px 4px;
    border-top: 2px solid #dedede;
    box-shadow: 0 1px 0 #FFFFFF inset, 1px 0 0 #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.1);
    clear: none;
    display: block;
    margin: 0 0 15px 1px;
    overflow: hidden;
    padding: 15px 10px;
    width: 596px;
}
 
.content-header p {
    margin: 0;
    padding-top: 5px;
}
 
/* Following rule is for the reset/delete/add file button in the dataform */
.form-values a {
    border:1px solid #383838;
    color:#383838;
    margin-left:50px;
    padding:0 10px;
}
Site Design, Syntax and Examples by Rob Elliott 2008-2016