body { background-image: url(../images/menu_tile.gif); background-repeat: repeat-y }

.header { color: #00469a; font-size: 11px; font-family: Verdana, Arial }

.head { color: #325998; font-size: 14px; font-family: Verdana, Arial }

.body { color: #000000; font-size: 12px; font-family: Verdana, Arial }

ul { list-style-type: square }

.footnote { color: #555555; font-size: 9px; font-family: Verdana, Arial }

.chart1 { color: #ffffff; font-size: 11px; font-family: Verdana, Arial }

.chart2 { color: #325998; font-size: 11px; font-family: Verdana, Arial }

.legal { color: #a5bbe0; font-size: 10px; font-family: Verdana, Arial }

a:link,a:visited { color: #00469a; text-decoration: none }

a:active,a:hover { color: #0000ff; text-decoration: underline }


.popup {
position: relative;
z-index: 0;
}

.popup:hover {
background-color: transparent;
z-index: 50;
text-decoration: none;
}

.popup span { /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 8px;
left: -1000px;
border: 1px solid #aaaaaa;
visibility: hidden;
color: black;
font-size: 12px; 
font-family: Verdana, Arial;
text-decoration: none;
}

.popup span img { /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.popup:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: 60px; /*position where enlarged image should offset horizontally */
}