body {background:#ffffff}

ul  {
 margin: 0;
 padding: 0;
 list-style: none;
 width: 130px;
 border-bottom: 1px solid #ccc;
 }
ul li {
 position: relative;
 }
li ul {
 position: absolute;
 left: 129px;
 top: 0;
 display: none;
 }
ul li a { /* This is TOP level */
 display: block;
 text-decoration: none;
 color: #000;  /* #777 is a nice gray */
 background: #ffcc33; /* MUST declare a background for IE 6 */
 padding: 5px;
 border: 1px solid #ccc;
 border-bottom: 0;
 }

li  ul a { /* This is secondary ROLLOUT level */
 display: block;
 text-decoration: none;
 color: #000;
 background: #ffffcc; /* MUST declare a background for IE 6 */
 padding: 5px;
 border: 1px solid #ccc; /* #ccc;*/
 border-bottom: 0;
 }
 
 
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */


li:hover ul, li.over ul { 
 display: block; 
 }

a {
 text-decoration: none; 
}
a:hover {
 background: #fff;
 color: Red;
}

/* a comes first, then see that hover is below focus as shown below 
hb handles the blue background cells; hp is for the purple ones
*/

a.hb:visited {
 background: #0066ff;
 color: white;
}
a.hb:focus {
 background: #0066ff;
 color: #ffffcc;
}
a.hb:hover {
 background: #0066ff;
 color: #ffffcc;
}

a.hb:link {
 background: #0066ff;
 color: white;
}
 

a.hp:visited {
 background: #9933ff;
 color: white;
}
a.hp:focus {
 background: #9933ff;
 color: #ffffcc;
}
a.hp:hover {
 background: #9933ff;
 color: #ffffcc;
}

a.hp:link {
 background: #9933ff;
 color: white;
}



a.nochange:visited {
 background:transparent;
 text-decoration:none;
 color: white;
}
a.nochange:focus {
 background:transparent;
 text-decoration:none;
 color: #FFFED0;
}
a.nochange:hover {
 background:transparent;
 text-decoration:none;
 color: #FFFED0;
}

a.nochange:link {
 background:transparent;
 text-decoration:none;
 color: white;
}


a.same:visited {
 background:transparent;
 text-decoration:none;
 color: black;
}
a.same:focus {
 background:transparent;
 text-decoration:none;
 color: black;
}
a.same:hover {
 background:transparent;
 text-decoration:none;
 color: black;
}

a.same:link {
 background:transparent;
 text-decoration:none;
 color: black;
}


 
dt {
 font-weight: bold;
 line-height: 225%;
}