html, body {
  margin: 0px auto;
  font-family:'Lucida Sans Unicode','Lucida Grande','Verdana','Lucida Sans',sans-serif;
  font-size: 14px;
  color:#222222;
}

/* You have to provide font definitions here 
   to override the default table font properties! */
table {
  color:inherit;
  font-family:'Lucida Sans Unicode','Lucida Grande','Verdana','Lucida Sans',sans-serif;
  font-weight:normal;
  font-size: 14px;
}
tr {
  color:inherit;
  font-family:inherit;
  font-weight:inherit;
  font-size:inherit;
}
td {
  color:inherit;
  font-family:inherit;
  font-weight:inherit;
  font-size:inherit;
}

/* ***************************************************
   *                       HEADER                    *
   *************************************************** */
#header {
  width:100%;height: 80px;
}

#headimage {
  position:absolute;
  top:0px;left:0px;
  width:500px;height:80px;
  background-image:url(green_drop_500x80.png);
}

#logoimage {
  position:absolute;
  top:40px;left:250px;
  width:200px;
  height:40px;
  background-image:url(noosphere-it.png);
}

#headnavi {
  position:absolute;
  top:30px;
  right:60px;
}

#headnavi a {
  font-size: 0.9em;
  color:#333;
  text-decoration:none;
}

#topbar {
  position:absolute;
  top:80px;
  left:0px;
  width:100%;
  height:25px;
  background-image: url(topnavbg25.png);
}

#topslogan {
  position:absolute;
  top:85px;
  left:250px;
}

#topnavi {
  position:absolute;
  top:85px;
  right:60px;
}

#topnavi a {
  font-size:0.9em;
  color:#333;
  text-decoration:none;
}


/* ***************************************************
   *                 MAIN AREA and CONTENT           *
   *************************************************** */
#water {
  position:absolute;
  left:0px;
  bottom:80px;
  width:250px;
  height:200px;
  background-image:url(greywater.png);
  /* border: 1px solid red; */
}

#main {
  margin-left:250px;
  margin-top:40px;
  min-height:400px;
  width:900px;
  /* background-color:yellow; */
}

#content {
  float:left;
  /* margin-left:20px; */
  color: #666666;
  width:640px;
  min-height:250px;
  /* background-color:#FFCCCC; */
}

#contentside {
  float:left;
  margin-left:20px;
  color: #666666;
  width:200px;
  min-height:250px;
  /* background-color:#00FFFF; */
}


#contentfoot {
  clear:both;
  width:900px;
}


/* ***************************************************
   *                       FOOTER                    *
   *************************************************** */
#footer {
  position:absolute;
  height:25px;
  width:100%;
  bottom:0px;
  margin:0px auto;
  overflow:auto;
  text-align:center;
}

#footer a {
  font-size: 0.9em;
  color:#444444;
  text-decoration:none;
}