/* Body and base fonts */
body {
  background: #DFE0E1;
  color: #333;
  font: 75%/1.35 verdana, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
}
html>body {font-size: 11px;}

/* Basic html elements */

img {border: 0; display: block;}
h2 {
  border-bottom: 1px solid #EAD7B0;
  color: #c90;
  font: 1.75em/1 normal "Avenir LT Std", "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 .35em 0;
  padding-bottom: 2px;
}
#content-main h2 {margin-bottom: 1em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1em; margin: 0; padding: 0;}
p {margin: 0 0 1em 0;}
a {font-weight: bold;}
a:link {color: #c90; text-decoration: none;}
a:visited {color: #B38708; text-decoration: none;}
a:hover {color: #c90; text-decoration: underline;}
a {color: #c90; text-decoration: underline;}

hr {clear: both; height: 0; margin: 0; overflow: hidden; padding: 0; visibility: hidden;}

table {border-collapse: collapse; margin: 1em 0; width: 100%;}
th, td {
  background: #fff;
  border: 1px solid #E4D5A8;
  margin: 0; padding: 4px;
  vertical-align: top;
}

/* Layout */

.section {
  background: #fff;
  clear: both;
  margin: 0 auto;
  text-align: left;
}

/* UT header and search */
#ut {background: #fff; text-align: center; width: 100%;}
#ut form {
  line-height: 33px;
  margin: 0 auto;
  text-align: right;
  width: 875px;
}
#ut-link {float: left;}
#ut form p {margin: 0;}

#wrapper {background: white; margin: 0 auto; text-align: left; width: 970px;}

/* Header and Logo */
#header {
  background: #fff;
  border-top: 1px solid #E3E5E6;
  float: left;
  margin: 0; padding: 12px 0 0;
  text-align: center;
  width: 100%;
}
#header img {display: inline;}

/* Navigation */

#navigation {
  background: #cbcdce;
  float: left;
  line-height: 1;
  padding: 0 140px 0 141px;
  margin: 1.5em 0 .5em;
  z-index: 9998;
  width: 689px;
}
#navigation ul {
  margin: 0; padding: 0;
  width: 689px;
}
#navigation li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
#navigation a {
  background: url(/images/nav_sprites.gif);
  display: block;
  height: 28px;
  overflow: hidden;
  text-indent: -9999px;
}

#nav_home a {background-position: 0px 0; width: 76px;}
#nav_about a {background-position: -76px 0; width: 79px;}
#nav_people a {background-position: -155px 0; width: 86px;}
#nav_research a {background-position: -241px 0; width: 104px;}
#nav_events a {background-position: -345px 0; width: 82px;}
#nav_news a {background-position: -427px 0; width: 72px;}
#nav_opinion a {background-position: -499px 0; width: 95px;}
#nav_contact a {background-position: -594px 0; width: 95px;}

#nav_home a:hover {background-position: 0px 28px; width: 76px;}
#nav_about a:hover {background-position: -76px 28px; width: 79px;}
#nav_people a:hover {background-position: -155px 28px; width: 86px;}
#nav_research a:hover {background-position: -241px 28px; width: 104px;}
#nav_events a:hover {background-position: -345px 28px; width: 82px;}
#nav_news a:hover {background-position: -427px 28px; width: 72px;}
#nav_opinion a:hover {background-position: -499px 28px; width: 95px;}
#nav_contact a:hover {background-position: -594px 28px; width: 95px;}


/* Drop down menus */

#navigation li:hover ul, #nav li.over ul { left: 0; }
#navigation li li { float: none; position: static; width: 100%; }

#navigation li li a, #nav li li a:hover, #nav li li a:active {
	background: none;
	color: #003;
	height: auto;
	padding: 1px 12% 2px;
	text-align: left;
	text-indent: 0;
	width: 76%;
}

#navigation li li a:hover {background: #eee; width: 76%;}

#navigation li ul {
	background: #DFE0E1;
	border-bottom: 1px solid #6a737b;
	left: -1999px;
	line-height: 1.5;
	padding: 5px 0;
	position: absolute;
	top: 28px;
	width: 200px;
	z-index: 9999;
}

/* Content */

