/* Basic style for Swarthmore77 web site */
/* Swarthmore colors: Garnet = #631919 See style guide, https://www.swarthmore.edu/sites/default/files/assets/documents/communications-office/Swarthmore_style_guide_2020.pdf */
/* Some preferred fonts: Avance Pro, Avenir Next, Filosofia, Foundry Sans, Adobe Garamond, Knockout, Joanna MT Std, Minion Pro, Mr. Eaves, Sabon, Sentinel */

 body { font-family: Verdana,Geneva,Arial,Helvetica,san-serif; color: #333333; font-size: small; }
 p,td {font-family: Verdana,Geneva,Arial,Helvetica,san-serif; color: #333333; font-size: small}
 .regtext {font-family: Verdana,Geneva,Arial,Helvetica,san-serif; color: #333333; font-size: small}
 .small {font-size: x-small}
 .redhead {color: #990000}
 H1, H2, H3, H4 {  display: block; font-weight: bolder; margin: .67em 0;  page-break-after: avoid; }
 LI {font-family: Verdana,Geneva,Arial,Helvetica,san-serif; color: #333333; font-size: small}
.hilite { background-color:cyan; }
/* General alignments */
.clearfix { overflow: auto; }
.clear { clear:both; }
.left { float:left }
.right { float:right }
.hanginglist li {
    padding-left:1em;
    text-indent:-1em;
}
.alert { color:red }

/* Handy for embedding headshiots with captions (width is hard-coded, but seems pretty good, and could be changed) */
/* Like this: <DIV class='fimage'> <img src=''> <div class='caption'>Caption</div></DIV> */
.fimage { text-align:center; width:140px; max-width:50%; margin:3px 9px; float:left; border:4px ridge gray; }
.fimage img { width:100%; border:4px solid white; box-sizing:border-box; }
.caption { width:100%; font-size:small; font-style:italic; }

/* New definitions */
#logo { float:left; }
#SBTable,#SBTable th,#SBTable td { border:1px solid purple; }
#SBTable th,#SBTable td { padding:4px; }
#SBList { columns:auto; column-width:20em; }
hr.pgdiv { width:400px; clear:both; overflow:auto; margin:0.2em auto 0.2em 0; }
hr.inpgdiv { width:400px; overflow:auto; margin:0.2em auto 0.2em 0; }

.classagent {font-style:italic; font-size:small; }
.notice { width:60em; max-width:100%; padding:0.2em 1em; border:4px solid #733635;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#deaths li { font-style: italic; }
#deaths li:first-line { font-style: normal; font-weight:bolder; }
.pname { color:#631919; font-weight:bolder; }
.rheadshot { float:right; height:140px; margin-left:4px; }
.lheadshot { float:left; height:140px; margin-right:4px; }