body {
min-width:800px;
color:#00000;
font-family:Arial, Helvetica, sans-serif;
background:url(images/background.png);
font-size: 20px;
}

#header,#menu,#content,#sub-section,#footer {
overflow:hidden;
display:inline-block;
}

#header,#footer {
width:100%;
}

#menu,#content,#sub-section {
float:left;
}

#menu {
width:20%;
background:url(images/background.jpg);
}

#content {
width:50%;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:.75em;
background:url(images/background.jpg);
}

#sub-section {
width:30%;
position:relative;
}

#footer {
clear:left;
background:url(images/background.jpg);
}

#url {
font-size:.75em;
color:#000000;
}

#copyright {
font-size:.60em;
color:#000000;
font-style:italic;
}

#privacy {
font-size:.55em;
font-style:italic;
color:#000000;
}

img {
border:none;
}

html,#header,#sub-content {
background:url(images/background.jpg);
}

a:link {color: #000000; text-decoration: underline; }
a:active {color: #0000ff; text-decoration: underline; }
a:visited {color: #ff0000; text-decoration: underline; }
a:hover {color: #ff0000; text-decoration: none; }
}

/* powered by http://mierendo.com/software/rounded_css_boxes/ */
.my_corners_tl, .my_corners_t, .my_corners_tr, .my_corners_l, .my_corners_r, .my_corners_bl, .my_corners_b, .my_corners_br, .my_corners {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
}
.my_corners_t {
    /*
        change this div to layout the whole box (width, height, float, margin, ...)
        example lines:
        width: 60%;
        margin: 7px 35px 0px 1px
        to change distance to content/text scroll to class ".my_corners" and change the padding
    */
    background-color: #cccccc;
    background-image: url("my_corners_border.png");
    background-repeat: repeat-x;
    background-position: top;
}
.my_corners_tl {
    height: 100%;
    background-image: url("my_corners_topleft.png");
    background-repeat: no-repeat;
    background-position: left top;
}
.my_corners_tr {
    height: 100%;
    background-image: url("my_corners_topright.png");
    background-repeat: no-repeat;
    background-position: right top;
}
.my_corners_bl {
    height: 100%;
    background-image: url("my_corners_bottomleft.png");
    background-repeat: no-repeat;
    background-position: left bottom;
}
.my_corners_br {
    height: 100%;
    background-image: url("my_corners_bottomright.png");
    background-repeat: no-repeat;
    background-position: right bottom;
}
.my_corners {
    height: 100%;
    /* change this if you want to change the distance distance to text/content */
    padding: 16px 17px 16px 17px;
}

.my_corners_l {
    height: 100%;
    background-image: url("my_corners_border.png");
    background-repeat: repeat-y;
    background-position: left;
}
.my_corners_r {
    height: 100%;
    background-image: url("my_corners_border.png");
    background-repeat: repeat-y;
    background-position: right;
}
.my_corners_b {
    height: 100%;
    background-image: url("my_corners_border.png");
    background-repeat: repeat-x;
    background-position: bottom;

}