<STYLE TYPE="text/css">

/*///////////////////////////////////////////////////////////////////////////////////////
/// These settings apply to all BODY tags and any other sections within the BODY tags ///
/// (unless overwritten by a lower level tag). In this case, whenever the BODY tag is ///
/// used (all pages), it will always remove the horizontal and vertical scrollbars.   ///
///////////////////////////////////////////////////////////////////////////////////////*/

BODY {OVERFLOW:scroll; OVERFLOW-X:hidden; OVERFLOW-Y:hidden}



/*/////////////////////////////////////////////////////////////////////////////////////////
/// These settings apply to all TABLE tags and any other sections within the TABLE tags ///
/// (unless overwritten by a lower level tag). In this case, all text within a table    ///
/// will inherit the settings below.                                                    ///
/////////////////////////////////////////////////////////////////////////////////////////*/

TABLE {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, sans-serif; COLOR: #000000}



/*////////////////////////////////////////////////////////////////////////////////////////
/// When you refer to links in CSS, you refer to them as "A", as in <A HREF... You can ///
/// specify settings for all the different states of a hyperlink such as -             ///
/// - normal state = A                                                                 ///
/// - mouseover or hover state = A:hover                                               ///
/// - active state = A:active                                                          ///
/// - visited state = A:visited                                                        ///
////////////////////////////////////////////////////////////////////////////////////////*/

A {color: 0000FF}
A:hover {color: FF0000}
A:active {0000FF}
A:visited {0000FF}



/*/////////////////////////////////////////////////////////////////////////////////////////
/// Here's where I set my "classes" to be accessed for formatting. These classes can be ///
/// accessed by just about any tag, such as P, DIV, TD, TR, etc etc.                    ///
/////////////////////////////////////////////////////////////////////////////////////////*/

.stats-maintitle {FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, sans-serif; COLOR: #FFFFFF; FONT-WEIGHT: bold; TEXT-ALIGN: center}
.stats-subtitle {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, sans-serif; COLOR: #FFFFFF; FONT-WEIGHT: bold; TEXT-INDENT: 5px; BACKGROUND-COLOR: #DE330C}
.stats-label {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, sans-serif; COLOR: #000000; FONT-WEIGHT: bold}
.stats-text {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, sans-serif; COLOR: #000000}
.stats-labelmouseoverhighlight {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, sans-serif; COLOR: #000080; FONT-WEIGHT: bold}
.stats-textmouseoverhighlight {FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, sans-serif; COLOR: #000080}


</STYLE>

