BODY 
      {font-family: Arial, sans-serif;
       text-size: 100%;
       text-align: left}



A:link    {color: #0000ff; text-decoration: underline}  
A:visited {color: #cc33aa; text-decoration: underline}
A:hover   {color: #ff0000; text-decoration: underline}
A:active  {color: #ff0000; text-decoration: underline} 


A.linkonblack:link    
  {font-family: Verdana, sans-serif; 
   text-decoration: underline; 
   color: #88bbff}
A.linkonblack:visited 
  {font-family: Verdana, sans-serif; 
   text-decoration: underline; 
   color: #88bbff}  
A.linkonblack:hover   
  {font-family: Verdana, sans-serif; 
   text-decoration: underline; 
   color: #aaeeff} 
A.linkonblack:active  
  {font-family: Verdana, sans-serif; 
   text-decoration: underline; 
   color: #88bbff} 

A.linkonblack2:link    
  {font-family: Arial, sans-serif; 
   text-decoration: underline; 
   color: #88bbff}
A.linkonblack2:visited 
  {font-family: Arial, sans-serif; 
   text-decoration: underline; 
   color: #88bbff}  
A.linkonblack2:hover   
  {font-family: Arial, sans-serif; 
   text-decoration: underline; 
   color: #aaeeff} 
A.linkonblack2:active  
  {font-family: Arial, sans-serif; 
   text-decoration: underline; 
   color: #88bbff} 


A.linkonblack:link    
  {font-family: Verdana, sans-serif; 
   text-decoration: underline; 
   color: #88bbff}
A.linkonblack:visited 
  {font-family: Verdana, sans-serif; 
   text-decoration: underline; 
   color: #88bbff}  
A.linkonblack:hover   
  {font-family: Verdana, sans-serif; 
   text-decoration: underline; 
   color: #aaeeff} 
A.linkonblack:active  
  {font-family: Verdana, sans-serif; 
   text-decoration: underline; 
   color: #88bbff} 


A.linkonblacknounderline:link    
  {font-family: Verdana, sans-serif; 
   text-decoration: none; 
   color: #88bbff}
A.linkonblacknounderline:visited 
  {font-family: Verdana, sans-serif; 
   text-decoration: none; 
   color: #88bbff}  
A.linkonblacknounderline:hover   
  {font-family: Verdana, sans-serif; 
   text-decoration: underline; 
   color: #aaeeff} 
A.linkonblacknounderline:active  
  {font-family: Verdana, sans-serif; 
   text-decoration: underline; 
   color: #88bbff} 

A.header:link    
  {text-decoration: none; 
   color: #88bbff}
A.header:visited 
  {text-decoration: none; 
   color: #88bbff}  
A.header:hover   
  {text-decoration: underline; 
   color: #aaeeff} 
A.header:active  
  {text-decoration: none; 
   color: #88bbff} 


A.footer:link    
  {font-family: Verdana, sans-serif; 
   text-decoration: none; 
   font-size: 70%; 
   color: #88bbff}
A.footer:visited 
  {font-family: Verdana, sans-serif; 
   text-decoration: none;
   font-size: 70%;  
   color: #88bbff}  
A.footer:hover   
  {font-family: Verdana, sans-serif; 
   text-decoration: underline; 
   font-size: 70%; 
   color: #aaeeff} 
A.footer:active  
  {font-family: Verdana, sans-serif; 
   text-decoration: none; 
   font-size: 70%; 
   color: #88bbff} 


A.footertextlinks:link    
  {text-decoration: none; 
   color: #0077ff}
A.footertextlinks:visited 
  {text-decoration: none; 
   color: #0077ff}  
A.footertextlinks:hover   
  {text-decoration: underline; 
   color: #0000ff} 
A.footertextlinks:active  
  {text-decoration: none; 
   color: #0077ff} 
   

A.getitfreebyemailred:link    
  {font-family: Arial, sans-serif; 
   font-size: 70%; 
   font-weight: bold;
   text-decoration: none; 
   color: #ff5555}
A.getitfreebyemailred:visited 
  {font-family: Arial, sans-serif; 
   font-size: 70%; 
   font-weight: bold;
   text-decoration: none; 
   color: #ff5555}
A.getitfreebyemailred:hover   
  {font-family: Arial, sans-serif; 
   font-size: 70%; 
   font-weight: bold;
   text-decoration: underline; 
   color: yellow}
A.getitfreebyemailred:active  
  {font-family: Arial, sans-serif; 
   font-size: 70%; 
   font-weight: bold;
   text-decoration: none; 
   color: #ff5555}


A.issuesindex:link    
  {font-family: Arial, sans-serif; 
   font-weight: bold;
   text-decoration: none; 
   color: blue}
A.issuesindex:visited    
  {font-family: Arial, sans-serif; 
   font-weight: bold;
   text-decoration: none; 
   color: #cc33aa}
A.issuesindex:hover    
  {font-family: Arial, sans-serif; 
   font-weight: bold;
   text-decoration: underline; 
   color: #ff0000}
A.issuesindex:active    
  {font-family: Arial, sans-serif; 
   font-weight: bold;
   text-decoration: underline; 
   color: #ff0000}

H1 
  {font-family: Arial, sans-serif;
   font-size: 115%;
   font-weight: 900;
   margin-left: 4px}

.nonlinktextonblack
  {color: #88bbff}

.linksmalltext
  {font-family: Arial, sans-serif;
   font-size: 80%}
   
.linksmallertext
  {font-family: Arial, sans-serif;
   font-size: 70%}


.headermastheadbox
  {align: left;
   vertical-align: top;
   background-color: black}

.headermailinglisticonbox
  {text-align: right; vertical-align: middle; background-color: black; padding-top: 4px; padding-bottom: 12px}

.headerupperrightcornerbox
  {align: right; vertical-align: top; background-color: black}

.headersearchbox
  {font-family: verdana, sans-serif;
   font-size: 9px;
   width: 110px;
   margin-right: 4px}

.headersearchbutton
  {font-family: verdana;
   font-size: 8px;
   border-left: 2px solid white;
   border-top: 2px solid white;
   border-bottom: 2px solid gray;
   border-right: 2px solid gray;
   color: #0033CC;
   font-weight: bold;
   vertical-align: bottom;
   padding-top: 1px;
   padding-bottom: 0px;
   margin-bottom: 1px}

.headermenubox
  {font-family: Verdana, sans-serif; 
   font-size: 70%; 
   height: 20px; 
   width: 680px; 
   color: #888888;
   background-color: black;
   vertical-align: middle; 
   padding-left: 0px; 
   padding-bottom: 0px; 
   border-top: 2px #4444bb solid; 
   border-bottom: 2px #5555cc solid}

.headermenu
  {width: 100%; 
   text-align: center;
   margin-top: 0px; 
   margin-bottom: 0px} 
   
.headerkeywds
  {font-family: Arial, sans-serif;
   font-size: 70%;
   color: #888888;
   font-weight: normal;
   padding: 0px;
   padding-left: 2px;
   border: 1px #888888 solid;
   margin-bottom: 14px;
   margin-left: 0px}

.joke /* for the joke title */
  {font-family: Arial,sans-serif;
   font-size: 110%;
   font-weight: bold;
   margin-top: 0px;
   margin-bottom: 0px} /* assume the wrapper TD will control margins */

.environment /* P or H1 */
  {font-family: Arial, sans-serif;
   font-size: 110%;
   font-weight: bold;
   color: #338833;
   margin-left: 4px;
   margin-bottom: 22px}

.mainpageheader
  {font-family: Arial, sans-serif; 
   font-size: 110%; 
   color: #444444; 
   font-weight: bold; 
   margin-left: 2px; 
   margin-top: 0px; 
   margin-bottom: 1px}

.mainpagesubheader
  {font-family: Arial, sans-serif;
   font-size: 70%; color: #444444;
   font-weight: normal;
   font-style: italic;
   margin-left: 2px; 
   margin-top: 1px;
   margin-bottom: 14px;
   border-top: 1px #999999 solid;
   border-bottom: 1px #999999 solid}

H2
  {font-family: Arial, sans-serif;
   font-size: 100%;
   font-weight: bold;
   color: #0077ff;
   margin-left: 4px}

H3       
  {font-size: 90%;
   font-weight: 500;
   color: #330066;
   background-color: #ccccff;
   padding-left: 5px;
   width: 65%}

H4       
  {font-size: 100%;
   font-weight: 500;
   font-style: italic;
   width: 80%;
   margin-left: 20px}

.littleheaderforh1s    /* in a span */
  {font-family: Arial, sans-serif;
   font-size: 60%;
   color: #0099ff}

a.stable:link    {color: #0000ff; text-decoration: underline}  
a.stable:visited {color: #0000ff; text-decoration: underline}
a.stable:hover   {color: #ff0000; text-decoration: underline}
a.stable:active  {color: #ff0000; text-decoration: underline} 

a.stable2:link    {color: #0000ff; text-decoration: none}  
a.stable2:visited {color: #0000ff; text-decoration: none}
a.stable2:hover   {color: #ff0000; text-decoration: underline}
a.stable2:active  {color: #ff0000; text-decoration: underline} 


P.env
  {font-size: 85%;
   margin-top: 2px;
   margin-bottom: 2px}
   
LI
  {font-size: 80%;
   margin-top: 9px;
   margin-bottom: 5px}

LI.compact
  {font-size: 80%;
   margin-top: 2px;
   margin-bottom: 2px}
  
LI.compactdoublespaced
  {font-size: 80%;
   margin-top: 12px;
   margin-bottom: 12px}
    
.markcomment  /* assumes it's in a span */
  {font-size: 85%;
   color: #339999}
   
.markcommentnoshrink  /* assumes it's in a span */
  {color: #339999}  

.markcommentgray  /* assumes it's in a span */
  {font-size: 85%;
   color: #777777}

LI.compactsmaller
  {font-size: 70%;
   margin-top: 2px;
   margin-bottom: 2px}

LI.compactsmallerloose
  {font-size: 70%;
   margin-top: 12px;
   margin-bottom: 12px}

LI.mediumloose
  {font-family: Arial, sans-serif;
   font-size: 80%;
   margin-top: 6px;
   margin-bottom: 6px}

LI.compactbigger
  {font-size: 90%;
   margin-top: 2px;
   margin-bottom: 2px}

LI.noshrink  /* for nested LIs */
  {font-size: 100%;
   margin-top: 2px;
   margin-bottom: 2px}

.sandboxteaser
  {background-image: url('../3001/misc/sandtile.gif'); 
   background-color: #ffeecc; 
   border: black solid 1px}

.blacksectionheader 
 {background-color: black; 
  color: #97fecf; 
  font-family: Arial, sans-serif; 
  font-size: 75%;
  font-weight: bold;
  padding-top: 2px}
.issueboxspacerright
 {font-size: 1px;
  border-right: 1px solid black}
.issueboxheaderjoke
 {font-family: Arial, sans-serif; 
  font-size: 50%;
  color: #3333cc;
  background-color: #cceeff;
  text-transform: uppercase;
  font-style: italic;
  border-right: solid black 1px;
  text-align: left;
  vertical-align: bottom;
  padding-top: 4px;
  padding-bottom: 1px}
.issueboxheadereco
 {font-family: Arial, sans-serif; 
  font-size: 50%;
  color: #006600;
  background-color: #ddffdd;
  text-transform: uppercase;
  font-style: italic;
  border-right: solid black 1px;
  text-align: left;
  vertical-align: bottom;
  padding-top: 5px;
  padding-bottom: 1px}
.issueboxleft 
 {background-color: #eeeeee; 
  border-left: black solid 1px;
  border-right: black solid 1px;
  border-top: black solid 1px;
  border-bottom: black solid 1px}
.issueboxright 
 {background-color: #eeeeee; 
  border-right: black solid 1px;
  border-top: black solid 1px;
  border-bottom: black solid 1px;
  font-family: Arial, sans-serif; 
  font-size: 70%;
  font-weight: bold;
  padding: 5px}
.issueimage
  {border-right: solid 1px black; 
   border-bottom: solid 1px black; 
   border-top: solid 0px black; 
   border-left: solid 0px black}
.issuenumber  /* assumes a span */
  {font-size: 90%;  
   font-style: italic}

.spanfunny
  {font-weight: bold;
   text-decoration: none; 
   color: #666666}
.spanfunny2
  {font-size: 85%;
   font-weight: bold;
   text-decoration: none; 
   color: #666666}
.spanlinkfillerwords
  {font-weight: normal;
   text-decoration: none; 
   color: blue}

.populararticlesfunny
  {font-family: Arial, sans-serif; 
   font-size: 70%;
   font-weight: bold;
   color: #aaaaaa;
   margin-left: 8px;
   margin-right: 4px;
   margin-bottom: 1px}
.populararticles
  {font-family: Arial, sans-serif; 
   font-size: 70%;
   margin-left: 8px;
   margin-right: 4px;
   margin-top: 1px}

.relatedarticlesfunny
  {font-family: Arial, sans-serif; 
   font-size: 70%; 
   margin-left: 12px; 
   margin-right: 14px; 
   margin-top: 15px; 
   margin-bottom: 15px}
.relatedarticlesserious /* assumes span */
  {text-decoration: underline}
A.relatedarticles:link    
  {font-family: Arial, sans-serif; 
   text-decoration: none}
A.relatedarticles:visited 
  {font-family: Arial, sans-serif; 
   text-decoration: none}  
A.relatedarticles:hover   
  {font-family: Arial, sans-serif; 
   text-decoration: underline} 
A.relatedarticles:active  
  {font-family: Arial, sans-serif; 
   text-decoration: none} 

.miscmaintext
  {font-family: Arial, sans-serif;
   font-size: 90%;
   margin-left: 4px;
   margin-right: 10px}

.misclist
  {font-family: Arial, sans-serif;
   font-size: 90%}


.gag
  {font-family: Arial, sans-serif;
   font-size: 90%}

.tbheader
  {font-family: Arial, sans-serif; 
   font-size: 65%; font-weight: bold; 
   font-style: italic; color: silver; 
   background-color: navy; 
   width: 240px;
   margin-top: 0px; 
   padding-left: 5px; 
   padding-top: 3px; 
   padding-bottom: 4px}

.tbheader2
  {font-family: Arial, sans-serif; 
   font-size: 65%; font-weight: bold; 
   font-style: italic; color: silver; 
   background-color: black; 
   width: 240px; 
   padding-left: 5px; 
   padding-top: 3px; 
   padding-bottom: 4px}

.tbgag
  {font-family: Arial, sans-serif;
   font-size: 90%;
   margin-top: 12px; 
   margin-bottom: 0px;
   padding-left: 20px}

.tbname     /* nested within tbgag */
  {font-weight: bold}

.tbplace     /* nested within tbgag */
  {font-style: italic;
   color: #666666}

.tbhorizrule
  {width: 60%;
   border-top: 1px solid #aaaaee;
   margin-top: 10px;
   margin-left: 20px;
   text-align: center}

.tbhorizrule2
  {width: 60%;
   border-top: 1px solid #aaaacc;
   margin-top: 10px;
   text-align: center}

.tbhook
  {font-family: Arial, Verdana, sans-serif;
   font-size: 90%;
   margin-top: 8px;
   padding-left: 20px;
   margin-bottom: 0px}

.ecosubtitle
  {font-family: Arial, Verdana, sans-serif;
   font-size: 85%;
   font-weight: 100;
   color: #338833}

.ecomaintext
  {font-family: Arial, Verdana, sans-serif;
   font-size: 90%}
   
.ecosectionheader
  {font-family: Arial, sans-serif;
   font-size: 90%;
   font-weight: bold;
   color: #ffffff;
   background-color: #227722;
   padding: 1px;
   padding-left: 4px;
   margin-top: 28px;
   margin-left: 0px}

.ecobrainfoodtitlebox
  {text-align: center;
   vertical-align: middle;
   height: 16px;
   padding-top: 3px; 
   padding-bottom: 3px;
   background-color: #aaddaa;
   border-top: green 1px solid;
   border-left: green 1px solid;
   border-right: #88cc77 1px solid;
   font-family: Arial, Verdana, sans-serif;
   font-size: 75%;
   font-weight: bold;
   color: #115511}

.ecobrainfoodmaintextbox
  {font-family: Arial, Verdana, sans-serif;
   text-align: left;
   vertical-align: top;
   border-right: #88cc77 1px solid;
   border-left: green 1px solid;
   border-bottom: #88cc77 1px solid;
   padding-top: 12px; 
   padding-bottom: 12px; 
   padding-left: 9px;
   padding-right: 6px;
   background-color: #ceffce;
   font-size: 70%;
   color: #115511}

.betterplanetbox1 /* background image is chosen in HTML */
  {text-align: left;
   padding-left: 0px; padding-top: 0px; padding-bottom: 8px; padding-right: 24px;
   border-left: black 1px solid; 
   border-top: black 1px solid;
   border-bottom: silver 1px solid;
   background-repeat: no-repeat;
   background-position: top right}

.betterplanetbox2  /* background image is chosen in HTML */
  {border-top: black 1px solid;
   border-right: silver 1px solid; 
   border-bottom: silver 1px solid;
   vertical-align: bottom; text-align: left;
   padding-bottom: 8px;
   background-repeat: no-repeat;
   background-position: top left}

.betterplanetbox3
  {padding-bottom: 16px; padding-right: 16px;
   border-left: black 1px solid; 
   border-right: silver 1px solid}

.betterplanetboxmergedtop  /* background image is chosen in HTML */
  {padding-left: 0px; padding-top: 0px; padding-bottom: 12px; padding-right: 24px;
   border-left: black 1px solid; 
   border-top: black 1px solid;
   border-right: silver 1px solid; 
   vertical-align: bottom; text-align: left;
   padding-bottom: 8px;
   background-repeat: no-repeat;
   background-position: top right}

.betterplanetboxmergedbottomleft  
  {padding-left: 0px; padding-top: 0px; padding-bottom: 12px; padding-right: 24px;
   border-left: black 1px solid; 
   border-bottom: silver 1px solid;
   vertical-align: bottom; text-align: left;
   padding-bottom: 8px}

.betterplanetmergedbottomright 
  {border-right: silver 1px solid; 
   border-bottom: silver 1px solid;
   vertical-align: bottom; text-align: left;
   padding-bottom: 8px}

.mergedbottomright 
  {border: silver 1px solid;
   vertical-align: bottom; 
   text-align: center;
   background-color: #eeeeee;
   padding-top: 10px}
   
.betterplanetonebox /* background image is chosen in HTML */
  {text-align: left;
   padding-left: 0px; padding-top: 0px; padding-bottom: 12px; padding-right: 12px;
   border-left: black 1px solid; 
   border-top: black 1px solid;
   border-bottom: silver 1px solid;
   border-right: silver 1px solid;
   padding-bottom: 8px;
   background-repeat: no-repeat;
   background-position: top right}

.betterplanettext
  {font-family: Arial, sans-serif;
   font-size: 80%;
   margin-top: 12px; 
   margin-left: 12px}

.betterplanetquote
  {font-family: Arial, sans-serif;
   font-size: 80%;
   color: #2244aa;
   font-weight: bold;
   font-style: italic;
   margin-top: 12px; 
   margin-left: 12px}

.betterplanetheaderline  /* single-spaced P's */
  {font-family: Arial, sans-serif;
   color: #888888;
   font-size: 70%;
   margin-left: 12px;
   margin-top: 4px;
   margin-bottom: 0px}

.betterplanetdescriptor  /* single-spaced P's ; will be replaced by format-specific */
  {font-family: Arial, sans-serif;
   font-size: 80%;
   margin-left: 12px;
   margin-top: 0px;
   margin-bottom: 0px}

.betterplanetitemformat  /* single-spaced P's ; will be replaced by format-specific */
  {font-family: Arial, sans-serif;
   font-size: 70%;
   font-style: italic;
   margin-left: 12px;
   margin-top: 0px;
   margin-bottom: 0px}

.betterplanetdescriptorheader /*assume nested within .betterplanetdescriptor */
  {color: #888888}

.betterplanetaddlinfo  /* P's */
  {font-family: Arial, sans-serif;
   font-size: 77%;
   color: #cc0000;
   font-weight: bold;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 10px;
   margin-bottom: 5px}

.betterplanetmoreitems
  {font-family: Arial, sans-serif;
   font-size: 70%;
   margin-top: 12px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 10px}
   
.bpiclickinst
  {font-family: Arial, sans-serif;
   font-size: 70%;
   margin-top: 12px;
   margin-bottom: 12px;
   margin-left: 6px;
   color: gray}

.bpiclickinstpageset
  {font-family: Arial, sans-serif;
   font-size: 70%;
   margin-top: 0px;
   margin-bottom: 12px;
   margin-left: 14px;
   color: #cc0000}

.jokepagequoteheader
  {font-family: Arial, sans-serif; 
   font-size: 65%; 
   color: #aaaaaa; 
   width: 80%; 
   text-align: center; 
   margin-left: 12px; 
   margin-bottom: 2px; 
   border-top: 1px solid #666666; 
   border-bottom: 1px solid #666666}

.jokepagequoteheaderkeyphrase
  {font-size: 110%; 
   color: #ffff99}
   
.ecoquotetext1
  {font-family: "Times New Roman", Times, serif;
   font-size: 100%;
   font-style: italic;
   color: #dddddd; 
   padding: 12px; 
   margin-bottom: 0px; 
   margin-top: 6px}

.ecoquoteperson1
  {font-family: Verdana, sans-serif;
   font-size: 75%;
   color: #dddddd; 
   padding: 12px; 
   margin-top: 0px; 
   margin-bottom: 0px;
   margin-left: 28px;
   margin-right: 20px;
   text-indent: -22px}

.ecobacktojokepage
  {font-family: Arial, sans-serif;
   font-size: 100%; 
   font-weight: bold;
   text-align: center;
   margin-top: 12px; 
   margin-bottom: 2px}

 .issueboxsubtitle
     {font-weight: normal}

/* stuff for curr articles lib item */
.articleheaderbox1
  {font-family: Arial, sans-serif;
   font-size: 70%;
   color: #bbbbbb;
   background-color: black;
   padding-left: 4px;
   padding-top: 2px;
   padding-bottom: 2px;
   vertical-align: middle;
   border-top: 3px solid white;
   border-bottom: 1px solid white}
.articleheaderbox2
  {font-family: Arial, sans-serif;
   font-size: 65%;
   color: #999999;
   background-color: black;
   text-align: center;
   padding-left: 2px;
   margin-top: 2px;
   margin-bottom: 2px;
   vertical-align: middle;
   border-top: 3px solid white;
   border-bottom: 1px solid white;
   border-right: 1px solid black}
.articlepicbox
  {border: 1px solid black;
   background-color: black;
   vertical-align: top;
   text-align: left}
.articletitlebox
  {font-family: Arial, sans-serif;
   font-size: 80%;
   background-color: #eeeeee;
   padding-left: 5px;
   padding-right: 6px;
   padding-top: 2px;
   padding-bottom: 2px;
   vertical-align: middle;
   border: 1px solid black} 
.moreissuescategory
 {font-family: Arial, sans-serif;
  font-size: 70%;
  font-weight: bold;
  color: #005500;
  margin-left: 30px;
  margin-top: 12px;
  margin-bottom: 1px}
.moreissuesitem
 {font-family: Arial, sans-serif;
  font-size: 70%;
  color: #005500;
  margin-top: 1px;
  margin-bottom: 12px;
  margin-left: 45px;
  text-indent: -15px}
   

.sitemapotheroptions
  {font-family: Arial, sans-serif;
   color: black;
   font-size: 75%;
   font-style: italic;
   margin-left: 4px;
   margin-bottom: 2px}
   
.sitemapheaderbar
  {background-color: #bbddff;
   color: navy;
   font-family: Verdana, sans-serif;
   font-size: 85%;
   font-weight: bold;
   padding-left: 2px}  

.adidentifier
  {font-family: Arial, sans-serif;
   font-size: 65%;
   color: #bbbbbb;
   margin-top: 0px;
   margin-bottom: 2px}

.adsensedisclaimerpara
  {font-family: Arial, sans-serif;
   font-size: 70%;
   color: #97fecf; 
   margin-top: 15px; 
   margin-bottom: 0px}
   
.resourcesembeddedcomment  /* assumes span */
  {font-family: Arial, sans-serif;
   font-size: 80%;
   color: #777777}

.freebyemailonjokepages
  {font-family: Arial, sans-serif; 
   font-size: 70%; 
   font-weight: bold; 
   background-color: #eeddee; 
   text-align: center; 
   padding-top: 6px; 
   padding-bottom: 8px; 
   border: 1px dashed #996699}
   
.freebyemailonecopages
  {font-family: Arial, sans-serif; 
   font-size: 70%; 
   font-weight: bold; 
   background-color: #ddffff; 
   width: 70%; 
   text-align: center; 
   margin-top: 20px; 
   margin-bottom: 10px; 
   padding-top: 6px; 
   padding-bottom: 8px; 
   border: 1px dashed #0000ff}
   
.spotlightexpl /* set font color, bg color and border inline */
 {font-family: Arial, sans-serif; 
  font-size: 75%; 
  padding: 8px; 
  padding-top: 4px}
  
.spotlightexpl2 /* standardized */
 {font-family: Arial, sans-serif; 
  font-size: 75%;
  color: #dddddd; 
  background-color: #000000; 
  padding: 8px; 
  padding-top: 4px; 
  border: #666666 1px solid; 
  border-top: none}
 
HR.footer
 {color: #bbbbbb; 
  text-align: center; 
  margin-top: 0px; 
  margin-bottom: 0px; 
  width: 70%}
 
.footerlinks
 {width: 100%; 
  line-height: 20px; 
  text-align: center; 
  margin-top: 0px; 
  margin-bottom: 0px; 
  font-size: 80%}
  
.footersectiontitle  
 {font-family: Arial, sans-serif; 
  font-size: 70%; 
  font-weight: bold; 
  color: #888888; 
  background-color: #eeeeee; 
  padding: 2px; 
  padding-left: 6px; 
  vertical-align: middle}  
  
.footersectionbody
  {font-family: Arial, sans-serif; 
   font-size: 70%; 
   padding-left: 11px}
   

 .amazoninstcompliant
  {font-family: Arial, sans-serif;
   font-size: 75%;
   font-weight: bold;
   margin-top: 12px;
   margin-bottom: 3px;
   color: #cc0000}

.amazoninstcompliant2
  {font-family: Arial, sans-serif;
   font-size: 70%;
   font-weight: bold;
   margin-top: 12px;
   margin-bottom: 3px;
   color: #cc0000}
   
 .amazonexplcompliant
  {font-family: Arial, sans-serif;
   font-size: 65%;
   color: #555555;
   margin-top: 3px;
   margin-bottom: 16px;
   padding-top: 1px;
   padding-bottom: 1px;
   border-top: #aaaaaa;
   border-bottom: #aaaaaa}
      
/* too much work to get rid of the indoc prefix and have it work in all documents */  
.indocspotlightgriditemheader
  {font-size: 10px;
   color: #999999; 
   text-align: center;
   border-top: 1px solid #555555; 
   border-bottom: 1px solid #555555; 
   padding: 2px}