html { }
body {
       /* font-family: tahoma, arial, verdana, sans-serif; */
       font-family: Goudy Old Style;
       font-size: 100%; 
       color: #000000;
       background-color: #ffcc66;
       margin: 1em 3em 3em 3em;
       }

h2 { text-align: center; 
     font-family: Goudy Old Style;
     font-size: 200%; 
     }

p { text-indent: 2em;
    text-align: justify; 
    }

/* This center all tables */
table { 
    margin-left: auto;
    margin-right: auto;
}

.guitar-header {
           font-size: 120%;
           font-weight: bold;
           color: #990000;
           }

div.body { 
    background-color: #ffffff;
    background-image: url("../images/styles/background.jpg"); 
    padding: 1em;
    margin: 0.5em;
    border:thin dotted #ffff99;
}

div.body-gallery { 
    padding: 0.5em;
 }

/* For those anchors inside div.body-gallery make them visible */
.body-gallery a {
    color: #00ffff;
}

.body-guitar-images { background-color: #000000;
                      padding: 1em;

}
.body-guitar-images td { padding: 0.5em;
                         text-align: center;
                         }

div.float { float: left; 
            font-size:100%
            }

div.email { text-align:center;}

div.inventory { padding-bottom: 1em; 
                text-align: justify; 
                }

div.bruce-voice { font-style: italic; 
                  padding-bottom:1em; 
                  font-size:110%
                  }
div.bruce-on-paulino { font-style: italic;
                       text-align: center;
                       text-indent: 2em;
                       margin-bottom:1em;
                       padding:.5em;
                       font-size:110%;
                       border: thin dotted #ff9900;
                       background-color: #ffffcc;
                       color: #663300;
                       }

div.center {  text-align:center; }

.contact { text-align: center; 
             font-family: Goudy Old Style;
             font-size: 150%;
             color: #800000;
             }

/* ~~~~~~~~~~~~~~~~~~~~ */
/*   Menu system        */
.menu { 
         text-align:center;
         font-size:85%;
         font-weight:bold;
}
div#nav {
    display:inline;
}

div#nav a {
    color: #000000; /* black */
    background-color: #cc9933; /* Orangy-brown */
    text-decoration: none;
    padding: 5px 1em 5px 1em;
    border: thin solid #996633; /* Brown:  #996633; */
}

div#nav a:hover   { 
    color:            #000000; /* black */
    background-color: #ffcc33;
    text-decoration: underline;
}
/* ~~~~~~~~~~~~~~~~~~~~ */

/* foto section */
div.foto { border: thin silver solid;
           margin: 1em;
           padding: 0.5em;
           background-color: #ffffff;
           }
div.right { float: right; }
div.left { float: left; }
div.foto p { text-align: center;
             font-style: italic;
             font-weight: bold;
             font-size: 95%;
             text-indent: 0;
             }
.center-height { padding: 9em 2em 12em 5em ;
                 text-align: left;
                 text-indent: 0;
                 } 
/* */

img { border: none; } /* added for firefox not to display borders on images */