* {margin: 0; padding: 0;}
body {font: 0.8125em Verdana, sans-serif; line-height: 110%; color: #333; background: #FFF;}

a {text-decoration: none;}
a img {border: none;}
a:link, a:visited {color: #555; border-bottom: 1px solid #555; border-color: #658aac;}

html body a:hover {color: #000; background-color: #F4F2E4; border-bottom: 1px solid #9A8E51;}
#navbar a, a.button, #main h1 a, .item a, .firstitem a, .emph a, .title a:link, .title a:visited, .byline a:link, .byline a:visited {border-bottom-width: 0;}
#main h1 a:hover, .title a:hover, .byline a:hover {border-bottom-width: 1px;}




h2 {font: 1.5em Georgia, "Times New Roman", serif; letter-spacing: 1px;}
h3 {font: bold 1em Verdana, Arial, sans-serif; letter-spacing: 2px;
  text-transform: uppercase;}
h4 {font: bold 1.1em Georgia, "Times New Roman", serif; letter-spacing: 1px;}

ul, ol {list-style: none;}

#illinglogo {position: absolute; z-index: 5; top: 0; left: 22px;}
#illinglogo a {display: block; background: #81817C; width: 156px;}
#illinglogo a:hover {background: #000;}
#logoline {position: relative; z-index: 10; border-top: 1px solid #666;
  font: bold 10px Arial, sans-serif; letter-spacing: 1px;}


#navbar {height: 2.4em;
  padding: 0 0 0 200px;
  background: #FBFAF4;
  border-top: 5px solid #6b8714;
  font: 13px Georgia, Times, serif; overflow: hidden;
  min-width: 670px;}
#navbar li {float: left; padding: 0 16px 0 5px; margin-right: 5px;
  background: url(../css/pix/diamond-black.gif) 100% 66% no-repeat;}
#navbar li a {display: block; padding: 0.75em 0 0.25em;
  text-transform: uppercase; color: #000;}
#navbar #info {background: none;}
#navbar a:hover,
  .home #navbar #home a,
  .teaching #navbar #teaching a,
  .people #navbar #people a,
  .research #navbar #research a,
  .projects #navbar #projects a,
  .publications #navbar #publications a,
  .info #navbar #info a {
 background: url(../css/pix/navbarlinkbg.gif) top left repeat-x; color: #658aac;
}


#main {float: left; font-size: 0.88em;
        width: 850px; padding: 1.5em 0 1.5em 15px;}
#main p {text-align: left; line-height: 1.8em;
  margin: 0 0 1em;}

.narrowcolumn {float: left; width: 150px;}
.column{float: left; width: 460px;}
.widecolumn{float: left; Width: 640px; padding-right: 0px; padding-left: 0px;}

#content { padding-right: 15px; padding-left: 30px;}

#content .item {border-top: 1px dashed #999;
  padding: 1.5em 1em 0.5em; margin-top: 0.75em;}
#content .item a {color: #658aac;}

#content .firstitem {padding: 1.5em 1em 0.5em;}
#content .firstitem a {color: #658aac;}

#content .title {font: 1.8em Georgia, Times, serif; text-align: center; margin-bottom: 0.5em; text-transform: none; letter-spacing: 1px; color: #6b8714;}
.title a:link, .title a:visited {color: #333;}
.title a:hover {color: #000;}
#content .title a { color: #6b8714;}

#content .lefttitle {font: bold 0.85em Verdana, sans-serif;
  text-transform: uppercase; letter-spacing: 2px;
   margin-left: 0.25em; color: #658aac;}

#content .smalltitle {font: 1.4em Georgia, Times, serif; text-align: center; margin-bottom: 0.5em; text-transform: none; letter-spacing: 1px; color: #6b8714;}
.smalltitle a:link, .smalltitle a:visited {color: #333;}
.smalltitle a:hover {color: #000;}
#content .smalltitle a { color: #6b8714;}



#content .byline {font: italic 1.1em Times, serif; 
letter-spacing: 1px; margin: 0 0 1.5em;}
#content .byline a {font: italic 1.0em Times, serif; 
letter-spacing: 1px; margin: 0 0 1.5em; color: #000;}
#content .byline {padding: 0 0 1em; margin: 0 0 1.25em; text-align: center;
  background: url(../css/pix/byline-separator.gif) 50% 100% no-repeat;}
#content .byline a:link, .byline a:visited {color: #000;}
#content p.year {margin: 0; padding: 0.5em 3em 0.5em 0em; color: #A08785; text-align: center;}
#content li {padding-left: 12px;
  background: url(../css/pix/diamond-gray.gif) 0 0.4em no-repeat;}
#content blockquote {padding-left: 20px; padding-top: 10px; padding-bottom: 10px;}
#content .emph {font: bold 1.05em, sans-serif;}
#content .ital {font-style: italic;}
#content .small {font-size: x-small;}
#content .big {font-size: 1.2em;}
#content h1 a,
	.title a:link, .title a:visited,
	.authors #content h2 a,
	.contact #content a.ishno,
	.illustration p {
		color: #6b8714;
}
/* ==
the following rule makes sure hover states stay black */

#content h1 a:hover,
	.ishinfo a:hover,
	.title a:hover,
	.authors #content h2 a:hover {
		color: #000;
	}


.personListing {
        width: 460px;
	border-top: 1px solid #C1A19F;
	padding-left: 1em;
	padding-top: 0.5em;
	margin: 10px 20px 10px 20px;
	/*    float: left; */
}



.floatPerson {
	/*	float: left; */
	width: auto;
	border: 1px solid #7D7D7D;
	margin: 10px 20px 10px 20px;
}
#personpic a { border-bottom-width: 0;}
#personpic a:hover {border-bottom-width: 0; background: #fff }

#sidebar {padding-left: 15px; padding-top: 8px}
#sidebar h3 {font: 1.5em Georgia, Times, serif; letter-spacing: 0; text-transform: none;  margin-bottom: 0.25em; color: #658aac;}
#sidebar div {border-bottom: 1px dashed #B2B2B2; padding: 20px 0.5em;}
#sidebar div.flush {padding-left: 0px; padding-top: 0px;  border-bottom-width: 0; }
#sidebar div.first {border-top: 1px dashed #B2B2B2; padding: 20px 0.5em; }
#sidebar div.left {padding-top: 160px; border-bottom-width: 0; }
#sidebar li {padding: 0.5em 0 0.5em; padding-left: 12px; background: url(../css/pix/diamond-gray.gif) 0 0.8em no-repeat;}
#sidebar li.copyright {padding: 0.5em 0 0.5em; padding-left: 0px; background: none; font-size: x-small; line-height: 1;}
#sidebar p {font-size: 0.85em; margin-top: 0.25em;}
#sidebar a {border-bottom-width: 0;}
#sidebar {border-bottom-width: 0;}

#topiclist a {border-bottom-width: 0; color: #658aac;}
#topiclist a:hover {color: #000; }

#topiclist a#current{  
	color: #000;
}


#footer {clear: both; border: 1px solid #666; border-width: 1px 0;
  margin-bottom: 3em; font-size: 0.85em;
  background: #FBFAF4 url(../css/pix/copyright2.gif) 20px 50% no-repeat; }
#footer p {margin-left: 200px;  width: 610px; padding: 1em 20px; border-left: 1px solid #666; border-right: 1px solid #666; background: #FFF;}
#footer .author {font-style: italic;}