H1, H2, H3 { color: SaddleBrown; font-family: "Palatino Linotype","Book Antiqua",serif }

.dropcap { color: SaddleBrown;
	   font-family: "Palatino Linotype","Book Antiqua",serif;
	   font-weight: bold;
	   font-size: x-large; }

.toolbar { color: Peru;
	   background: SaddleBrown;
	   font-family: verdana,sans-serif;
	   font-weight: bold;
	   margin-bottom: 30;
	   margin-left: 5;
	   font-size: 10pt }
/* Links within the toolbar. Note that order is important (hover last) */
A.tb:link    {text-decoration: none;  color: AntiqueWhite }
A.tb:active  {text-decoration: none;  color: Antiquewhite }
A.tb:visited {text-decoration: none;  color: Antiquewhite }
A.tb:hover   {text-decoration: none;  color: Gold }

HR   { color: Peru }

DT   { color: SaddleBrown; font-weight: bold }

A {color: SaddleBrown }
A:hover {color: Peru }


body {     
  color: #000000;
  background: AntiqueWhite;
  font-family: "Palatino Linotype","Book Antiqua",serif;
  /* Don't let display get larget than 1000 pixels; center it */
  max-width: 1000px;
  margin: auto;
  margin-top: 8px;
}

/* Default size for The Fossils logo */
.logo { width: 135px  }

/* Change specifications when screen is between 651 and 1026 */
@media only screen and (min-width: 651px) and (max-width: 1026px) {
  body {
    margin: 8px;   /* Ensure a minimum margin */
  }
}

/* Change specifications when screen is less than 650 */
@media only screen and (max-width: 650px) {
  body {
    margin: 0;   /* Remove the margin */
  }
  /* Make the Fossil logo disappear */
  .logo { width: 0  }
}