/* home page styles for Forsyth site  */



/* GENERAL */

body {
  background-image: url(/img/grayorangebkg.jpg);
  background-repeat: repeat-x;
  background-position: 662px 0px;
}



/* BACKGROUND FOR NAVIGATION/TITLE/TAGLINE */

#divtitlenavbkg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 297px;
  height: 321px;
  z-index: 1;
  background-color: #999999;
  background-image: url(/img/grayorangebkg.jpg);
  background-position: -397px 0px;
}



/* SITE/PAGE TITLE */

#divsitetitle {
  position: absolute;
  left: 21px;
  top: 170px;
  z-index: 5;
}
#divsitetitle h1 {
  margin: 0px;
  /* in case of missing graphic */
  font-size: 14px;
  font-weight: normal;
  line-height: 100%;
  color: #ffffff;
}



/* TAG LINE */

#divtagline {
  position: absolute;
  left: 21px;
  top: 257px;
  z-index: 5;
}
#divtagline p {
  margin: 0px;
  /* in case of missing graphic */
  font-size: 10px;
  font-weight: normal;
  line-height: 110%;
  color: #ffffff;
}



/* PRIMARY NAVIGATION */

#divprimarynav {
  position: absolute;
  left: 16px;
  top: 13px;
  z-index: 15;
}
#divprimarynav p {
  margin: 0px;
	width: 129px;
	height: 16px;
	clear: left;
	float: left;
}
#divprimarynav p a,
#divprimarynav p a:link,
#divprimarynav p a:visited {
  /* in case of missing graphic */
  font-size: 8px;
  font-weight: normal;
  line-height: 100%;
  color: #ffffff;
  text-decoration: none;
}
#divprimarynav p a:hover {
  text-decoration: underline;
}
/* popup menus */
#divprimarynav ul {
  visibility: hidden;
  position: absolute;
  left: 129px;
  width: 145px;
  background-color: #d2d3d4;
  z-index: 20;
  list-style: none;
  margin: 0px;
  padding: 2px 0px 2px 0px;
}
#menuabout {
  top: 0px;
}
#menuresearch {
  top: 16px;
}
#menunews {
  top: 32px;
}
#menuinfo {
  top: 48px;
}
#menukids {
  top: 64px;
}
#menuglobal {
  top: 80px;
}
#menusupport {
  top: 112px;
}
/* menu items */
#divprimarynav ul li {
  display: block;
  float: left;
  width: 131px;
  padding: 1px 5px 4px 9px;
}
/* menu links */
#divprimarynav ul li a {
  display: block;
  width: 131px;
  margin: 0px;
}
#divprimarynav ul li a,
#divprimarynav ul li a:link,
#divprimarynav ul li a:visited {
  font-size: 10px;
  font-weight: normal;
  line-height: 100%;
  color: #333333;
  text-decoration: none;
}
#divprimarynav ul li a:hover {
  color: #fd0303;
  text-decoration: none;
}
#divprimarynav ul li a span.plus,
#divprimarynav ul li a:link span.plus,
#divprimarynav ul li a:visited span.plus {
  display: none;
}
#divprimarynav ul li a:hover span.plus {
  display: inline;
}



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

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



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

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



/* FLASH MOVIE */

#divflash {
  position: absolute;
  left: 297px;
  top: 0px;
  width: 365px;
  height: 486px;
  z-index: 5;
}



/* NEWS AREA */

#divnews {
  position: absolute;
  left: 20px;
  top: 340px;
  width: 250px;
  z-index: 5;
}
#divnews h2 {
  margin-bottom: 16px;
  /* in case of missing graphic */
  font-size: 0.80em;
  font-weight: bold;
  line-height: 100%;
  color: #f5821f;
}
#divnews h3 {
  font-size: 0.75em;
  font-weight: bold;
  line-height: 130%;
  color: #000000;
  margin-bottom: 8px;
}
#divnews h3 span.subhead {
  font-size: 90%;
  font-weight: normal;
  font-style: italic;
}
#divnews p {
  font-size: 0.70em;
  font-weight: normal;
  line-height: 120%;
  color: #000000;
  margin-bottom: 10px;
}
#divnews hr {
  height: 1px;
  width: 227px;
  color: #f5821f;
  background-color: #f5821f;
  text-align: left;
  margin: 0px 0px 10px 0px;
  border: none;
}
#divnews a,
#divnews a:link,
#divnews a:visited {
  color: #e01a22;
  text-decoration: none;
  font-style: italic;
}
#divnews a:hover {
  color: #000000;
  text-decoration: none;
  font-style: italic;
}



/* FOOTER */

#divfooter {
  position: absolute;
  left: 309px;
  top: 493px;
  width: 340px;
  z-index: 5;
}
#divfooter p {
  margin-bottom: 10px;
  font-size: 0.70em;
  font-weight: normal;
  line-height: 140%;
  color: #666666;
}
#divfooter p img {
  float: left;
  margin-right: 10px;
}
#divfooter a,
#divfooter a:link,
#divfooter a:visited {
  color: #666666;
  text-decoration: none;
}
#divfooter a:hover {
  color: #666666;
  text-decoration: underline;
}