/* Screen CSS for ASCS website */
/* wgpotter                    */
/*************************/
/* STANDARD ELEMENT MODS */
/*************************/
/* To even out browser quirks and start with clean slate */
*{
  margin:              0;
  padding:             0;
}
body{
  width:               802px;
  padding:             0px;
  margin:              10px;
  background-image:    url(images/crayon_scribble_blur_sat_tile.gif);
  font-family:         Arial, sans-serif;
}
h1, h2, h3{
  font-weight:         bold;
  clear:               both;
}
h1{
  padding-bottom:      3px;
  border-bottom:       3px solid #329932;
  margin-bottom:       1em;
  font-style:          normal;
  font-size:           1.2em;
}
h2{
  padding-bottom:      1px;
  border-bottom:       1px solid #000090;
  margin-top:          1.5em;
  margin-bottom:       0.7em;
  font-style:          normal;
  font-size:           1em;
}
h3{
  padding:             3px;
  border:              1px dotted #aaaaff;
  margin-top:          2em;
  margin-bottom:       1em;
  background-color:    #fffafa;
  font-style:          italic;
  font-size:           1em;
}
h1 + h2, h2 + h3{
  margin-top:          0px;
}
p{
  margin-top:          0px;
  margin-bottom:       1em;
  text-align:          left;
  font-size:           0.85em;
  line-height:         150%;
}
p + ul{
  margin-top:          -0.5em;
}
ul{
  list-style-type:     disc;
  list-style-position: outside;
}
ol, ul{
  margin:              0em 1em 1em 2.5em;
  text-align:          left;
  font-size:           0.85em;
  line-height:         150%;
}
li{
  margin-top:          0px;
  margin-bottom:       0.5em;
}
li ul li{
  margin-top:          0.5em;
  font-size:           1.17em;
  list-style-type:     circle;
}
cite{
  font-style:          italic;
  font-weight:         bold;  
}
blockquote{
  color:               #000000;
  font-style:          italic;
  font-size:           0.85em;
  line-height:         100%;
  margin:              3em 20em 0.7em 2em;
}
img{
  display:             block;
  border:              0px;
}
table{
  width:               100%;
  border:              1px solid #000090;
  border-collapse:     collapse;
  font-size:           0.85em;
}
td, th{
  padding:             2px 5px;
  border:              1px solid #000090;
}
caption{
  padding-top:         2em;
  padding-bottom:      1em;
  font-weight:         bold;
  font-size:           1em;
  clear:               both;
}
/* Dotted underlines/italics just add unneeded clutter */
acronym{
  border:              none;
  font-style:          normal;
}
/**************/
/* CONTAINERS */
/**************/
/* Container for left column items  */
#leftColWrapper, #headerWrapper{
  height:              auto;
  padding:             0px;
  margin:              0px;
  float:               left;
} 
#leftColWrapper{
  width:               160px;
}
/* Container for header with logo and title */
#headerWrapper{
  width:               800px;
}
/* Container for navigation and content between header and footer */
#mainWrapper{
  width:               800px;
}
/****************/
/* TITLE BLOCKS */
/****************/
/* Top header with logo and title  */
#headerWrapper img{
  width:               140px;
  height:              80px;
  padding:             0px 13px 0px 12px;
  margin:              0px;
  float:               left;
}
#headerWrapper p{
  width:               609px;
  height:              auto;
  padding:             20px 5px 20px 5px;
  margin:              0px  0px  5px 6px;
  border:              5px double #329932;
  color:               #000090;
  background-color:    transparent;
  font:                25px "Arial Black", sans-serif;
  text-align:          center;
  float:               left;
}
/*******************/
/* NAVIGATION MENU */
/*******************/
/* Left navigation buttons                       */
/*   Total width = 160px + margins               */
/* (vertical margins added to hide Netscape 1px spacing bug) */
/* (display:inline/block sequence needed for IE6, resulting  */
/* in IE6 only activating text in button for link/rollover)  */
#leftnav{
  width:               160px;
  padding:             0px;
  border:              0px;
  margin:              5px 0px 10px 0px;
  font-size:           1em;
  font-weight:         bold;
  text-decoration:     none;
}
#leftnav ul, #leftnav li{
  padding:             0px;
  border:              0px;
  margin:              0px;
  list-style-type:     none;
}
#leftnav li{
  display:             inline;
  margin-bottom:       4px;
}
#leftnav a{
  display:             block;
  padding:             3px;
  padding-left:        8px;
  border:              1px solid #000000;
  margin-bottom:       5px;
  color:               #ffffff;
  background-color:    #329932;
  font-size:           1em;
  font-weight:         bold;
  text-decoration:     none;
}
#leftnav a:link, 
#leftnav a:visited, 
#leftnav a:active{
  display:             block;
  color:               #ffffff;
  background-color:    #329932;
}
#leftnav a:hover,
#leftnav a:focus{
  display:             block;
  color:               #000000;
  background-color:    #32cd32;
}
#thisPage{
  display:             block;
  padding:             3px;
  padding-left:        8px;
  border:              1px solid #000000;
  margin-bottom:       5px;
  color:               #000000;
  background-color:    #329932;
  font-size:           1em;
  font-weight:         bold;
  text-decoration:     none;
}
/****************/
/* MAIN CONTENT */
/****************/
/* Main text body */
#centerbody, #centerbody404{
  width:               603px;
  height:              auto;
  padding:             10px 10px 5px 12px;
  border:              2px solid #329932;
  margin:              5px 0px 5px 0px;
  color:               #000090;
  float:               right;
}
#centerbody{
  background-color:    #faf0e6;
}
#centerbody404{
  background-image:    url(images/page_not_found_404_big_rough.gif);
}
/* Checklists */
#bodyCheck{
  background-image:    none;
  background-color:    #eeeeee;
}
/* Checklist tables */
.tableCheck{
  background-color:    #ffffff;
}
/**********/
/* FOOTER */
/**********/
/* Footer with test and copyright notice */
/*   Total width = 800px + margins       */
#footer{
  width:               788px;
  height:              auto;
  padding:             5px;
  margin:              5px 0px 5px 0px;
  border:              1px solid #000000;
  font-size:           0.65em;
  color:               #000000;
  background-color:    #dddddd;
  clear:               both;
}
#footer p{
  width:               auto;
  padding:             1px 0px;
  margin:              0px;
  text-align:          left;
}
/* Footer logos */
#footer img{
  padding-right:       15px;
  float:               left;
}
#footerAcc{
  margin-right:        -15px;
}
/**********/
/* IMAGES */
/**********/
/* Left animated GIF (girl playing on beach) */
#leftGirl{
  width:               130px;
  height:              163px;
  padding:             0px;
  border:              8px ridge #32cc32;
  margin:              20px 5px 5px 6px;
  float:               left;
}
/* Adobe reader logo */
.areaderLogo{
  width:               112px;
  height:              33px;
  padding:             0px;
  margin:              10px;
  float:               right;
}
/* Amazon aStore snapshot and caption */
#astore{
  padding:             0px;
  margin:              0px 0px 10px 15px;
  float:               right;
}
#astore img{
  width:               210px;
  height:              250px;
}
#astore p{
  text-align:          center;
}
/* Adoption News magazine float */
#newsPic{
  width:               150px;
  height:              194px;
  margin:              0px 40px 10px 40px;
  float:               right;
}
/* WISE Up Powerbook float */
#wiseupPic{
  width:               235px;
  height:              310px;
  margin:              0px 15px 10px 10px;
  float:               right;
}
/* Heritage program photo float */
#heritagePic{
  width:               226px;
  height:              300px;
  margin:              0px 15px 10px 20px;
  float:               right;
}
/* Deborah Gray book floats */
.grayCover{
  width:               101px;
  height:              150px;
  margin:              0px 5px 10px 10px;
  float:               right;
}
/* ASCS support page logos (single column) */
#centeredLogos img{
  margin-top:          1.5em;
  margin-left:         203px;
}
/* ASCS support page logo captions */
#centeredLogos p{
  margin:              0.5em;
  text-align:          center;
}
/* Full width images (605px wide)          */
/* (mostly for printer CSS to remove them) */
.fullWidthImg{
  width:               605px;
  margin-top:          1em;
  margin-bottom:       1em;
  clear:               both;
}
/********************/
/* INTERNAL CONTENT */
/********************/
/* Contact page layout (invisible) tables */
.layout2col, .layout2col td{
  padding-left:        0px;
  padding-top:         0.3em;
  border:              none;
}
.layout2col{
  width:               100%;
}
/* Remove top padding of first table row */
/* to snug up against preceding heading  */
/* (Note: IE6 doesn't get first-child!)  */
.layout2col tr:first-child td{
  padding-top:         0em;
}
/* Set width of first column                */
/* The following doesn't work in IE6:       */
/*.layout2col tr td:first-child{width:20%;} */
/* So this is the ugly ugly workaround:     */
.ie6layout2col{
  width:               20%;
}
/* Space out adjacent tables */
.layout2col + .layout2col{
  margin-top:          1.5em;
}
/* Left/right column of links */
.linksLeft{
  float:               left;
}
.linksLeft p, .linksRight p{
  margin-bottom:       0.5em;
  line-height:         100%;
}
.linksLeft p{
  margin-left:         70px;
  margin-right:        80px;
}
.linksRight p{
  margin-left:         0px;
  margin-right:        10px;
}
/* Note (of normal importance) */
.noteNormal{
  font-style:          italic;
  font-weight:         bold;
  color:               #555555;
}
/* "New!" text bullet */
.newBullet1, .newBullet2, .newBullet3{
  font-weight:         bold;
  font-size:           1.6em;
  vertical-align:      middle;
  letter-spacing:      -0.2em;
}
.newBullet1{
  color:               #ff0000;
}
.newBullet2{
  color:               #ff6666;
}
.newBullet3{
  color:               #ff9999;
}
/* Quotation citation (author, source, year, etc.) */
.quotCite{
  font-style:          italic;
  color:               #000000;
  font-size:           0.85em;
}
/* For series of single line paragraphs */
/* (instead of using br)                */
.lineBlock{
  margin-top:         1em;
  margin-bottom:      1em;
}
.pLine{
  margin-bottom:       0.5em;
  line-height:         100%;
}
.pLineClose{
  margin-bottom:       0em;
  line-height:         150%;
}
/* For link heading */
.linkHead, .nolinkHead{
  margin-top:          1.5em;
  margin-bottom:       0em;
  line-height:         100%;
}
/* If no link available, bold name instead */
.nolinkHead{
  font-weight:         bold;
}
/* For link body paragraphs */
.linkBody{
  margin-top:          0.2em;
  margin-bottom:       0.2em;
  line-height:         120%;
}
/* For use with h2: no underline for table headings */
.h2Table{
  padding-top:         1em;
  padding-bottom:      0em;
  border:              0px;
  margin-top:          0em;
  margin-bottom:       0.4em;
  clear:               both;
}
/* Contact information line emphasis (links page) */
.contact{
  margin-top:          0.2em;
  margin-bottom:       0.2em;
  line-height:         120%;
  font-style:          italic;
  color:               #900000;
}
/* "Back to Subject Index" links */
.backIndex{
  margin-top:          0.5em;
  background-color:    #cccccc;
}
/* Descriptive paragraph under a list item */
.liPara{
  list-style-type:     none;
  list-style-position: outside;
}
/* Special BIG 404 h1 heading */
#head404{
  padding-top:         0.2em;
  padding-bottom:      0.25em;
  border:              4px solid #ff0000;
  margin-top:          0.25em;
  margin-bottom:       0.7em;
  font-size:           2.8em;
  text-align:          center;
  color:               #ff0000;
}
/* Hide stuff, but show unstyled           */
/* -link separators, skip to content links */
/* -display:none not used intentionally    */
.hide{
  position:            absolute;
  left:                -9999px;
}