/* document body */
BODY { background-color: #deecfa;
       color: #9933cc;
       font-size: 80%; font-weight: normal; text-decoration: none; }

/* table-cells */
TD   { background-color: #cae0f6;
       color: #9933cc;
       font-family: "comic sans ms", "arial", "verdana", "serif";
       font-size: 80%; font-weight: normal; text-decoration: none; }

/* special classes for different text colors and/or sizes */
.copyright   { color: #9933cc; font-size: 100%; }
.page_header { color: #9933cc; font-size: 200%; }
.header      { color: #9933cc; font-size: 100%; font-weight: bold; }
.groot1      { color: #9933cc; font-size: 120%; }
.groot2      { color: #9933cc; font-size: 140%; }

/* special classes for the menu */
TD.menu0 { font-size: 100%; background-image: url(../images/menu0.jpg); background-color: #cae0f6; }
TD.menu1 { font-size: 100%; background-image: url(../images/menu1.jpg); background-color: #cae0f6; }

/* equals background color of data-cell to background color of the body */
/* this is used in the gallery (javascript) */
TD.paint { font-size: 100%; background-color: #deecfa; }

/* normal links */
A         { color: #9933cc; font-weight: normal; text-decoration: underline; }
A:LINK    { color: #9933cc; font-weight: normal; text-decoration: underline; }
A:VISITED { color: #9933cc; font-weight: normal; text-decoration: underline; }
A:ACTIVE  { color: #9933cc; font-weight: normal; text-decoration: underline; }
A:HOVER   { color: #3300ff; font-weight: normal; text-decoration: underline; }

/* special classes for different text colors in the menu */
A.menu:LINK    { color: #ffbbff; font-weight: normal; text-decoration: none; }
A.menu:VISITED { color: #ffbbff; font-weight: normal; text-decoration: none; }
A.menu:ACTIVE  { color: #ffbbff; font-weight: normal; text-decoration: none; }
A.menu:HOVER   { color: #ffffff; font-weight: normal; text-decoration: none; }