/* level 2+ common styles for JASA site  */



/* BACKGROUND PHOTO */

body {
  background-image: url(../img/spacer.gif); /* set by section */
  background-repeat: no-repeat;
  background-position: 167px 0px;
}
body.about {
  background-image: url(../img/about/bkgphoto.jpg);
}
body.services {
  background-image: url(../img/services/bkgphoto.jpg);
}
body.support {
  background-image: url(../img/services/support/bkgphoto.jpg);
}
body.centers {
  background-image: url(../img/services/centers/bkgphoto.jpg);
}
body.nutrition {
  background-image: url(../img/services/nutrition/bkgphoto.jpg);
}
body.enrichment {
  background-image: url(../img/services/enrichment/bkgphoto.jpg);
}
body.advocacy {
  background-image: url(../img/services/advocacy/bkgphoto.jpg);
}
body.legal {
  background-image: url(../img/services/legal/bkgphoto.jpg);
}
body.jewish {
  background-image: url(../img/services/jewish/bkgphoto.jpg);
}
body.homecare {
  background-image: url(../img/homecare/bkgphoto.jpg);
}
body.housing {
  background-image: url(../img/housing/bkgphoto.jpg);
}
body.news {
  background-image: url(../img/news/bkgphoto.jpg);
}
body.volunteering {
  background-image: url(../img/volunteering/bkgphoto.jpg);
}
body.donate {
  background-image: url(../img/donate/bkgphoto.jpg);
}
body.careers {
  background-image: url(../img/careers/bkgphoto.jpg);
}
body.locations {
  background-image: url(../img/locations/bkgphoto.jpg);
}



/* BACK BUTTON */

#divbacktab {
  position: absolute;
  left: 167px;
  top: 60px;
  z-index: 5;
}
#divbackbutton {
  position: absolute;
  left: 174px;
  top: 71px;
  z-index: 5;
}
#divbackbutton p {
  margin: 0px;
}



/* GET HELP BUTTON */

#divhelpbutton {
  position: absolute;
  left: 482px;
  top: 0px;
  z-index: 5;
}
#divhelpbutton p {
  margin: 0px;
}



/* SERVICES BUTTON */

#divservicesbutton {
  position: absolute;
  left: 717px;
  top: 0px;
  z-index: 5;
}
#divservicesbutton p {
  margin: 0px;
}



/* MAIN AREA OF PAGE - includes breadcrumb, secondary nav, content, and footer */

#divmain {
  position: absolute;
  left: 167px;
  top: 90px;
  width: 741px;
  z-index: 5;
}



/* SECONDARY NAVIGATION */

#divsecondarynav {
	position: absolute;
	left: 167px;
	top: 120px;
	width: 741px;
	height: 58px;
	overflow: hidden;
	z-index: 5;
	background-color: #ffffff;
	background-image: url(../img/lev2/nav2bkg.gif);
}
#divsecondarynav ul {
  margin: 0px;
  padding: 0px 0px 0px 7px;
  list-style: none;
}
#divsecondarynav ul li {
  display: block;
  float: left;
}
#divsecondarynav ul li a {
  display: block;
}



/* PAGE TITLE / BREADCRUMB */

#divpagetitle {
  position: absolute;
  left: 167px;
  top: 90px;
  width: 741px;
  height: 30px;
  z-index: 5;
  background-color: #ffffff;
}
#divpagetitle h1 {
  margin: 0px;
  padding: 5px 0px 4px 7px;
  white-space: nowrap;
}



/* CONTENT AREA OF PAGE - includes text content and footer */
#divcontent {
  position: absolute;
  left: 167px;
  top: 178px;
  width: 741px;
  z-index: 5;
}



/* TEXT CONTAINER */

#divtext {
  position: relative;
  padding: 17px 9px 9px 11px;
  width: 719px;
  min-height: 324px;
  border-color: #eaa303;
  border-color: #fcaf03; /* brighter, used around secondary nav buttons */
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  background-color: #ffffff;
}
#divtext h2 {
  font-family: Arial, Lucida, Helvetica, sans-serif;
  font-size: 0.85em;
  line-height: 140%;
  color: #04559a;
  margin-bottom: 6px;
}
#divtext h3 {
  font-family: Arial, Lucida, Helvetica, sans-serif;
  font-size: 0.80em;
  font-style: italic;
  line-height: 140%;
  color: #04559a;
  margin-bottom: 0px;
}
#divtext p, #divtext li {
  font-family: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif;
  font-size: 0.80em;
  line-height: 140%;
}
#divtext p.caption {
  color: #04559a;
  margin-bottom: 0px;
}
#divtext p.caption img {
  margin-bottom: 4px;
}
#divtext p.closeasthetelephone {
  font-family: Arial, Lucida, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 0.85em;
  color: #04559a;
}
#divtext p.closeasthetelephone span.reachout {
  color: #ed8b00;
}
#divtext span.reachout {
  font-family: Arial, Lucida, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 110%;
  color: #ed8b00;
}
#divtext ul {
  padding-left: 0.5em;
  margin-left: 0.5em;
}
#divtext li li {
  font-size: 100%;
  list-style-type: disc;
}
#divtext p.prelist {
  margin-bottom: 4px;
}
#divtext a,
#divtext a:link {
  color: #04559a;
  text-decoration: underline;
}
#divtext a:visited {
  color: #04559a;
  text-decoration: underline;
}
#divtext a:active,
#divtext a:hover,
#divtext a:focus {
  color: #ff6c00;
  text-decoration: underline;
}
#divtext img.blueborder {
  border: 1px solid #9dc0d3;
}
#divtext img.goldborder {
  border: 1px solid #eaa303;
}



