/* level 2+ styles for Forsyth site  */



/* HEADER SECTION */
/* contains site title, primary nav, tools, and section photo - some of which overlie the body section */

#divheader {
  position: relative;
  z-index: 2;
  height: 99px;
  border-bottom: 6px solid #f5821f;
  background-color: #939598;
  background-repeat: no-repeat;
}
body.about #divheader {
  background-image: url(/img/about/headerbkg.gif);
}
body.research #divheader {
  background-image: url(/img/research/headerbkg.gif);
}
body.news #divheader {
  background-image: url(/img/news/headerbkg.gif);
}
body.info #divheader {
  background-image: url(/img/info/headerbkg.gif);
}
body.community #divheader {
  background-image: url(/img/community/headerbkg.gif);
}
body.kids #divheader {
  background-image: url(/img/kids/headerbkg.gif);
}
body.global #divheader {
  background-image: url(/img/global/headerbkg.gif);
}
body.support #divheader {
  background-image: url(/img/support/headerbkg.gif);
}
body.tools #divheader {
  background-image: url(/img/tools/headerbkg.gif);
}
body.board #divheader {
  /*background-image: url(/img/tools/headerbkg.gif);*/
  border-bottom: 6px solid #fb0404;
}



/* SITE TITLE */

h2#divsitetitle {
  padding: 32px 0px 13px 20px;
  margin: 0px;
}



/* PRIMARY NAVIGATION */

#divprimarynav {
  position: absolute;
  left: 9px;
  top: 123px;
  width: 148px;
  z-index: 10;
}
#divprimarynav ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
#divprimarynav ul li {
  display: block;
  clear: left;
  float: left;
  width: 148px;
}
#divprimarynav ul li a {
  display: block;
  width: 148px;
}
/* subitems */
#divprimarynav ul li ul li {
  font-size: 0.63em;
  line-height: 120%;
  color: #666666;
}
#divprimarynav ul li ul li.last {
  padding-bottom: 2px;
}
#divprimarynav ul li ul li a {
  padding: 1px 0px 3px 20px;
  width: 128px;
  background-image: url(/img/nav/nav2minus.gif);
  background-position: 11px 3px;
  background-repeat: no-repeat;
}
#divprimarynav ul li ul li a.current {
  background-image: url(/img/nav/nav2plus.gif);
}
#divprimarynav ul li ul li a,
#divprimarynav ul li ul li a:link,
#divprimarynav ul li ul li a:visited {
  color: #666666;
  text-decoration: none;
}
#divprimarynav ul li ul li a.current,
#divprimarynav ul li ul li a.current:link,
#divprimarynav ul li ul li a.current:visited {
  color: #000000;
}
#divprimarynav ul li ul li a:hover,
#divprimarynav ul li ul li a.current:hover {
  color: #fb0404;
  text-decoration: none;
  background-image: url(/img/nav/nav2plus.gif);
}
/* sub-subitems */
#divprimarynav ul li ul li ul li {
  font-size: 100%;
  text-transform: lowercase;
}
#divprimarynav ul li ul li ul li a {
  padding: 0px 0px 3px 28px;
  width: 120px;
  background-position: 19px 2px;
}



/* TOOL GROUP 1 */
/* in gray area */

/* additions to forsyth.css styles... */
#divtools1 {
  left: 662px;
  top: 0px;
  width: 140px;
  height: 99px;
}



/* TOOL GROUP 2 */
/* in orange box */

/* additions to forsyth.css styles... */
#divtools2 {
  left: 662px;
  top: 105px;
}



/* SECTION HOME PHOTO */

#divsectionphoto {
  position: absolute;
  left: 485px;
  top: 0px;
  z-index: 3;
}
/* red bar that fills in for photo on level 3 pages */
#divredbar {
  position: absolute;
  left: 485px;
  top: 99px;
  width: 177px;
  height: 6px;
  z-index: 3;
  background-color: #ed1c24;
}


/* BODY SECTION */

#divbody {
  position: relative;
  z-index: 1;
  padding: 20px 0px 40px 200px;
  width: 442px;
}



/* BREADCRUMB */

p#divbreadcrumb {
  font-size: 0.70em;
  line-height: 100%;
  text-transform: lowercase;
  margin-bottom: 8px;
}



/* MAIN TEXT */

