BODY {
  background: url(../pix/bg-body-home.gif) repeat-y #c8c8c8;
  margin:0;
}

#page { padding: 0px; }

#middle {
  vertical-align: top;
  padding: 5px;
}

h1.welcome {
  clear: both;
  margin: 8px;
  padding: 6px 0px 6px 6px;
  background-color: #d9d4d0;
  font-size: 10pt;
  font-weight: bold;

}

/* ############--RIGHT COLUMN NAVIGATION--##############  */
#rightnav {
  background: #e8e5e2;
  vertical-align: top;
  width: 200px;
}

#rightnav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#rightnav ul li {
  display: inline;
}

#rightnav a {
  position: relative;
  color: #000000;
  font-weight: bold;
  font-size: 8pt;
  display: block;
  padding: 5px;
  padding-left: 20px;
  background: #d9d4d0;
  text-decoration: none;
  margin:1px;
}

#rightnav a:hover, #rightnav a:active, #rightnav a:focus {
  padding-left: 25px;
  background: #000000;
  color: #ffffff;
}

#rightnav img {
  position: relative;
  left: -10px;
}


/* ############--BOX FOR MIDDLE SECTION--##############  */
.homeboxholder
{
  padding:0px 0px 0px 5px;
  margin:0px 0px 0px;
  float:left;

}

.Hbox
{
  float:left;
  width:135px;
  height: 150px;
  margin:0px 0px 2px 1px;
  padding:5px 0px 10px 0px;
}

h1.cHbox
{
  margin:0px 0px 0px 0px;
  padding: 6px 0px 6px 14px;
  background-color:#d9d4d0;
  font-size:8pt;
  font-weight:bold;
  color: #000000;
}

#ulHbox
{
  margin:0px 0px 0px 15px;
  padding: 4px 5px 0px 6px;
}

#ulhbox li
{
  margin:0px 0px 0px 0px;
  padding: 0px 0px 2px 2px;
  font-size:8pt;
  list-style-type: square;
}

#ulhbox li a{color: #0000ff; text-decoration:none;}
#ulhbox li a:hover, #ulhbox li a:active, #ulhbox li a:focus{color: #000000; text-decoration:none;}
h1.cHbox a {color: #000000; font-size:9pt;}
h1.cHbox a:hover {color: #0000ff; text-decoration:underline;}