body {
   color: black;
   background-color: white;
   font-family: Arial, Verdana, sans-serif;
}

body#sewing,
body#embroidery,
body#quilting,
body#needlework {
   background-image: url("/images/background.jpg");
}

body#quilting #banner {
   text-align: center;
   background: url("/quilting/quilsce2.gif") top left no-repeat;
   width: 543px; /* width of quilting banner */
   height: 69px; /* height of quilting banner */
   margin-left: auto;
   margin-right: auto;
}

body#embroidery #banner {
   display: none;
	 /* REMOVE THE COMMENTS AND "display: none;" TO DISPLAY BANNER
   background: url("/machine-embroidery/XXX.gif") top left no-repeat;
   width: XXXpx;
   height: XXXpx;
   margin-left: auto;
   margin-right: auto;
	 */	 
}

body#sewing #banner {
   background: url("/sewing/JS I love to sew transparent.gif") top left no-repeat;
   width: 272px; /* width of sewing banner */
   height: 86px; /* height of sewing banner */
   margin-left: auto;
   margin-right: auto;   
}

img {
   border: none;
}

a:link {
   color: blue;
}

a:visited {
   color: purple;
}

a:hover {
}

a:active {
   color: red;
}

#banner, #summary {
   text-align: center;
}

#summary p {
   text-align: left;
}

#footer {
   /* center contents of div#footer */
   text-align: center;
   /* needed to center THIS div */
   margin-left: auto;
   margin-right: auto;
   width: 624px; /* width of horizontal rule image */
}

#footer ol {
   list-style-type: none;
   text-align: center;
   padding: 0;
   height: 50px; /* height of buttons */
   /* needed to center THIS div */
   margin: 0 auto 0 auto;
   width: 492px; /* width of buttons + margins between them */
}

#footer li {
   float: left;
   padding: 10px;
   width: 150px; /* width of buttons */
   height: 50px; /* height of buttons */
   padding: 0;
   margin-right: 10px;
   margin-bottom: 10px;
   /* keep images above link text */
   z-index: 1;
   position: relative;
}

#footer ol li a {
   float: left;
   width: 150px; /* width of buttons */
   height: 50px; /* height of buttons */
   /* keep link text below images */
   z-index: -1;
   position: relative;
}

#footer span {
   display: none;
}

#back {
   background: url("/quilting/bolt back.gif") top left no-repeat;
}

#section-home {
   background: url("/quilting/bolt home quilting.gif") top left no-repeat;
}

#next {
   background: url("/quilting/bolt next.gif") top left no-repeat;
}

body#embroidery #back {
   background: url("/machine-embroidery/embroidery thread back.gif") top left no-repeat;
}

body#embroidery #section-home {
   background: url("/machine-embroidery/embroidery thread home.gif") top left no-repeat;
}

body#embroidery #next {
   background: url("/machine-embroidery/embroidery thread next.gif") top left no-repeat;
}


body#sewing #back {
   background: url("/sewing/sewing back word.gif") top left no-repeat;
}

body#sewing #section-home {
   background: url("/sewing/sewing home word.gif") top left no-repeat;
}

body#sewing #next {
   background: url("/sewing/sewing next word.gif") top left no-repeat;
}



#home {
   clear: left;
   /* needed to center the contents of this div */
   margin-left: auto;
   margin-right: auto;
   width: 130px; /* width of pirate button */
}

#home #pirate-button {
   display: block;
   width: 130px; /* width of pirate button */
   height: 130px; /* height of pirate button */
   background: url("/images/butn-pir.gif") top left no-repeat;
}

div.hr {
   border: none;
   background: url("/images/stichblu.gif") no-repeat;
   width: 624px; /* width of horizontal rule image */
   height: 10px; /* height of horizontal rule image */
   margin-top: 10px;
}

div.hr hr {
   display: none;
}