#divtext {
  min-height: 250px;
}
/* page title */
#divtext h1 {
  font-size: 1.00em;
  font-weight: bold;
  line-height: 100%;
  color: #f5821f;
  text-transform: uppercase;
  margin-bottom: 1.0em;
}
/* main headings */
#divtext h2 {
  font-size: 0.75em;
  font-weight: bold;
  line-height: 140%;
  color: #fb0404;
  margin-bottom: 0px;
}
/* the heading just below the page title, above the orange paragraph */
#divtext h2.subtitle {
  text-transform: uppercase;
}
/* subheading, part of heading that looks like regular text */
#divtext h2 span.subhead {
  text-transform: none;
  font-weight: normal;
  color: #000000;
}
/* lower level headings */
#divtext h3 {
  font-size: 0.75em;
  font-weight: bold;
  line-height: 160%;
  color: #000000;
  margin-bottom: 0px;
}
#divtext h4 {
  font-size: 0.75em;
  font-weight: bold;
  font-style: italic;
  line-height: 160%;
  color: #000000;
  margin-bottom: 0px;
}
/* standalone headings (headings with space below) */
#divtext h2.standalone, #divtext h3.standalone, #divtext h4.standalone {
  margin-bottom: 1.0em;
}
/* heading with a line over it */
#divtext h2.underrule {
  margin-top: 20px;
  border-top: 1px solid #f5821f;
  padding-top: 16px;
}
/* ordinary paragraph text */
#divtext p {
  font-size: 0.75em;
  line-height: 140%;
  color: #000000;
  margin-bottom: 1.0em;
}
/* orange bold introductory paragraph below page title and first heading */
#divtext p.introduction {
  font-weight: bold;
  line-height: 160%;
  color: #f5821f;
}
#divtext p.introduction strong {
  color: #fb0404;
}
/* red bold text used as introduction on some pages */
#divtext span.introduction {
  color: #fb0404;
  font-weight: bold;
}
/* paragraph before a list (no space below) */
#divtext p.prelist {
  margin-bottom: 0px;
}
/* standard lists */
#divtext ul {
  margin-left: 0px;
  padding-left: 0px;
  list-style: none;
}
#divtext li {
  font-size: 0.75em;
  line-height: 140%;
  color: #000000;
}
#divtext li li {
  font-size: 100%;
}
#divtext ul li {
  padding-left: 9px;
  width: 90%;  /* without the width, IE6 will not display any background image or color */
  background-image: url(/img/orangebullet.gif);
  background-position: 0px 5px;
  background-repeat: no-repeat;
}
#divtext ol {
  margin-left: 0.6em;
  padding-left: 0.6em;
}
/* list with items separated like paragraphs */
#divtext ul.paragraphic li, #divtext ol.paragraphic li {
  margin-bottom: 1.15em;
}
/* image that floats to left of text */
#divtext .imgfloatleft {
  float: left;
  margin: 2px 10px 2px 0px;
}
/* image that floats to right of text */
#divtext .imgfloatright {
  float: right;
  margin: 2px 0px 2px 10px;
}
/* horizontal rule */
#divtext hr {
  height: 1px;
  width: 100%;
  color: #f5821f;
  background-color: #f5821f;
  text-align: left;
  margin: 1.5em 0px 1.5em 0px;
  border: none;
}

/* inset sidebar */
#divtext .divinset {
  float: left;
  padding: 12px 5px 8px 7px;
  width: 126px;
  margin: 2px 6px 3px 0px;
  background-color: #cccccc;
}
#divtext .divinset h2 {
  font-size: 0.70em;
  line-height: 110%;
  text-transform: uppercase;
  margin: 0px 0px 6px 6px;
}
#divtext .divinset ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#divtext .divinset ul li {
  font-size: 0.70em;
  font-weight: bold;
  line-height: 130%;
  padding: 0px 0px 2px 6px;
  background-image: url(/img/redbullet.gif);
  background-position: 0px 6px;
  background-repeat: no-repeat;
}



/* PHOTO SIDEBAR */

#divphotosidebar {
  position: absolute;
  left: 662px;
  top: 300px;
  width: 137px;
  border-top: 7px solid #f5821f;
  background-color: #a7a9ac;
}
#divphotosidebar p {
  font-size: 0.70em;
  font-style: normal;
  line-height: 130%;
  color: #ffffff;
  padding: 8px;
}



/* FOOTER */

p#divfooter {
  clear: both;
  margin-top: 20px;
  border-top: 1px solid #f5821f;
  padding-top: 8px;
  font-size: 0.70em;
  line-height: 140%;
  color: #666666;
}
p#divfooter strong {
  color: #f5821f;
}



/* ABOUT */

#divtext h2.leader {
  text-transform: uppercase;
/*  margin-bottom: 1.0em;*//* with photos gone, looks better without */
}
#divtext h2.leader span.subhead {
  text-transform: none;
  font-weight: bold;
  color: #f5821f;
}



