/* Print CSS for ASCS website        */
/* wgpotter                          */
/* Differences from screen version:  */
/* - Black text on white background  */
/* - Unneeded floats removed         */
/*   (screws up IE printing!)        */
/* - Navigation menu removed         */
/* - Unneeded images removed         */
/* - Background removed              */
/* - Page break commands             */

/*************************/
/* STANDARD ELEMENT MODS */
/*************************/
/* To even out browser quirks and start with clean slate */
*{
  margin:              0;
  padding:             0;
}
/* Hide stuff, but show unstyled           */
/* -link separators, skip to content links */
.hide{
  display:             none;
}
/* Tame images to start */
img{
  display:             block;
  border:              0px;
}
/* Darkens "infinite" surrounding background */
/* Sets font family, font size, and line-height for alternate style sheets */
body{
  width:               810px;
  padding:             0px;
  margin:              10px;
  font-family:         Arial, sans-serif;
  font-size:           1em;
  line-height:         130%;
  background-color:    #fff;
  behavior:            none;
}
h1, h2, h3{
  width:               100%;
  font-weight:         bold;
  page-break-after:    avoid;
}
h1{
  padding:             3px 0px;
  border:              2px solid #000;
  margin-bottom:       1em;
  font-style:          normal;
  font-size:           1.2em;
  text-align:          center;
  color:               #000;
  background-color:    #fff;
}
h2{
  padding:             0em 0em 0px 0.5em;
  border-bottom:       2px solid #000;
  border-left:         2px solid #000;
  margin:              1.5em 0em 0.7em 0em;
  font-style:          normal;
  font-size:           1.1em;
  font-variant:        small-caps;
  color:               #000;
  clear:               both;
}
h3{
  padding:             3px;
  margin-top:          2em;
  margin-bottom:       1em;
  border:              1px dotted #000;
  font-style:          italic;
  font-size:           1em;
  color:               #000;
  background-color:    #fff;
}
h1 + h2, h2 + h3{
  margin-top:          0px;
}
p{
  margin-top:          1em;
  margin-bottom:       1em;
  text-align:          left;
  font-size:           0.85em;
}
p + ul{
  margin-top:          -0.5em;
}
/* Normal body text lists */
ol.normList li{
  padding-left:        0em;
  margin-left:         2.0em;
}
.normList ul{
  margin:              0em;
  list-style-type:     disc;
  list-style-position: outside;
  text-align:          left;
  line-height:         120%;
}
.normList li{
  margin:              0em 0em 0.5em 1.5em;
  font-size:           0.85em;
}
.normList ul li{
  margin:              0.5em 1em 0em 1.5em;
  font-size:           0.95em;
  list-style-type:     circle;
}
.normList ul ul li{
  margin:              0.5em 1em 0em 1.5em;
  font-size:           0.95em;
  list-style-type:     square;
}
.normList ul ul ul li{
  margin:              0.5em 1em 0em 1.5em;
  font-size:           0.95em;
  font-style:          italic;
  list-style-type:     circle;
}
/* Site map text lists */
.siteMap ul{
  margin:              0em;
  list-style-type:     disc;
  list-style-position: outside;
  text-align:          left;
  line-height:         110%;
}
.siteMap li{
  margin:              0.3em 1em 0em 1.5em;
  font-size:           0.85em;
  font-weight:         bold;
}
.siteMap ul li{
  margin:              0.3em 0em 0em 1.5em;
  font-size:           0.95em;
  font-weight:         bold;
  list-style-type:     circle;
}
.siteMap ul ul li{
  margin:              0.2em 0em 0em 1.5em;
  font-size:           0.95em;
  font-weight:         normal;
  list-style-type:     square;
}
.siteMap ul ul ul li{
  margin:              0.1em 0em 0em 1.5em;
  font-size:           0.95em;
  font-weight:         normal;
  font-style:          italic;
  list-style-type:     circle;
}
/* Aligned note after a list bullet */
.siteMap li.listNote{
  margin-top:          -0.1em;
  list-style-type:     none;
}
/* Inline citation, e.g., book title or excerpt */
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;
}
blockquote.leftSidebar{
  width:               25%;
  padding:             0.5em 0em;
  border-top:          5px solid #000;
  border-bottom:       5px solid #000;
  margin:              0.5em 0em 0.5em 1em;
  float:               right;
}
blockquote.leftSidebar p{
  margin:              0em;
  padding:             0em;
  font-size:           1.4em;
  font-weight:         bold;
  font-style:          italic;
  color:               #000;
  line-height:         130%;
}
table{
  width:               100%;
  border:              1px solid #000;
  border-collapse:     collapse;
  text-align:          center;
}
td, th{
  padding:             2px 5px;
  border:              1px solid #000;
}
th{
  font-size:           1em;
  font-weight:         bold;
}
td{
  font-size:           0.85em;
}
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;
}
/* Normal hyperlink color and hover behavior */
a{
  color:               #000;
  text-decoration:     none;
}
/**************/
/* CONTAINERS */
/**************/
/* Container for web page */
#topWrapper{
  height:              auto;
  width:               100%;
  padding:             0px;
  margin:              0px;
  background-color:    #fff;
}
/* Container for navigation and content between header and footer */
#mainWrapper{
  height:              auto;
  width:               100%;
  background-color:    transparent;
  clear:               both;
}
/* Container for left column items  */
#leftColWrapper{
  display:             none;
}
/****************/
/* MAIN CONTENT */
/****************/
/* Main text body */
#centerbody, #centerbody404{
  height:              auto;
  width:               100%;
  padding:             0px;
  margin-top:          0px;
  color:               #000;
}
#centerbody{
  background-color:    transparent;
}
#centerbody404{
  background-color:    #fff;
}
/**********/
/* FOOTER */
/**********/
/* Footer with test and copyright notice */
#footer, #checklistFooter{
  height:              auto;
  width:               100%;
  padding:             5px;
  margin-top:          10px;
  font-size:           0.65em;
  color:               #000000;
  clear:               both;
}
#footer{
  background-color:    #fff;
}
#checklistFooter{
  border:              0px;
  background-color:    transparent;
}
#footer p, #checklistFooter p{
  width:               auto;
  padding:             0px;
  margin:              0px;
  line-height:         160%;
  text-align:          left;
}
/* Footer logos */
#footer img, #checklistFooter img{
  display:             none;
}
img#footerAcc{
  display:             none;
}
/**********/
/* IMAGES */
/**********/
/* Top header with logo and title  */
#headerImg{
  display:             none;
}
#bmsLogo{
  display:             none;
}
#cookbookCustomers{
  display:             none;
}
#lineupOpening{
  display:             none;
}
.fullWidth{
  width:               660px;
  margin:              20px 0px 0px 4px;
  clear:               both;
}
#auctionBanner, #auctionBannerRt{
  display:             none;
}
/* Picture matrix slogans */
.fullWidthMatrix{
  display:             none;
}
.auctionMatrix{
  display:             none;
}
.sixMatrix{
  display:             none;
}
/* Picture matrix on home page            */
/* Transparent borders don't work in IE6! */
.blockPic{
  display:             none;
}
.rowPic{
  display:             none;
}
/********************/
/* INTERNAL CONTENT */
/********************/
/* Wherever red text is needed */
.redText{
  color:               #000;
}
/* 2 column layout tables (invisible) */
.layout2col, .layout2col td{
  margin:              0em;
  padding:             0.3em 0em 0em 1em;
  border:              none;
  text-align:          left;
}
.layout2col{
  width:               80%;
}
.layout2col + .layout2col{
  margin-top:          1.5em;
}
/* Set width of 1st or 2nd column               */
/* The following methods don't work in IE6:     */
/* .layout2col tr td:first-child{width:20%;}    */
/* .layout2col tr td + td{width:70%;}           */
/* .layout2col + .layout2col{margin-top:1.5em;} */
/* (use paragraph separators instead)           */
/* So this is the ugly ugly workaround:         */
.ie6layout2col{
  width:               40%;
}
.layout2colWide,
.layout2colWide td{
  margin:              0em;
  padding:             0.3em 0em 0em 1em;
  border:              none;
  font-size:           0.95em;
  font-weight:         normal;
  text-align:          left;
}
.layout2colWide{
  width:               80%;
}
.layout2colWide tr td + td{
  width:               50%;
  font-style:          italic;
  text-align:          left;
}
/* "New!" text bullet */
.newBullet1, .newBullet2, .newBullet3{
  font-weight:         bold;
  font-size:           1.6em;
  vertical-align:      middle;
  letter-spacing:      -0.2em;
}
.newBullet1{
  color:               #000;
}
.newBullet2{
  color:               #000;
}
.newBullet3{
  color:               #000;
}
/* Important note, when needed */
#importantNote{
  padding:             1em 0em;
  border:              4px solid #000;
  margin:              2em 0em 1em 0em;
  font-size:           1em;
  text-align:          center;
  color:               #000;
}
.auctionPoster, .indent2Posters, .indent1Poster{
  width:               194px;
  padding:             0px;
  margin:              5px 0px 5px 20px;
  float:               left;
}
.auctionPoster img, .indent2Posters img, .indent1Poster img{
  width:               194px;
  height:              300px;
  padding:             0px;
  margin:              0px 0px 5px 0px;
}
.auctionPoster p, .indent2Posters p, .indent1Poster p{
  padding:             0px;
  margin:              0px;
  text-align:          center;
  font-size:           1em;
  font-weight:         bold;
}
.dropoff{
  padding:             0px;
  margin:              0px;
  clear:               both;
}
.dropoff img{
  height:              200px;
  width:               200px;
  padding-bottom:      16px;
  float:               left;
}
.dropoff p{
  padding:             0px;
  margin:              10px 0px 0px 230px;
}
.dropoff p + p{
  margin-top:          10px;
}
.dropoff img + p{
  padding-top:         20px;
  font-weight:         bold;
}
/* Home page 5WH and picture matrix blocks                  */
/* - Transparent borders don't work in IE6, so padding used */
/* - Only IE6 needs float:left                              */
div#whoBlock,
div#whenBlock,
div#whereBlock,
div#whatBlock,
div#whyBlock,
div#howBlock{
  padding:             0px;
  margin:              0px;
}
div#whoBlock h2,
div#whenBlock h2,
div#whereBlock h2,
div#whatBlock h2,
div#whyBlock h2,
div#howBlock h2{
  display:             none;
}
div#whoBlock p,
div#whenBlock p,
div#whereBlock p,
div#whatBlock p,
div#whyBlock p,
div#howBlock p{
  text-align:          left;
}
/* Left/right columns */
.colLeft{
  padding:             0px;
  margin:              0px;
  float:               left;
}
.colLeft li{
  margin:              0em 0em 1em 50px;
  line-height:         100%;
}
p + div.colLeft{
  margin-left:         -20px;
}
.clearText{
  clear:               both;
}
.endText{
  text-align:          center;
  padding:             0px;
  clear:               both;
}
.spacerText{
  padding:             10px 0em 0em 0em;
  margin:              0em;
  text-align:          center;
  font-size:           2em;
  font-weight:         bold;
  font-style:          italic;
  clear:               both;
}
/* "Back to Subject Index" links */
.backIndex{
  margin-top:          0.5em;
  background-color:    #fff;
}
/* Checklists */
#bodyCheck{
  width:               898px;
  background-image:    none;
  background-color:    #fff;
}
/* Checklist tables */
.tableCheck{
  background-color:    #ffffff;
}
.wideTable{
  font-size:           0.75em;
}
/* Revenue table on Trends page                   */
/* (of course, most of this doesn't work in IE6!) */
.tableRevenue{
  border:              3px double #000;
  font-size:           0.75em;
}
.tableRevenue tr th:first-child,
.tableRevenue tr + tr th{
  border-bottom:       3px double #000;
}
.tableRevenue td:first-child,
.tableRevenue th:first-child{
  border-right:        3px double #000;
}
.tableRevenue td:first-child + td,
.tableRevenue td:first-child + td + td + td,
.tableRevenue td:first-child + td + td + td + td + td,
.tableRevenue td:first-child + td + td + td + td + td + td + td,
.tableRevenue td:first-child + td + td + td + td + td + td + td + td + td,
.tableRevenue tr + tr th:first-child,
.tableRevenue tr + tr th:first-child + th + th,
.tableRevenue tr + tr th:first-child + th + th + th + th,
.tableRevenue tr + tr th:first-child + th + th + th + th + th + th,
.tableRevenue tr + tr th:first-child + th + th + th + th + th + th + th + th{
  border-right:        2px dotted #000;
}
.tableRevenue th:first-child + th + th + th + th,
.tableRevenue tr + tr th:first-child + th + th + th + th + th + th + th,
.tableRevenue td:first-child + td + td + td + td + td + td + td + td{
  border-right:        3px double #000;
}
/* Last-child not available until CSS3
.tableRevenue tr:last-child{
  border-top:          3px double #2d5639;
}
.tableRevenue tr:last-child{
  font-weight:         bold;
  color:               #ff0000;
}
.tableRevenue tr:last-child td,
.tableRevenue tr:last-child td + td,
.tableRevenue tr:last-child td + td + td,
.tableRevenue tr:last-child td + td + td + td,
.tableRevenue tr:last-child td + td + td + td + td,
.tableRevenue tr:last-child td + td + td + td + td + td,
.tableRevenue tr:last-child td + td + td + td + td + td + td,
.tableRevenue tr:last-child td + td + td + td + td + td + td + td,
.tableRevenue tr:last-child td + td + td + td + td + td + td + td + td{
  border-right:        0px;
  border-left:         0px;
}*/
/* Simulate ordered list in layout table */
.auctionItems{
  width:               97%;
  margin-left:         0.5em;
}
.auctionItems, .auctionItems td{
  border:              0px;
  text-align:          left;
  vertical-align:      top;
}
.auctionItems tr td + td + td{
  width:               20%;
  font-weight:         bold;
}
.auctionItems tr td:first-child{
  text-align:          right;
}
/* Row of thumbnails */
.thumbRow{
  clear:               both;
}
.thumbRow img{
  height:              100px;
  padding:             0px 0px 10px 0px;
  margin:              0px 5px 10px 5px;
  float:               left;
}