HTML
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 90%;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    FONT-FAMILY: Tahoma;
    HEIGHT: 100%
}
H1
{
    FONT-SIZE: 18px;
    COLOR: black;
}
P
{
    FONT-SIZE: 16px;
    COLOR: black;
}

LI
{
    FONT-SIZE: 14px;
    COLOR: black;
}

LI
{
    FONT-SIZE: 16px;
    COLOR: black;
}
A
{
    FONT-SIZE: 16px;
    COLOR: #CEBC04;
}
TD
{
    FONT-SIZE: 16px;
    COLOR: black;
}
.req
{
    FONT-SIZE: 10pt;
    COLOR: #ff0000;
}
.note
{
    FONT-SIZE: 10pt;
    COLOR: #ff0000;
}
a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-150px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}