body { position: relative; display: block; padding: 0; background-color: #fbfbf9; }

h1.title { display: block; text-align: center; width: 80%; padding: 15px 10%; color: #2e2d29; background-color: #f6f3e6; margin: 0 0 25px 0; border-bottom: 2px solid #e9e6df; }
h2.subtitle { display: block; text-align: center; margin: 15px 0; padding: 10px 0; background-color: #e9e6df; }
div.content-div.grad-students h2.subtitle { background-color: #820000; color: #fbfbf9; }
div.content-div.proj-descrip h2.subtitle { background-color: #820000; color: #fbfbf9; }
a { color: #820000; }
a:hover { text-decoration: none; }
hr { height: 3px; margin: 0 10% 20px 10%; width: 80%; background-color: #585754; border: none;Ê}

div.content-div { position: relative; width: 80%; float: left; margin: 0 10% 25px 10%; }

div.content-div p { padding: 5px; }
div.content-div img { display: block; margin: 10px auto; text-align: center; }

div.content-div dt { position: relative; display: block; clear: both; margin-top: 10px; padding: 5px; font-weight: bold; }
div.content-div dt::before { content: '\2022'; padding-right: 15px; }
div.content-div dd { padding-left: 10px; color: #585754; }

div.content-div p.caption { margin: 0; padding: 10px; background-color: #e9e6df; font-weight: bold; }

div.content-div .group-photo { position: relative; width: 100%; }
div.content-div .group-photo img { margin: 0; }
div.content-div .group-photo a.person { position: absolute; width: 3.5%; height: 7%; opacity: .75; }
div.content-div .group-photo a.person .name { position: absolute; display: none; text-align: center; width: 120px; top: 120%; left: -70px; padding: 10px; margin: 0 50%; color: #ffffff; background-color: #000000; border-radius: 5px; }
div.content-div .group-photo a.person:hover .name { display: block; }
div.content-div .group-photo .photo-date { position: absolute; display: block; bottom: 5px; left: 5px; color: #fbfbf9; margin: 0; }

#sps{height: 120px; width: 120px}

div.content-div .project { position: relative; display: block; margin: 0 auto; text-align: center; float: left; }
div.content-div .project a img { width: 100px ; height: 100px; border: 1px !important solid #820000; }
div.content-div.projects .project { width: 33%; }
div.content-div.supportersGR .project {width: 50%; }
div.content-div.completed-projects .project { width: 33%; }

div.content-div .cover { position: relative; display: block; width: 33%; margin: 0 auto; text-align: center; float: left; }
div.content-div .cover img { width: 80%; margin: 0 10%; border: 1px solid #820000; }

div.content-div table { width: 100%; }
div.content-div table th { text-align: left; font-size: 1.1em; padding: 5px; text-decoration: underline; }
div.content-div table td { padding: 5px; }

div.content-div.table-contents #toc-trigger h2.subtitle span { font-size: .75em; }
div.content-div.table-contents #toc-trigger h2.subtitle .closed { display: none; }
div.content-div.table-contents.closed #toc-trigger h2.subtitle .open { display: none; }
div.content-div.table-contents.closed #toc-trigger h2.subtitle .closed { display: inline; }
div.content-div.table-contents .toc-section { position: relative; float: left; width: 30%; margin: 0 1.5%; }

div.content-div.alumni-section .person { position: relative; width: 100%; float: left; padding: 10px; margin-bottom: 25px; background-color: #f6f3e6; }
div.content-div.alumni-section .person img { position: relative; display: block; width: 200px; float: left; margin: 10px 20px 10px 10px; }
div.content-div.alumni-section .person .info, div.content-div.alumni-section .person .bio { margin: 0; padding: 10px; }
div.content-div.alumni-section .person .info { margin-left: 10px; }
div.content-div.alumni-section .person .info strong { display: block; margin-left: -10px; font-size: 1.25em; }
div.content-div.alumni-section .person .info em { display: block; }

div.content-div.maintained-by { color: #585754; margin-bottom: 50px; }
div.content-div.maintained-by p strong { display: block; width: 50%; float: left; text-align: left; }
div.content-div.maintained-by p em { display: block; width: 50%; float: right; text-align: right; }
