body {margin: 0; padding: 0;
  background: white url(bodybg.gif) 0 0 no-repeat; color: black;
  font: small Verdana, Arial, sans-serif;}

.skip {display: none;}

h1 {font-size: 250%; margin: 0;}
h2 {font-size: 180%; margin: 0 0 0.75em;}
h3 {font-size: 135%; margin: 2em 0 0.2em;}
h4 {font-size: 115%; margin: 1.5em 0 0.25em;}
h5 {font-size: 100%; margin: 1em 0 0;}
h6 {font-size: 85%; margin: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
pre, code {font: 1em Courier, "Courier New", monospace; letter-spacing: -0.066em;
  color: #333;}
p {margin: 0.3em 0 1.2em; line-height: 1.25em;}
hr {display: block; clear: both; visibility: hidden;}

abbr.dtstart, abbr.dtend {font-style: normal; text-decoration: none;}

#masthead {padding: 1.5em 0 0; margin: 0; border-bottom: 1px solid #000;
  background: #DEF url(mastheadbg.jpg) 0 0 no-repeat;}
#masthead h1 {font: small-caps bold 175%/0.9em Verdana, sans-serif; text-indent: -7px;
  margin: 0 15px 0 220px; color: #024;}
#tag {margin: 0 0 0 230px; padding: 0.5em 15px 1em 0;
  font-size: 80%; font-weight: bold; line-height: 1em; color: #345;}

.home #masthead {padding-top: 2em;}
.home #masthead h1 {font-size: 250%; margin-left: 230px;}
.home #tag {font-size: 105%; font-weight: normal; padding-top: 1em; margin-left: 235px;}

#main {position: relative; padding: 3em 0 1em 0; margin: 1px 2px 0 0;
  background: url(mainbg.gif) top left repeat-y;
  border-bottom: 1px solid #FFF; border-top: 3px double #B3C8DF; border-right: 5px double #FFF;}
#main ul {list-style: square;}
#main li {margin: 0.075em 0 0;}

#content {float: right; width: 65%; padding: 0 4% 0 2%; margin: 0;
  word-spacing: -0.05em; letter-spacing: -0.01em;}
.services #content, .about #content {border-top: 1px solid silver; padding-top: 2em;}
.home #content {padding-top: 0;}
#content #lead {margin: 0 0 1.25em; font: bold 166% Arial; line-height: 1em;
  text-align: left; letter-spacing: -1px; word-spacing: 0;}
.contactAddr {font-weight: bold;}

#sidebar {margin: 0 74% 3em 35px; padding: 0;}
#sidebar * {margin: 0; padding: 0;}

#sidebar h3 {margin: 0; padding: 2px 0 0; font: bold 1em Arial, Verdana, sans-serif;
  background: #DBDBEF; text-align: center;
  border: 1px solid #B3B3B3; border-width: 2px 1px; border-bottom: none;}
#sidebar h3 a {background: #F0F3FA; color: #424248; padding: 2px 0.5em 0; margin-right: -0.75em;
  border: 1px solid #BEBEBE; border-bottom-color: #DBDBDD;
  text-decoration: none;}
#sidebar h3 a:hover {background: #FFA850; color: #FFA; border-color: #AEAEAE;}
#sidebar ul {list-style: none; padding: 1em 0 0; margin: 0 0 1.5em;
  border: 1px solid #B3B3B3; font-size: 0.85em;
  background: #F8FBFF;}
#sidebar li {margin: 0 1em 0.5em; padding: 0; border-top: 1px solid #F8FBFF;}
#sidebar ul ul {border: none; padding: 0; margin: 0; font-size: 1em; color: #5A5B5D;}
#sidebar ul ul li {margin: 0; padding: 0;}
#sidebar li.moreinfo {text-align: right; margin: 0; padding: 0 0 1px;}
#sidebar p {border: 1px solid #B3B3B3; font-size: 0.85em; line-height: 1.33em;
  padding: 0.66em; margin-bottom: 1em; background: #F8FBFF; color: #5A5B5D;}

#sidebar blockquote {margin: 0; padding: 0;}
#sidebar blockquote p {margin: 2.5em 0.25em 0 0.75em; padding: 0; border: none;
  text-indent: 15px; font-size: 85%; line-height: 1.2em;
  background: url(arrow.gif) 0 0 no-repeat; color: #6E6E78;}
#sidebar blockquote p span {display: block; font-style: italic; text-indent: 0;}
#sidebar .nothing {font-style: italic; color: gray;}
#sidebar .callout {background: #E4EAF4;}
#sidebar .callout h3 {background: #BCE; color: #000;
  border: 2px solid #667; border-bottom: none;}
#sidebar .callout p {background: transparent; color: #113;
  border: 2px solid #667; border-top: 1px dotted black;}

#sidebar .eventlist li {line-height: 1.1em;}

#subnav {position: absolute; z-index: 3; top: 0; left: 29%; right: -6px;
  margin: 0; padding: 2em 0 0.5em 2%; font-size: smaller;}
#subnav a {text-decoration: none; color: gray;}
#subnav b {font-weight: normal; margin: 0 0.5em; color: #776;}

#navbar {position: absolute; z-index: 5; top: 0; left: 0; right: 0; width: 94%;
  margin: -1px 0 0; padding: 0.2em 0 0.1em;
  border: 1px solid #8F8E82; border-width: 0 3px 1px 20px;
  background: #EEEDD9; white-space: nowrap;}
html>body #navbar {margin: -4px 0 0;}
#navbar a {border-right: 1px solid #8F8E82; padding: 0.45em 0.5em 0.2em;
  text-decoration: none; font-weight: bold; font-variant: small-caps;
  color: #772;}
html>body #navbar a {padding: 0.2em 0.5em 0.1em;}
#navbar a#home {padding-left: 212px;}
#navbar a:hover {background: #FFA850 url(navlink-high.gif) center center; color: #FFA;}
#navbar b {display: none !important;}

.home #navbar #home {color: #CCA; background: transparent;}
.services a#services, .about a#about, .projects a#projects, .events a#events, 
.publications a#publications, .contact a#contact {
  position: relative; border-bottom: 1px solid #FFF;
  background: #FFF !important; color: black !important;}

#footer {margin: 0 0 10px; border: 1px solid #BBB; border-width: 1px 0;
  background: #FAFAFF url(bodybg.gif) 0 -100px no-repeat;
  font-size: smaller; clear: both;}
#footer p {margin: 0 0 0 100px; padding: 0.75em 1.5em 0.5em 0;}