/* TEXT COLUMN WIDTHS */

/* one column */
div.div1coltext #divcolumn1 {
}

/* two columns, type 1: as on home page of each section */
div.div2coltexttype1 #divcolumn1 {
  float: left;
  width: 348px;
}
div.div2coltexttype1 #divcolumn2 {
  float: right;
  width: 350px;
  padding: 0px 0px 5px 10px;
  border-left: 1px solid #b3cce1;
}

/* two columns, type 2: narrower right column */
div.div2coltexttype2 #divcolumn1 {
  float: left;
  width: 439px;
}
div.div2coltexttype2 #divcolumn2 {
  float: right;
  width: 254px;
  padding: 0px 0px 5px 15px;
  border-left: 1px solid #b3cce1;
}

/* two columns, type 3: narrower left column */
div.div2coltexttype3 #divcolumn1 {
  float: left;
  width: 164px;
}
div.div2coltexttype3 #divcolumn2 {
  float: right;
  width: 526px;
  padding: 0px 0px 5px 15px;
  border-left: 1px solid #b3cce1;
}

/* set height of div that clears columns */
#divtext div.divclear {
  height: 1px;
  overflow: hidden;
}



/* FOOTER (footer common styles in jasa.css) */

#divfooter {
  width: 634px;
  position: relative;
  padding: 13px 94px 39px 13px;
}
#divwjalogo {
  position: absolute;
  left: 656px;
  top: 10px;
  z-index: 5;
}



/* SPECIAL CONTENT TYPES */

/* news - recent news in left column */
#divrecentnews {
}
#divrecentnews p {
  font-family: Arial, Lucida, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 0.75em;
  color: #04559a;
}
/* READ MORE links */
#divtext a.readmore {
  font-family: Arial, Lucida, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
#divtext a.readmore,
#divtext a:link.readmore,
#divtext a:visited.readmore {
  text-decoration: none;
  color: #fe6703;
}
#divtext a:active.readmore,
#divtext a:hover.readmore,
#divtext a:focus.readmore {
  text-decoration: underline;
  color: #fe6703;
}
/* article heading */
#divtext h2.articlehead {
  font-size: 1.05em;
  margin-bottom: 4px;
}



/* careers - positions */
table.positionstable {
  border-spacing: 0px;
  border-collapse: collapse;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 560px;
}
table.positionstable th.column1 {
  width: 38%;
}
table.positionstable th.column2 {
  width: 46%;
}
table.positionstable th.column3 {
  width: 16%;
}
table.positionstable td,
table.positionstable th {
  font-family: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif;
  font-size: 0.75em;
  padding: 4px;
  border: 1px solid #e0e0e0;
  text-align: left;
  vertical-align: top;
}
table.positionstable th {
  background-color: #e0e0e0;
}

/* careers - benefits */
table.benefitstable {
  border: none;
  border-spacing: 0px;
  border-collapse: collapse;
  margin-top: 10px;
  margin-bottom: 20px;
}
table.benefitstable td,
table.benefitstable th {
  font-family: Georgia, "Century Schoolbook L", "Times New Roman", Times, serif;
  font-size: 0.75em;
  padding: 0px 24px 8px 0px;
  text-align: left;
  vertical-align: top;
}

/* services map */

#divtext div.divservicesmaprow {
  position: relative;
  z-index: 5;
}
#divtext div.divservicesmaprow h3 {
  margin: 0px 0px 3px 0px;
}
#divtext div.divservicesmaprow h3 a img,
#divtext div.divservicesmaprow h3 a:link img,
#divtext div.divservicesmaprow h3 a:visited img {
  border: 1px solid #043f73;
}
#divtext div.divservicesmaprow h3 a:active img,
#divtext div.divservicesmaprow h3 a:hover img,
#divtext div.divservicesmaprow h3 a:focus img {
  border: 1px solid #fcaf03;
}
#divtext div.divservicesmaprow ul {
  position: absolute;
  left: 117px;
  top: 0px;
  width: 620px;
  height: 38px;
  z-index: 10;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#divtext div.divservicesmaprow li {
  display: block;
  float: left;
  margin: 0px 3px 0px 0px;
}
#divtext div.divservicesmaprow li a {
  display: block;
}
#divtext div.divservicesmaprow li a img,
#divtext div.divservicesmaprow li a:link img,
#divtext div.divservicesmaprow li a:visited img {
  border: 1px solid #fcaf03;
}
#divtext div.divservicesmaprow li a:active img,
#divtext div.divservicesmaprow li a:hover img,
#divtext div.divservicesmaprow li a:focus img {
  border: 1px solid #043f73;
}