
<style type="text/css" media="screen">

#dummmy { /* the first entry doesn't seem to work */ }

#padding {
 padding:10px;
}

#padding50 {
 padding:50px;
}

#body  {
   bgcolor="#FFFFFF"
   BACKGROUND-image= 'images/background1.jpg'
   leftmargin="0"
   topmargin="0"
   xmarginwidth="0"
   xmarginheight="0">
}

#header {
 position: relative;
 /* blinks when I use this */
 xbackground-image: "http://perfvision.com/images/background1.jpg";
 xbackground-image: url(images/background1.jpg);
 color:#000;
 height: 137;
 xwidth: 800;
}

#home {
 position: absolute;
 left: 0px;
}

#title {
 position: absolute;
 right: 0px;
 top: 40px;
 font-size: 36;
 font-family: arial;
 color: #ccc;
}

#content {
 position: relative;
 xbackground-image: url(images/contents.jpg);
 xbackground-repeat:  no-repeat;
 xbackground-attachment:  fixed;
 background-color:#fff;
 color:#000;
 font-family: arial;
 font-size: 16;
 xheight: 200px;
 xheight: 40%;
 width: 900;
}

#col1 {
 float: left;
 width: 140px;
 xpadding: 20 0;
 xpadding-left: 20px;  /* netscape pads by default */
 background-color:#fff;
 color:#000;
}

#sep1 {
 float: left;
 xwidth: 16px;
 width: 2px;
 background-color:#fff;
}

#col2 {
 float: left;
 width: 400;
 padding-left: 10px;  /* netscape pads by default */
 padding-right: 10px;  /* netscape pads by default */
 height: 400px;
 xoverflow:auto;
 background-color:#fff;
 color:#000;
}

#sep2 {
 float: left;
 width: 2px;
 background-color:#fff;
}

#col3 {
 float: left;
 width: 220;
 background-color:#fff;
 padding-left: 10px;  /* netscape pads by default */
 color:#000;
 xoverflow:auto;
}

pre {
 padding:1em;
 border:1px dashed #aaa;
 background:#fafafa;
}
p {
 margin:0.5em 0;
}
h3 {
 color:#999;
}

#menu {
 position: absolute;
 bottom: 6px;
 width: 840;
}

#navcontainer ul
{
  padding-left: 0; /* netscape pads by default */
  margin-bottom: 0; /*netscape sets bottom magin by default */
  margin-left: 0;  /* ie sets margins by default */
  color: White;
  width: 100%;
  font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
  padding: 0.1em 1em;
  background-color: #79D;
  color: White;
  text-decoration: none;
  float: left; /* wo Netscape shows each menu on differnt line */
  background-image:   url(images/b3.gif);
  /* without no-repeat, the hover color doesn't work */
  background-repeat: no-repeat;
  background-position: 0% 50%;
}

#navcontainer ul li a:hover
{
  display:block; /* ? */
  padding: 0.1em 1em;
  background-color: #79D;
  color: #000;
  background-image:   url(images/b2.jpg);
  background-position: 0 30 ;
}

#highlight {
 background-color:#ccc;
} 

body{
   margin:0;
   padding:0 0 <length> 0;
}

div#footer {
 position: absolute;
 bottom: 0;
 left: 0;
 xpadding: 0 0;
 xpadding: 0 0 0 0;
 xmargin: 0 0 0 0 ; 
 background-color:#ccc;
 font-size: 10;
 color:#000;
 text-align: center;
 width: 100%; 
 xheight: <length>;
 height: 20px;
}

* html div#content{
  xheight:70%;
  overflow:auto;
}


* html body {
  xoverflow:hidden;
} 

/* without this foot moves in netscape */
 @media screen{
    body>div#footer{
      position: fixed;
    }
  }


</style>

