.blackBodyText{
     font-family:Arial;
     font-size:12px;
     color:#000000;
}

.blackBodyTextBold{
     font-weight:bold;
     font-family:Arial;
     font-size:12px;
     color:#000000;
}

.blackBodyTextXX{
     font-family:Arial;
     font-size:14px;
     color:#000000;
}

.xxRedBodyText{
     font-family:Arial;
     font-size:9px;
     color:#f00034;
}

.redBodyText{
     font-family:Arial;
     font-size:12px;
     color:#f00034;
}

.redBodyTextBold{
     font-weight:bold;
     font-family:Arial;
     font-size:12px;
     color:#f00034;
}

.redBodyTextXXXX{
     font-family:Arial;
     font-size:22px;
     color:#f00034;
}

.whiteBodyTextXXXX{
     font-family:Arial;
     font-size:22px;
     color:#ffffff;
}

.copyrightBodyText{
     font-family:Arial;
     font-size:9px;
     color:#ffffff;
}

.scroll{
     overflow-x:hidden;
     overflow-y:auto;
}



/*borders*/
.redBorderBottom{
    border-bottom:solid 1px #f00034;
}


.redBorderRight{
    border-right:solid 1px #f00034;
}

.redBorderLeft{
    border-left:solid 1px #f00034;
}

.redBorderTop{
    border-top:solid 1px #f00034;
}


/* ul and li list-style-type:circle;*/
ul{
    
     list-style-image:url('/App_Images/red_dot_small.jpg');
}

/*dynamic hover for sponsor logo*/

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

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 20px; /*position where enlarged image should offset horizontally */

}



/*dynamic hover for question mark*/

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

.thumb:hover{
background-color: transparent;
z-index: 50;
}

.thumb span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
left: -1000px;
/*visibility: hidden;*/
display:none;
color: black;
text-decoration: none;
}

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

.thumb:hover span{ /*CSS for enlarged image on hover*/
/*visibility: visible;*/
display:inline;
top: -20px;
left: -250px; /*position where enlarged image should offset horizontally */

}