/*******************************************************************************
* site-wide styles
*******************************************************************************/
* html body {
  /* Needed by IE to center the main background image
     without off-by-one pixel alignment errors. */
  padding-left: 1px;
}
body {
  background-color: #333333;
  background-image: url(main_bg.gif);
  background-position: center;
  background-repeat: repeat-y;
  color: #333333;
  font-family: verdana, arial, sans-serif;
  font-size: 76%;
  margin: 0;
  padding: 0;
}
a {
  color: #333333;
}
a.differentiated {
  color: #9c0d0d;
}
a img {
  border: none;
}
div#main_container {
  margin: 0 auto;
  width: 800px;
}

/*******************************************************************************
* masthead styles
*******************************************************************************/
div#masthead_container {
  background-color: #003366;
}
div#site_title a img {
  padding: 15px 0 0 8px;
}


/*******************************************************************************
* nav styles
*******************************************************************************/
div#nav_container {
  /* background-image: url(nav_bg.gif); */
  font-size: 10px;
  font-family: arial, sans-serif;
  height: 25px;
  padding: 0 7px 0 0;
  text-align: center;
}
div#subnav_container {
  padding-top: 3px;
}
div#subnav_container a {
  padding: 2px 5px 2px 5px;
  text-decoration: none;
  background-color: #006699;
  color: #ffffff;
}
div#subnav_container a:hover,
div#subnav_container div a.active {
  color: #ffffff;
  background-color: #336699;
}
div#subnav_container div {
  display: none;
}
div#subnav_container div.active {
  display: block;
}

/*******************************************************************************
* image area styles
*******************************************************************************/
div#placed_image_container {
  background-image: url(../images/image_content_bg.gif);
  background-repeat: repeat;
}
div#placed_image_container img {
  display: block;
  margin-left: 358px;
}

/*******************************************************************************
* text area styles
*******************************************************************************/
img#text_buffer {
  display: block;
  margin: 0 0 15px 358px;
  padding: 0;
}
div#text_area {
  margin-left: 358px;
  padding: 0 15px 15px 15px;
  width: 326px;
}
div#text_area .cleared {
  clear: both;
}
div#text_area h1,
div#text_area h2,
div#text_area h3,
div#text_area h4 {
  color: #333333;
}
div#text_area h1 {
  font-size: 130%;
  font-weight: bold;
  margin: 10px 0 0 0;
  padding: 0;
}
div#text_area h1.second_line {
  margin: 0;
}
div#text_area h1.slightly_smaller {
  font-size: 125%;
}
div#text_area h2 {
  font-family: trebuchet, arial, sans-serif;
  font-size: 120%;
  margin: 0;
  padding: 0;
}
div#text_area .top_heading {
  margin-top: 15px;
}
div#text_area h3 {
  font-family: trebuchet, arial, sans-serif;
  font-size: 115%;
  margin: 3px 0 0 0;
  padding: 0;
}
div#text_area h3.first_section {
  margin-top: 15px;
}
div#text_area h4 {
  font-family: trebuchet, arial, sans-serif;
  font-size: 100%;
  font-weight: normal;
  margin: 3px 0 0 0;
  padding: 0;
}
div#text_area ol,
div#text_area ul,
div#text_area ul ul {
  margin-left: 15px;
  padding-left: 0;
}
div#text_area ol ul.faf_lower {
  list-style-type: none;
  margin-left: 10px;
}
div#text_area li {
  padding: 3px 0;
}
div#text_area ul#administration,
div#text_area ul#trustees,
div#text_area ul#trustees_emeriti {
  list-style-type: none;
  margin-left: 5px;
}
div#text_area p.pullquote {
  font-size: 120%;
  font-style: italic;
}
.standout {
  color: red;
  font-weight: bold;
}
div#text_area span.amount {
  font-weight: bold;
}
div#text_area div.img_with_caption {
  margin: 10px 0 15px 0;
  padding: 0;
}
div#text_area div.img_with_caption div.img {
  display: block;
  text-align: center;
}
div#text_area div.caption {
  font-size: 80%;
}
div#text_area .person {
  font-weight: bold;
}
div#text_area .top_spacing {
  margin-top: 15px;
}
div#text_area li.faq {
  font-weight: bold;
  margin-left: 5px;
}
div#text_area li.faq * {
  font-weight: normal;
} 
div#text_area img.milestones {
  float: right;
  margin-left: 3px;
}
div#text_area div#faq_stats {
  background-color: #666666;
  color: white;
  margin: 15px 0 0 5px;
  padding: 10px;
}
div#text_area div#faq_stats h3 {
  color: white;
}
div#text_area p.slightly_larger {
  font-size: 120%;
}
div#text_area p.footnote {
  font-size: 80%;
}
div#text_area div.strong_pdf_link {
  margin-bottom: 25px;
}
div#text_area div.strong_pdf_link a {
  font-size: 120%;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  vertical-align: top;
}
div#text_area div.strong_pdf_link img {
  padding-right: 10px;
}
div#text_area img#adobe_reader {
  float: right;
}
div#text_area div#appointments p {
  margin-bottom: 20px;
}
div#text_area div#appointments img.appointments,
div#text_area div#appointments span#appointments_photo_grouping {
  font-size: 80%;
  float: right;
  padding-left: 5px;
}
div#text_area div#appointments span#appointments_photo_grouping img {
  display: block;
  margin-top: 5px;
}
div#text_area div.photo_with_caption_right {
  float: right;
}
div#text_area div.photo_with_caption_right img {
  padding-left: 5px;
}
div#text_area img.longer_than_related_text {
  float: right;
  margin: 0 0 15px 5px;
}
div#contact {
  color: #666666;
  font-size: 80%;
  margin-top: 35px;
  text-align: center;
}
div#contact a {
  color: #666666;
}
p.just_before_list {
  margin-bottom: 0;
}
ul.just_after_par {
  margin-top: 0;
}