body 
{	
	position: relative; /* Ensure the body element establishes a containing block */
	margin: 0;          /* eliminates space above title */
}


* { 
    font-family: sans-serif;  
  }

#container  /* top level */
{
   width: 100%;
   height: 100%;
}

#banner, #footer
{
 width: 100%;
 clear: both;
}


#banner
{
   /* height: 2em; */
     height: 2.5em;

   
   color: white; 
   background-color: #663366;  
   
   text-align: center;
   margin-bottom: .5em;  
}


.bycheck
{
 clear: left;
}


.company
{
  font-size: x-small;
  font-weight: bold;
}



#content H3 
{
  color: #660066;
}

#banner H1
{
  color: white;
  margin:0;
  padding:0px;
}


#banner H3
{
  color: white;
  margin:0;
  padding:4px;
}


#content
{
  float: right;
  width: 85%;
  height:87%;    
  color: #660066;
}


#content img.onecard, img.twocards
{  
 margin-top: 1em;
 width: 350px;  
}

#content img.twocards
{  
 display: inline;
}

#content img.onecard
{  
 float: left;
 margin-right: 1em;
}


#content img.coverart, #content img.boxfront
{
 float: left;
 margin-right: 1em;
 margin-bottom: .5em;
 margin-left: 0;
}

#content img.coverart
{
 margin-top: 0;
}

#content img.boxfront
{
 margin-top: 1em; 
}


#content img.strip
{
 float: left; /* fixed Firefox 3.6.12 change that sometimes put this image too far right */
 clear: both;
}


#content img.fullcoverart
{
  float: left;
}


#content img.fanned
{
  margin-left: 7em;
  clear: both;
  border: 2px solid #663366;  
}

/* make this match look good above .fanned */
.howheardtable
{
 margin-left: 7em;
}


.thanks
{
font-style: italic;
font-weight: bold;
}

.emphasize
{
color: blue;
}

.redflag
{
color: red;
}


.PPComments
{
 width: 29em;
 height: 3em;
}

.commentline
{
   cols=50;
   rows=5;
}

.presinfo em
{
   
 font-weight: bold;
}

p.presinfo
{
  color: #660066;
}


#navbar
{
  width: 14%;
  float: left;
  margin: 0 0 0 3px;  /* not working on Firefox, even if use px instead of % */
}


/* Want each line (anchor) in navbar to be on a new line. This rule changes text from its default
   inline to block, and blocks stack vertically.
   Also want extra line between each navbar item
 */
#navbar a
{
  display: block;
  padding-bottom: 1em;
}

#navbar img
{
  padding-bottom: 1em;
}

#footer
{   
  margin-top: 1em;
  color: #660066;
  height: 6%;

  font-size: smaller;
  text-align: center;
  font-weight: bold;
 }


#preslinks
{
 /* text-indent: 3em;
 */
  clear: left; /* Feb 9 2011 */
 line-height: 2em;
  
}

#preslinks ul
{
  list-style-type: none;
}


div.spacer 
{
  clear: both;
}