BODY {

margin-left : 0; 
margin-right : 0; 
margin-top : 0; 
margin-bottom : 0; 
padding-left : 0; 
padding-right : 0; 
padding-top : 0px; 
padding-bottom : 0; 
color:Black;
  

  font-family : Arial;
} 

TABLE{
 
  font-family : Arial;
  font-size : 12pt;
  
}




P{
  font-size : 12pt;
  font-family : Arial;
}
A.cpbmenu:link {color:white; font-size:9pt; text-decoration:none;}
A.cpbmenu:visited {color:white; font-size:9pt; text-decoration:none;}
A.cpbmenu:hover {color:yellow; font-size:9pt; text-decoration:none;}
A.cpbmenu:active {color:yellow; font-size:9pt; text-decoration:none;}

A.EGCmenu:link {color:white; font-size:9pt; text-decoration:none;}
A.EGCmenu:visited {color:white; font-size:9pt; text-decoration:none;}
A.EGCmenu:hover {color:yellow; font-size:9pt; text-decoration:none;}
A.EGCmenu:active {color:yellow; font-size:9pt; text-decoration:none;}
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 12px verdana;
width: 120px; /* Main Menu Item widths */
border-bottom: 0px solid #ccc;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 0px solid #778;
border-right: 0px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #000099; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: black;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 140px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */

-->

/* Tooltip container */
.tooltip {
    position: absolute;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 1200px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: relative;
    z-index: 20;
    bottom: 125%;
    left: 50%;
    margin-left: -600px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}