/* cool rollover thing */
div.hovermenu { width: 200px }
div.cattitlenolink, td.cattitlenolink
    { color: #ffffff;
    background-color: #00477F;
    /* border-top: 1px solid #00477F;
    border-right: 0px;
    border-bottom: 1px solid #00477F;
    border-left: 0px; */
    padding: 1px 2px 1px 2px;
    font-weight: bold;
    font-size: 9pt;
    font-family: arial, helvetica, verdana }
div.cattitle, td.cattitle
    { color: #ffffff;
    font-weight: bold;
    font-size: 9pt;
    font-family: arial, helvetica, verdana }
div.cattitle a:link, td.cattitle a:link,div.cattitle a:visited, td.cattitle a:visited
    { display: block;
    padding: 1px 2px 1px 2px;
    color: #ffffff;
    text-decoration: none;
    background-color: #00477F;
    border-top: 1px solid #00477F;
    border-right: 0px;
    border-bottom: 1px solid #00477F;
    border-left: 0px;
    }
div.cattitle a:hover, td.cattitle a:hover,div.cattitle a:active, td.cattitle a:active
    { display: block;
    padding: 1px 2px 1px 2px;
    color: #00477F;
    text-decoration: none;
    background-color: #eeeeee;
    border-top: 1px solid #ff0000;
    border-right: 0px;
    border-bottom: 1px solid #ff0000;
    border-left: 0px; 
    }

/* use when using main categories/sub categories. */
div.subtitlenolink, td.subtitlenolink
    { color: #000000;
    background-color: #eeeeee;
    /* border-top: 1px solid #eeeeee;
    border-right: 0px;
    border-bottom: 1px solid #eeeeee;
    border-left: 0px; */
    padding: 2px 2px 1px 7px;
    font-weight: bold;
    font-size: 12px;
    font-family: arial, helvetica, verdana;}
div.subtitle, td.subtitle 
    { color: #000000;
    font-weight: normal;
    font-size: 12px;
    font-family: arial, helvetica, verdana;}
div.subtitle a:link, td.subtitle a:link,div.subtitle a:visited, td.subtitle a:visited
    { display: block;
    padding: 2px 2px 1px 7px;
    color: #0079F5;
    text-decoration: none;
    background-color: #eeeeee;
    /* border-top: 1px solid #eeeeee;
    border-right: 0px;
    border-bottom: 1px solid #eeeeee;
    border-left: 0px; */
    }
div.subtitle a:hover, td.subtitle a:hover,div.subtitle a:active, td.subtitle a:active
    { display: block;
    padding: 2px 2px 1px 7px;
    color: #ffffff;
    text-decoration: none;
    background-color: #0079F5;
    /* border-top: 1px solid #ff0000;
    border-right: 0px;
    border-bottom: 1px solid #ff0000;
    border-left: 0px; */
    }