BODY {
background-color: #F4F4EF;
color: #3A3A3A;
font-family: Verdana, Arial, sans-serif;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 15px;
scrollbar-arrow-color: #7F7F99;
scrollbar-face-color: #F4F4EF;
scrollbar-3dlight-color: #7F7F99;
scrollbar-highlight-color: #7F7F99;
scrollbar-shadow-color: #7F7F99;
scrollbar-darkshadow-color: #7F7F99;
scrollbar-track-color: #F4F4EF;
}

P, TD, LI, UL, Table {
background-color: #F4F4EF;
color: #3A3A3A;
font-family: Verdana, Arial, sans-serif;
}

/* this group sets the normal link colors */
A:LINK {
background-color: #F4F4EF;
color: #7F7F99;
text-decoration: none;
font-weight: bold;
}
A:VISITED {
background-color: #F4F4EF;
color: #7F7F99;
text-decoration : none;
font-weight: bold;
}
A:HOVER {
background-color: #F4F4EF;
color: #444477;
text-decoration : none;
font-weight: bold;
}
A:ACTIVE {
background-color: #F4F4EF;
color : #444477;
text-decoration : none;
font-weight: bold;
}

/* this grouping sets the heading colors and sizes */
H1 {
background-color: #F4F4EF;
font-weight : bold;
color : #444477;
letter-spacing: 0.2em;
line-height: 120%;
}
H2, H3, H4, H5, H6 {
background-color: #F4F4EF;
font-weight : bold;
color : #444477;
letter-spacing: 0.2em;
line-height: 120%;
}

/* the area below contains special classes */
/* classes specify special formatting */

/* this class sets the properties of the main left side table cell */
.leftside {
font-family : Verdana, Arial, sans-serif;
text-align: left;
line-height: 17px;
padding-left: 30px;
padding-right: 50px;
padding-top: 15px;
padding-bottom: 15px;
}

/* this class sets the properties of the main right side table cell */
.rightside {
padding-left: 5px
}

/* this is the class for the hot topic table top cell */
.hottopic1 {
background-color: #F4F4EF;
text-align: left;
font-weight: bold;
color: #444477;
border-bottom: 1px solid #444477;
padding-left: 10px;
padding-right: 10px
}

/*this is the class for the hot topic table bottom cell */
.hottopic2 {
text-align: left;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
border-left: 1px solid #444477;
}

.hottopic3 {
text-align: left;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
border-left: 1px solid #444477;
}

/* this class sets the properties for the horizontal rule bar */
hr {
background-color: #F4F4EF;
color: #72728C;
height: 1px;
width: 100%;
}

.tiny {
text-align: center;
letter-spacing: 0.2em;
font-weight: bold;
}
