h2,h3,h4 {font-family: sans-serif,helvetica,arial}
#heading h2 {margin-top: 0px; text-align: center}

div#nav {
 position: fixed;
 right: 3em; top: 1px;
 padding: 5px;
 font-family: sans-serif,helvetica,arial;
 -moz-border-radius: 8px;
 border-radius: 8px;
 opacity: 0.8;
}
div#nav:hover {opacity: .95; background-color: #fff}
div#nav span {
 background-color: #ddd;
 /*-moz-border-radius: 5px;
 border-radius: 5px;*/
 margin: 0 0.4em;
 border-left: 1px solid red;
 border-right: 1px solid red;
 padding: 2px 0.3em;
 /*margin-left: 0.3em;*/
}
div#nav span.current {
 background-color: #ccc;
}
div#content {background-color: #ddd; padding: 1em; padding-left: 2em; -moz-border-radius: 1.4em; border-radius: 1.4em}

/* for home page: */
div#leftcol {float: left; margin-right: 1em; margin-bottom: 1em}
div#rightcol {text-align: justify}

/* for people page: */
table#people {margin: auto}
table#people td {text-align: center; min-width:11em; vertical-align: top}
a {color: #30c; text-decoration: none}
a:hover {color: #48f}
img {border: 0px}
table#people td {font-size: smaller}
table#people a img {border: 1px solid grey}
table#people a img:hover {border: 0px; padding:1px}
div#profiles {min-height: 5em}
div#profiles > div {border-top: 1px dotted #aaa; text-align: justify}
div#profiles a {border-bottom: 1px dotted #aaa}
/* don't show map to people without javascript */
div#map {position: relative; left: 0; text-align: left; visibility: hidden;}
div#map img {max-width: 320px; border: 1px solid #999}
#marker {position: relative; color: red; text-align: left; width: 0; height: 0}

/* for research page */
#accordion h4 {border: 1px solid #fbfbfb; background: #d5d5d5}
#accordion h4 a {color: #000}
/* for research page jquery ui */
#accordion h4.ui-state-default .ui-icon:before {content: "+"}
#accordion h4.ui-state-default:hover {cursor: pointer; background: #fff}
#accordion h4.ui-state-active {border: 1px solid #fbd850; background: #fff}
#accordion h4.ui-state-active a {color: black}
#accordion h4.ui-state-active .ui-icon:before {content: none}
/* pull 'icon' out of flow, so header text doesn't move right. */
#accordion h4 .ui-icon {position: absolute; left: 1em}

#accordion .ui-accordion-content {display: none}
#accordion .ui-accordion-content-active {display:block}
/* stops text jumping after accordion animation (collapsing margins?) */
#accordion p {margin-top: 0; padding-top: 1em}
#accordion img.visual {float: left; margin-top: 1em; margin-right: 1em; margin-bottom: 1em}
#accordion h4 {
 margin-top: 1em; margin-bottom: 0em;
 clear: both; /* for floating images in previous div */
}
/* for contact page */
img#location-map {border:1px solid black}