/* adapted from http://matthewjamestaylor.com/blog/perfect-2-column-right-menu.htm */

body {
    margin:0;
    padding:0;
    border:0;           /* This removes the border around the viewport in old versions of IE */
    width:100%;
    min-width:600px;        /* Minimum width of layout - remove line if not required */
                    /* The min-width property does not work in old versions of Internet Explorer */
    background:#fff;
}

#header {
    clear:both;
    float:left;
    width:100%;
    padding:15px;
    background:#bbb;        /* right column background colour */
}
#header {
    border-bottom:2px solid #000;
}
/* column container */
.colmask {
    position:relative;  /* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;         /* width of whole page */
    overflow:hidden;        /* This chops off any overhanging divs */
}
.colleft {
    float:left;
    width:100%;
    position:relative;
    border-right:1px solid #666;
}
.colleft img {
    max-width: 100%;
}
.main-content,
.sidebar {
    float:left;
    position:relative;
    padding:0 0 1em 0;
    overflow:hidden;
}
.rightmenu {
    background:#ddd;        /* right column background colour */
}
.rightmenu .colleft {
    right:25%;          /* right column width */
    background:#fff;        /* left column background colour */
}
.rightmenu .main-content {
    width:71%;          /* left column content width (left column width minus left and right padding) */
    left:27%;           /* (right column width) plus (left column left padding) */
}
.rightmenu .sidebar {
    width:21%;          /* right column content width (right column width minus left and right padding) */
    left:31%;           /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
#footer {
    clear:both;
    float:left;
    width:100%;
    border-top:1px solid #000;
}
#footer p {
    padding:10px;
    margin:0;
}