/* <style type="text/css"> */

body {
max-width: 1064px; 
/* was 1016px is currently the width of the largest image on the page, not that it needs to be this exact number or anything */
/* NOTE: dd dt likely indents this image making the page wider, to 1056px?, give extra? */
}

dt {
font-weight:     bold;
}

ul {
list-style-type: circle;
}

p {
/* text-indent:      .6em; */
padding-left:     2.6em;
}

dd {
margin-bottom:   .5em;
font-style:      italic;
}

/* testing seeing what putting this here too will do, not used on main page, at least yet */
.KeyLetter {
    text-decoration: underline;
}

/*
table {
text-align:      center;
}
*/
/*
b {
font-size: 150%;
}
*/
/*
li {
margin: 15px;
}
*/

/* TODO: more thoughts on this, etc... calling these 'titles' 'b' probably isn't how things should be done */
/* NOTE: the browser doesn't always refresh changes to CSS when reloading page */

/* <style type="text/css"> */
/* On the Expand page, This remove the circle that the other part adds */ 
/* stuff seems to need ';' at end of line to work */
.Expand {
list-style-type: none;
}
.Expand li {
    margin-bottom: 1.5em;
}
.Expand b {
    font-size: 175%;
}

td.ImageLabel {
    text-align: center;
}

/* </style> */


/* '#' is for id,  '.' is for class
 * id example
<style>
#blue {
color: #1c87c9;
}
</style>
*/

/*
 * Combining multiple CSS selectors
 * https://css-tricks.com/multiple-class-id-selectors/
 */

/*
 * direct children '>', Descendants is ' '(space), ... 
 */