Is this acceptable CSS for basic layout?

Question

Hi there and thank you so long for your help.
My question refers to this link: http://www.energywa.co.za/layout/
Is this acceptable CSS coding? I know I will need to style the #content with classes but don't want to continue with this if the basic layout is not perfect.
Thank you so long for your help & advise.
Regards,
Deon

Answer 1

Is this acceptable CSS coding? I know I will need to style the #content with classes
Why?  It might be entirely possible not to use a single class on this page.
In general your CSS is OK.  Here's how I would modify it -
:root html {
     overflow-y:scroll;
/* this sets scrollbars on for all browsers so that you don't have pages
shift when moving between those that require scrolling and those that don't */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
     margin: 0;
     padding: 0;
     border: 0;
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100.01%;
    color: #000000;
    background-color: #E2E2E2;
    text-align: center;
#wrapper {
     width: 970px;
     background-color: #FFFFFF;
     margin: 0 auto;
#topnavigation {
     background-color: #7FFF55;
     color: #FFFBF0;
     margin: 0;
     padding: 5px 5px;
     text-align: right;
#header {
     background-color:#FF0000;
     margin: 0 auto; /* without declaring a width, a margin of auto does no good really */
          /* a container div has no default margins, so declaring them is redundant */
     padding: 10px;
#mainnavigation {
     margin: 0 auto; /* see above */
     padding: 10px;
     background-color: #FFFFFF;
     border-bottom: 2px solid #000000;
#content {
     float: left;
     width: 730px;
     background-color: #FFFFFF;
     color: #808080;
     margin: 5px;
     padding: 5px;
     text-align: left;
#rightsider {
     float: right;
     width: 200px;
     background-color: #E0E0E0;
     margin: 5px;
     padding: 5px;
     text-align: left;
#footer {
     clear: both;
     background-color: #FF0000;
     color: #FFFFFF;
     padding: 10px;
     text-align: center;