body {font: 0.8em/1.2em verdana, arial, helvetica, sans-serif; background-color: #a00000}
#container {width: 800px; margin: 10px auto; background-color: #fffff0; color: #000000; border: 1px solid gray; line-height: 130%}
#top {text-align: center; padding: 0.5em; border-bottom: 1px solid gray}
#top.i1, #footer.i1 {background-color: #ffc8a0}
#top.i2, #footer.i2 {background-color: #ffd0a8}
#top.i3, #footer.i3 {background-color: #ffd8b0}
#top.i4, #footer.i4 {background-color: #ffe0b8}
#top.i5, #footer.i5 {background-color: #ffe8c0}
#top.i6, #footer.i6 {background-color: #fff0c8}
#top h1 {padding: 0; margin: 0; font: bold 3em "Book Antiqua", sylfaen, palatino, serif; color: #b00000}
#leftnav {float: left; width: 12em; margin: 0; padding: 1em}
#content {margin: 0 0 2em 14em; padding: 1em}
#content h2, #content h3 {margin: 0 0 1em 0; font-weight: bold; color: #ff0000}
#content h2 {font-size: 1.3em}
#content h3 {font-size: 1.1em}
h2 {font-weight: bold; font-size: 1.3em}
h3 {font-weight: bold; font-size: 1.1em}
tt {font: 1.0em/1.0em "Courier New", Courier, monospace}
#content > p {margin-top: 0; margin-bottom: 0}
#content > p + p {text-indent: 2em}
#content ul {list-style-type: disc; padding: 0; margin: 0}
#content li {margin: 1em 0 0 1em}
#content li ul li {list-style-type: circle; margin: 0 0 0 1em}
#content li.nospace {margin: 0 0 0 1em}
#footer {clear: both; margin: 0; padding: 0.5em; color: #b00000; border-top: 1px solid gray}
#footer p {padding: 0; margin: 0; font-size: 0.9em; line-height: 1.4em}
#menu {width: 12em}
#menu ul {list-style: none; margin: 0; padding: 0}
#menu a {font-weight: bold; font-size: 17px; line-height: 22px; display: block; border-width: 1px; border-style: solid; border-color: #ccc #888 #555 #bbb; margin: 0; padding: 4px 5px}
#menu a.i1, #menu a.i2, #menu a.i3, #menu a.i4, #menu a.i5, #menu a.i6 {color: #b00000; text-decoration: none}
#menu a.i1 {background: #ffc8a0}
#menu a.i2 {background: #ffd0a8}
#menu a.i3 {background: #ffd8b0}
#menu a.i4 {background: #ffe0b8}
#menu a.i5 {background: #ffe8c0}
#menu a.i6 {background: #fff0c8}
#menu a:hover {color: #ff0000; background: #fff8e0}
#menu li {position: relative}
#menu ul ul {position: absolute; top: 0; left: 100%; width: 100%}
div#menu ul ul, div#menu ul li:hover ul ul {display: none}
div#menu ul li:hover ul, div#menu ul ul li:hover ul {display: block}
a.onsite:link, a.offsite:link, a.email:link, a.onsite:visited, a.offsite:visited, a.email:visited, a.onsite:active, a.offsite:active, a.email:active {background-color: transparent; text-decoration: none}
a.onsite:link, a.offsite:link, a.email:link {color: #b000b0}
a.onsite:visited, a.offsite:visited, a.email:visited {color: #b00080}
a.onsite:active, a.offsite:active, a.email:active {color: #b00000}
a.onsite:hover, a.offsite:hover, a.email:hover {color: #f00000}
img.floatLeft {float: left; margin: 0 1em 0 0}
img.floatRight {float: right; margin: 0.5em}
#welcome #welcomeNav, #consult #consultNav, #research #researchNav, #teaching #teachingNav, #resume #resumeNav, #personal #personalNav {color: #ff0000}