body {font-family: Georgia, Palatino Linotype, Palatino, serif; font-size: 76%; /* font sizing in ems. if you want to change anything, just change this.*//*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. */}
#bd {margin: 0em; padding: 2em; /* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. it was hard to figure out what was causing it, so i want this note here to remind me. */}
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1 {width: 50%; line-height: 1.3em; }
.narrow2 {width: 50%; line-height: 1.5em; }	
/*typography*/
a {text-decoration: none; font-weight: bold; }
a:link {text-decoration: none;}
h1 {font-size: 2.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; /*both set to zero and padding in header div is used intead to deal with compound ie pc problems.*/}
h2 {font-size: 1.7em; margin: 6px 20px; font-weight: normal; }
h3 {font-size: 1.4em; margin: 6px 20px; font-weight: normal; }
.side h3 {font-size: 1.4em; margin: 0 8px .8em 8px; font-weight: normal;}
h4 {font-size: 1.1em; margin: 6px 20px; font-weight: bold; }
h5 {font-size: 1.0em; margin: 6px 20px; font-weight: bold; }
h6 {font-size: 0.92em; margin: 6px 0; font-weight: normal; }
img {border: 0; }
ol, ul, li {font-size: 1.0em; line-height: 1.8em; margin-top: 0.7em; margin-bottom: 0.4em;  }
p {font-size: 1.0em; line-height: 1.6em; margin: 10px; text-align: justify;}
.side p {font-size: .92em; line-height: 1.4em; margin: 8px; text-align: left;}
li > p {margin-top: 0.2em;}
.dynamic {font-weight: bold;}