/* NEWS */

#divtext .divnewsitem {
  clear: both;
  margin-top: 12px;
  border-top: 1px solid #f5821f;
  padding-top: 16px;
  margin-bottom: 16px;
}
#divtext .divnewsitem img {
  margin-right: 12px;
}
#divtext .divnewsitem h2 {
  margin-bottom: 1.0em;
}
#divtext .divnewsitem h2 span.subhead {
  font-weight: normal;
  font-style: italic;
  color: #000000;
}
#divtext .divnewsitem p {
  margin-bottom: 0px;
}
#divtext .divnewsitem a,
#divtext .divnewsitem a:link,
#divtext .divnewsitem a:visited {
  font-style: italic;
  color: #fb0404;
  text-decoration: none;
}
#divtext .divnewsitem a:hover {
  text-decoration: underline;
}
#divtext .divnewsitem .divnewsitemwithpicture {
  padding-left: 96px;
}
#divtext .divnewsitem .divnewsitemwithpicture img {
  float: left;
  margin-left: -96px;
}

/* styles on news story pages */
#divtext h1.newstitle {
  margin-top: 2.0em;
  font-size: 0.85em;
  font-weight: bold;
  line-height: 140%;
  text-transform: none;
  color: #fb0404;
  margin-bottom: 0.5em;
}
#divtext p.newssubtitle {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 140%;
  color: #fb0404;
  margin-bottom: 0.5em;
}
#divtext p.newsdate {
  font-style: italic;
}



/* SCIENTIST PAGES */

/* alpha list of scientists */
#divtext ul#scientistlist {
  margin: 24px 0px 0px 0px;
  padding: 0px;
  list-style: none;
  width: 442px;
}
#divtext ul#scientistlist li {
  background-image: none;
  padding: 0px;
  border-top: 1px solid #f5821f;
  margin: 4px 0px 3px 0px;
  width: 442px;
}
#divtext ul#scientistlist li a {
  display: block;
  padding: 6px 0px 4px 12px;
  width: 430px;
}
#divtext ul#scientistlist li a,
#divtext ul#scientistlist li a:link,
#divtext ul#scientistlist li a:visited {
  background-image: none;
  color: #000000;
  text-decoration: none;
}
#divtext ul#scientistlist li a:hover {
  background-image: url(/img/nav/nav2plus.gif);
  background-position: 2px 10px;
  background-repeat: no-repeat;
  color: #000000;
  text-decoration: none;
}

/* scientist page */
#divtext p.scientist_title {
  font-weight: bold;
  color: #fb0404;
  margin-bottom: 0.6em;
}
#divtext p.scientist_link {
  line-height: 160%;
  margin-bottom: 2.0em;
}
#divtext p.scientist_link em {
  font-style: normal;
}
#divtext div.scientist_education,
#divtext div.scientist_pubmed,
#divtext div.scientist_bio {
  clear: both;
  margin-top: 12px;
  border-top: 1px solid #f5821f;
  padding-top: 16px;
  margin-bottom: 16px;
}
#divtext div.scientist_education p {
  margin-bottom: 0.6em;
}
#divtext div.scientist_pubmed img {
  margin-left: 15px;
  vertical-align: middle;
}
#divtext div.scientist_bio img.imgscientistportrait {
  float: left;
  margin: 2px 10px 2px 0px;
  border: 1px solid #f5821f;
}



/* FORMS */

#divtext p.successtext,
#divtext p.errortext {
  font-weight: bold;
  font-size: 0.80em;
}

#rform .formtable {
  border: none;
  border-spacing: 0px;
  margin: 0px 0px 1.5em 0px;
  padding: 0px;
}
#rform .formtable td,
#rform .formtable th {
  font-family: Arial, Lucida, Helvetica, sans-serif;
  font-size: 0.75em;
  color: #000000;
  padding: 0px 12px 0px 0px;
  text-align: left;
  vertical-align: middle;
}
#rform .formtable th {
  text-align: right;
}
#rform input.mediuminput {
  width: 240px;
  border: 1px solid #939598;
  padding: 1px;
  margin-top: 3px;
  margin-bottom: 3px;
}
#rform input.smallinput {
  width: 60px;
  border: 1px solid #6497d0;
  padding: 1px;
  margin-top: 3px;
  margin-bottom: 3px;
}
#rform #submit {
  border: 1px solid #f5821f;
  background-color: #f5e9df;
  margin-top: 1.0em;
}
#rform .note {
  font-size: 90%;
  font-style: italic;
}