#content {float: left; margin: 0; padding: 18px 20px; width: 930px;}
#content-main {float: right; margin: 0; padding:0; width: 649px;}
#content-sub {
  border-right: 1px solid #EEDDBF;
  float: left;
  margin: 0;
  padding: 0 20px 0 0;
  width: 240px;
}
.sub-item {margin: 0 0 2em;}

/* Footer */

#footer {background: #DCDEE0; margin: 30px 0; text-align: center; width: 100%;}
#footer p {color: #333; margin: 0 auto; padding: 1em 0; width: 925px;}

/* Front Page */
#home-main {padding: 0;}
#home-feature {float: right; width: 604px;}
#what-is {float: left; width: 326px;}
#home-main form {
  background: #A8B0B6 url(/images/bg_stay_informed.gif);
  float: left;
  height: 97px;
  width: 326px;
}
#home-main form div {
  margin: 63px 0 0 6px;
}
#home-sub {
  background: url(/images/bg_home_sub.gif) repeat-y;
  float: left;
  margin-top: 15px;
  padding: 0;
  clear: both;
  width: 930px;
}
#home-sub div {
  float: left;
}
#home-news {padding: 10px 15px 15px 0; width: 255px;}
#home-events,
#home-webcasts,
#home-research {padding: 10px 20px; width: 180px;}

#home-news ul,
#home-events ul {list-style: none; margin: .5em 0 0; padding: 0;}

#home-news ul li,
#home-events ul li {margin: 0 0 1.5em; padding: 0;}

#home-webcasts table {border: 0;}
#home-webcasts table th,
#home-webcasts table td {border: 0;}
#home-webcasts a {font-weight: normal;}

#home-research p {font-size: .9em; }
#home-research ul {margin: 0; padding: 0;}
#home-research ul li {margin: .5em 0 .5em 1.25em; padding: 0 0 0 .25em;}

.listing-date {font-size: .9em; font-style: italic;}

/* Research */

.events #content-main h3 {margin: 1em 0 0;}
.events #content-main p {margin: 0 0 1em;}

/* News & Opinion */

.article-listing {margin: 0 0 1.5em;}
.article-listing h3 {line-height: 1.5em; margin: 0; padding: 0;}
.article-listing p {margin: 0;}
.article-listing .meta {margin: 0; font-style: italic;}

/* Events */

.events #content-main table td h3 {
  margin: 0;
  padding: 0;
}

/* Section-specific styles */
.people #content-main img {float: right; margin: 0 0 1em 1em;}
#people_categories {
  float: left;
  width: 165px;
}
#people_categories ul {
  list-style: none;
  margin: 1em 0;
  padding: 0;
}
#people_categories ul li {
  margin: .5em 0;
  padding: 0;
}
#people_categories ul li a {
  font-size: 1.2em;
}
#featured_fellow {
  background: #c90;
  color: black;
  float: right;
  padding: 15px;
  width: 433px;
}
#featured_fellow h4 {
  color: white;
  font: 1em/1 normal "Avenir LT Std", "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
}
#featured_fellow h3 {margin: .2em 0 1em;}
#featured_fellow_person img {border: 1px solid white; float: left;}
#featured_fellow_person p {margin-left: 135px;}
#featured_fellow a {color: white;}

h3.person {line-height: 1.1; margin: 0; padding: 0;}
h3.person em {
  font-size: .8em;
  font-style: normal;
  font-weight: normal;
}
#people p {margin: 1em 0 0;}

#person_meta {
  border: 1px solid #EAD7B0;
  float: right;
  padding: 10px;
  width: 120px;
}
#person_bio {
  margin-right: 157px;
}

#person_meta p {margin: 1em 0;}

/* Image floats */
.right {display: block; float: right; margin: 0 0 1em 1em;}
.left {display: block; float: left; margin: 0 1em 1em 0;}

/* Misc */
.vcard {margin: 1em 0;}
.static_item {margin: 1em 0;}
.static_item h3 {margin: 0;}
.static_item p {margin: 0;}
.alt-row {background: #F4EEDC;}
.bio-image {float: right; margin: 0 0 1.5em 1.5em;}
#strauss-photos img {display: inline;}
#photo1, #photo2, #photo3 {margin-right: 3px;}

/* Admin */
form.admin label {
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  width: 100px;
}
form.admin div {margin: 0 0 .75em;}
