* {margin: 0px; padding: 0px;}

html {
    background: #111;
	background: url("images/beige112.jpg"); /*uncomment <<that to unleash the background also copy the line and put it in index.html in the html braces */
}

body {
    font: 10pt verdana;
    text-align: center
}

body, #menulist {
    margin: 0
}

#container {
    width: 845px;
    height: 100%;
    border: 2px solid black
}

#container, #content, #leftcontent {
    margin: 0 auto
}

#header {
    background: url("images/header.jpg") no-repeat;
    height: 168px
}

#header, #menu, #footer, #content {
    width: 100%
}

#menu {
    font: 14px verdana;
    background: url("images/menu.jpg") no-repeat;
    height: 40px
}

#menu, #menulist li a:hover {
    color: white
}

#content {
    background: #fff
}

#menulist {
    padding: 11px;
    padding-right: 15px;
    text-align: right
}

#menulist li {
    display: inline;
    list-style-type: none
}

#menulist li a, #menulist li a:hover {
    font-weight: bold;
    text-decoration: none
}

#menulist li a {
    color: #d7d7d7
}

#topicpanel {
    text-align: left;
    font-size: 25px
}

#topicpanel, #leftpanel {
    margin-left: 10px
}

#leftcontent {
    width: 575px;
    padding: 5px
}

#leftcontent, #rightcontent {
    border: 1px solid #ccc
}

#leftcontent, #rightpanel {
    background: #FFF url("images/grad.png") repeat-x bottom
}

#leftpanel {
    float: left
}

#rightpanel {
    float: right;
    margin-right: 10px
}

#rightcontent {
padding-top: 10px;
    padding-left: 10px;
	padding-right: 10px
}

#footer {
    height: 25px;
    background: url("images/footer.jpg") no-repeat
}