body {
	background-color: #FFFFFF;

}

A {
        text-decoration: none;
        color: #800000;
        font-weight: bold;
}

/* ;A:hover {text-decoration: underline; color: red;} */

TD{
        font-family: tahoma, verdana, arial, helvetica, sans-serif;
        font-size: 9px;
        height: 19px;
        text-align: center;
}

TH{
        font-family: tahoma, verdana, arial, helvetica, sans-serif;
        font-size: 12px;
        background-color: #A0B8C8;
        height: 19px;
        text-align: center;
}

.yearrow{
        font-family: tahoma, verdana, arial, helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        background-color: #FFFF00;
}


.copyright{ 
        font-size: 10px; 
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        color: #444444; 
        letter-spacing: -1px;
}

.outlined {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 padding-top: 1px;
 padding-right: 1px;
 padding-bottom: 1px;
 padding-left: 1px;
 border: #000000;
 border-style: solid;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px
}

h2.specialT{
	font-size: 130%;
	margin: 0px;
	margin-top: 10px;
	color: black;
	font-family: serif;
}

div.display{
	border: 2px solid #003B62;
	font-family: verdana;
	background-color: #B5CFE0;
	padding: 7px;
	margin: 5px;
}


div.main
{
    width:490px;
    float:left;
    color: black;
    text-align:left;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}
div.page p.head1
{
    padding-top: 15px;
    color: #6666CC;
    font-size:16px;
    font-weight:bold;
}
div.page img.TryMe
{
    display: block;
    border: none;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
}
div.Feature
{
    padding: 5px;
}
div.Feature p
{
    padding: 3px;
}
div.Feature p.Name
{
    font-size: 12px;
    font-weight: bold;
    padding: 0px;
}
div.Feature a
{

    text-decoration: none;
    color: #800000;
    font-weight: bold;
    font-family: verdana,arial;
    font-size: 12px;

}
div.Feature img
{
    margin-right: 10px;
    float: left;
    border: none;
}


a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    text-decoration:none}
    
a.info img { 
	border: 0;
}

a.info:hover{z-index:25; background-color:white}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    color: black;
    font-weight: normal;
    font-style: normal;
    top:2em; left:-20em; width:20em;
    border:1px solid #444;
    background-color: white;
    padding: 1em;
    text-align: center}

a.info1{
    position:relative; /*this is the key*/
    z-index:24; 
    text-decoration:none}
    
a.info1 img { 
	border: 0;
}
a.info1:hover{z-index:25; background-color:white}

a.info1 span{display: none}

a.info1:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    color: black;
    font-weight: normal;
    font-style: normal;
    top:2em; left:-8em; width:20em;
    border:1px solid #444;
    background-color: white;
    padding: 1em;
    text-align: center}
    