#rolloverList {
/*  width:240px;
  height:400px; */
  margin:0px;
  margin-top:25px;
  margin-left:5px;
  padding:0px;
  color: #039; 
  font-size:12px;
  font-weight:bold;
}
#rolloverList UL {
  width:210px;
  margin:0px;
  padding:0px 5px 0px 25px;
  list-style-type:none;
}
#rolloverList UL {
  text-indent:-15px;
}
#rolloverList UL LI A {
  color:#039;
}
#rolloverList UL LI A:hover {
  color:#C00;
}
/*  .rolloverlist {
      color: #003399; 
      font-size:12px; font-family: Arial,sans-serif; font-weight:900;
      line-height:18px;
    }
*/



#rolloverData {
  position:relative;
  width:500px;
  height:400px;
  overflow:hidden;
}
#rolloverData DIV {
  position:absolute;
  width:500px;
  height:400px;
  overflow:auto;
}
#rolloverData DIV H2 {
  font-size:18px;
  color:#039;
}
#rolloverData DIV H2 {
  font-size:14px;
  color:#039;
}
#rolloverData DIV P {
  font-size:12px;
  color:#69C;
}
#rolloverData DIV A {
  color:#C00;
}
/*
<h2>[CATEGORY]</h2> Resource/Member
.title       {color: #003399; font-size: 18px; font-family: Arial,sans-serif; font-weight:900    }
    <h3><[TITLE]></h3>
.subtitle    {color: #003399; font-size: 14px; font-family: Arial,sans-serif; font-weight:900   }
    <p><[INTRO]></p>
    <p><[DESCRIPTION]></p>
    <p><[CLOSING]></p>
<ul style="list-style-image: url(/public/images/ball.gif);">
.content     {color: #6699CC; font-size: 12px; font-family: Arial,sans-serif; line-height:20px   }
    <h6><a href="<[PAGE]>"><[PAGE]></a></h6>
.red    { color:CC0000; }

*/