#top {
  position: relative;
  background-color: #98c1a1;
}

body {
  margin: 0; /* define border, margin and padding to be sure I have the width I want IE for Windows include them in width rather than just the content */
  padding: 0;
  border: 0;
  background-color: #f0f0f0;
  color: #000000;
  font-family: Helvetica, Arial, Verdana;

}


#bodylayout {
  position: relative;
  border: 0;    /* define border, margin and padding to be sure I have the width I want IE for Windows include them in width rather than just the content */
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
}

#mainBar {

  background: #FFFFFF;
  background-image: url(../images/tomatos-background.jpg);
  background-repeat: no-repeat;
  
  color: #000000;
  border: 0;    /* define border, margin and padding to be sure I have the width I want IE for Windows include them in width rather than just the content */
  margin: 0;
  padding: 0;
  width: 70%;
  vertical-align: top;
}

#mncontent {  /* I need a separate class for the actual content to get the proper padding for the content */
  border: 0;    /* define border, margin and padding to be sure I have the width I want IE for Windows include them in width rather than just the content */
  margin: 0;
  padding: 10px;
  right: 0;
  top: 0;

}

#barcontainer {   /*Just for IE 5.5 */
  position: relative;
  left: 0;
  top: 0;
 }

#tablebodylayout{
  width: 100%;
  border: 0;
}

#lftTopBar {
  width: 20%;
  height: 1px;
  border: 0;    /* define border, margin and padding to be sure I have the width I want IE for Windows include them in width rather than just the content */
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  vertical-align: top;
}

#lftBar {
  width: 20%;
  height: 100%;
  border: 0;    /* define border, margin and padding to be sure I have the width I want IE for Windows include them in width rather than just the content */
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  vertical-align: top;
}

#lftcontent {  /* I need a separate class for the actual content to get the proper padding for the content */
  left: 0;
  top: 0;
  border: 0;    /* define border, margin and padding to be sure I have the width I want IE for Windows include them in width rather than just the content */
  margin: 0;
  padding: 10px;

}

#rgtBar {
  width: 10%;
  border: 0;    /* define border, margin and padding to be sure I have the width I want IE for Windows include them in width rather than just the content */
  margin: 0;
  padding: 0;
  right: 0;
  top: 0;
  vertical-align: top;
}

#rgtcontent {  /* I need a separate class for the actual content to get the proper padding for the content */
  border: 0;    /* define border, margin and padding to be sure I have the width I want IE for Windows include them in width rather than just the content */
  margin: 0;
  padding: 10px;

}

#rgtTopBar {
  width: 10%;
  height: 1px;
  border: 0;    /* define border, margin and padding to be sure I have the width I want IE for Windows include them in width rather than just the content */
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  vertical-align: top;
}

h1 { color: red; font-weight: bold }
h2 {color:blue; font-size: 1.25em; font-style: italic;}