/* common styles for JASA site  */



/* GENERAL */

html, body {
  margin: 0px;
}
body {
  background-color: #e3eaf9;
}

/* for div containing skip links and other content that should never be seen by visual browsers */
.offscreen {
  position: absolute;
  left: 0px; top: -9999px;
  width: 1px; height: 1px;
  overflow: hidden;
}
/* for back to top anchor */
#divtopanchor {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1px;
  height: 1px;
  z-index: 1;
}

/* div to clear floating divs */
.divclear {
  clear: both;
}

/* remove space around form */
form {
  display: inline;
  margin: 0;
  padding: 0;
}
/* get rid of fieldsets and legends */
fieldset {
  display: inline;
  border: none;
  margin: 0;
  padding: 0;
}
legend {
  display: none;
}

/* table cells by default aligned left and top */
td {
  text-align: left;
  vertical-align: top;
}

/* layout table */
/* note: cellspacing=0 must still be specified in table tag because of IE */
table.layouttable {
  border: none;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
}
table.layouttable td {
  padding: 0px;
}

/* elements for screen display or print display only */
span.screenonly {
  display: inline;
}
span.printonly {
  display: none;
}
div.screenonly {
  display: block;
}
div.printonly {
  display: none;
}


/* default font and links */
html, body {
  font-family: Arial, Lucida, Helvetica, sans-serif;
  color: #000000;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li {
  margin-top: 0px;
}

/* miscellaneous standard content tables */

/* gray line table */
table.graylinetable {
  border-spacing: 0px;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 20px;
}
table.graylinetable td,
table.graylinetable th {
  font-size: 0.75em;
	padding: 4px;
	border: 1px solid #e0e0e0;
  text-align: left;
	vertical-align: top;
}
td.nowrap {
  white-space: nowrap;
}

/* table without lines */
table.plaintable {
  border: none;
  border-spacing: 0px;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 20px;
}
table.plaintable td,
table.plaintable th {
  font-size: 0.75em;
	padding: 0px 8px 8px 0px;
  text-align: left;
	vertical-align: top;
}

/* "striped" table */
table.stripedtable {
  border: none;
  border-spacing: 0px;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 20px;
}
table.stripedtable td,
table.stripedtable th {
  font-size: 0.75em;
	padding: 4px;
	text-align: left;
	vertical-align: top;
}
table.stripedtable tr.odd {
  background-color: #e0e0e0;
}



/* LOGO */

#divlogo {
  position: absolute;
  left: 17px;
  top: 8px;
  width: 150px;
  height: 50px;
  z-index: 5;
}
#divlogo h1,
#divlogo h2 {
  margin: 0px;
}
/* link size and background color must be set for IE6 to treat entire PNG as a link */
#divlogo a {
  display: block;
  width: 150px;
  height: 50px;
  background-color: #e3eaf9;
}



/* PRIMARY NAVIGATION */

#divprimarynav {
  position: absolute;
  left: 0px;
  top: 65px;
  width: 167px;
  height: 462px;
  overflow: hidden;
  z-index: 10;
  background-color: #043f73;
  padding-top: 2px;
}

#divprimarynav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 167px;
}
#divprimarynav ul li {
  display: block;
  float: left;
  margin-bottom: 1px;
}
#divprimarynav ul li a {
  display: block;
  width: 167px;
  height: 25px;
}

/* inner items have no bottom margin */
#divprimarynav ul li ul li {
  margin-bottom: 0px;
}
/* inner links are shorter... */
#divprimarynav ul li ul li a {
  height: 20px;
}
/* ...except this one */
#divprimarynav ul li ul li a#supportassistancelink {
  height: 36px;
}

/* the heights of the links above must be set in order to make IE6 treat */
/* the entire box as a link, not just the solid pixels in the PNG */

/* highlighting of outer items */
#divprimarynav ul li a.over,
#divprimarynav ul li a.current {
  background-image: url(../img/nav/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  background-color: #2c5e8a;
}

/* highlighting of services menu */
#divprimarynav ul li.over,
#divprimarynav ul li.current {
  background-image: url(../img/nav/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  background-color: #2c5e8a;
}

/* highlighting of services inner item */
#divprimarynav ul li ul a.over,
#divprimarynav ul li ul a.current {
  background-image: url(../img/nav/bullet.gif);
  background-repeat: no-repeat;
  background-position: 16px 4px;
}



/* FOOTER (common) */

#divfooter p {
  font-family: Arial, Lucida, Helvetica, sans-serif;
  font-size: 0.70em;
  font-weight: normal;
  line-height: 100%;
  color: #04559a;
  margin-bottom: 0.8em;
}
#divfooter p strong {
  font-weight: normal;
  color: #020202;
}
#divfooter a,
#divfooter a:link,
#divfooter a:visited {
  color: #04559a;
  text-decoration: none;
}
#divfooter a:active,
#divfooter a:hover,
#divfooter a:focus {
  color: #04559a;
  text-decoration: underline;
}