/* LAYOUT STYLES */
body {
  min-width: 785px;
  font: 75% arial, helvetica, verdana, sans-serif;
  margin: 0;
  /* background: #36696A; */
  background: #999;
  color: #444;
  }
#wrapper {
  min-width: 785px;
  max-width: 82em;
  margin: 0 auto;
  background: #F4F3F0 url(../Images/content_bg.gif) repeat-y;
  }
ul#top_menu {
  background: #12568B url(../Images/top_menu_bg.jpg) right repeat-y;
  padding: 21px 0 9px 260px;
  margin: 0;
  font-weight: normal;
  }
ul#top_menu li {
  padding: 0 10px 0 12px;
  background: url(../Images/link_bullet.gif) 0 50% no-repeat;
  line-height: 1.3;
  display: inline;
  white-space: nowrap;
  zoom: 1; /* IE 6 & 7 */
  }
ul#top_menu li a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  }
ul#top_menu li a:hover {
  text-decoration: underline;
  }
#header {
  background: #FFF;
  height: 155px;
  padding: 10px 0;
  }
#logo {
  position: relative;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #FFF url(../Images/header_bg.gif) repeat-y;
  height: 155px;
  width: 260px;
  float: left;
  }
#logo img {
  position: absolute;
  top: 46px;
  left: 25px;
  }
#feature_image {
  background: #C2DEA7 url(../Images/feature_bg.jpg) right;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  }
h2 {
  font-size: 1.4em;
  color: #044F8E;
  font-weight: normal;
  clear: both;
  }
h3 {
  font-size: 1.4em;
  color: #044F8E;
  }
#content {
  background: url(../Images/tiles.gif) left bottom no-repeat;
  min-height: 30em;
  padding-top: 1px; /* fix margin-collapsing */
  }
#content_left {
  float: left;
  text-align: right;
  width: 220px;
  padding: 25px 20px 15px;
  background: #fff;
  }
form#cse-search-box {
  margin: 0 0 25px;
  }
form#cse-search-box #searchField {
  width: 140px
  }
#content_left h2 {
  color: #91CB5E;
  margin: 0 0 7px;
  }
#content_left ul {
  margin: 0 0 25px;
  padding: 0;
  border-bottom: 1px solid #B7B7B7;
  }
#content_left ul ul {
  margin: 0;
  border-style: none;
  }
#content_left ul li {
  list-style: none;
  padding: 4px 0;
  border-top: 1px solid #B7B7B7;
  }
#content_left ul li ul {
  padding-top: 2px;
  }
#content_left ul li ul li {
  border-top: 1px solid #E5E5E5;
  padding: 3px 12px 3px 3px;
  }
#content_left ul li a {
  text-decoration: none;
  color: #324E75;
  }
#content_left ul li a:hover {
  text-decoration: underline;
  }
#contact_info {
  color: #113C7C;
  font-size: 90%;
  }
#content_right {
  margin: 0 1px 0 260px; /* 1px right margin fixes horiz scrollbar issue in FireFox */
  padding: 0 30px 2em;
  } 
#content_right #content_wrapper {
  float: left; /* to allow elements floated inside to clear, etc., without regard for content_left */
  width: 100%; /* IE 6 & 7 */
  }
#content_right h2 {
  margin-top: 25px;
  padding-left: 18px;
  background: url(../Images/h2_bullet.gif) 0% 50% no-repeat;
  }
#content_right p {
  line-height: 1.35;
  }
ul#bottom_menu {
  line-height: 1em;
  padding: 1em 5px 1em 30px;
  margin: 0 0 0 260px;
  font-weight: normal;
  color: #044F8E;
  }
ul#bottom_menu li {
  padding: 0 9px 0 12px;
  background: url(../Images/bottom_menu_bullet.gif) 0% 50% no-repeat;
  display: inline;
  zoom: 1; /* IE 6 & 7 */
  white-space: nowrap;
  line-height: 1.3;
  }   
ul#bottom_menu li a {
  color: #044F8E;
  text-decoration: none;
  text-transform: lowercase;
  }
ul#bottom_menu li a:hover {
  text-decoration: underline;
  } 

/* People Page */
.bio_intro {
  background: #E7E5DF;
  padding: 5px 0 18px 10px;
  margin-bottom: 10px;
  }       
.bio_intro p, .bio_intro h4 {
  margin: 3px 0; 
  }
.alignLeft {
  float: left;
  margin: 0 10px 0 0;
  }
p.job_title {
  text-transform: uppercase;
  font-weight: bold;
  }
.full_bio_image {
  border: 1px solid #ccc;
  padding: 2px;
  float: right;
  margin: 0 0 5px 10px;
  }
.full_job_title {
  font-weight: bold;
  text-transform: uppercase;
  }
.education {
  font-style: italic;
  }
ul.education {
  margin: 0;
  padding-left: 14px;
  }
.captionedImage {
  float: right;
  background: #E7E5DF;
  padding: 7px;
  margin:0 0 10px 10px;
  border: 1px solid #ccc;
  font-style: italic;
  font-size: 95%;
  }
.captionedImage img {
  display: block;
  margin: 0 0 4px;
  }

li.selected {
  font-weight: bold;
  }
li.selected li {
  font-weight: normal;
  }
.alignLeft {
  float: left;
  margin: 0 10px 10px 0;
  }
.alignRight {
  float: right;
  margin: 0 0 10px 10px;
  }
div#cse-search-results {
  width: 100%;
  height: 350px;
  overflow-y: auto; 
  }
div#cse-search-results iframe {
  width: 100%;
  }
input.button {
  background-color: #5978A8;
  color: #FFF;
  font-weight: bold;
  margin: .5em 0;
  line-height: 1.4;
  }