body {
   font-family: Arial,sans-serif;
   color: #003333;
   background-color: #ffffff;
}

body.photos {
   font-family: Arial,sans-serif;
   color: #ffffff;
   background-color: #000000;
}

body.sidebar {
   font-family: Arial,sans-serif;
   color: #e0e0e0;
   background-color: #003333;
}

body.people {
   font-family: Arial,sans-serif;
   color: #003333;
   background-color: #ffffff;
}

/* Hover effects don't work in N4 */


A:link  { color: #999999;  }
A:visited  { color: #999999; }
A:hover  { color: ffffff; }

A:link IMG { border: 2px solid black  }
A:visited IMG { border: 2px solid black }
A:hover IMG { border: 2px solid white }

A.nav:link { color: #999999;   }
A.nav:visited { color: #999999;  }
A.nav:hover { color: #ffffff;  }

.navtext { font-size: smaller; font-weight: bold }

TABLE.groupcap { border: 1px solid; border-color: #003333; margin: 1px; padding: 2px; }
TABLE.groupcap TR TD { font-family: courier; font-size: smaller; }

A.photoindex:link { color: #cccccc;  font-weight: bold; font-size: smaller;  }
A.photoindex:visited { color: #999999; font-weight: bold; font-size: smaller; }
A.photoindex:hover { color: #ffffff; font-weight: bold; font-size: smaller; }
A.photoindex:active { color: #ffffff;  font-weight: bold; font-size: smaller; }

/* Prattle page */

TABLE.comments {
   font-family: Courier,Arial,sans-serif;
   /* border: 1px solid; border-color: #003333; margin: 1px; padding: 2px; */
   background-color: #ffffff;
}
TD.commenter { 
   background-color: #cccc99; 
   font-size: larger;
   font-weight: bold;
}
TD.commenttext {
   background-color: #cccccc;
}